*{margin:0;padding:0;list-style:none;font-family: 'Roboto Light',Arial,'Lucida Grande',Tahoma,sans-serif; }
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #f0f1f5;
    color:#333;
    font-size: 14px;width: 100%;overflow-x: hidden;
    font-family: 'Roboto Light',Arial,'Lucida Grande',Tahoma,sans-serif; 
}
h1,h2,h3,h4,h5{font-weight: 500;}
a{color:#333;text-decoration:none;}
a:hover{color:#0670bb;transition: 0.3s;}
img{border:0 none;}
p{line-height: 1.8em;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.block{display: block !important; }
.inline{display: inline !important;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
.rel{position: relative;}
.fl{float: left !important;}
.fr{float:right !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}
.tl{text-align: left !important;}

.ptb30{padding:60px 0;}
.mt15{margin-top: 15px; }
.mt25{margin-top:25px !important;}
.mtb25{margin-top:40px !important;margin-bottom:60px !important;}
.mb25{margin-bottom:25px !important;}
.ml-20{margin-left: -20px;}
.bggrey{background: #f3f3f3;padding-bottom:40px;}
.pt20{padding-top: 20px !important;}
.p30{padding: 30px !important;}
.pb30{padding-bottom: 30px !important;}
.bgf3{background: #f3f3f3;}
.bgff{background-color: #fff;}
.warp{width:1200px;margin:0 auto;}
.over{overflow: hidden;}

.head{width:100%;height:90px;position: fixed;top:0;left:0;z-index:100;background: transparent;transition: .3s;border-bottom: 1px solid rgba(255,255,255,.2);box-shadow: 3px 0 10px 10px rgba(0,0,0,.02)}
.head .warp{position: relative;height:90px;width: auto;padding:0 20px;}
.head .logo{float: left;height:60px;padding: 17px 0 0;}
.head .logo a{display: block;float: left;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.head .nav{float: right;padding:0 0 0 15px;}
.head .nav ul{float: left;}
.head .nav li{float: left;position: relative;padding-left: 45px;}
.head .nav li a.t{display: block; color: #fff;line-height:90px;height:90px;position: relative;}
.head .nav li .cont{position: absolute;top: 90px;background:rgba(255,255,255,.8);padding:10px 0;width: 140px;left:50%;margin-left: -45px;box-shadow: 0 5px 5px rgba(0,0,0,.1);display: none;}
.head .nav li .cont a{display: block;padding:14px 0;text-align: center;font-size: 12px;}
.fixed,.head.mu{box-shadow: 3px 0 10px 10px rgba(0,0,0,.08)}
.head .nav li.hscont a.t{padding-right:16px;}
.head .nav li.hscont a.t:before{content: "";width: 6px;height: 6px;border-right: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(135deg);position: absolute;right: 0;top: 50%;display: block;margin-top: -5px;}
.head.fixed .nav li.hscont a.t:before,.head.mu .nav li.hscont a.t:before{border-color: #ccc;}
.head .nav li a.t:hover:before{border-color: #3497df !important;}
.fixed .nav li a.t,.mu .nav li a.t{color:#000;}
.head .nav li a.t:hover{ color:#fff;height:90px;}
.head.fixed .nav li a.t:hover,.head.mu .nav li a.t:hover{color: #3497df;}
.head .nav li a.t:after{content: "";display: block;position: absolute;bottom:0;height: 0;background: #fff;width: 100%;transition: .3s;border-radius:2px;}
.head .nav li a.t:hover:after,.head .nav li.active a.t:after{height: 3px;}
.head .nav li.active a.t{ color:#fff;height:90px;position: relative;}
.head .lang{float:right;height: 24px;border-radius: 15px;margin: 32px 0 0 20px;position: relative;display: flex;}
.head .lang span{display: block;text-align: center;line-height: 24px;padding-right: 15px;position: relative;color: #fff;cursor: pointer;}
.head .lang span:after{content: "";width: 6px;height: 6px;border-right: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(135deg);position: absolute;right:12px;top: 50%;display: block;margin-top: -5px;}
.head .lang div{position: absolute;top: 26px;background: #fff;display: none;left: 0;width: 100%;text-align: center;}
.head .lang a{display:block;height:24px;text-align: center;line-height: 24px;color:#333;font-size: 12px;padding:0 4px;color:#fff;position: relative;}
.head .lang a.cur:after{content: "/";position: absolute;right:-7px;top:0;font-size: 14px;}
.head .lang .cur{border-bottom:1px solid #fff;margin-right: 10px;}
.fixed .lang .cur{border-bottom: 1px solid #3497df;}
.fixed .lang span,.mu .lang span,.fixed .lang a,.mu .lang a{color:#3497df;}
.head .w_bg{background-color: #fff;position: absolute;left: 0;top:0;height: 90px;width: 100%;background:#fff;z-index: 0;opacity: 0;}
.mu .w_bg,.fixed .w_bg{opacity: 1;}
.head .warp{position: relative;z-index: 1;}
.head.fixed .logo a,.head.mu .logo a{background-image: url("../images/logo2.png");}
.head.fixed .logo a img,.head.mu .logo a img{opacity: 0;}

.head.fixed .nav li.active a.t,.head.mu .nav li.active a.t{color:#3497df;}

.head.fixed .nav li.active a.t:after,.head.mu .nav li.active a.t:after{background:#3497df;}
.banner{height: 1080px;width: 100%;color:#fff;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {align-items: center;background-repeat:no-repeat;background-size:cover;background-position: center;width:100%;height:100%;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;overflow: hidden;}
.banner .swiper-slide .wrap{position: relative;z-index: 9;}
.banner .swiper-slide h2{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .6s;}
.banner .swiper-slide p{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .7s;}
.banner .swiper-slide h3{ color:#fff; opacity: 0;transform: translateX(100px);transition: 1s .8s;}
.banner .more{transition: 1s 1.2s;opacity: 0;transform: translateY(50px);}
.banner .swiper-slide-active h2,.banner .swiper-slide-active p,.banner .swiper-slide-active h3{opacity: 1;transform: translateX(0);}
.banner .swiper-slide-active .more{opacity: 1;transform: translateY(0);}
.swiper-button-next, .swiper-button-prev{border:1px solid #fff;width: 40px;height: 40px;border-radius: 50%;display: block;position: absolute;}
.banner.b2 h2{animation: fiu 2.2s forwards;transform: translateX(20px);font-size: 42px;font-weight: 500;opacity: 1;}
.banner.b2 p{display:block;animation: fiu 2.6s  forwards;transform: translateX(20px);font-size: 14px;margin-top: 20px;opacity: 1;}
.banner.b2{background-repeat: no-repeat;background-size:auto 115%;background-position: center;animation: bgx 2.6s .15s forwards;}
.bannerbg{display: none;z-index: 0;}
@keyframes bgx
{
    from {background-size:auto 115%;}
    to {background-size:auto 110%;}
}
@keyframes bgfd
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}
@keyframes fiu
{
    from {transform: translateX(20px);opacity: 1;}
    to {transform: translateX(0);opacity: 1}
}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;width:15px;height:15px;display: block;border-top: 1px solid #fff;border-right: 1px solid #fff;transform:translate(8px,12px) rotate(45deg) ;}
.swiper-button-prev:after{transform:translate(16px,10px) rotate(-135deg);}

.more{display: inline-block; width:100px;text-align:center;background:transparent ;color:#fff;padding:0 15px;border-radius: 26px;font-size: 12px;line-height: 40px;margin-top: 12px;visibility: visible;border:1px solid #fff;}
.more span{border-left: 2px solid #fff;padding:0 10px;display: inline-block;line-height: 16px;}
.more:hover{background-color:#308cd6;color: #fff; border-color: transparent;}

.more.blue{border-color: #308cd6}
.more.blue span{border-color: #308cd6; color: #308cd6;}
.more.blue:hover{background: #308cd6;}
.more.blue:hover span{color: #fff;border-color: #fff;}

.footer{background:#404040 url('../images/bottombg.jpg') no-repeat center bottom;background-size: cover; padding:60px 0 ;position: relative;}
.f_logo{width: 200px;padding:0 0 40px;border-radius: 60px;display: none;}
.f_logo img{display: block;}
.footer ul{padding:10px 0 30px 0;float: left;}
.footer li h2{font-size: 16px;color: #fff;margin-bottom: 10px;padding-bottom: 5px;}
.footer li a{color:#85b0d2;display: block;line-height: 35px;font-size: 12px;}
.footer li a:hover{color: #ccc;}
.footer li{/* width: 140px; */float: left;margin-right: 40px;}
.footer .cart{float: right;text-align: right;}
.footer .cart div{margin: 10px 0;}

.footer .cart p{color:#85b0d2;font-size: 14px;margin-top: 5px;}
.footer .cart a{color:#fff;font-size: 20px;font-weight: 900;}
.footer .bto{/*padding:20px 0;*/font-size: 12px;line-height: 1.8em;color: #646464;position: relative;}
.footer .bto p{color:#85b0d2;float: left;}
.footer .bto .sel{float: right;width: 300px;height: 40px;border:1px solid #85b0d2;background: #0a5694;position: relative;}
.footer .bto .sel span{display: block;padding:0 20px;color: #85b0d2;line-height: 40px;}
.footer .bto .sel div{position: absolute;left: 0;bottom:42px;background: #85b0d2;width: 100%;display: none;}
.footer .bto .sel:hover div{display: block;}
.footer .bto .sel div a{display: block;padding:0 20px;line-height: 40px;}
.footer .bto a:hover{color:#fff;}

.dts{background: #fff;box-shadow: 0 0 10px 5px rgba(0,0,0,.1);margin-top: -40px;box-sizing: border-box;position: relative;z-index: 99;opacity: 0;}
.dts .info{padding:30px;font-size: 14px;}
.dts .info span{color:#e60013;}

.in_pro{padding:11px 0;/* background:url("../images/product.png") no-repeat #fff; */margin:70px auto 0;height: 460px;}
.tit{overflow: hidden;}
.tit span.t{float: left;font-size: 48px;}
.tit.w span.t{color: #fff;}
.tit .more{float: right;}
.in_pro .tit b{font-size:48px;font-weight: 500; }
.in_pro .txt{width:515px;padding:0 0 40px;font-size: 18px;color: #666;float: left; }
.in_pro .txt p{padding:0 0 40px 0;}
.in_pro .img{float: right;width:648px;height: 380px;/*background:url("../images/w.png") no-repeat left bottom;*/ }
.in_pro .img div,.in_pro .img video{width: 617px;height: 350px;backgorund-repeat:no-repeat;background-size: cover;float: right;}
.in_pro .img video{background: #000;}
.in_pro .img.v{background: url("../images/vbg.png") no-repeat 10px bottom;background-size: 85%;}

.injs{background: url("../images/bg.jpg") no-repeat;background-size: cover;padding-top: 100px;height: 600px;position: relative;}
.injs .v{position: absolute;top: 0;left: 0;width: 100%;z-index: 0;height: 700px;}
.injs .v video{}
.injs .warp{z-index: 2;position: relative;}

.injs .txt{padding:60px 0;height:100px;color:#fff;font-size: 16px;}
.injs .link{overflow: hidden;margin-left: -10px;}
.injs .link .cum{width: 232px;height: 232px;background: #fff;float: left;margin-left: 10px;overflow: hidden;text-align: center;transition: .6s;position: relative;cursor: pointer;padding: 5px;}
.injs .link .cum:after{content: "";bottom:0;left: 50%;right: 50%;height: 4px;background: #308cd6;display: block;transition: .8s;position: absolute;}
.injs .link .cum img{display: block;margin:40px auto 0;}
.injs .link .cum span{display: block;margin: 10px 0 5px; }
.injs .link .cum em{font-style: normal;color:#ccc;}

.inbg2{/*padding-top:190px;*/background: url("../images/bg3.jpg") no-repeat right center;background-size: 100%;height: auto;}
.in_news{background:url("../images/bg2.jpg") no-repeat center; background-size:cover;height:1000px;overflow: hidden;}
.in_news .warp {margin: 120px auto;}


.bgwrite{background-color: #fff;}
.in_news .list{width: 100%;height:525px;background: #fff;margin-top: 50px; }

.in_news .swiper-slide {
    background: #fff;
    border-left:1px solid #eee;
    box-sizing: border-box;
    overflow: hidden;
}
.in_news .swiper-slide .info{display: block;box-sizing:border-box;height: 100%;
    transition: .3s;padding:30px;}
.in_news .swiper-slide.swiper-slide-next div.info{box-shadow: inset 15px 0 25px 15px rgba(60,60,60,.1);}

.in_news .info{position: relative;}
.in_news .info .time{font-size: 12px;color: #999;display: block;}
.in_news .info h2 a{display:block;font-weight: 700;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden;margin:40px 0 20px;}
.in_news .info p{color: #999;height: 120px;font-size: 14px;color:#888;}
.in_news .info .img{height: 168px;background: no-repeat center;background-size: cover;margin-bottom:10px; }
.in_news .info .more{border:none;box-shadow: none;padding:0;text-align: left;position: absolute;bottom:20px;left: 0;}
.in_news .info:after{content: "";position: absolute;bottom: 0;left: 50%;right:50%;transition: .8s;height: 5px;background: #e60013;}
.in_news .info:hover h2 a{color:#e60013;}
.in_news .info:hover:after{left: 0;right: 0;}
.childnav{background: #fff;border-bottom: 1px solid #eee;}
.childnav .warp{overflow: auto;}
.childnav .navs{white-space:nowrap;}
.childnav .navs a{margin-right: 60px;position: relative;display: inline-block;}
.childnav .navs a:after{content: "";height: 3px ;background: #3497df;position: absolute;left: 50%;right: 50%;display: block;transition: .3s .7s;bottom:0;}
.childnav .navs a.cur{color:#3497df;}
.childnav .navs a.cur:after{left: 0;right: 0;}
.prolist{padding:100px 0;}
.prolist .cum{background: #fff;margin-bottom: 30px;position: relative;}
.prolist .cum .img{width: 300px;height: 300px;background: no-repeat center;background-size: cover;}
.prolist .cum  h2{font-size: 36px;margin-bottom:20px;}
.prolist .cum h2 span{font-size: 16px;color:#999;margin-left: 20px;}
.prolist .cum a{position: absolute;right: 40px;top: 40px;padding:10px 15px;display: inline-block;border:1px solid #3497df;color: #3497df;border-radius: 4px;}
.prolist .cum a:hover{background: #3497df;color: #fff;}
.prolist .cum p{color:#999;}
table{width: 100%;border-collapse: collapse;text-align: center;font-size: 12px;}
table th{color: #fff;background: #308cd6;height: 80px;border-left: 1px solid #217cc6;border-bottom: 1px solid #217cc6;font-weight: 400;}
table tr{background: #fff;}
table td{height: 80px;border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#666;transition: .3s;position: relative;}
table tbody tr:last-child td{border-bottom: none;}
table td:after{content: "";display: block;height:0px;background: #83bae6;position: absolute;bottom:0;left: 0;transition: .3s;width: 100%}
table tr:nth-child(odd){background: #fafafa;}
table td.t{background: #0a5694;color:#fff;font-size: 14px;}
/*table tr:hover td{background: #b3d5f0;color: #666;}
table tr:hover td:after{height: 5px;}*/
.pro_table{padding:25px 0;position: relative;}
.pro_table h2{padding:20px 0;font-size: 20px;font-weight: 900;text-align: center;}
.pro_table a.di{z-index:9;display:block;width:calc(100% - 84px);position:absolute;left:84px;opacity: 0;transition: .6s;background: rgba(48, 140, 214, 0.6);}
.pro_table a.di:hover{opacity: 1;}
.pro_table a.di span{color:#fff;display: inline-block;padding:0 28px;height:40px;line-height:40px;border-radius: 20px;border:1px solid #fff;position: absolute;right:20px;top: 50%;margin-top: -20px;background: rgba(48, 140, 214, 0.8);}
.pro_table .pross{height: 15px;}
.pro_table .pross span{height:15px;display:block;border-radius: 0 10px 10px 0;background: #0070c0;}
.pro_table .pross.green span,table td.t.green{background: #00b0f0}
.pro_table .pross.violet span{background: transparent;border:1px dashed #0070c0;}
table td.t.viobet{color:#0070c0;border:1px dashed #0070c0;}
.pro_table .pross.other span,table td.t.other{background: #8faadc}
.pro_table p{padding:20px 0;display: flex;align-items: center;}
.pro_table p span{display:inline-flex;position: relative;margin-right: 30px;padding-left: 80px;align-items: center;}
.pro_table p span:before{content: "";width: 70px;height:18px;border-radius: 10px;background: #0070c0;display: inline-block;margin-right: 15px;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.pro_table p span.green:before{background: #00b0f0;}
.pro_table p span.violet:before{background: transparent;border:1px dashed #0070c0;}
.pro_table p span.other:before{background: #8faadc;}
.pro_table p.tp img{width: 40px;margin-right: 5px;}
.pro_table p span.i{padding-left: 0;}
.pro_table p span.i:before{display: none;}
.pro_table .hasicon{display: flex;align-items: center;justify-content: center;padding:0 10px;}
.pro_table .hasicon img{width: 24px;margin-right: 3px;}
.coop {background-image: url("../images/cooperation.png");background-position: right top;}
@keyframes width100 {
    0%{width: 0;}
    100%{width: 100%;}
}
.width100{animation: width100 1s forwards;}
.hzlogos{padding:100px 0;align-items: center;background-repeat:no-repeat;background-size:cover;background-position: center;
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;justify-content: space-between;text-align: center;flex-wrap: wrap;}

.hzlogos b{display: block;padding-top: 20px;font-size: 18px;font-weight: 400;}

.hzlogos span{display: block;color: #999;}
.coop2{background: none;}

.gaikuang{position: relative;}
.gaikuang:after{content: "";width: 100%;height: 100%;background: #fff url('../images/bg.png') no-repeat center;background-size: 100%;display: none;position: absolute;left: 50%;margin-left:-700px;top: 0;z-index: 0;}
.gaikuang .warp{position: relative;z-index: 1;}

.yuanjing{background: #fff url('../images/bg.png') no-repeat center;background-size: 100%;position: relative;}
.yuanjing .sm{position: relative;z-index: 1;width: }
.yuanjing .sm h2{font-size:36px;font-weight: 900;height: 80px;margin-bottom: 40px;position: relative; }
.yuanjing .sm h2:after{content: "";display: block;width: 60px;position: absolute;bottom:0;left: 0;border-bottom: 2px solid #3497df;}
.yuanjing .sm p{font-size:16px;color: #999; }
.yuanjing .sm .img{background: no-repeat center;background-size: cover;}
 .yuanjing .lay .cum{float: left;}
.team .info{overflow: hidden;background: url("../images/bg4.jpg") no-repeat right top;}
.team .info .img{background: no-repeat center;background-size: cover;}
.team .info .txt{/*float: right;width: 820px;*/}
.team .info .txt h2{color: #000;font-size: 36px;font-weight: 600;}
.team .info .txt span{color: #3497df;padding-top:10px;display: block;margin-bottom: 15px;}
.team .info .txt span:after{content: "";display: block;width: 5rem; bottom:0;left: 0;border-bottom: 1px solid #ccc;height: 15px;}
.teamconts .info{display: none;}
.teamconts .show{display: block;}
.photolist{margin:40px 0 0 -20px;overflow: hidden;padding-bottom: 80px;}
.photolist .cum{width: 183px;height:325px;float: left;margin-left: 20px;margin-bottom: 20px;overflow: hidden;text-align: center;}
.photolist .cum.cur .img{border:5px solid #3497df;box-sizing: border-box;}
.photolist .cum h2{font-size:18px;padding:10px 0 5px; }
.photolist .cum p{text-align: center;font-size: 12px;color:#999;}
.photolist .cum img{width: 100%;display: block;}

.licheng{padding:90px 0;}
.lc_top{height: 70px;line-height: 70px;}
.lc_top .leftbtn,.lc_top .rightbtn{width: 50px;height: 50px;background: #2278bd;border-radius: 50%;display: block;float: left;margin-top: 10px;position: relative;}
.lc_top .leftbtn:before,.lc_top .rightbtn:before{content: "";width: 15px;height:15px;border-right: 1px solid #fff;border-top: 1px solid #fff;display: block;position: absolute;left: 13px;top:16px;transform: rotate(45deg);}
.lc_top .leftbtn:before{transform: rotate(-135deg);left:20px;}
.lc_top .rightbtn{float: right;}
.lc_top .coment{background: #308cd6;width: calc(100% - 140px);float: left;margin-left: 20px; overflow: hidden;}
.lc_top .coment ul{width: 10000px;}
.lc_top .coment li{width: 170px;text-align: center;color: #fff;font-size: 20px;float: left;font-weight: 900;}
.lc_top .coment li.cur{background: #2278bd;}

.lc_comts{padding:60px 0 0;width: calc(100% - 160px);margin:0 auto;}
.lc_comts .cum{position: relative;border-left: 1px solid #308cd6;padding:0 0 30px 30px;}
.lc_comts .cum:before{content: "";width: 15px;height: 15px;display: block;border-radius: 50%;border:2px solid #308cd6;position: absolute;left: -10px;top: 0;background: #fff;}
.lc_comts .cum b{font-size:24px;color: #308cd6;display: block;padding-bottom: 12px;}
.lc_comts .cum .info{overflow: hidden;}
.lc_comts .cum .info .img{width: 259px;height: 173px;background: no-repeat center;background-size: cover;float: left;}
.lc_comts .cum .info p{/*float: right;*/width: 736px;}
.rongyu{padding:90px 0;overflow: hidden;}
.rongyu .cum{width: 386px;height: 262px;background: no-repeat;background-size: cover;float: left;margin-bottom: 15px;}
.rongyu .cum:nth-child(3n-1){margin:0 15px 15px;}

.jishu{padding:10px 0;}
.imgtxtbox{overflow: hidden;padding:40px 0;}
.imgtxtbox.cx .txt{height: 320px;position: relative;}
.imgtxtbox .txt{width: 564px;position: relative;line-height: 1.8em;}
.imgtxtbox .txt h2{font-size: 20px;font-weight: 600;color: #000;padding:10px 0 20px;}
.imgtxtbox .txt h2 span{font-size:60px;color: #ededed;height: 50px;overflow: hidden;font-weight: 900;display: block;}
.imgtxtbox .swiper-container {
      width: 100%;
      height: 100%;
    }
.imgtxtbox .txt p.ts{font-size: 14px;color: #999;margin-bottom: 20px;}
.imgtxtbox .txt p.tks{padding: 20px 0 0;}
.imgtxtbox .txt p.tks a{font-size: 14px;color: #333;display: inline-block;margin-right: 20px;}
.imgtxtbox .txt p.tks a:hover{color: #DA4432;text-decoration: underline;}
.imgtxtbox .txt .more{margin-top:40px;}
.imgtxtbox.cx .txt .more{position: absolute;left: 0;bottom:0;}
.imgtxtbox.cx .txt span.icon{position: absolute;opacity: .35;right: 0;bottom: 0;width: 70px;height: 70px;}
.imgtxtbox.cx .txt span.icon img{width: 100%;}
.imgtxtbox.cx .txt p{}
.imgtxtbox .img{width: 560px;height: 380px;overflow: hidden;background:no-repeat center #eee;background-size: cover;}
.imgtxtbox i{position: absolute;right: 0;bottom: 0;width:70px;display: block;opacity: .65}
.imgtxtbox i img{width: 100%;}

.downlist ul{padding:40px 0 90px;}
.downlist li{background: #fff;margin-bottom:1px;line-height: 60px;padding:0 25px;overflow: hidden;}
.downlist li a:nth-child(2){float: right;}

.zp_sel{background: #fff;box-sizing: border-box;padding:45px;margin-top: -70px;height: 140px;position: relative;z-index: 999;}
.zp_sel .layui-input{border-radius: 30px;background: #f9f9f9;height: 50px;line-height: 50px;padding-left: 20px;}
.zp_sel .layui-btn{border-radius: 30px;height: 50px;line-height: 50px;width: 150px}
.layui-form-select dl dd.layui-this{background: #3497df;}

.zpbox{padding:30px 0 90px;}
.zpbox .thead{background: #3497df;line-height: 80px;color: #fff;padding:0 30px;overflow: hidden;display: flex;}
.zpbox .thead span,.zpbox dl dt span{display:block;font-size: 16px;float: left;box-sizing: border-box;text-align: center;}
.zpbox dl dt span{font-size: 12px;box-sizing: border-box;}
.zpbox .thead span:nth-child(1),.zpbox dl dt span:nth-child(1){width: 53%;}
.zpbox .thead span:nth-child(2),.zpbox dl dt span:nth-child(2){width: 15%;}
.zpbox .thead span:nth-child(3),.zpbox dl dt span:nth-child(3){width: 15%;}
.zpbox .thead span:nth-child(4),.zpbox dl dt span:nth-child(4){width: 13%;flex:1;}
.zpbox dl dt{background: #fff;line-height: 80px;padding:0 30px;border-bottom: 1px solid #eee;}
.zpbox dl dt i{color: #3497df}
.zpbox dl dd{overflow: hidden;padding:30px;display: none;}
.zpbox dl dd span{margin-right: 50px;display: inline-block;font-size: 16px;}
.zpbox dl dd .lel{width: 48%;float: left;}
.zpbox dl dd .ri{width: 48%;float: right;}
.zpbox dl dd em{font-size: 12px;color: #999;display: block;margin-bottom: 20px;}
.zpbox dl dd:nth-child(3){padding-top: 0;}
.zpbox dl dd p{font-size: 12px;color: #666;}
.zpbox dl dd a{border-radius:60px;height: 60px;width: 160px;margin-top: 30px;font-size: 16px;line-height: 60px;display: none;}
.zpbox dl dd .lel a{display: block;}

.page{text-align: center;margin-top: 30px;}
.page a{display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #fff;margin:0 3px;color:#999;}
.page a:hover{color: #3497df;}
.page a.on{color: #fff;background: #3497df;}
.map{height: 500px;width: 100%;}
.contact{padding-bottom: 90px;}
.contact h2{padding:80px 0 40px;font-weight: 800;font-size:36px;text-align: center; }
.contact ul{overflow: hidden;}
.contact ul li{background: #fff;box-sizing: border-box;padding:30px;width: 48.5%;float: left;margin-bottom: 20px;}
.contact ul li:nth-child(2n){float: right;}
.contact p{color: #999;}
.contact h3{font-size: 24px;font-weight: 900;margin-bottom: 15px;height: 65px;}

.zhaomu .thead span,.zhaomu dl dt span{padding-right: 20px;}
.zhaomu .thead span:nth-child(1),.zhaomu dl dt span:nth-child(1){width: 15%;}
.zhaomu .thead span:nth-child(2),.zhaomu dl dt span:nth-child(2){width: 20%;}
.zhaomu .thead span:nth-child(3),.zhaomu dl dt span:nth-child(3){width: 25%;}
.zhaomu .thead span:nth-child(4),.zhaomu dl dt span:nth-child(4){width: 13%;}
.zhaomu .thead span:nth-child(5),.zhaomu dl dt span:nth-child(5){width: 25%;}
.zhaomu dl {width: 100%;}
.zhaomu dl dt{display: flex;align-items: center;line-height: 1.8em;padding:30px;}
.zhaomu dl:nth-child(2n) dt{background: #fafafa;}

.pilu{padding:60px 0 ;}
.pilu .tab{text-align: center;}
.pilu .tab a{display: inline-block;width: 160px;height: 50px;line-height:50px;color: #3497df;border:1px solid #3497df;border-radius: 50px;margin:0 10px;}
.pilu .tab a.cur{color: #fff;background: #3497df;}
.pilu .conts{padding-top: 50px;}
.pilu .cum{background: #fff;margin-bottom: 20px;padding:30px;position: relative;}
.pilu .cum p{color: #999;font-size: 14px;margin:8px 0;}
.pilu .cum h2{font-size: 20px;}
.pilu .cum span.t{color: #ccc;display: block;margin-top: 40px;}
.pilu .cum a.more{border:none;position: absolute;right:0;bottom: 15px;box-shadow: none;}
.pilu .cum a.more:hover{background: none;}
.pilu .cum a.more:hover span{border-color: #308cd6;color: #308cd6;}
.zhili{padding: 80px 0;}
.zhili h2{font-size: 36px;font-weight: 900;text-align: center;padding-bottom: 50px;}
.zhili .list{margin-left: -20px;overflow: hidden;}
.zhili .list .cum{float: left;margin:0 0 20px 20px;background: #fff;width:285px;height: 409px;box-sizing: border-box;padding:30px; text-align: center;}
.zhili .list .cum .photo{width:160px;height: 160px;overflow: hidden;border-radius: 50%; background: no-repeat center;background-size: cover;margin:50px auto 0;}
.zhili .list .cum h3{font-size: 24px;padding:10px 0;}
.zhili .list .cum p{color: #999;}
.zhili .dec{font-size: 16px;text-align: center;color: #999;margin-top: -30px;}
.huilist{overflow: hidden;padding:50px 0;}
.huilist .cum{width: 49.2%;height: 200px;background: url('../images/bg5.jpg') no-repeat center #308cd6;background-size: 100%;margin-bottom: 20px;float: left;box-sizing: border-box;padding:40px;color: #fff;}
.huilist .cum:nth-child(2n){float: right;}
.huilist .cum h3{font-size: 24px;position: relative;padding-bottom: 15px;}
.huilist .cum h3:after{content: "";width: 2em;border-bottom: 1px solid rgba(255,255,255,.6);position: absolute;bottom:-14px;left: 0;}
.huilist .cum p{padding-left: 5em;opacity: .6;}
.pilu .selt{clear: both;height: 50px;margin-bottom:-30px;position: relative;z-index: 99;}
.pilu .selt div.datebox:after{content: attr(data-txt);position: absolute;top:0;line-height: 50px;display:block;border-radius: 30px;border:1px solid #308cd6 !important;color:#308cd6;width: 100%;}
.pilu .selt div.datebox{float: right;width: 160px;text-align: center;height: 50px;position: relative;}
.pilu .selt div.datebox .dates{height: 200px;overflow-y: scroll;position: absolute;top: 50px;left: 0;width:100%;display: none;}
.pilu .selt div.datebox a{text-align: center;background: #fff;display: block;text-align: center;line-height: 40px;}
.pilu .selt div a.cur{background: #308cd6;color: #fff;}
.topcum{background: #fff;overflow: hidden;margin-bottom: 20px;}
.topcum .img{width: 740px;height: 415px;float: left;background-size: cover;}
.topcum .info{width:377px;float: right;padding:30px; }
.topcum h2{font-weight: 700;}
.topcum p{min-height: 200px;padding:20px 0;color:#999;}
.newsdetail{background: url("../images/bg6.png") no-repeat top center #fff;background-size: 100%;padding:100px 0;}
.newsdetail .count{background: url("../images/bg7.jpg") no-repeat;background-size: 100%;float: right;width:320px;box-sizing: border-box; padding:150px 30px 30px;}
.newsdetail .count h2{font-size: 16px;font-weight: 700;}
.newsdetail .count span{display: block;font-size: 14px;margin:30px 0  10px;color:#888;}
.newsdetail .count p{color: #999;}
.newsdetail .artical{width: 750px;float: left;text-align: justify;}
.newsdetail .artical img{max-width: 100%;}
.newsdetail .mun{padding:20px 0 40px;text-align: right;}
.newsdetail .t{display: block;color: #999;padding:20px 0;}
.newsdetail .artical p{margin-bottom: 20px;color:#464646;}
html .layui-laydate .layui-this,html .layui-form-select dl dd.layui-this{background-color:#308cd6 !important;}
html .layui-btn-normal{background: #308cd6 !important}
.hz_li{background: url("../images/bg.png") no-repeat center;background-size: cover;padding:100px 0;}
.hz_li .warp{display: flex;justify-content: space-between;}
.hz_li .cum{background: #fff;width: 386px;height: 650px;text-align: center;box-sizing: border-box;padding: 30px;}
.hz_li .cum .img{padding:80px 0 40px;}
.hz_li .cum h2{font-size: 16px;color:#308cd6;padding:10px 0;}
.hz_li .cum p{text-align: left;font-size: 12px;color:#666;border-bottom: 1px solid #eee;margin:10px 0;padding-bottom: 10px;}
.hz_li .cum p:last-child{border:none;}
.hz_li .cum .info{height: 302px;}
/*.hz_li .cum i{display: block;}*/
@media screen and (min-width: 751px) {
    .injs .link{display: flex;/*justify-content: center;*/}
    .injs .link .cum:hover{background: #eef7ff;}
    .injs .link .cum:hover:after{right: 0;left: 0;}
    .in_pro h2{color:#333;margin-bottom: 30px;}
    .in_pro .txt p{font-size: 14px;}
    .in_pro .img div{background-color: rgb(255, 255, 255);border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
    .lc_comts .cum {display: flex;align-items: center;padding: 20px 0 20px 30px;}
    .lc_comts .cum b{padding: 0;}
    .lc_comts .cum:before{top: 50%;margin-top: -7px;}
    .lc_comts .cum .info{margin-left: 20px;}
    .banner .swiper-button-next,.banner .swiper-button-prev{left: 50%;bottom:100px;margin-left: -600px;top:auto;transition: .3s;}
    .banner .swiper-button-next{margin-left: -550px;}
    .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{border-color: #308cd6;background: #308cd6;}
    .banner .swiper-pagination{bottom: 100px;right: 50%;left:auto;margin-right: -595px;width: 60px;padding-bottom:10px;}
    .banner .swiper-pagination span{display: block;width: 5px;height: 40px;border-radius: 0;background: #fff;opacity: .5;margin-left: 46px !important;}
    .banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
    .banner .swiper-pagination:after{content: attr(data-ind);display: block;color: #fff;font-size: 50px;text-align: right;font-weight: 900;white-space:nowrap;}
    .banner .swiper-pagination:before{content:attr(data-len);display: block;color: #fff;font-size: 18px;font-weight: 500; text-align: right;position: absolute;bottom: 0;right: 25px;line-height:1px;background: #fff;text-indent: 25px;width: 20px;opacity: .85;}
    .banner .swiper-slide h2{font-size: 48px;font-weight: 900;}
	.banner .swiper-slide p{font-size: 18px;margin-top: 20px;}
	.banner .swiper-slide h3{font-size: 40px;margin:2rem 0;}

	.banner .swiper-slide{background-size:140%;transition: 2.25s .8s;}
	.banner .swiper-slide-active{background-size:120%}
    .banner.b2{height:600px;position: relative;overflow: hidden;}

    .banner.b2 .warp{overflow: hidden;height: 100%;display: table;z-index: 2;position: relative;}
    .banner.b2 .info{display: table-cell;vertical-align: middle;}
    .banner.b2 h3{font-weight: 900;}
    .banner.b2 p{width: 62%}
    .banner .swiper-slide .warp{position: relative;z-index: 99;}
    .banner .swiper-slide-active .bannerbg,.banner.b2 .bannerbg{animation: bgfd 2.6s .15s forwards;}
    .bannerbg{display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;transform: scale(1.03); }
    .childnav{height: 70px;line-height: 70px;}
    .childnav .navs{float: left;}
    .childnav .met{float: right;}
    .childnav .met em{font-style: normal;padding:0 10px;}
    .prolist .cum{ height: 300px; }
    .prolist .cum .img {float: left;}
    .prolist .cum .info{float: right;width: calc(100% - 300px);box-sizing: border-box;padding:40px;}
    .coop .txt{float: right;position: relative;box-sizing: border-box;padding-left: 100px;margin-top: 50px;font-size: 16px;}
    .coop .txt:before{content: "";width: 90px;height:2px ;background: #ccc;display: block;position: absolute;left:-20px;top:16px;}
    .coop .img{float: left;background-position: right bottom; }
    .coop .img div{float: left;}
    .coop2{height: 400px;padding-top: 0;}
    .coop2 .txt{padding-left: 0;}
    .coop2 .txt:before{display: none;}
    .coop2 .txt h2{margin-bottom:20px;color: #000;}
	
	.coop2 .txt_h{float: left;width: 270px;}
	.coop2 .txt_h h1{color: #000; font-size: 30px;font-weight: bold;padding-bottom: 10px;}
	.coop2 .txt_h h3{color: #3497df;}
	.coop2 .txt_c{float: right;width: 920px;font-size: 15px;}
	.coop2 .txt_c a{color: #0670bb;font-style: italic;}

	
    .injs .txt{width: 80%;}

    .contact ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .indexlay1{position: relative;}
    .indexlay1:after, .indexlay1:before{content: "";display: none;width: 100px;height: 100px;background: url("../images/icon7.png") no-repeat;position: absolute;right:-38px;bottom:0;background-size: 80%;z-index: 9;}
    .indexlay1:before{background-image: url("../images/icon6.png");right: auto;left:-7px;background-size: 70%;}

    .gaikuang{padding: 100px 0 ;font-size: 16px;background: url("../images/gkbg.jpg") no-repeat center;background-size: cover;}
    .gaikuang .warp{background: rgba(0,86,184,.75);box-sizing: border-box;padding:60px 80px;color: #fff;}
    .gaikuang .warp p{padding-top: 20px;}
        .gaikuang .warp h2{font-size: 34px;}
		
	.gaikuang2{padding: 100px 0 ;font-size: 16px;background: url("../images/gkbg2.jpg") no-repeat center;background-size: cover;}
    .gaikuang2 .warp{background: rgba(0,86,184,.75);box-sizing: border-box;padding:60px 80px;color: #fff;}
    .gaikuang2 .warp p{padding-top: 20px;}
        .gaikuang2 .warp h2{font-size: 34px;}
		
    .yuanjing .sm{position:relative;padding-top:115px;overflow: hidden;}
    .yuanjing .sm .lef{width: 300px;float:left;}
        .yuanjing .sm .img{width: 833px;height: 363px;float: right;}
    .yuanjing:after{background:#f0f1f5;width:55%;height:389px;content: "";display: block;position: absolute;left: 0;top: 0;  }

    .yuanjing .lay{margin-left: -20px;overflow: hidden;clear: both;padding:90px 0 120px;}
    .yuanjing .lay .cum{width:280px;margin-left: 20px;}
    .yuanjing .lay .cum h2{font-size: 24px;position: relative;height:55px;margin-bottom: 15px;}
    .yuanjing .lay .cum h2:after{content: "";width: 60px;display: block;border-bottom: 2px solid #ccc;position: absolute;left: 0;bottom:0;}
    .yuanjing .lay .cum p{color: #999;font-size: 16px;}
    .team{background: url("../images/teambg.jpg") no-repeat right -72px;}
    .team .info{padding:90px 0 0;background:none;min-height: 200px;}
    .team .info .img{width: 350px;height: 420px;float: left;}

    .in_news .info .more{position: absolute;bottom:20px;left: 30px;}
    .in_news .info .more:hover{background: none;}
    .in_news .info .more:hover span{color:#308cd6;border-color:#308cd6;}
    .in_news .swiper-wrapper{height: 525px;background: #fff;}
    .in_news .list{height: 580px;background: none;}
    .in_news .swiper-button-next, .in_news .swiper-button-prev{background: #308cd6;border:none;margin-top:0;bottom:0;top:auto; transform: scale(.75);}
    .in_news .swiper-button-next{right: 50%;margin-right: -120px;}
    .in_news .swiper-button-prev{left: 50%;margin-left: -120px;}

    .in_pro .img.v img{margin:30px 0 0 0px;}
    .pilu .conts{min-height: 400px;}
    .newsdetail .artical h1{padding:10px 0;}
    .newsdetail .artical p{line-height: 2em;}
}