@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; color:#000; line-height:160%; font-family:Arial,Verdana, Geneva, sans-serif;}
img{ border:none;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#133984; text-decoration:underline;}
div{ margin:0 auto;}
.blank{ height:10px; line-height:10px; overflow:hidden; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix:after{content: "";display: block;height: 0;clear:both;}]
.clearfix{zoom:1;}
.w{ width:1000px;}
.noInfo{ text-align:center; color:#666; padding:15px;}

/*顶部*/
.header-box{/*width:1000px; */height:145px; background:#66BEE6 url(../images/header-bg.jpg) center top no-repeat;}
.header-box .c{ height:145px; background:url(../images/banner.jpg) center top no-repeat;}
.header-box .logo a{ height:145px; width:480px; display:block; overflow:hidden; text-indent:-9999px;}
.header-box .top-right{margin-top:28px;}
.favorite{float:right;/*clear:both;*//*height:35px;line-height:35px;*//*margin:15px 0 0 0;*/}
.favorite ul{margin:0px;padding:0px;list-style-type:none;}
.favorite li{margin:0 5px;padding:0 0 0 20px;list-style-type:none;/*float:left;*/}

.f1{background:url(../images/cn.jpg) no-repeat left center;margin-bottom:10px !important;}
.f2{background:url(../images/en.jpg) no-repeat left center;}

.header-box .top-right .phone{ float:left;width:218px; height:24px; background:url(../images/phone.png) no-repeat; margin-top:25px;/*float:right;*/clear:both;}
.header-box .search{ width:313px; height:29px; margin-top:10px;float:right;clear:both;}
.header-box .search .keywords{float:left; width:250px; height:29px; padding:0 0 0 2px; line-height:29px; border:none; background:#FFF url(../images/search.jpg) no-repeat; font-size:14px; color:#333;}
.header-box .search .submit{ background:#FFF url(../images/search.jpg) right top no-repeat; width:60px; height:29px; float:left; border:none; cursor:pointer; text-indent:-9999px; overflow:hidden;}

/*菜单*/
.menu-box{/*width:1000px; */background:url(../images/menu.jpg) repeat-x; height:40px; overflow: visible; position:relative; z-index:100;}
.menu-box .w{ width:1000px;}
.menu-box li{ list-style:none; float:left; background:url(../images/menuline.jpg) no-repeat left top; padding:0 0 0 2px; position:relative;}
.menu-box li.c1{ background:none;}
.menu-box li a{ float:left; display:block; height:40px; line-height:40px; font-size:14px;  font-weight:normal; font-family:"微软雅黑"; width:108px; text-align:center; color:#FFF;}
.menu-box li a:hover{ text-decoration:none;color:#FFF;}
.menu-box li.current a.lik{ background:url(../images/menucur.jpg) repeat-x; color:#133984;}
.menu-box li .c{ display:none; position:absolute; left:0; top:40px; overflow:hidden; background:url(../images/mp.png); _background:#003E67;width:108px;}
.menu-box li .c p{ float:left;}
.menu-box li .c p a{ float:left; height:28px; line-height:28px; padding:0; text-align:left; font-size:12px; text-indent:25px; width:110px; color:#FFF;}
.menu-box li .c p a:hover{ color:#FFF; background:#003E67;}
.menu-box li.hover .c{ display:block;}
.child-menu{ height:30px; line-height:30px; background:#FFF;}
.menu-box li.c5 .c{ width:220px;}
/*
.menu-box li.c3 .c{ left:-40px;}
.menu-box li.c4 .c{ left:-80px;}
.menu-box li.c8 .c{ left:-160px;}
*/

/*首页轮换图片 begin*/
#fh5co-hero{margin-top:10px;clear:both;}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none; clear:both; }
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0;padding: 0;list-style: none;}
.flexslider{margin: 0;padding: 0;position:relative;z-index:1}
.flexslider .slides > li{display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides > li a{ display:block; height:100%}
.flexslider .slides img{width: 100%;display: block;}
.flex-pauseplay span{text-transform: capitalize;}
.slides:after{content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li:first-child{display: block;}
.flex-control-nav{position:absolute;bottom:27px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1}
.flex-control-nav a{width:10px;height:10px;display:block;background:#777;cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.flex-control-nav .flex-active{background:#fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;}
.flex-direction-nav li a{display:block;width:40px;height:40px;cursor:pointer;text-indent:-999em;position:absolute;top: 50%; margin-top:-20px;}
.flex-direction-nav li a.flex-prev{left:40px;background: url("../images/slider-arrow.png") no-repeat -130px 50%;opacity: 1;}
.flex-direction-nav li a.flex-next{right:40px;background: url("../images/slider-arrow.png") no-repeat -6px 50%;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url("../images/slider-arrow.png") no-repeat -6px 50%;opacity: 0.75;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/slider-arrow.png") no-repeat -130px 50%;opacity: 0.75;}
/*首页轮换图片 end*/

/*flash*/
#focus-box{width:1000px;height:365px;overflow:hidden; margin:10px 0 10px 0; position:relative; z-index:99;}
#focus-box ul{height:3452px; position:absolute; z-index:2000;}
#focus-box ul li{float:left; width:1000px; height:365px; overflow:hidden; position:relative;}
#focus-box ul li img{ width:1000px; height:365px;}
#focus-box .btn{position:absolute; z-index:4000; width:1000px; height:18px; right:10px; bottom:15px; text-align:right;}
#focus-box .btn span{display:inline-block;_display:inline; _zoom:1; color: #FFFFFF; cursor: pointer; font-size: 11px; width: 17px; height: 13px; line-height: 15px; text-align: center; margin:15px 0 0 5px; background:url(../images/ico.gif) no-repeat;}
#focus-box .btn span.on{ background:url(../images/ico.gif) -18px 0 no-repeat; color: #FFFFFF; position: relative; z-index: 2;}
#focus-box .btnBg{position:absolute;width:970px;height:70px;left:0;bottom:0;background:#323033; display:none;}
#focus-box .preNext{width:31px; height:46px;position:absolute; z-index:2001; top:50%; margin-top:-23px; display:none; background:url(images/slider-arrows.png) no-repeat; cursor:pointer; display:none;}
#focus-box:hover .preNext{ display:block;}
#focus-box .pre{left:5px;}
#focus-box .next{right:5px;background-position:right 0;}

.focus{width:1000px; height:560px; overflow:hidden; position:relative;}
.focus ul {height:380px; position:absolute;}
.focus ul li {float:left; width:1000px; height:560px; overflow:hidden; position:relative;}
.focus ul li img{width:1000px; height:560px;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0;background:#000; display:none;}
.focus .btn {position:absolute; width:1000px; height:23px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:right;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px;height:100px; position:absolute; top:230px; background:url(../imgs/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}

.design_bg{background:#f7f8fa;}
.design_title{height:30px;line-height:30px;font-size:18px; text-align:center;width:100%; font-family:"微软雅黑";padding:10px 0;}

/*图片切换*/
.focusPic{ margin:0px auto; width:1000px;margin:10px 0 10px 0;}
#focus{WIDTH:1000px; POSITION: relative; HEIGHT:365px}
#No{Z-INDEX: 1;right:5px; bottom:0px;POSITION: absolute;}
#No LI{FLOAT: left; WIDTH: 17px; MARGIN-RIGHT: 1px; PADDING-TOP: 2px; HEIGHT: 11px; TEXT-ALIGN: center}
.bbg0 {FONT-SIZE: 10px; BACKGROUND:url(../images/focus1.gif); CURSOR: pointer; COLOR: white; LINE-HEIGHT: 11px; FONT-FAMILY: Arial}
.bbg0 A {COLOR: white; TEXT-DECORATION: none}
.bbg1 {FONT-SIZE: 10px; BACKGROUND: url(../images/focus2.gif); CURSOR: pointer; COLOR: white; LINE-HEIGHT: 11px; FONT-FAMILY: Arial}
.bbg1 A {COLOR: white; TEXT-DECORATION: none}
#au{FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH:1000px; HEIGHT:365px}
#au IMG{WIDTH:1000px; HEIGHT:365px}
/*图片切换结束*/

/*最新案例*/
.new-case-list{ height:240px; overflow:hidden;}
.new-case-list li{ float:left; width:323px; height:120px; border-right:1px dashed #D5DEE2; border-bottom:1px dashed #D5DEE2;}
.new-case-list li.c2,.new-case-list li.c4{ border-right:none; width:322px}
.new-case-list li.c3,.new-case-list li.c4{ border-bottom:none;}
.new-case-list li .img{ width:120px; height:90px; margin:15px 0 0 15px; overflow:hidden; float:left;}
.new-case-list li .img img{ width:120px; height:90px;}
.new-case-list li .txt{ float:right; width:176px;}
.new-case-list li .txt h2{ font-size:12px; font-weight:normal; margin-top:15px; height:20px; overflow:hidden;}
.new-case-list li .txt h2 a{ color:#133984; font-weight:bold;}
.new-case-list li .txt p{ height:70px; line-height:145%; overflow:hidden; color:#333333;}

/*middle*/
.box-1{ border:1px solid #E5E5E5; background:#FFF;}
.area-left{ width:340px; float:left;}
.area-right{width:650px; float:right;}
.middle-box{ margin-top:10px;}
.middle-box .area-left{ width:205px;}
.middle-box .area-right{ width:775px; background:#F7F8FA;}

.about-box .about-content{ padding:10px; height:220px; line-height:180%; overflow:hidden;}

.title{ background: url(../images/title.jpg) repeat-x; height:36px; line-height:36px; padding:0 15px;}
.title h2{ color:#133984; background: url(../images/titledot.jpg) 0 50% no-repeat; height:36px; font-size:15px; line-height:36px; text-indent:18px; font-weight:normal; font-family:"微软雅黑";}
.title a.fr{ color:#FF6600;}

.type-box .type-list{ padding:10px;}
.type-list p{ background: url(../images/arr.jpg) 20px 50% no-repeat; padding-left:30px; height:29px; line-height:29px; border-bottom:1px dashed #CCC;}
.type-list p a{ color:#333333;}
.type-list p a:hover{ text-decoration:underline; color:#FF6600;}
.type-list p.second_cat{ background-position:33px 50%; padding-left:43px;}

/*news-list*/
.sertain-box{ padding:12px;}
.news-list li{ border-bottom:1px dashed #DFDFDF; list-style:none; height:34px; line-height:34px; overflow:hidden; background:url(../images/a.jpg) 0 50% no-repeat; text-indent:12px;}
.news-list li span{ float:right; color:#999999;}
.news-list li a:hover{ text-decoration:underline; color:#FF6600;}
.newsTitle{ font-weight:bold; font-size:14px; text-align:center;}
.newsAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc; color:#666;}
.newsAuthor span{ margin:0px 6px; font-size:9pt;}
.content-box{ color:#666666; font-size:14px; padding:10px 0;}
.pageUpDown{padding-top:10px; color:#666; text-align: left;}
.pageUpDown a{ color:#666;}

.news_list{}
.news_list li{border-bottom:1px dashed #DFDFDF; list-style:none; height:21px; line-height:21px; overflow:hidden; background:url(../images/a.jpg) 0 50% no-repeat; text-indent:12px;}
.news_list span{float:right; color:#999999;}

.ur-here{ border-bottom:1px solid #E5E5E5; background:#FFF; height:32px; line-height:32px; color:#333333; background:#FFF url(../images/icoo.jpg) 0 50% no-repeat; font-family:"微软雅黑"; text-indent:15px;}
.ur-here a{ color:#333;}
/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages a{font-size:12px;padding:3px 7px;border:1px solid #ccc; color:#999; margin:0 4px;}
.pages a:hover{background:#888; color:#FFF;}
.pages a.page_now{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}

/*案例展示*/
#slide{overflow:hidden; width:970px; margin:10px auto 0 auto; height:175px;}
.slideul1{width:100%;}
.slideul1 li{float:left;}
.ipro{padding:0px 0 0 0; overflow:hidden; width:100%;}
.ipro li{width:184px; height:175px; text-align:center; background:url(../images/shadow.jpg) no-repeat; margin-right:13px; float:left; display:inline;}
.ipro li img{width:174px; height:124px; margin:3px 0 12px 0;}

/*Product*/
.product-hot{ margin:10px; padding:5px; background:#E1ECF0;}
.product-hot a{ display:inline-block; margin:3px 5px;}
.productList{width:100%;}
.productList li{width:184px; height:170px; text-align:center; background:url(../images/shadow.jpg) no-repeat; margin:10px 0 0 13px; float:left; display:inline;}
.productList li img{width:174px; height:124px; margin:3px 0 12px 0;}
.area-right .productList{ width:730px;}
.area-right .productList li{ margin:20px 12px 0 5px; width:164px; background:none;}

.sertain-box-pdetail{ padding:20px;}
.productTitle{ clear:both; text-indent:1em; height:28px; line-height:28px; font-weight:bold; background:url(../images/productTitle.jpg) no-repeat;}
.productImg{width:324px; height:320px; text-align:center; float:left; background:url(../images/productImg.jpg) no-repeat;}
.productImg .img{width:310px; height:205px; overflow:hidden; margin-top:6px;}
.productImg .img img{ width:310px;}
.productImg .thumb{ text-align:center; padding:20px 0 0 0; height:42px; overflow:hidden;}
.productImg .thumb a{ display: inline-block; width:60px; height:42px; margin:0 6px; overflow:hidden;}
.productImg .thumb a img{ width:56px; height:38px; padding:1px; border:1px solid #CCC; display: inline-block;}
.productImg .contatc{ text-align:center; padding:15px 0 0  0;}
.productImg .contatc img{ vertical-align:middle;}
.productImg .contatc a{ color:#666;}
.productRight{width:170px; padding-left:10px; float: left;}
.productRight2{width:320px; padding-left:10px; float: left;}
.productRight li{ padding-bottom:12px; color:#333333;}
.productRight strong{ color:#133984;}
.productRelate{ float:right; width:195px; overflow:hidden; margin:0 0 0 0; background:#FFF; display:inline;}
.productRelate .t{ background:#E7EBF0; height:30px; line-height:30px; padding-left:14px; font-weight:bold; color:#133984;}
.productRelate ul{ border:1px solid #E7EBF0; text-align:center; padding-top:15px;}
.productRelate ul li{ margin-bottom:15px;}
.productRelate a.i{ display:inline-block; border:1px solid #D5E1E2;}
.productRelate a.i span{ display:inline-block; width:155px; overflow:hidden; border:2px solid #FFFFFF;}
.productRelate img{ width:155px;}
.productAttention .t{ height:35px; line-height:35px; margin-bottom:10px; border-top:1px dashed #DEE0DF; overflow:hidden; clear:both;}
.productAttention .t a{ float:right; color:#FF6600;}
.productAttention ul li{ float:left; margin-right:20px; display:inline; width:160px; text-align: center;}
.productAttention a.i{ display:inline-block; border:1px solid #D5E1E2;}
.productAttention a.i span{ display:inline-block; width:155px; height:110px; background:#FFF; overflow:hidden; border:2px solid #FFFFFF;}
.productAttention img{ width:155px;}

.contentDesc{ line-height:20px; padding:20px 0; width:100%; color:#333;}
.contentDesc p{ margin: inherit; padding:inherit;}

.box{line-height:20px;}

/*footer*/
.footer-box{ background:#e5e5e5 url(../images/footer-box.jpg) center top repeat-x; color:#666666; margin-top:10px;padding-bottom:10px;}
.footer-box .w{ background:url(../images/logo2.jpg) 0 25px no-repeat; text-align:right;}
.footer-box a{ color:#666666;}
.footer-box .links{ padding:12px 0 5px 0;}
.footer-box .links li{ display:inline; list-style:none;}
.footer-box .links li a{ margin:0 5px;}
.footer-box .copyright{ line-height:180%;padding:10px 0 20px;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}

.indexlink{}
.indexlink ul{margin-top:13px;}
.indexlink li{float:left; padding:0px 8px; line-height:25px;}

/*在线客服*/
.SonlineBox{ width:139px; font-size:12px;overflow:hidden; z-index:101;}
.SonlineBox .openTrigger{ width:31px; height:130px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#a9060e url(../images/qq/greenOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:135px; height:35px;line-height:33px; background:#a9060e; border-bottom:2px solid #a9060e;}
.SonlineBox .titleBox span{ margin-left:10px;color:#fff; font-size:14px;}
.SonlineBox .contentBoxC{ width:135px; /*height:335px;*/ border:2px solid #a9060e; background:#ffffff/* url(images/qq/greenBg.jpg) no-repeat*/; position:absolute; z-index:2;}
.SonlineBox .contentBoxC .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBoxC .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBoxC .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBoxC .listBox .Tlist{ display:block; width:86%; height:22px; margin:10px auto 0px auto;text-align:center;}
.SonlineBox .contentBoxC .listBox .Tlist span{float:left; line-height:22px;}
.SonlineBox .contentBoxC .listBox .Tlist a{/*float:left;*/}
.SonlineBox .contentBoxC .listBox .WWList{ line-height:18px;height:18px;}
.SonlineBox .contentBoxC .listBox .SkypeList{line-height:23px;height:23px;}
.SonlineBox .contentBoxC .otherBox{clear:both;height:115px;text-align:center;}
.SonlineBox .contentBoxC .otherBox img{width:105px;height:105px;}
.SonlineBox .contentBoxC .telBox{display:block;padding:36px 10px 10px ;color:#a9060e;font-size:14px;line-height:26px;font-family:'微软雅黑';background:url(../images/qq/telBg.jpg) 0 0 no-repeat;text-align:center;font-weight:bold;word-wrap : break-word;}
/*在线客服 end*/

@media screen and (max-width:1000px) {
	.header-box,.menu-box,.footer-box{width:1000px;}
}