﻿@charset "utf-8";

.BANNER{ height: 550px; }

.BANNER .container{ height: 550px; position: relative;}
.BANNER .Afous{ width: 252px; height: 40px; line-height: 50px;z-index: 9999; text-align: center; background: url(Img/Index/banyuan.png) no-repeat; position: absolute; bottom: 0px; left: 50%; margin-left: -126px;}
.BANNER .Afous span{ width: 10px; height: 10px; display: inline-block; margin: 0 2px; background: url(Img/Index/fcs.png) no-repeat;}
.BANNER .Afous span.on{background: url(Img/Index/fcs_h.png) no-repeat;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:10px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.on{ background:#375ba0;}


.research{background: url(Img/Index/cmbg.jpg); border-bottom: 1px solid #eaeaea;}
.research .rscont{ overflow: hidden; height: 35px; padding: 17px 0px;}
.rscont .hotworld{overflow: hidden; height: 35px; line-height: 35px; width: 558px; overflow: hidden;}
.rscont .hotworld *{display: inline-block; float: left;}
.rscont .hotworld a{ font-size: 12px; color: #666666; margin-right: 8px;}
.rscont .hotworld span{ font-size: 12px; color: #375ba0; font-weight: bold;}
.rscont .rsbox{ width: 336px; position: relative; height: 35px;}
.rscont .rsbox .cont_text{ float: left; width: 270px; outline: none; height: 17px; color: #666666; line-height: 17px; border: 1px solid #eaeaea; border-right: none; padding: 8px 0px 8px 10px;}
.rscont .rsbox .cont_btn{width: 58px; height: 35px; outline: none; cursor: pointer; font-size: 14px; color: #fff; border: none; background: url(Img/Index/rsbtn.png) no-repeat; position: absolute; right: 0px; top: 0px;}
/*-- 搜索_end --*/


.cpcenter{background: url(Img/Index/cmbg.jpg);}
.cpcenter .container{ overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
.Leftlist{ width: 230px; padding: 10px 10px; background: #375ba0; float: left;}
.Leftlist h2{ text-align: center; padding-top: 12px; padding-bottom: 20px;}
.Leftlist h2 a{ font-size: 20px; color: #fff;}
.Leftlist h2 span{ display: block; font-size: 12px; padding-top: 8px; font-family: "Tunga"; color: #5a78b1; font-weight: normal; text-transform: uppercase;}
.sortlist{ background: #fff;}
.sortlist dl{ overflow: hidden; padding: 0px 9px 12px 9px;}
.sortlist dl dt{height: 33px; border: 1px solid #dbdbdb; padding: 0 12px; background: url(Img/Index/cpdtbg.png) repeat-x;}
.sortlist dl dt a{ display: inline-block; width: 165px; height: 33px; font-weight: bold; font-size: 14px; color: #303030; line-height: 33px; padding-left: 23px; padding-right: 10px; background: url(Img/Index/cl1.png) no-repeat left center;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sortlist dl dd{ height: 38px; line-height: 38px; background: url(Img/Index/cl2.png) no-repeat 12px center; padding-right: 10px;}
.sortlist dl dd a{ width: 88%; font-size: 12px; color: #5f5f5f; padding-left: 32px; display: inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.picshow{ float: right; overflow: hidden; width: 705px;}
.picshow .cptab{ height: 46px; overflow: hidden;}
.picshow .cptab li{ width: 165px; height: 44px; float: left; text-align: center; border: 1px solid #bcbcbc; background: #fff;}
.picshow .cptab li a{ display: inline-block; width: 100%; height: 44px; line-height: 44px; text-decoration: none; font-size: 14px; color: #303030;}
.picshow .cptab li.on,.picshow .cptab li:hover{ background: #375ba0; border: 1px solid #375ba0;}
.picshow .cptab li.on a,.picshow .cptab li:hover a{ color: #fff; font-weight: bold;}

.picshow .cpzslist{ overflow: hidden; margin-top: 20px; width: 800px;}
.picshow .cpzslist li{ border: 1px solid #e6e6e6; float: left; overflow: hidden; margin-bottom: 23px; position: relative; margin-right: 15px; background: #fff; width: 223px; padding-bottom: 20px;}
.picshow .cpzslist li .picbox{ display: block; width: 223px; height: 223px; overflow: hidden;}
.picshow .cpzslist li img{ display: block;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear; transition:all 0.5s linear;}
.picshow .cpzslist li h5{ height: 38px; padding: 0 12px; line-height: 38px; border-top: 1px solid #e6e6e6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight:normal;text-align:center;}
.picshow .cpzslist li h5 a{ font-size: 14px; color: #303030;}
.picshow .cpzslist li p{ height: 40px; line-height: 20px; color: #303030; font-size: 12px; padding: 0 12px;overflow: hidden;}
.picshow .cpzslist li>div{ overflow: hidden; padding: 0 12px; margin-top: 15px;}
.picshow .cpzslist li>div a{ display: inline-block; padding-left: 15px; height: 20px; line-height: 20px; font-size: 12px; color: #666666;}
.picshow .cpzslist li>div .smore{ float: left; background: url(Img/Index/smore.jpg) no-repeat left center; }
.picshow .cpzslist li>div .openbig{ float: right; background: url(Img/Index/zx.jpg) no-repeat left center;}
.picshow .cpzslist li:hover img{-webkit-transform:scale(1.2 , 1.2);-moz-transform:scale(1.2 , 1.2);-ms-transform:scale(1.2 , 1.2);-o-transform:scale(1.2 , 1.2);transform:scale(1.2 , 1.2);}
.picshow .cpzslist li .bdtx{position:absolute;background:#375ba0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.picshow .cpzslist li .bd_top{height:1px;width:0;font-size:0;top:-15px;left:-24px;}
.picshow .cpzslist li .bd_right{height:0px;width:1px;font-size:0;bottom:0;right:-24px;}
.picshow .cpzslist li .bd_bottom{height:1px;width:0px;font-size:0;right:-24px;bottom:0;}
.picshow .cpzslist li .bd_left{height:0px;width:1px;font-size:0;left:-24px;top:-15px;}
.picshow .cpzslist li.hover .bd_top,.picshow .cpzslist li.hover .bd_bottom{width:225px}
.picshow .cpzslist li.hover .bd_left,.picshow .cpzslist li.hover .bd_right{height:356px}
/*产品中心_end*/


/*---------------CMtitle------------------*/
.CMtitle{ width: 100%; text-align: center; overflow: hidden;}
.CMtitle a{ display: inline-block; font-size: 30px; font-weight: bold; color: #fff;}
.CMtitle .jjfa{ display: block; margin-top: -10px;}
/*---------------CMtitle_end------------------*/

.Jdvl{ height: 575px; background: url(Img/Index/Jdclbg.jpg) no-repeat center top;}
.Jdvl .container{ padding-top: 79px; position: relative;}
.Jdvlcont{ overflow: hidden; margin-top: 30px;}
.Jdvlcont .Vlslider{ width: 980px; overflow: hidden; margin: 0 auto; height: 364px; position: relative;}
.Jdvlcont .Vlslider>div{ overflow: hidden; width: 1000000px; height: 364px; position: absolute; left: 0px; top: 0px;}
.Jdvlcont .Vlslider ul{overflow: hidden; float: left; height: 364px;}
.Jdvlcont .Vlslider li{ overflow: hidden; float: left; height: 364px; margin-right: 10px;}
.Jdvlcont .Vlslider li.shde{width: 238px;}
.Jdvlcont .Vlslider li.lgde{width: 489px;}
.Jdvlcont .Vlslider li img{ display: block; position: relative; z-index: 5;}
.Jdvlcont .Vlslider li p{ display: none; width: 100%; height: 48px; position:relative; z-index: 8; margin-top: -48px; line-height:48px; background: url(Img/Index/overlay.png);}
.Jdvlcont .Vlslider li p a{ display: inline-block;}
.Jdvlcont .Vlslider li p .bt{ font-size: 16px; float: left; color: #ffffff; margin-left: 14px;overflow: hidden;width:160px;height:35px;}
.Jdvlcont .Vlslider li p .zs{ margin-right: 14px; float: right; margin-top: 14px; width: 19px; height: 19px; background: url(Img/Index/yuan1.png) no-repeat;}
.Jdvlcont .Vlslider .topimg{ margin-bottom: 10px;}
.Jdvlcont .Vlslider .Hover:hover p{ display: block;}
.Jdvlcont .chgbtn{ height: 35px; line-height: 35px; margin-top: 30px; text-align: center; overflow: hidden; background: url(Img/Index/xian.png) no-repeat center center;}
.Jdvl .btn{ display: inline-block; width: 35px; height: 35px; position: absolute; top: 333px;}
.Jdvl .prev{background: url(Img/Index/prev.png) no-repeat; left: -46px;}
.Jdvl .next{background: url(Img/Index/next.png) no-repeat; right: -46px;}
/*-- 客户案例_end --*/



/*-- 解决方案--*/
.Solution{background: url(Img/Index/cmbg.jpg);}
.Solution .container{ padding-top: 30px; padding-bottom: 65px; position: relative;}
.Solution .CMtitle a{ color: #303030;}
.Slcont{ overflow: hidden; margin-top: 22px; }
.Slcont ul{ overflow: hidden; width: 1000px;}
.Slcont ul li{ float: left; width: 316px; margin-right: 15px; overflow: hidden; position: relative;}
.Slcont ul li img{ display: block;}
.Slcont ul li h5{ height: 30px; line-height: 30px; margin-top: 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Slcont ul li h5 a{ font-size: 14px; color: #303030;}
.Slcont ul li p{ height: 60px; line-height: 20px; overflow: hidden; margin-top: 3px; font-size: 12px; color: #303030;}
.Slcont ul li .Rmore{ display: inline-block; width: 130px; margin-top: 25px; height: 36px; line-height: 36px; text-decoration: none; text-align: center; font-size: 14px; color: #fff; background: url(Img/Index/rmore.png);}
.Slcont ul li .Rmore:hover{background: url(Img/Index/rmore_h.png) no-repeat;}
.Slcont ul li .skins{ width: 240px; height: 240px; background: url(Img/Index/guang.png) no-repeat; position: absolute; left: -540px; top: 0px;}

.Solution .btn{ display: inline-block; width: 35px; height: 35px; position: absolute; top: 201px;}
.Solution .prev{background: url(Img/Index/nprev.png) no-repeat; left: -46px;}
.Solution .next{background: url(Img/Index/nnext.png) no-repeat; right: -46px;}
.Solution .prev:hover{background: url(Img/Index/nprev_h.png) no-repeat; left: -46px;}
.Solution .next:hover{background: url(Img/Index/nnext_h.png) no-repeat; right: -46px;}


.Trend{ height: 632px; background: url(Img/Index/cshi.jpg) no-repeat top center;}
.Trend .Trendcont{ height: 632px; overflow: hidden;}
.Tclfelt{ width: 435px; float: left; margin-top: 198px; padding-left: 25px;}
.Tclfelt dl{ overflow: hidden; border-left: 7px solid #fcc400; padding: 8px 0px 8px 13px; margin-bottom: 10px; background: #f2f2f2;}
.Tclfelt dl dt{ font-size: 18px; color: #303030;}
.Tclfelt dl dd{ color: #303030; margin-top: 4px;}
.Tclright{ width: 416px; float: right; margin-top: 215px; margin-right: 40px;}
.Tclright p{ height: 22px; line-height: 22px; font-size: 14px; color: #303030; margin-bottom: 42px;  padding-left: 22px; background: url(Img/Index/cha.png) no-repeat left center;}
/*-- Trend_end --*/


.Advantage{ overflow: hidden;}
.Advantage .Adbg{ height: 339px; position: relative; z-index: 3;}
.Advantage .Adbg1{background: url(Img/Index/ysbg_01.jpg) no-repeat top center;}
.Advantage .Adbg2{background: url(Img/Index/ysbg_02.jpg) no-repeat top center;}
.Advantage .Adbg3{background: url(Img/Index/ysbg_03.jpg) no-repeat top center;}
.Advantage .Adbg4{background: url(Img/Index/ysbg_04.jpg) no-repeat top center;}
.Advantage .Adbg5{background: url(Img/Index/ysbg_05.jpg) no-repeat top center;}

.Adcont{ height: 1695px; margin-top: -1695px; position: relative; z-index: 5;}
.Adcont .Text{ width: 495px; position: absolute;}
.Adcont .Text span{ display: inline-block; padding-left: 65px; font-size: 22px; color: #375ba0; font-weight: bold;}
.Adcont .Text h3{ font-weight: bold; padding-left: 65px; margin-top: 2px; color: #303030; font-size: 22px; font-weight: bold;}
.Adcont .Text ul{overflow: hidden; margin-top: 42px;}
.Adcont .Text ul li{ line-height: 20px; color: #303030; margin-bottom: 20px; font-size: 13px; background: url(Img/Index/wt.png) no-repeat left 0px; padding-left: 36px;}
.Adcont .Text1{ top: 168px; left: 475px;}
.Adcont .Text2{ top: 476px; left: 68px;}
.Adcont .Text3{ top: 781px; left: 476px;}
.Adcont .Text4{ top: 1091px; left: 68px;}
.Adcont .Text5{ top: 1418px; left: 475px;}
/*-- Advantage_end --*/


.procedure{ height: 369px; background: url(Img/Index/lc.png) no-repeat top center;}
.procedure .prdcont{height: 369px;}
.procedure .prdcont .zxbtn{ display: block; width: 139px;  height: 60px; background: url(Img/Index/zxbtn.png) no-repeat; float: right; margin-right: 257px; margin-top: 25px;}
/*-- procedure_end --*/


.Gthy{background: url(Img/Index/cmbg.jpg);}
.Gthy .container{ overflow: hidden; padding-top: 30px; padding-bottom: 28px;}
.Gthycont{ overflow: hidden;}
.Gthy .vdbox{ width: 527px; height: 360px; float: left; margin-left: 37px; position: relative;}
.Gthy .vdbox .vdtt{ display: inline-block; position: absolute; top: 10px; left: -37px; background: url(Img/Index/vdtt.png) no-repeat; width: 37px; height: 253px;}
.Gthy .vdbox img{ display: block;}
.Gthy .vddetail{ padding-left: 581px;}
.Gthy .vddetail h5{ overflow: hidden;}
.Gthy .vddetail h5 a{ font-size: 30px; color: #303030; font-weight: normal; display: inline-block;}
.Gthy .vddetail h5 .zjhy{display: block;width:199px;height: 24px;margin-top: 8px;background: url(Img/Index/about.png) no-repeat;}
.Gthy .vddetail p{ height: 185px; line-height: 25px; margin-top: 18px; overflow: hidden;  font-size: 12px; color: #565656;}
.Gthy .vddetail .Lkbtn{ overflow: hidden; margin-top: 50px; }
.Gthy .vddetail .Lkbtn a{ display: inline-block; width: 86px; float: left; text-align: center; line-height: 33px; font-size: 13px; color: #565656; height: 33px; border: 2px solid #ebebeb;background:#fff;}
.Gthy .vddetail .Lkbtn .qyfc{ margin-left: 10px; margin-right: 10px;}
.Gthy .vddetail .Lkbtn .qywh{margin-right: 10px;}
/*-- Gthy_end --*/



.Honor{background: url(Img/Index/cmbg.jpg);}
.Honor .container{ padding-bottom: 10px;}
.Hntop{height: 50px; border: 2px solid #e8e8e8;background:#fff;}
.Hntop .Hntab{ height: 50px; float: left; overflow: hidden;}
.Hntop .Hntab li{ height: 50px; text-align: center;float: left;}
.Hntop .Hntab li a{ display: inline-block; height: 50px; line-height: 50px; font-size: 18px; color: #303030; padding: 0 34px;}
.Hntop .smore{ float: right; line-height: 50px; font-size: 12px; color: #303030; margin-right: 12px;}
.Hntop .Hntab li.on{background: #375ba0;}
.Hntop .Hntab li:hover{background: #375ba0;}
.Hntop .Hntab li.on a{ color: #fff;}
.Hntop .Hntab li:hover a{ color: #fff;}
.Honor .Chgbox{ margin-top: 17px; position: relative;}
.Honor .Chgbox ul{ overflow: hidden; width: 1020px;}
.Honor .Chgbox ul li{ float: left; width: 235px; text-align: center; overflow: hidden; margin-right: 10px;}
.Honor .Chgbox ul li img{display: block; padding: 10px 10px; background: #fff; border: 1px solid #d3d3d3;}
.Honor .Chgbox ul li p{height: 30px; line-height: 30px; margin-top: 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Honor .Chgbox ul li p a{ font-size: 12px; color: #303030; font-size: 12px;}

.Honor .Chgbox .btn{ display: inline-block; width: 35px; height: 35px; position: absolute; top: 95px;}
.Honor .Chgbox .sprev{background: url(Img/Index/nprev.png) no-repeat; left: -46px;}
.Honor .Chgbox .snext{background: url(Img/Index/nnext.png) no-repeat; right: -46px;}
.Honor .Chgbox .sprev:hover{background: url(Img/Index/nprev_h.png) no-repeat; left: -46px;}
.Honor .Chgbox .snext:hover{background: url(Img/Index/nnext_h.png) no-repeat; right: -46px;}

.Chgbox .tempWrap{width:980px; overflow: hidden;}
/*-- 荣誉资质_end --*/

.Hydt{background: url(Img/Index/cmbg.jpg);}
.Hydt .Hydtcont{ overflow: hidden; padding-top: 26px; padding-bottom: 23px;}
.Hydtcont_l{ width: 620px; float: left;}
.Hydtcont_l .topst{overflow: hidden; height: 50px; border: 1px solid #cecece;background:#fff;}
.Hydtcont_l .topst .Dttab{height: 50px; overflow: hidden; float: left;background: #fff;}
.Hydtcont_l .topst .smore{font-size: 12px; color: #303030; display: inline-block; float: right; margin-top: 17px; margin-right: 10px;}
.Hydtcont_l .topst .Dttab li{ height: 50px; float: left; text-align: center; margin-right: 0px; position: relative;}
.Hydtcont_l .topst .Dttab li a{ display:inline-block; height: 50px; padding: 0px 20px; line-height:50px; font-size: 18px; color: #303030;}
.Hydtcont_l .topst .Dttab li:hover a,.Hydtcont_l .topst .Dttab li.on a{color: #fff; background: #375ba0;}

.Hydtcont_l .chgbox{ margin-top: 20px;}
.Hydtcont_l .chgtext{ overflow: hidden;}
.Hydtcont_l .chgtext dl{ overflow: hidden;width: 620px;}
.Hydtcont_l .chgtext dl dt{ float: left;}
.Hydtcont_l .chgtext dl dt img{ display: block;}
.Hydtcont_l .chgtext dl dd{padding-left: 158px; padding-top: 12px;}
.Hydtcont_l .chgtext dl dd h5{ height: 25px; line-height: 25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Hydtcont_l .chgtext dl dd h5 a{ font-size: 14px; color: #303030;}
.Hydtcont_l .chgtext dl dd p{margin-top: 10px; height: 40px; line-height: 20px; overflow: hidden; font-size: 12px; color: #303030;}
.Hydtcont_l .chgtext ul{ overflow: hidden; margin-top: 14px;width: 620px;}
.Hydtcont_l .chgtext ul li{ height: 30px; line-height: 30px; background: url(Img/Index/sj2.jpg) no-repeat left center;}
.Hydtcont_l .chgtext ul li *{display: inline-block; font-size: 12px;}
.Hydtcont_l .chgtext ul li a{ float: left; color: #4c4c4c; width: 420px; margin-left: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Hydtcont_l .chgtext ul li span{ float: right; color: #a3a3a3;}
/*Hydtcont_l_ned*/

.Hydtcont_r{ width: 312px; float: right;}
.Hydtcont_r .flqtt{overflow: hidden; height: 50px; line-height: 50px; border: 1px solid #cecece;background:#fff;}
.Hydtcont_r .flqtt a{display: inline-block;}
.Hydtcont_r .flqtt .bt{font-size: 18px; color: #fff;background: #375ba0; float: left; padding: 0px 20px;}
.Hydtcont_r .flqtt .smore{font-size: 12px; color: #303030; float: right; margin-right: 10px;}

.flquetions{ margin-top: 16px; height: 300px; overflow: hidden;}
.flquetions dl{ overflow: hidden; border-bottom: 1px dotted #cacaca; padding-bottom: 18px; margin-bottom: 16px;}
.flquetions dl dt{height: 25px; line-height: 25px; padding-left: 31px; white-space:nowrap; background: url(Img/Index/wen.png) no-repeat left 0px; overflow:hidden; text-overflow:ellipsis;}
.flquetions dl dt a{ font-size: 14px; color: #303030; font-weight: bold;}
.flquetions dl dd{ height: 40px; line-height: 20px; padding-left: 31px; padding-top: 3px; font-size: 12px; color: #303030; background: url(Img/Index/da.png) no-repeat left 4px;overflow:hidden;}
/*-- 洪鹰动态_end --*/



.Frlink{ overflow: hidden; padding-bottom: 20px;}
.Frlink h4{ height: 50px; line-height: 50px; background: url(Img/Index/fllinktt.png) no-repeat center bottom;}
.Frlink h4 .bt{ float: left;}
.Frlink h4 .smore{ float: right; color: #9e9e9e; text-transform: uppercase; font-weight: normal;}
.Frlink ul{ overflow: hidden; margin-top: 15px;}
.Frlink ul li{ float: left; margin: 0 12px; height: 20px; margin-bottom: 3px;}
.Frlink ul li a{ font-size: 13px; color: #666666;}
/*-- 友情链接_end --*/