﻿body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

table {border-collapse:collapse; border-spacing:0;}

table th , table td {padding:5px;}

fieldset , img {border:0;}

address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}

ol , ul {list-style:none;}

ception , th{text-align:left;}

q:before , q:after{content:'';}

abbr , acronym{border:0;}

a {color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:none;} /*for ff f6n.net*/

a:hover {text-decoration:none;}


/*定位*/

.tl {text-align:left;}

.tc {text-align:center;}

.tr {text-align:right;}

.bc {margin-left:auto; margin-right:auto;}

.fl {float:left; display:inline;}

.fr {float:right; display:inline;}

.zoom {zoom:1}

.hidden {visibility:hidden;}

.vam {vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}


.header , .content, .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}



/*页眉*/

.header{width:100%; background-color:#fff;}



.hdtop{ height: 120px;}

.hdtop .hdtop_l{ float: left; margin-top:12px;}

.hdtop .hdtop_l span{ float: left;}

.hdtop .hdtop_l span img{ display: block;}

.hdtop .hdtop_l>div{ padding-left: 125px; padding-top: 22px;}

.hdtop .hdtop_l>div h2{ font-size: 25px; color: #303030;}

.hdtop .hdtop_l>div p{ font-size: 14px; color: #5c5c5c; margin-top: 6px;}

.hdtop .hdtop_r{ float: right; margin-top: 45px;}

.hdtop .hdtop_r dt{ float: left;}

.hdtop .hdtop_r dt img{ display: block;}

.hdtop .hdtop_r dd{padding-left: 39px; padding-bottom: 12px;}

.hdtop .hdtop_r dd span{ font-size: 14px; color: #303030;}

.hdtop .hdtop_r dd p { font-size: 25px;color: #fe0000;font-weight: bold;padding-top: 3px;}



.hddown{ height: 56px; background: url(../images/mnbg.png) repeat-x left center;}

.hddown .Menu{ height: 56px;}

.hddown .Menu li{ height: 56px; text-align: center; float: left; background: url(../images/mns.png) no-repeat left center; position: relative;}

.hddown .Menu li.nobg{background: none;}

.hddown .Menu li a{ display: inline-block; height: 56px; font-size: 16px; text-decoration: none; color: #fff; line-height: 56px; padding: 0 40px;}

.hddown .Menu li.cur a,.hddown .Menu li:hover a{background: url(../images/mnbg_h.png) repeat-x left center;}

.hddown .Menu li i{ display: none; width: 161px; height: 52px; background: url(../images/bdyy.png) no-repeat; position: absolute; left: 50%; bottom: 0px; margin-left: -82px;}

.hddown .Menu li.cur i,.hddown .Menu li:hover i{ display: block;}

/*-- header_end--*/


.hddown .Menu li dl {display: none;position: absolute;top: 56px;left:0px;width:100%; background:#fff; z-index:9;}

.hddown .Menu li:hover dl { display: block;}
.hddown .Menu li:hover dl a{background:none; color:#333;}

.hddown .Menu li dl dd { float: none; background:none;/* height:38px; */ border-bottom:solid 1px #e1e1e1;/* text-align:center; */}

.hddown .Menu li dl dd a {display: inline-block; height:45px; line-height:45px; font-size:13px;font-weight:normal;padding:0; text-align:center; background:none;}

.hddown .Menu li dl dd a {display: block; color:#333;height:45px;border-bottom:none; background:#fff;}

.hddown .Menu li dl dd a:hover { background:none;background:#3b60aa; padding-top:0px; color: #fff;line-height:45px; height:45px;text-align:center;border-bottom:none; }




.research{background: url(../images/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: 800px; overflow: hidden;}

.rscont .hotworld *{display: inline-block; float: left;}

.rscont .hotworld a{ font-size: 14px; color: #666666; margin-right:20px;}

.rscont .hotworld span{ font-size: 14px; 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(../images/rsbtn.png) no-repeat; position: absolute; right: 0px; top: 0px;}

/*-- 搜索_end --*/





.cpcenter{background: url(../images/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: 14px; padding-bottom: 20px;}

.Leftlist h2 a{ font-size: 20px; color: #fff;}

.Leftlist h2 span{ display: block; font-size: 14px; padding-top: 8px; font-family: "Tunga"; color: #5a78b1; font-weight: normal; text-transform: uppercase;}

.sortlist{ background: #fff; padding-top:15px;}

.sortlist dl{ overflow: hidden; padding: 0px 9px 14px 9px;}

.sortlist dl dt{height: 33px; border: 1px solid #dbdbdb; padding: 0 14px; background: url(../images/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(../images/cl1.png) no-repeat left center;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.sortlist dl dd{ height: 38px; line-height: 38px; background: url(../images/cl2.png) no-repeat 14px center; padding-right: 10px;}

.sortlist dl dd a{ width: 88%; font-size: 14px; color: #5f5f5f; padding-left: 32px; display: inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.picshow{ float: right; overflow: hidden; width: 925px;}

.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; width: 940px;}

.picshow .cpzslist li{ border: 1px solid #e6e6e6; float: left; overflow: hidden; margin-bottom: 23px; position: relative; margin-right: 15px; background: #fff; width: 218px; padding-bottom: 20px;}

.picshow .cpzslist li .picbox{ display: block; width: 218px; height: 160px; 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 14px; 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: 14px; padding: 0 14px;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: 14px; color: #666666;}

.picshow .cpzslist li>div .smore{ float: left; background: url(../images/smore.jpg) no-repeat left center; }

.picshow .cpzslist li>div .openbig{ float: right; background: url(../images/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 em{ display: block; margin-top: -10px;}

/*---------------CMtitle_end------------------*/









/*-- 解决方案--*/

.Solution{background: url(../images/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: 14px; 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: 14px; 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(../images/rmore.png);}

.Slcont ul li .Rmore:hover{background: url(../images/rmore_h.png) no-repeat;}

.Slcont ul li .skins{ width: 240px; height: 240px; background: url(../images/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(../images/nprev.png) no-repeat; left: -46px;}

.Solution .next{background: url(../images/nnext.png) no-repeat; right: -46px;}

.Solution .prev:hover{background: url(../images/nprev_h.png) no-repeat; left: -46px;}

.Solution .next:hover{background: url(../images/nnext_h.png) no-repeat; right: -46px;}




.Gthy{background: url(../images/cmbg.jpg);}

.Gthy .container{ overflow: hidden; padding-top: 50px; 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(../images/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 em{ display: block; width:199px; height: 24px; margin-top: 8px; background: url(../images/about.png) no-repeat;}

.Gthy .vddetail p{ height: 185px; line-height: 25px; margin-top: 18px; overflow: hidden;  font-size: 14px; 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 --*/



.Hydt{background: url(../images/cmbg.jpg);}

.Hydt .Hydtcont{ overflow: hidden; padding-top: 26px; padding-bottom: 23px;}

.Hydtcont_l{ width: 720px; 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: 14px; 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; font-weight:bold;}

.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: 720px;}

.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: 14px;}

.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: 14px; color: #303030;}

.Hydtcont_l .chgtext ul{ overflow: hidden; margin-top: 14px;width: 720px;}

.Hydtcont_l .chgtext ul li{ height: 30px; line-height: 30px; background: url(../images/sj2.jpg) no-repeat left center;}

.Hydtcont_l .chgtext ul li *{display: inline-block; font-size: 14px;}

.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: 432px; 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: 14px; 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(../images/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: 14px; color: #303030; background: url(../images/da.png) no-repeat left 4px;overflow:hidden;}



.footer{ background: #303030;}

.fttop{ overflow: hidden; padding-top: 2px; padding-bottom: 70px;}

.fttop .ftmenu{ height: 13px; padding: 20px 20px; border-bottom: 1px solid #4f4f4f;}

.fttop .ftmenu li{ height: 13px; border-left: 1px dashed #656565; float: left;}

.fttop .ftmenu li.nobd{ border: none;}

.fttop .ftmenu li a{height: 13px; line-height: 13px; padding: 0px 14px; font-size: 12px; color: #e0e0e0;}



.fttop .Hylinks{ overflow: hidden;}

.fttop .Hylinks .Hylinks_l{ float: left; overflow: hidden; margin-top: 26px;}

.fttop .Hylinks .Hylinks_l h4{ float: left;}

.fttop .Hylinks .Hylinks_l img{ display: block;}

.fttop .Hylinks .Hylinks_l h5{ height: 30px; line-height: 30px; font-size: 18px; color: #e9e9e9; padding-left: 12px;}

.fttop .Hylinks .Hylinks_l p{ height: 35px; line-height: 35px; color: #e9e9e9; padding-left: 35px; font-size: 13px;}

.fttop .Hylinks .Hylinks_l .adress{background: url(../images/dz1.png) no-repeat left center;}

.fttop .Hylinks .Hylinks_l .hotline{background: url(../images/dz2.png) no-repeat left center;}

.fttop .Hylinks .Hylinks_l .email{background: url(../images/dz3.png) no-repeat left center;}

.fttop .Hylinks .Hylinks_l .fax{background: url(../images/dz4.png) no-repeat left center;}



.fttop .Hylinks .Hylinks_l .fenxiang{ overflow: hidden; margin-top: 12px;}

.fttop .Hylinks .Hylinks_l .fenxiang a{ display: inline-block; width: 41px; height: 41px; float: left; margin-right: 12px; margin-left: 4px;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx1{background: url(../images/fx1.png) no-repeat;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx2{background: url(../images/fx2.png) no-repeat;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx3{background: url(../images/fx3.png) no-repeat;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx1:hover{background: url(../images/fx1_h.png) no-repeat;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx2:hover{background: url(../images/fx2_h.png) no-repeat;}

.fttop .Hylinks .Hylinks_l .fenxiang .fx3:hover{background: url(../images/fx3_h.png) no-repeat;}

/*-- Hylinks_l_end --*/

.fttop .Hylinks .Hylinks_r{ float: right; overflow: hidden; margin-top: 60px;}

.fttop .Hylinks .Hylinks_r .ewm{ width: 103px; text-align: center; float: left; margin-left: 15px; margin-right: 15px;}

.fttop .Hylinks .Hylinks_r .ewm span{ display: inline-block; height: 25px; line-height: 25px; font-size: 13px; color: #e9e9e9;}

.fttop .Hylinks .Hylinks_r .ewm img{ display: block; margin-top: 10px;}

/*-- Hylinks_r_end --*/



.ftdown{ height: 60px; line-height: 60px; background: #375ba0;}

.ftdown .container{height: 60px; position: relative;}

.ftdown .Copyright{ float: left; font-size: 12px; color: #d8f1fc;}

.ftdown .Copyright *{ display: inline-block; font-size: 12px; color: #d8f1fc;}

.ftdown .beivhao{ float: right; font-size: 12px; color: #d8f1fc;}

.ftdown .beivhao *{ display: inline-block; font-size: 12px; color: #d8f1fc; margin-left: 5px;}

.ftdown .sjx{ width: 252px; height: 40px; background: url(../images/ftyuan.png) no-repeat; position: absolute; left: 50%; margin-left: -126px; top: -40px;}

/*-- footer_end --*/








.Frlink{ overflow: hidden; padding-bottom: 20px;}

.Frlink h4{ height: 50px; line-height: 50px; background: url(../images/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 14px; height: 20px; margin-bottom: 3px;}

.Frlink ul li a{ font-size: 13px; color: #666666;}

/*-- 友情链接_end --*/



.lsys1_1{width:100%; height:655px; float:left; background:url(../images/ysbg.jpg) no-repeat center 0;}
.lsys1_2{width:1200px; height:auto; margin:0 auto;}
.lsys1_3{width:570px; height:auto; float:left;}
.lsys1_4{width:100%; height:auto; float:left; text-align:center; padding:30px 0 30px 0;}
.lsys1_4 span{line-height:50px; font-size:30px; color:#fff; font-weight:bold;}
.lsys1_4 p{line-height:30px; font-size:14px; color:#fff;}
.lsys1_5{width:100%; height:auto; float:left;}
.lsys1_5 li{width:100%; height:auto; float:left; margin-bottom:37px;}
.lsys1_6{width:71px; height: auto; float:left; background:url(../images/ys_01.png) no-repeat; font-size:14px; color:#fff; padding-top:52px; text-align:center; letter-spacing:6px;}
.lsys1_6_2{background:url(../images/ys_02.png) no-repeat;}
.lsys1_6_3{background:url(../images/ys_03.png) no-repeat;}
.lsys1_6_4{background:url(../images/ys_04.png) no-repeat;}
.lsys1_7{width:470px; height:auto; float:left; color:#fff; padding-left:25px;}
.lsys1_7 span{line-height:20px; font-size:16px; font-weight:bold; padding-bottom:5px; float:left; width:100%;}
.lsys1_7 p{line-height:21px; font-size:14px;}



 .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #375ba0;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #375ba0;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
	


@font-face {
	font-family: iconfont;
	src: url(../other/iconfont.eot);
	src: url(../other/iconfont.eot?#iefix) format("embedded-opentype"), url(../other/iconfont.woff) format("woff"), url(../other/iconfont.ttf) format("truetype"), url(../other/iconfont.svg#iconfont) format("svg")
}

.home-banner img {
	max-width: 100%;
	height: auto;
	border: none
}

.slick-dots, li {
	list-style: none
}
.slick-loading .slick-slide, .slick-loading .slick-track {
	visibility: hidden
}
.slick-dots li button:before, .slick-next:before, .slick-prev:before {
	font-family: slick;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots, .slick-next, .slick-prev {
	position: absolute;
	display: block;
	padding: 0
}
.slick-loading .slick-list {
	background: url(ajax-loader.gif) center center no-repeat #fff
}

.slick-next, .slick-prev {
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	border: none;
	outline: 0
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: .25
}
.slick-next:before, .slick-prev:before {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75
}
.slick-prev {
	left: -25px
}
[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}
.slick-prev:before {
	content: "←"
}
.slick-next:before, [dir=rtl] .slick-prev:before {
	content: "→"
}
.slick-next {
	right: -25px
}
[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}
[dir=rtl] .slick-next:before {
	content: "←"
}
.slick-dotted.slick-slider {
	margin-bottom: 30px
}
.slick-dots {
	bottom: -25px;
	text-align: center;
	margin: 0;
	width: 100%
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline: 0
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25
}
.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block
}
.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}
.slick-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	transform: translate3d(0, 0, 0)
}
.slick-track {
	left: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto
}
.mfp-bg, .mfp-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%
}
.slick-track:after, .slick-track:before {
	content: "";
	display: table
}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}



.home-banner .slick-slider, .pro-banner-box .slick-slider {
	margin-bottom: 0!important;
	overflow: hidden
}
.home-banner .banner-item img, .pro-banner-box .banner-item img {
	margin: 0 auto
}
.home-banner .slick-dots, .pro-banner-box .slick-dots {
	bottom: 25px
}
.home-banner .slick-dots li button:before, .pro-banner-box .slick-dots li button:before {
	content: "";
	display: block;
	width: 17px;
	height: 7px;
	background: #b3bac5
}
.home-banner .slick-dots .slick-active button:before, .pro-banner-box .slick-dots .slick-active button:before {
	background: #e41313;
	opacity: 1!important
}
.home-banner:hover .slick-arrow.slick-prev, .pro-banner-box:hover .slick-arrow.slick-prev {
	left: 15px
}
.home-banner:hover .slick-arrow.slick-next, .pro-banner-box:hover .slick-arrow.slick-next {
	right: 15px
}
.home-banner .slick-list, .pro-banner-box .slick-list {
	overflow: visible
}
.home-banner .slick-arrow, .pro-banner-box .slick-arrow {
	z-index: 99;
	transition: all .3s;
	display: block;
	width: 50px;
	height: 50px;
	left: -50px
}
.home-banner .slick-arrow:before, .pro-banner-box .slick-arrow:before {
	content: "\e678";
	font-size: 30px;
	font-family: iconfont;
	line-height: 1em;
	text-align: center;
	display: block;
	transform: rotate(180deg)
}
.home-banner .slick-arrow.slick-next, .pro-banner-box .slick-arrow.slick-next {
	left: auto;
	right: -50px
}
.home-banner .slick-arrow.slick-next:before, .pro-banner-box .slick-arrow.slick-next:before {
	transform: rotate(0)
}
.home-banner {
	overflow: hidden
}




