*{ margin:0;padding:0;}
body{ color:#666;font:14px/24px 微软雅黑,Arial,sans-serif,"Times New Roman",宋体;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}
caption,th {text-align:left} 
img{ border:0 none;}
a:hover{color:#1385dd;}
a{ outline:none;text-decoration:none; star:expression(this.onFocus=this.blur());}
div,ol,ul,li,dl,dd,a,td,input{box-sizing: border-box;}
ul li,dl dd{list-style-type: none;}
img{ vertical-align: middle;}
.clear{ clear: both;}
.clearfix{zoom:1;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.mr{margin:0 auto;}
.wh{max-width:1200px;}

.header{position: relative;}
.header .head_white{position: absolute; left: 0; top: 0; width:19%; height: 112px; background: #fff; z-index: 1;}
.header .head_tp{width: 100%; height: 38px; background: #464648;}
.header .head_dh{width: 100%; height: 74px; background: #302f34;}
.nav{position: absolute; width: 100%;top:0; z-index: 2;}
.wrapper{width:1200px; margin:0 auto; clear:both; }
.nav .nav_lf{float:left;width: 27%;height:112px;background: url(../images/xj.png) no-repeat right top;padding-top:17px; margin-top:-38px;}
.nav .nav_lf img{max-width: 90%;}
.nav .language{line-height:38px;text-align: right;}
.nav .language a{color: #fff;margin-left:25px;}
.nav .language img{margin-right: 5px;}
.nav .nav_dh{width:73%;float:right; line-height: 74px;}
.nav .nav_dh li{float:left;}
.nav .nav_dh a{display: block; color: #fff;font-size: 16px;padding:0 24.8px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.nav .nav_dh a:hover,.nav .nav_dh .active{ color: #cc423e;}

/** banner **/
.swipe,.sj_swipe{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.swipe .hd,.sj_swipe .hd{ width:100%; height:11px;  position:absolute; z-index:1;text-align:center;  }
.swipe .hd{ bottom:55px; }
.sj_swipe .hd{ bottom:35px;}
.swipe .hd ul,.sj_swipe .hd ul{ display:inline-block; font-size:0;}
.swipe .hd ul li,.sj_swipe .hd ul li{ display:inline-block;height:1px;background:#fff;margin:0 4px;overflow:hidden; cursor: pointer; }
.swipe .hd ul li{width:60px;}
.sj_swipe .hd ul li{width:40px;}
.swipe .hd ul .on,.sj_swipe .hd ul .on{background:#cc423e;}
.swipe .bd,.sj_swipe .bd{ position:relative; z-index:0; }
.swipe .bd li img,.sj_swipe .bd li img{ width:100%;  height:auto; }
.swipe .bd li a,.sj_swipe .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.sj_swipe{display: none;}

.box1{width:100%; min-height: 615px; height: 100%; background: url(../images/gybj.jpg) no-repeat center center; overflow: hidden; padding-bottom: 50px;}
.title{padding-top:55px;}
.title .tt{line-height:60px;font-size: 60px; font-weight: bold;}
.title p{margin-top:10px;font-size: 16px; font-family: "微软雅黑 Light"; font-weight: normal;}
.box1 .title .tt,.box3 .title .tt{ color: #242424;}
.box1 .title p,.box3 .title p{ color:#999;}
.box1 .cont,.n-container .ab_rt,.box1 .cont_eng,.n-container .ab_rt_eng{float:right;font-size:20px; line-height:36px;color: #4c4c4c; margin-top:55px; padding:5px 0 5px 35px; border-left: 2px solid #4c4c4c;}
.box1 .cont,.n-container .ab_rt{width:490px;}
.box1 .cont_eng,.n-container .ab_rt_eng{width:590px;}
.service{width:100%;margin-top:75px; }
.service dd{float:left; width:33.3333333%; text-align: center; padding: 0 5%;}
.service dd span{line-height:80px;font-size:80px; color: #4d4d4d;}
.service dd .tit{font-size: 24px; color: #222; margin-top:10px;}
.service dd .abstract{margin-top:25px;font-size: 16px; color: #4d4d4d; line-height:30px;}

.box2,.box3{width: 100%; height: 100%;}
.box2{ padding-bottom:100px; background: url(../images/cpbj.jpg) no-repeat center center;}
.box2 .title .tt{ color: #fff;}
.box2 .title p{ color:#999;padding-left:70px;}
.box2 .title::before{position: absolute;display: block; content: ""; width:65px; height: 1px; background: #999; margin-top:12px; margin-top: 83px;}
.box2 .T-column1,.box2 .T-column2{position: absolute; right: 0;}
.box2 .T-column1{top:110px;}
.box2 .T-column2{top:80px;}
.box2 .T-column1 a,.box2 .T-column2 a{ border: 1px solid #fff; color: #fff; transition: all 0.5s;-webkit-transition: all 0.5s;}
.box2 .T-column1 a,.n-container .two-col a,.n-container .two-col1 a,.box2 .T-column2 a,.n-container .two-col2 a{padding:8px 20px; margin-left: 30px;font-size: 18px;}
.box2 .T-column1 a:hover,.box2 .T-column1 .active,.n-container .two-col a:hover,.n-container .two-col .active,.n-container .two-col1 a:hover,.n-container .two-col1 .active,.box2 .T-column2 a:hover,.box2 .T-column2 .active,.n-container .two-col2 a:hover,.n-container .two-col2 .active{ background: #4d4d4d; border:1px solid #4d4d4d;}
.box2 .cont{ clear: both; overflow: hidden;padding-top: 80px;}
.box2 .cont dl{margin-right: -1%; overflow: hidden;}
.box2 .cont dd{float:left;width:32.3333333%;margin-right: 1%; background: #fff; text-align: center; }
.box2 .cont dd a{ display: block; overflow:hidden;}
.box2 .cont dd img{ width:270px; margin: 50px 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.box2 .cont dd .tit{ width: 100%; height: 70px; line-height: 70px; background: #d5d5d5; font-size: 22px; color: #242424;}
.box2 .cont dd a:hover img{transform:scale(1.2);}

.box3{ padding-bottom: 65px;background: url(../images/jsbj.jpg) no-repeat center center;}
.box3 .more{position: absolute; right: 0; top: 90px;}
.box3 .more a{font-size: 24px; color: #242424; padding:3px 30px; border:1px solid #242424;transition: all 0.5s;-webkit-transition: all 0.5s;}
.box3 .more a:hover{ background: #5b5959; color: #fff;}
.box3 .cont dl{margin-right: -2%; margin-top: 80px; overflow: hidden;}
.box3 .cont dd{float:left;width:48%; margin-right: 2%;margin-bottom:50px;padding:20px; background: #f5f5f5;transition: all 0.5s;-webkit-transition: all 0.5s;}
.box3 .cont dd .time,.js-cont dd .time{font-size: 30px; color: #242424; font-family: "微软雅黑 Light";}
.box3 .cont dd .tit,.js-cont dd .tit{padding-left: 15px; background:url(../images/litb.png) no-repeat left 8px; font-size: 20px; color: #222; margin-top:35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.box3 .cont dd .abstract,.js-cont dd .abstract{ font-size: 16px; color: #666; line-height: 30px; margin-top:20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.box3 .cont dd:hover,.js-cont dd:hover{background: #5b5959;}
.box3 .cont dd:hover .time,.box3 .cont dd:hover .tit,.box3 .cont dd:hover .abstract,.js-cont dd:hover .time,.js-cont dd:hover .tit,.js-cont dd:hover .abstract{ color: #fff;}
.box3 .cont dd:hover .tit,.js-cont dd:hover .tit{ background: url(../images/litbb.png) no-repeat left 8px;}

.footer{width:100%; height: auto; padding:50px 0 40px 0; background: #424242; overflow: hidden;}
.footer .foot_nav{ padding-bottom:15px; border-bottom: 1px solid #4b4b4b;color: #a2a2a2;}
.footer .foot_nav a{font-size: 15px; color: #a2a2a2; margin:0 5px;}
.footer .foot_nav a:last-child{margin-right: 0;}
.footer .copyright{ text-align: right;color: #a2a2a2; margin-top:20px; font-size: 14px; line-height: 30px;}

.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 800px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer img{ width: 100%;}
.layui-layer-content{ height: auto!important; overflow: hidden!important;}

.nybanner{width: 100%;height: auto; overflow:hidden; }
.nybanner img{position: relative;left: 50%;width:100%;height: 100%;margin-left: -50%; }
.modile{display: none;}

.current{width: 100%; height: 40px; line-height: 40px; background: #efefef; font-size: 14px; color: #999;}
.current i{font-size: 20px; margin-right: 5px; float:left; color: #4d4d4d;}
.current a{color: #999;}

.n-main{width: 100%; height: 100%;padding-bottom: 100px; background: url(../images/jsbj.jpg) no-repeat center top;}
.n-container{ width: 100%; clear: both;  overflow: hidden;}
.n-container .two-col,.n-container .two-col1,.n-container .two-col2{ text-align: right; padding-top:46px;}
.n-container .two-col a,.n-container .two-col1 a,.n-container .two-col2 a{border:1px solid #4d4d4d; color: #4d4d4d;transition: all 0.5s;-webkit-transition: all 0.5s;}
.n-container .two-col a:hover,.n-container .two-col .active,.n-container .two-col1 a:hover,.n-container .two-col1 .active,.n-container .two-col2 a:hover,.n-container .two-col2 .active{ color: #fff;}
.n-title{padding-top:55px;}
.n-title .tt{line-height:60px;font-size: 60px; color: #242424;}
.n-title p{margin-top:10px;font-size: 16px; font-family: "微软雅黑 Light"; font-weight: normal; color: #999;}
.gy-cont,.lx-cont{ margin-top:70px;}
.n-container .ab_lf{width:45.7%;}
.n-container .ab_lf img{width: 100%; height: auto;}
.lx-cont{position: relative;}
.lx-cont .lx-top{overflow: hidden;}
.lx-cont .lx-tit{position: absolute; top: 35px; right: 560px; font-size: 60px; line-height: 70px; background: #fff; color: #4d4d4d; z-index:5;}
.lx-cont .lx-lf{float:left;width:45%;}
.lx-cont .lx-lf img{position: absolute; left: 0; top: 0; z-index: 1;}
.lx-cont .lx-lf p{font-size: 16px; color: #999;font-family: "微软雅黑 Light"; padding-top:200px;}
.lx-cont .lx-rt{float:right;width: 55%; padding:30px 0 30px 215px; border: 1px solid #999;}
.lx-cont .lx-rt dd{ line-height: 30px; margin:35px 0;}
.lx-cont .lx-rt dd i{float:left;font-size: 32px; color: #4d4d4d; margin-right: 15px;}
.lx-cont .lx-map{clear: both; margin-top:35px;}
#container {width:100%; height:650px; border:1px solid #ededed; }
.amap-info-content{padding-top:0;}
.amap-info-content h3{font-size:18px;color:#222; border-bottom:2px solid #222;padding:10px 0;} 
#container .address{padding-bottom:5px; line-height:24px;}

.js-cont{clear: both;margin-top:70px;}
.js-cont dd{padding:45px 0; border-bottom: 1px solid #e7e7e7;transition: all 0.5s;-webkit-transition: all 0.5s;}
.js-cont dd .arrow{width: 74px; height: 7px; background: url(../images/jt.png) no-repeat; background-position: -74px 0; margin-top:46px;}
.js-cont dd:hover{padding:45px 30px;}
.js-cont dd:hover .arrow{ background-position: 0 0;}

.js-show{padding-top:50px;}
.js-show h1{font-size: 30px; font-weight: normal; color: #222; text-align: center; line-height: 36px;}
.js-show .time{ padding:25px 0 45px 0; text-align: center; border-bottom: 1px solid #e7e7e7;font-size: 15px; font-family: "微软雅黑 Light"; color: #999;}
.js-show .time span{margin:0 10px;}
.js-show .cont{padding-top:50px; font-size: 16px; line-height: 36px;}
.js-show .cont img{max-width: 100%;}
.js-show .cont .Img{width:100%; overflow:hidden;margin-bottom:15px; text-align:center;}

.Three-col{position: relative; width: 100%; margin-top: 80px; text-align: center; z-index: 1;}
.Three-col .line{position: absolute; width: 100%; height: 1px; background: #e7e7e7; top:18px; z-index: -1;}
.Three-col a{font-size:16px;padding:6px 7px; border-radius: 25px; background: #efefef; color: #4d4d4d; margin:0 6px 5px 6px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width: 24%; float: left; display: block;}
.Three-col a:hover,.Three-col .active{ background: #7e7e7e; color: #fff;}
.pro-cont dl{padding-top: 80px; overflow: hidden;}
.pro-cont dd{border:1px solid #d5d5d5; overflow: hidden; margin-bottom: 40px;}
.pro-cont dd a{ color: #666;}
.pro-cont dd .tit{height: 50px; line-height: 50px; background: #d5d5d5; font-size: 20px; color: #242424; padding-left: 30px;}
.pro-cont dd .cont{padding:25px 30px;overflow: hidden;}
.pro-cont dd .Img{ float: left;width:23.7%; margin-right: 3%;}
.pro-cont dd .Img img{width:100%;}
.pro-cont dd .introduce{float: left;width:73.3%;font-size: 16px; line-height: 36px;}


@media screen and (max-width:767px) {
.header,.nav{position: static;}
.header .head_white,.header .head_tp,.header .head_dh{display: none;}
.wrapper{width:100%;}
.nav .nav_lf{width:auto;height:59px; background:none;margin-top:0;padding-top:0;}
.nav .nav_lf a{width:100%;height:59px;display: table-cell; vertical-align: middle;}
.nav .nav_lf img{max-width:100%; height:45px;margin-left: 10px;}
.nav .language{ background: #464648;padding-right:10px;}
.nav_cont{width:100%;position: relative;}
.menu_btn {float: right;position: absolute;right: 0;top: 8px;padding: 9px 13px;cursor: pointer;}
.menu_btn span {display: block;height: 3px;width: 30px;background: #4d4d4d;border-radius: 3px;margin: 0 0 7px 0;}
.nav .nav_dh{position:absolute; top: 59px; z-index: 999; display: none;width: 100%; background: #f2f2f2; line-height:40px; padding:15px;}
.nav .nav_dh li{width: 100%; padding:0 10px; margin-bottom: 5px;}
.nav .nav_dh li a{display: block;}
.nav .nav_dh li a:hover,.nav .nav_dh li a.active{ background: #4d4d4d; border-radius: 25px;color: #fff;}
.nav .nav_dh a{ font-size:14px; color: #242424;}
.swipe,.box2 .title::before,.web,.current{display: none;}
.sj_swipe,.modile{display: block;}
.title,.n-title{padding-top:35px;text-align: center;}
.title .tt,.n-title .tt{font-size: 40px; line-height: 40px;}
.title p,.n-title p,.lx-cont .lx-lf p{font-size: 14px; margin-top:5px;}
.box1{ background-size: cover; background: url(../images/gybj.jpg) no-repeat center top; }
.box1 .cont,.n-container .ab_rt,.box1 .cont_eng,.n-container .ab_rt_eng{width:100%;font-size: 16px; text-align: center; border-left: none;padding:0 5px;}
.service{margin-top:25px;}
.service dd{width:100%; margin-bottom: 15px;}
.service dd span{font-size: 60px;}
.service dd .tit{font-size: 20px; margin-top:0;}
.service dd .abstract{font-size: 14px;margin-top:5px; line-height: 24px;}
.box2{background: url(../images/cpbj.jpg) repeat-y center; padding-bottom: 30px;}
.box2 .T-column1,.box2 .T-column2{ text-align: center; left: 50%; margin-left: -50%;overflow: hidden;padding:0 5px;}
.box2 .T-column1{top:130px;}
.box2 .T-column2{top: 150px;}
.n-container .two-col,.n-container .two-col1,.n-container .two-col2{padding:35px 5px 0 5px; text-align: center; overflow: hidden;}
.n-container .two-col{line-height: 42px;}
.n-container .two-col a{font-size: 16px; margin:0 5px;}
.box2 .T-column1 a,.n-container .two-col1 a,.Three-col a{margin:0 1%; display: block; float: left;width:48%; height: 35px; line-height: 35px;padding:0;font-size: 16px; margin-bottom:10px;}
.box2 .T-column1 a,.n-container .two-col1 a{font-size:14px;}
.box2 .T-column2 a{display: block; float:left; width:49%;margin:0 0.5%;height: 35px; line-height: 35px;font-size:14px;padding:0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}
.Three-col .line{top:0;}
.Three-col a{font-size: 13px;}
.box2 .title p{padding-left: 0;}
.box2 .cont{margin-top:60px;}
.box2 .cont dl,.box3 .cont dl{padding:0 10px; margin-right: 0;}
.box2 .cont dd,.box3 .cont dd{width: 100%; margin-right: 0; margin-bottom: 15px;}
.box3 .more{position:static; text-align: center; margin-top:35px; }
.box3 .cont dl{margin-top:50px; overflow: hidden;}
.footer .foot_lf{width:100%;text-align: center;}
.footer .foot_rt{width:100%;margin-top:15px;}
.footer .foot_nav{text-align: center;}
.footer .copyright{ text-align: center;}
.n-container .ab_lf{width: 100%; padding:0 10px; text-align:center;}
.lx-top,.current{padding:0 10px;}
.lx-cont .lx-rt{padding:30px 20px;}
.lx-cont{margin-top:50px;}
.js-cont{margin-top:10px;}
.js-cont dl{padding:45px 10px;}
.js-show{padding:50px 10px 0 10px;}
.pro-cont dl{padding:40px 10px 0 10px;}
.pro-cont dd .Img,.pro-cont dd .introduce{width: 100%;}
.pro-cont dd .Img{text-align: center; margin-bottom: 20px;}
.pro-cont dd .Img img{max-width: 100%;}
.pro-cont dd .introduce{font-size: 14px;}
.Three-col{margin-top:15px;padding-top:25px; overflow: hidden;}
.pro-cont dd .tit{font-size: 16px; height: 35px; line-height: 35px;}
.pro-cont dd .introduce{ line-height: 30px;}
.pro-cont dd{margin-bottom: 20px;}
.n-main{padding-bottom: 60px;}
.footer .foot_nav a{font-size: 14px;}
.footer .copyright{font-size: 13px; line-height: 24px;}
.current{font-size: 13px;}
.footer_yyzz{ display: none;}
}

@media screen and (min-width: 768px){
.nav .nav_dh .li_eng{float:left; width: 14.2857143%; line-height: 18px; padding-top:20px; text-align: center;}
.nav .nav_dh .li_eng a{padding:0 5px;}
}

@media screen and (max-width: 320px) {
.box2 .T-column1 a,.n-container .two-col a,.n-container .two-col1 a,.box2 .T-column2 a{font-size:14px;}
}
@media screen and (max-width: 991px) and (min-width: 321px){

}
@media screen and (max-width: 991px){
.box3 .more a{font-size: 20px;}
.box3 .cont dd .time,.js-cont dd .time{font-size: 26px;}
.box3 .cont dd .tit,.js-cont dd .tit{font-size: 18px; margin-top:20px;}
.box3 .cont dd .abstract,.js-cont dd .abstract{font-size: 14px; margin-top:10px;}
.box2 .cont dd .tit{font-size:18px;}
.lx-cont .lx-lf{width:100%; text-align: center;}
.lx-cont .lx-lf img{ left: 50%; margin-left: -166px; }
.lx-cont .lx-lf p{padding-top:15px;}
.lx-cont .lx-tit{position: static; width: 100%; text-align: center; background: none; font-size: 45px; line-height: 45px;}
.lx-cont .lx-rt{width:100%; margin-top:50px;}
#container{height:350px;}
.js-show h1{font-size: 24px;}
.js-show .time{font-size: 13px; padding:10px 0 25px 0;}
.js-show .cont{padding-top:30px;font-size: 14px; line-height: 30px;}
}

@media screen and (max-width: 991px) and (min-width: 768px){
.header .head_white{width:16%;}
.wrapper{width:750px;}
.nav .nav_lf{padding-top:25px;}
.nav .nav_lf img{max-width:80%;}
.nav .nav_dh a{font-size: 14px; padding:0 6px;}
.title .tt,.n-title .tt{font-size: 45px;}
.title p,.n-title p{font-size: 14px; margin-top:5px;}
.box1 .cont,.n-container .ab_rt{width:360px;font-size: 16px;}
.service dd span{line-height:60px;font-size: 60px;}
.service dd .tit{font-size: 20px;}
.service dd .abstract{font-size: 14px;margin-top:10px;}
.box2 .T-column{top:75px;}
.box2 .T-column a,.n-container .two-col a,.n-container .two-col1 a{ margin-left: 20px;}
.box2 .T-column2 a{padding:5px 3.5px; margin-left: 5px; font-size: 14px;}
.box2 .cont dd img{margin:20px 0;}
.box2 .title::before{margin-top:77px;}
.box3 .cont dl{margin-top:50px;}
.box3 .cont dd{margin-bottom: 20px;}
.Three-col a{font-size: 16px; margin:0 10px; padding:0 15px;}
.pro-cont dd .tit{font-size: 18px; height: 45px; line-height: 45px;}
.n-container .two-col1{padding:35px 5px 0 5px; text-align: center; overflow: hidden;}
.Three-col{padding-top: 25px; margin-top:20px; overflow: hidden;}
.Three-col .line{top:0;}
.n-container .two-col1 a,.Three-col a{margin:0 1%; display: block; float: left;width:48%; height: 35px; line-height: 35px;padding:0;font-size: 16px; margin-bottom:10px;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
.wrapper{width:940px;}
.nav .nav_lf{padding-top:25px;}
.nav .nav_lf img{max-width:80%;}
.nav .nav_dh a{font-size: 14px; padding:0 15.9px;}
.title .tt,.n-title .tt{font-size: 55px;}
.box1 .cont,.n-container .ab_rt{font-size: 18px;}
.service dd span{line-height:70px;font-size: 70px;}
.service dd .tit{font-size: 22px;}
.service dd .abstract{font-size: 15px; margin-top:15px;}
.box2 .T-column{top:80px;}
.box2 .T-column a,.n-container .two-col a,.n-container .two-col1 a{padding:5px 15px;}
.box2 .T-column2 a{padding:5px 10px; margin-left: 5px; font-size: 16px;}
.box2 .cont dd img{margin:30px 0;}
.box2 .cont dd .tit{font-size: 20px;}
.box3 .more a{font-size: 22px;}
.box3 .cont dd .time,.js-cont dd .time{font-size: 28px;}
.box3 .cont dd .tit,.js-cont dd .tit{font-size: 20px; margin-top:25px;}
.box3 .cont dd .abstract,.js-cont dd .abstract{font-size: 15px; margin-top:15px;}
.box3 .cont dl{margin-top:65px;}
.box3 .cont dd{margin-bottom: 30px;}
.lx-cont .lx-tit{right:430px; font-size: 55px;}
.lx-cont .lx-rt{width: 506px; padding:50px 0 50px 135px; }
#container{height:500px;}
.Three-col a{font-size:16px; padding:6px 10px; margin:0 3px;}
.Three-col .line{top:12px;}
}