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


.flexslider{width:100%; height:700px; position: relative;  overflow:hidden; z-index: 1;}
/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:700px; }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:96px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{  width: 18px; height:18px; background:url(../images/d1.png); overflow: hidden;font-size: 0; cursor: pointer; margin: 0 3px;display: inline-block}
.flex-control-paging li a.flex-active{opacity: 1;background:url(../images/d2.png);  }

.flex-direction-nav{ width:100%;  position: absolute;left:0; top: 304px ;}
.flex-prev{ width: 58px; height: 58px;display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-next{ width: 58px; height: 58px;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}


.product-bj{ width: 100% ; background-color: #f6f6f6 ; padding-bottom: 89px; position: relative;}
.product-c{  width: 1400px; margin: 0 auto}
.column{width: 1400px; height: 140px ; background-color: #3488ea ;position: relative;top: -60px; z-index: 99;}
.column ul{ width: 1340px; margin: 0 auto ;}
.column ul li{ width: 191.4px; height: 140px;float: left;background: url(../images/sx.png) no-repeat left center}
.column ul li a{ width: 100%; height: 140px;display: block;text-align: center;position: relative; overflow: hidden;}
.column ul li a .ico{ position: absolute; left: 50%;top: 30px;  margin-left: -21px ;}
.column ul li a .ico2{display: none}
.column ul li a h3{width: 100%;height: 16px; line-height: 16px; font-size: 16px;color: #fff; position: absolute; left: 0;top: 88px; overflow: hidden;}
.column ul li a:hover{ background-color: #fff; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 3px }
.column ul li a:hover .ico1{display: none}
.column ul li a:hover .ico2{display: block}
.column ul li a:hover h3{color: #3488ea}
.column ul li:hover+li{background: none}

.titel-box{ width: 100%;text-align: center}
.titel-box h5{line-height: 26px; font-size: 36px; color: #e8eaef ;font-weight: bold;text-transform: uppercase;}
.titel-box h4{line-height: 28px;font-size: 28px; color: #3488ea ;font-weight: bold;position: relative; top: -10px; padding-bottom: 2px}
.titel-box h4 span{color: #333}
.titel-box i{width: 35px; height: 2px ; display: inline-block; background-color: #dab135 ;}
.marz{margin: 13px 0 59px 0}


.lookup-box{ width: 100% ; height: 40px;position: relative;}
.lookup-box .cz{float: left;margin: 5px 16px 0 0 ;}


.drop-down { width: 1048px; height: 40px ; float: left;  position: relative ;}
.drop-down p { width: 1034px; height: 38px ; line-height: 38px; padding-left: 14px; border: solid 1px #3488ea ; background-color: #f6f6f6; position: relative; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; cursor: pointer; font-size:14px; color:#9b9fa3 ; }
.drop-down .set {background:url(../images/sj1.png) no-repeat ; background-position:1022px 16px;  }
.drop-down .select {background:url(../images/sj2.png) no-repeat ; background-position:1022px 16px ; }
.drop-down .new { width: 1048px; position:absolute; left: 0px; top: 54px; background-color: #fff; max-height:150px; overflow-y:auto;border-radius:4px ;  border: solid 1px #3488ea;overflow-x: hidden; z-index: 99;-webkit-line-clamp: 20; display: none}
.drop-down ul li { width:100%; }
.drop-down ul li a{  width: 1034px; padding: 0 0 0 14px; height:30px; line-height:30px;  display:block;  font-size:14px; color:#9b9fa3; cursor: pointer;  overflow:hidden ;}
.drop-down ul li:hover a{ color: #25456e; background-color: #d6e7fb}
.drop-down .new::-webkit-scrollbar{  width:13px;height:7px; }
    /*正常情况下滑块的样式*/
.drop-down .new::-webkit-scrollbar-thumb{ background-color:#8ebaf0; }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
.drop-down .new:hover::-webkit-scrollbar-thumb{ background-color:#8ebaf0;}
    /*正常时候的主干部分*/
.drop-down .new::-webkit-scrollbar-track{background-color:#e9edf6; }
.subm{ width: 177px; height: 40px ; background: url(../images/sec1.png) no-repeat; float: right; cursor: pointer; }
.subm:hover{background: url(../images/sec2.png) no-repeat;}






.picScroll-left{width:100%; margin-top: 35px;}
.picScroll-left .hd{width:1400px; position: relative; z-index:99999;}
.picScroll-left .hd ul{ width:100%; text-align:center; overflow:hidden; zoom:1;  zoom:1; position:relative;  z-index:99 ; padding: 30px 0 88px 0}
.picScroll-left .hd ul li{ width: 7px; height: 7px; background-color: #3488ea; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 0; display: inline-block; margin: 0 6px; cursor: pointer; }
.picScroll-left .hd ul li.on{ width: 20px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
		
.picScroll-left .bd{width:100%;  overflow:hidden;   }
.picScroll-left .bd ul{  /*overflow:hidden;*/ zoom:1;  width:1433px}
.picScroll-left .bd ul li{ width: 327px; height: 357px ; background-color: #fff;  border-bottom: 1px solid #3488ea; float: left; border-radius:8px 8px 0 0; margin: 0 31px 20px 0 ; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -ms-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; overflow: hidden;}
.picScroll-left .bd ul li a{ width: 100% ; height: 100% ; display: block}
.picScroll-left .bd ul li a .cpb{ width: 100% ; height: 245px ; position: relative; background-color: #f5f5f7; overflow: hidden;}
.picScroll-left .bd ul li a .cpb img{ width: 100% ; height: 100% ; }

.picScroll-left .bd ul li a .animet-bj{ width: 100%; position: relative;}
.picScroll-left .bd ul li a .animet{ width: 289px; height: 115px; padding: 20px;background: url(../images/zb.jpg) no-repeat; position: relative;}
.picScroll-left .bd ul li a .animet h3{ height: 19px; line-height: 19px; font-size: 16px;
     color: #333;; margin-bottom: 19px; overflow: hidden;}
.picScroll-left .bd ul li a .animet h4{ width: 100%; height: 14px; line-height: 14px;font-size: 14px; color: #999; white-space: nowrap;text-overflow: ellipsis; margin-bottom: 6px; overflow: hidden; }
.picScroll-left .bd ul li a .animet h4 span{color: #555555}
.picScroll-left .bd ul li a .animet h5 span{color: #555555}
.picScroll-left .bd ul li a .animet h5{ width: 100%; height: 22px; line-height: 22px;font-size: 14px; color: #999; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
.picScroll-left .bd ul li.on a .animet h5{ width: 100%; height: 44px; line-height: 22px;font-size: 14px; color: #999;white-space: initial;  word-break:break-all;   overflow: hidden; }
.picScroll-left .bd ul li:hover a .animet{ background: url(../images/za.jpg) repeat;}
.picScroll-left .bd ul li:hover a .animet h3{color: #fff}
.picScroll-left .bd ul li:hover a .animet h4{color: #fff}
.picScroll-left .bd ul li:hover a .animet h5{color: #fff}
.picScroll-left .bd ul li:hover a .animet h4 span{color: #fff}
.picScroll-left .bd ul li:hover a .animet h5 span{color: #fff}

 .picScroll-left .bd ul li{margin-right: 30px ;margin-bottom: 30px}

 .gd-box{ width: 100%;text-align: center}
 .gd-box a{ width: 139px; height: 33px; line-height: 33px; text-align: center ; font-size: 14px; color: #3488ea; border-radius:33px ; -webkit-border-radius:33px ; -moz-border-radius:33px ; -ms-border-radius:33px ; -o-border-radius:33px ;border: solid 1px #3488ea;  display: inline-block}
 .gd-box a:hover{background-color: #3488ea;color: #fff}
 
 


.advantage-bj{ width: 100% ;height: 720px ; background: url(../images/tu2.jpg) no-repeat center center; overflow: hidden;}
.advantage-c{ width: 1400px; height: 720px;margin: 0 auto; position: relative;}
.marg1{position: absolute; left: 0;top: 80px;}
.marg1 h5{opacity: 0.1;}
.marg1 h4{color: #fff}

.advantage-nu{ width: 100% ;}
.advantage-nu ul{ width: 100% ;}
.advantage-nu ul li{ width: 114px;text-align: center}
.advantage-nu ul li a{ width: 100% ;display: block ; cursor: pointer; }
.advantage-nu ul li a .icon-box{width: 114px; height: 114px ; position: relative;}
.advantage-nu ul li a .icon-box img{ position: absolute; left: 0;top: 0}
.advantage-nu ul li a .icon-box .icon2{display: none}
.advantage-nu ul li a h3{ font-size: 16px; color: #fff ;margin: 8px 0 2px 0}
.advantage-nu ul li a h4{ width: 214px;text-align: center; font-size: 14px; color: #88bff7;margin-left: -50px}
.advantage-nu ul li.lei1{ position: absolute; left: 0;top: 317px}
.advantage-nu ul li.lei2{ position: absolute; left: 318px;top: 240px}
.advantage-nu ul li.lei3{ position: absolute; left: 641px;top: 179px}
.advantage-nu ul li.lei4{ position: absolute; left: 965px;top: 240px}
.advantage-nu ul li.lei5{ position: absolute; right: 0;top: 317px}
/* .advantage-nu ul li a:hover .icon-box .icon2{display: block}
.advantage-nu ul li a:hover .icon-box .icon1{display: none} */
.advantage-c .text-box{ width: 750px; font-size: 16px; color: #fff ;line-height: 36px; text-align: center ; position: absolute; left: 50%; margin-left: -375px;top: 456px}

.advantage-nu ul li.on a .icon-box .icon2{display: block}
.advantage-nu ul li.on a .icon-box .icon1{display: none}


.gywm-bj{width: 100% ; background: url(../images/bkc-bj.jpg) repeat ; padding: 90px 0; overflow: hidden;}
.gywm-c{ width: 1400px; margin: 0 auto ; overflow: hidden;}
.abt-box{ width: 1340px; height: 443px; margin: 0 auto ; padding: 58px 0 77px 0}
.abt-box .abt-l{ width: 641px; float: left;margin-left: 28px}
.abt-box .abt-r{ width: 582px;height: 443px; float: right;background: url(../images/cg.png) ; position: relative;margin-right: 28px; overflow: hidden;}
.abt-box .abt-r .img{ width: 562px;height: 421px; position: absolute; left: 11px;top: 11px}
.text-js{width: 100% ; height: 193px;}
.text-js h3{width: 100% ; line-height: 18px; font-size: 18px; color: #3488ea;margin-bottom: 16px;}
.text-js p{width: 100% ; height: 96px; font-size: 16px; color: #666; line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; margin-bottom: 42px}
.text-js a{font-size: 14px; color: #999}
.text-js a:hover{color: #3488ea}

.copte-box{ width: 100%; }
.qyt{width: 100%; padding: 30px 0 0 0}
.qyt .cut{ width: 320px; height: 100px;float: left; position: relative;}
.qyt .cut a{ width: 100% ; height: 100px;display: block ;}
.qyt .cut a img{ width: 70px; height: 70px;position: absolute; left: 10px; top: 15px;}
.qyt .cut a .cr{ width: 188px; padding-left: 109px;}
.qyt .cut a .cr h3{width: 100% ; font-size: 18px; color: #3488ea ;padding: 26px 0 6px 0}
.qyt .cut a .cr h4{font-size: 14px; color: #c3c3c3}
.qyt .cut a:hover{background-color: #fff ;box-shadow: rgba(0, 0, 0, 0.04) 0 0 6px 3px}

.field-box{ width: 100%; height: 548px; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; overflow: hidden; margin-top: 50px}
.field-l{ width: 669px; height: 548px; background: url(../images/tu5.jpg) no-repeat;float: left;}
.field-r{width: 730px; height: 548px;float: left; position: relative; overflow: hidden;}
.field-r img{ width: 100% ; height: 548px;}
.field-r .zhe{ width: 666px ; padding: 0 32px; height: 220px; 
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)) ;position: absolute; left: 0;bottom: 0}
.field-r .zhe h3{ width: 100% ;height: 22px;line-height: 22px; font-size: 20px; font-weight: bold ;color: #fff ; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;margin: 154px 0 10px 0}
.field-r .zhe i{ width: 59px; height: 3px;display: block ;background-color: #fff}
.field-l ul{ width: 100%; overflow: hidden;}
.field-l ul li{ width: 334.5px; float: left; padding: 15px 0; text-align: center ;}
.field-l ul li .cut2{ width: 300px; height: 106px;position: relative;display: inline-block}
.field-l ul li .cut2 a{width: 100% ; height: 100px;display: block ;}
.field-l ul li .cut2 img{ width: 70px; height: 70px;position: absolute; left: 10px; top: 15px;}
.field-l ul li .cut2 .cr{ width: 188px; padding-left: 109px;text-align: left}
.field-l ul li .cut2 .cr h3{width: 100% ; font-size: 18px; color: #fff ;padding: 26px 0 6px 0}
.field-l ul li .cut2 .cr h4{font-size: 14px; color: #88bff7}
.field-l ul li .cut2 .ico2{display: none}
.field-l ul li .cut2:hover{ background-color: #ecf4fe ; box-shadow: rgba(0, 0, 0, 0.04) 0 0 6px 3px ; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.field-l ul li .cut2:hover h3{color: #3488ea}
.field-l ul li .cut2:hover h4{color: #c8dcf3}
.field-l ul li .cut2:hover .ico2{display: block}
.field-l ul li .cut2:hover .ico1{display: none}

.field-l ul li .cut2.on{ background-color: #ecf4fe ; box-shadow: rgba(0, 0, 0, 0.04) 0 0 6px 3px ; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.field-l ul li .cut2.on h3{color: #3488ea}
.field-l ul li .cut2.on h4{color: #c8dcf3}
.field-l ul li .cut2.on .ico2{display: block}
.field-l ul li .cut2.on .ico1{display: none}


.news-bj{ width: 100% ;height: 881px ;background: url(../images/bkd-bj.jpg) no-repeat center center; overflow: hidden;}
.news-c{ width: 1400px ;margin: 0 auto; overflow: hidden;}

.marg3{margin: 88px 0 28px 0}
.marg3 h5{color: #d2deec}


.qha{ width: 100%;}
.tith{ width: 100%;text-align: center}
.tith h3{line-height: 18px;font-size: 18px; color: #333 ;display: inline-block;cursor: pointer;}
.tith span{display: inline-block ;height: 18px; width: 2px ;background-color: #333; margin: 0 18px;position: relative; top: 3px}
.tith h3.on{font-weight: bold ;color: #3488ea}

.xwbox{ width: 100%; overflow: hidden;margin: 59px 0 0 0; overflow: hidden; }
.xwbox .xwlt{ width: 691px; height: 412px; padding: 25px 30px 0 30px; float: left;background-color: #fff ; position: relative; overflow: hidden;}

.xwbox .xwlt  .tub{ width: 100%; height: 320px; overflow: hidden;margin-bottom: 18px;}
.xwbox .xwlt .tub img{ width: 100%; height: 100%; }

.xwbox .xwlt .cent{ width: 598px;float: left; margin-left: 20px}
.xwbox .xwlt .cent h3{ width: 100%; height: 20px;line-height: 20px; font-size: 18px; color: #555; white-space: nowrap;text-overflow: ellipsis;margin: 0px 0 15px 0; overflow: hidden;}
.xwbox .xwlt .cent h4{ width: 100%; height: 20px;line-height: 20px; font-size: 16px; color: #777; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

.xwbox .xwlt .tim{ width: 62px ; height: 46px;float: left; background: url(../images/x.jpg) no-repeat right center; position: relative;}
.xwbox .xwlt .tim h3{ font-size: 18px; color: #555 ;}
.xwbox .xwlt .tim h4{font-size: 14px; color: #b9b9b9}
.xwbox .xwlt .tim i{ width: 28px; height: 1px;display: block ;background-color: #d2d2d2 ;margin: 5px 0; margin-left: 8px;}
.xwbox .xwlt .cent:hover h3{color: #3488ea;}

.xwbox .xwrt{ width: 624px; height: 437px;float: right; overflow: hidden;}
.xwrt ul{ width: 100%;  overflow: hidden;}
.xwrt ul li{ width: 100%; height: 94px;background-color: #f7f7f7;margin: 0 0 20px 0;  overflow: hidden; }
.xwrt ul li a{ width: 100%;  display: block ;position: relative;}
.xwrt ul li a .ntl{ width: 81px; height:94px ; background: url(../images/x.jpg) no-repeat right center; text-align: center;float: left; overflow: hidden; }
.xwrt ul li a .ntl h5{ line-height: 18px; font-size: 18px; color: #555;margin: 20px 0 10px 0}
.xwrt ul li a .ntl h6{ line-height: 14px; font-size:14px;color: #b9b9b9;margin: 10px 0 0 0}
.xwrt ul li a .ntl i{ width: 28px; height: 1px;display: block;background-color:#b9b9b9;margin: 0 auto; }
.xwrt ul li a .ntr{ width: 492px; height: 94px;float: left; display: table; margin: 0 0 0 18px; overflow: hidden;}
.xwrt ul li a .ntr .cee{vertical-align: middle;display: table-cell; }
.xwrt ul li a .ntr h3{width: 100%; height:18px; line-height: 18px; font-size: 18px; color: #555 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;margin-bottom: 10px; overflow: hidden;}
.xwrt ul li a .ntr h4{width: 100%; height:18px; line-height: 18px; font-size: 16px; color: #777 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.xwrt ul li:hover{background-color: #3488ea;}
.xwrt ul li:hover a .ntl h5{color: #fff}
.xwrt ul li:hover a .ntl h6{color: #fff}
.xwrt ul li:hover a .ntl i{background-color: #fff}
.xwrt ul li:hover a .ntr h3{color: #fff}
.xwrt ul li:hover a .ntr h4{color: #fff}


.link-bj{width: 100%;background: url(../images/bkc-bj.jpg) repeat;padding: 2px 0 60px 0;overflow: hidden;}
.link-c{ width: 1400px ;margin: 0 auto; overflow: hidden;}


.picScroll-left2{   width: 1340px; overflow:hidden; position:relative; }
.picScroll-left2 .bd{ width: 1400px}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{float:left; _display:inline; width: 214px;margin: 0 10px 0 0;  position: relative;}
.picScroll-left2 .bd ul li a{ width: 100%;  position: relative;}
.picScroll-left2 .bd ul li a .hd-box{padding: 11px ;}
.picScroll-left2 .bd ul li a img{ width: 188px ;height: 116px; padding: 1px}
.picScroll-left2 .bd ul li a:hover .hd-box{border: solid 1px #3488ea ;padding: 10px;}
.picScroll-left2 .bd ul li a:hover img{border: solid 1px #3488ea ;padding: 0}
.picScroll-left2 .hd{opacity: 0;}



.shur{ width: 1034px; height: 38px; float: left; border: solid 1px #3488ea; padding-left: 14px; font-size: 14px; color: #333 ; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }