@charset "utf-8";
*{margin:0; padding:0; outline:0; }
html{zoom:1; font-family:'museo-sans', Arial, sans-serif; font-size:14px; color:#333; }
.h1,.h2,.h3,.h4,.h5,.h6,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; font-weight:normal; }
li,ul{list-style:none;margin:0;padding:0}
a:active,a:hover,a:link,a:visited{text-decoration:none; color:#0088c0;}
img{max-width:100%;}
i,em{font-style:normal}
.container{max-width:1300px; margin:auto;}
.mc{color:#0088c0 }
.pcshow{display:block;}
.mobileshow{display:none;}

@font-face{font-family:iconfont;src:url(../fonts/qu66ye2pc0k.woff2) format('woff2'),url(../fonts/qu66ye2pc0k.woff) format('woff'),url(../fonts/qu66ye2pc0k.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-shijian:before{content:"\e626"}
.icon-yueduliang:before{content:"\e6af"}
.icon-huchudianhuatianchong:before{content:"\e680"}
.icon-dingwei:before{content:"\e61e"}
.icon-youxiang:before{content:"\e604"}
.icon-wangzhi:before{content:"\e72c"}
.icon-dagou:before{content:"\e608"}
.icon-riqi:before{content:"\e65b"}
.icon-jiantou_xiangyou_o:before{content:"\eb94"}

.header{padding:15px 0; position:fixed; top:0; left:0; right:0; z-index:9999; background-color:#fff; }
.header .container{display:flex; justify-content:space-between; align-items:center; }
.header .logo img{ height:35px; }
.header .logo .logo-w{display:none}
.header .nav{display:flex; justify-content:space-around;}
.header .nav li{ flex:1; font-size:14px;text-align:center;line-height:70px;position:relative;margin:0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.header .nav li:hover,.header .nav li.hover{/*background-color:#0088c0;*/ border-bottom:2px solid #0088c0;}
.header .nav li:hover .a1,.header .nav li.hover a{/*color:#fff;*/}
.header .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.header .nav .a1{display:block;text-align:center;position:relative;color:#555; width:110px; font-size: 17px;  }
.header .nav .arrow::after{content:""; width:12px; height:6px; background:url(/assets/images/arrow-down.png) no-repeat center center; position:absolute; top:32px; margin-left: 8px;}
.header .nav .subnav{position: absolute;left: 0px; margin-top:2px; z-index: 199;opacity: 0;visibility: hidden;height: auto;box-shadow: 0 0 4px 4px rgba(0,0,0,.05); border-top:1px solid #fff; width: 150%; padding:10px 20px; background-color:rgba(255,255,255,0.9); transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.header .nav .subnav .subnavbg{position:relative;}
.header .nav .subnav .a2{display:block;height:35px;line-height:35px;text-align: left; color: #333 !important; overflow:hidden; }
.header .nav .subnav .a3{display:block;height:28px; font-size:13px; line-height:30px; color: #fff !important; overflow:hidden; text-align:left; text-indent:15px; }
.header .nav .subnav a:hover{  /*color: #fff !important; background-color:#005b9a*/ color:#0088c0; }
.header .nav .subnav.big{width:120%; left:-10%;}
.header .nav .subnav .sub_pro{display:none;display: none;position: absolute; top: -10px; left: 100%; background-color: #005b9a;width: 160px; min-height: 140px; padding: 10px 0px;}
.header .nav .subnav .cc.on .sub_pro{display:block}
.header .nav .subnav .cc.on .a2{color: #fff !important; background-color:#005b9a}
.header .nav .lan{ }
.header .nav .lan .a1{ height:70px; color: #4C8AB5; }
.header.smallheader{ padding: 5px 3%; background-color:#fff; box-shadow: 9px 2px 5px #dcdcdc; }
.header.smallheader .nav li{line-height:50px;}
.header.smallheader .nav .arrow::after{top:21px;}
.header.smallheader .nav .lan .a1{height:50px; background-size: 25px;}
.footer{padding:2%; background-color:#f2f2f2; }
.footer .container.c1{display:flex;}
.footer .container .leftcon{width: 360px; text-align: center;}
.footer .foot-logo{height:80px; }
.footer .cname1{font-size:26px; font-weight:bold; padding:10px 0;text-align: center; }
.footer .cname{font-size:20px; font-weight:bold; padding-bottom:20px; }
.footer .c{ padding:0 50px 5px 50px; flex: 1;}
.footer .c p{line-height:1.8; letter-spacing:1px; font-size:15px; }
.footer .c p span{padding-right:30px; position:relative; }
.footer .c p span::after{width:2px; height:14px; position:absolute; top:1px; right:15px; content:""; background-color:#0088c0; }
.footer .c p span:last-child::after{display:none}
.footer .share{display:flex; justify-content:center; margin-top:10px;}
.footer .share a{position: relative; z-index: 1; transition: all .5s ease 0s; -webkit-transform: all .5s ease 0s; margin:0 3px; }
.footer .share img{width:35px; height:35px; border-radius:50%; transition:.3s;}
.footer .links {margin-top:20px;}
.footer .links a{color:#999; padding:0 10px;}
.footer .gzh{width: 350px; text-align: center;}
.footer .gzh p{text-align: center; color: #999;font-size: 13px;}
.footer .gzh .qr{width: 100px; height:100px; margin-top: 10px; }

.professor{ padding:3% 0; background-color:#0088c0;}
.professor .container{display:flex; justify-content:space-between;}
.professor .person{width:360px; text-align:center; }
.professor .person img{width:300px; margin:35px auto 0; }
.professor .person .name{font-size:28px; color:#fff; text-align:center; line-height:30px; margin:10px auto 5px; font-weight:bold;}
.professor .person .position{ color:#fff; text-align:center;}
.professor .txt{flex:1; padding:0 50px;}
.professor .txt h1{font-size:34px; color:#fff; line-height:50px; margin:20px 0; letter-spacing:2px;}
.professor .txt p{font-size:15px; color:#fff; line-height:24px; letter-spacing:2px;}
.professor .txt a{display:block; width:150px; padding:0 30px; display:flex; align-items:center; font-size:16px; color:#333; background-color:#fff; line-height:40px; text-align:center; margin-top:30px; cursor:pointer;-webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.professor .txt a:hover{background-color:#ff6b00; color:#fff;}
.professor .txt .iconfont {font-size:20px; padding-right:5px; }
.professor .video{width:350px; position:relative; cursor:pointer;}
.professor .video video{width:100%;}
.pagebanner{overflow:hidden; position:relative; }
.pagebanner .bg{width:100%; height:650px; object-fit:cover; object-position:center; display:block; }
.pagebanner .innertxt{ z-index:999; position:absolute; width:100%; text-align:center; }
.pagebanner .innertxt h1{color:#fff; font-size:46px; margin-top:250px;}
.pagebanner .innertxt .p1{color:#fff; font-size:22px; line-height:40px; width:700px; margin:20px auto;}
.bannerbox{overflow:hidden; position:relative}
.bannerbox img{width:100%; display:block;}
.bannerbox .text{ padding:20px 30px; background-color:#0088c0; position:absolute; width:280px; left:50%; margin-left:-650px; bottom:0; border-top-right-radius:20px; border-top-left-radius:20px;}
.bannerbox .text h2{ font-size:26px; font-weight:bold; color:#fff;  line-height:50px; }
.bannerbox .text p{ font-size:16px;  color:#fbfbfb; margin-top:10px;}
.textwrap{overflow:hidden; background-color:#0088c0; padding:50px; height:300px;}
.textwrap h3{color:#fff; font-size:28px; line-height:30px; position:relative; font-weight:bold; padding-bottom:15px; }
.textwrap h3.line{padding-top:50px; margin-top:50px;}
.textwrap h3.line:before{content:""; width:10%; height:3px; background-color:#fff; position:absolute; left:0; top:0;  }
.textwrap p{color:#fff; line-height:36px; font-size:16px;}
.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.paginator {float:right; height:30px; overflow:hidden; }
.paginator,.paginator input,.paginator button {font-family:Tahoma, "Microsoft YaHei"; font-size:12px; }
.paginator a,.paginator span {float:left; height:30px;  line-height:30px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle;background:#fff; }
.paginator a {color:#333; }
.paginator b{font-family:"Microsoft YaHei"; margin:3px;font-weight:300;}
.paginator a:link,.paginator a:visited,.paginator a:hover,.paginator a:active {text-decoration:none; }
.paginator .page-start,.paginator a,.paginator .page-end {padding:0 15px; background:#f8f8f8; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this { background-color:#1979be; color:#fff;padding:0px 15px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {background-color:#1979be;color:#fff; }
.video{width:100%;}
.videoplay{ position:relative;cursor:pointer; }
.videoplay::before{ content:""; position:absolute; top:50%;  margin-top:-40px; left:50%; margin-left:-40px; z-index:999; background:url(/assets/images/v-play.png) no-repeat center center; width:80px; height:80px; background-size:contain;  }
.layui-layer-page .layui-layer-content{background-color:#000; display:flex; justify-content:center; align-items:center; }


/*.index .header{background-color:rgba(0,0,0,0.5); }
.index .header .nav .a1{color:#fff;}
.index .header.smallheader{background-color:#fff;}
.index .header.smallheader .nav .a1{color:#333;}*/
.i-cop{ padding:3% 0; text-align:center; background:url(/assets/images/bg_cop.png) no-repeat center center; background-size:cover;background-color:#0088c0;}
.i-cop h1{font-size:34px; color:#fff; line-height:50px; margin:20px;}
.i-cop p{font-size:18px; color:#fff;}
.i-cop .btns a{display:block; width:300px; font-size:24px; color:#fff; border:2px solid #fff; line-height:40px; text-align:center; margin:3% auto 0}
.i-cop .btns .iconfont {font-size:24px; padding-right:5px; }
.i-news{padding:4% 0; background: url(/assets/images/bg_line.png) left top repeat transparent; }
.i-news .container {display:flex; justify-content:space-between;}
.i-news .tit{font-size:22px; color:#0088c0; font-weight:bold; margin-bottom: 10px;}
.i-news .imgbox{width:35%; background-color: #fff; padding: 2%;}
.i-news .imgbox .newsimg img{width:100%;height: 320px;object-fit: cover;}
.i-news .imgbox .newstit{display:block; color:#555 !important; font-size:20px; padding:10px 0px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;line-height: 33px;}
.i-news .imgbox .summary{color:#999; line-height:26px; height:52px; overflow:hidden; }
.i-news .listbox{width:56%; min-height:405px; background-color:#fff; padding:2%; }
.i-news .listbox .item{overflow:hidden;}
.i-news .listbox .item .date{float:left; width:80px; font-size:16px; color:#999 !important;text-align:right; padding-top: 20px;}
.i-news .listbox .item .date b{font-weight:bold; font-size:24px; color:#333333;}
.i-news .listbox .item .info{overflow:hidden; float:left; width:610px; padding:18px 0px 18px 30px;}
.i-news .listbox .item .info a.tit{display:block; font-size:18px; color:#333; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.i-news .listbox .item .info a.tit:hover{color:#0088c0; }
.i-news .listbox .item .info .summary{color:#999999; line-height:20px; height:60px; overflow:hidden; margin-top:15px;text-align:justify;}
.i-solution{ padding-top:4%; background:url(/assets/images/bg08.jpg) no-repeat center center; background-size:cover;}
.i-solution .tit{font-size:26px; color:#0088c0; font-weight:bold; margin-bottom: 10px; padding-left:3%}
.i-solution .items{display:flex; justify-content:space-between; margin-top:1%;}
.i-solution .item{width:25%; background-color:#fff; border-radius:2%; transition: all .4s; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.i-solution .item.on{width:49%;}
.i-solution .item .con{padding:120px 30px; text-align:center; background-color: rgba(0, 0, 0, 0.5);}
.i-solution .item .iconfont{  }
.i-solution .item .iconfont img{ height:100px;}
.i-solution .item h1{font-size:24px; color:#fff;  font-weight:normal; margin-top:50px;}
.i-solution .item .more{color:#fff; text-align:center; font-weight:bold; border:1px solid #fff; display:block; width:120px; line-height:40px; margin:50px auto 0; cursor:pointer; transition: all .5s;}
.i-solution .item p{}
.i-solution .item:hover{width:49%; }
.i-solution .item:hover .con{background-color: rgba(0, 0, 0, 0.3);}
.i-solution .item .more:hover{background-color:#0088c0; color:#fff; border:none}
.i-banner{width:100%; height:100vh; position:relative; z-index:0; background:#000; overflow:hidden;}
.i-banner .banner_slider{position:absolute;top:0;left:0;width:100%;height:100%; }
.i-banner .slider{position:relative; background-color:blue}
.i-banner .img{background-size:cover; background-position:top; background-repeat:no-repeat; width:100%;height:100vh;z-index:9; }
.i-banner .con{position:absolute;width:100%;height:calc(100vh - 124px);top:0;left:0;z-index:999}
.i-banner .txt{ display:flex; flex-direction:column; color:#fff; padding-top:35vh; }
.i-banner .txt h3{font-size:48px; letter-spacing:3px; font-weight:bold; margin-bottom:15px; transition:1.1s .6s; opacity:0}
.i-banner .txt p{font-size:20px; text-transform:uppercase; line-height:30px; white-space:nowrap;transition:1.5s .6s; opacity:0 }
.i-banner .txt .p2{font-size:18px; margin-top:10px;}
.i-banner .slick-current.slider{z-index:999}
.i-banner .slick-current .img{animation:bgscale 6s linear; animation-fill-mode:forwards}
.i-banner .slick-current .txt h3{transform:translateX(0); opacity:1}
.i-banner .slick-current .txt p{transform:translateX(0); opacity:1}
.i-banner .letter span{display:inline-block; opacity:0; filter:blur(10px); -webkit-filter:blur(10px); transform:translateY(-16px); min-width:16px; }
.i-banner .slick-current .letter span{opacity:1; filter:blur(0); -webkit-filter:blur(0); transform:translateY(0); }
.i-banner .banner-arrow{left:50%;top:50%;margin-top:0;width:46px;height:46px;background-size:46px!important;z-index:999;float:left;margin-right:10px;cursor:pointer}
.i-banner .appendArrows{position:absolute; bottom:10vh; z-index:999; left:50%; margin-left:-700px;}
.i-banner .banner-prev{background:url(../images/banner_left.png) center no-repeat}
.i-banner .banner-next{background:url(../images/banner_right.png) center no-repeat}

.contact{overflow:hidden}
.contact .cw{display:flex; justify-content:space-between; margin-top:30px; }
.contact .cw .item{ width:24%; text-align:center; background-color:#f2f2f2; margin-top:80px;  padding-bottom:40px; border-radius:10px;  }
.contact .cw .icon{background-color:#0088c0; border-radius:50%; width:80px; margin-top:-40px; }
.contact .cw h1{font-size:18px; font-weight:bold; color:#333; line-height:40px; }
.contact .cw .p1{font-size:16px; color:#999; text-transform:uppercase  }
.contact .cw .p2{font-size:16px; color:#333; margin-top:40px; letter-spacing:1px; padding:0 5%; }
.contact .cw .wechat{width:80px; margin-top:15px;}
.contact .map{width:100%;height:450px;font-size:12px; margin-top:2%;}

.news{position:relative;overflow:hidden; }
.news .leftbox{ float:left; width:300px; padding:5px 20px;  background-color: #0088c0;}
.news .rightbox{ float: right; width: 920px;}
.news .list{overflow:hidden; padding-bottom: 10%;}
.news .list a{display:block; width:100%; overflow:hidden}
.news .list a:last-child .txt{border:none}
.news .list a:hover h4{color:#0088c0}
.news .list .time{float:left; width:150px;font-size: 24px; color:#0088c0; opacity:0.6;letter-spacing: -2px; padding-top: 36px;}
.news .list .txt{float:right;  padding:30px 0; width:770px; border-bottom: 2px dashed #ececec;}
.news .list .txt h4{font-size: 20px; color:#555; line-height: 35px; margin-bottom: 5px; font-weight: bold;-webkit-transition: all linear .2s;transition: all linear .2s;}
.news .list .txt p{font-size: 14px; color:#a5a5a5; line-height: 22px; margin:0; height:66px;}
.news .list.imageslist{}
.news .list.imageslist a{width:31.333%; float:left; margin:1%;}
.news .list.imageslist a img{width:100%;}
.news .list.imageslist .txt{float:none; padding:10px 0; width:100%; text-align:center; border:none}
.news .list.imageslist .txt h4{font-size:16px;}
.news .more{float:right; width:640px; height:70px; line-height: 70px; font-size: 16px; color:#878580; padding-right:25px; text-align: right; background:#f4edde;margin-top: 30px;}
.news .more em{display:inline-block; font-style:normal; line-height: 70px; padding-left: 55px; background:url(../images/icon_more.png) no-repeat left center; font-weight: bold; -webkit-transition: all .3s;   -moz-transition: all .3s; -ms-transition: all .3s;  -o-transition: all .3s;   transition: all .3s;}
.news .more:hover{background:#0088c0;}
.news .more:hover em{color:#fff; padding-left: 38px;}
.news .cname{font-size:18px; color: #fff;  line-height: 50px; font-weight:bold;}
.news .bgdot{width: 35%;  height: 95px;  background: url(../images/bg_dot.png) no-repeat center;  position:absolute; bottom:15%; right:0;}
.news .bgimg{ width:680px; height:330px; position:absolute;  top: 336px;; content:""; right: 50%;  margin-right: 600px;}
.news .toplist{overflow:hidden;}
.news .toplist a{display:block; position:relative; margin-bottom:15px;}
.news .toplist a img{width:100%;}
.news .toplist a h2{ width:100%; line-height:24px; color:#fff;  font-size:15px; }
.news .newsinfo{overflow:hidden}
.news .newsinfo .tit_box {overflow:hidden; margin-top: 50px;}
.news .newsinfo .tit_box .time { float: left; width: 120px; text-align: center; background-color: #f4edde; padding: 10px 0;}
.news .newsinfo .tit_box .time .day{font-size: 38px;color: #333;line-height: 40px;letter-spacing: -4px;}
.news .newsinfo .tit_box .time .year{font-size: 18px;color: #333;line-height: 30px;letter-spacing: -1px;}
.news .newsinfo .tit_box .title{float: left;width: 750px;font-weight: bold; height:70px; background-color:#0088c0; padding:10px 20px 10px 30px; font-size: 22px;line-height: 30px;color: #fff; display:flex; align-items:center}
.news .newsinfo .con{padding:30px 0; overflow:hidden}
.news .newsinfo .con img{max-width:100%}
.news .newsinfo .con p{line-height:24px; font-size:15px; margin-bottom:15px; color:#333}

.sustainability{ overflow:hidden; }
.sustainability .item .container{display:flex; justify-content:space-between; padding:3% 0;}
.sustainability .item:nth-child(2n+1){background-color:#f2f2f2; }
.sustainability .item:nth-child(2n) .container{ flex-direction:row-reverse; }
.sustainability .item:nth-child(2n) .container .info{ padding-right:0; padding-left:5%; }
.sustainability .item .imgbox{width:45%;}
.sustainability .item .info{flex:1; padding-right:5%;}
.sustainability .item .title{font-size:30px; color:#0088c0; font-weight:bold; line-height:50px; display:flex; align-content:center; margin-top:50px;}
.sustainability .item .title .icon{height:50px; margin-right:10px;}
.sustainability .item .summary{margin-top:15px;}
.sustainability .item .summary p{font-size:17px; line-height:30px;}
.sustainability .item .more{font-size:16px; font-weight:bold; color:#0088c0; letter-spacing:2px; margin-top:20px; display:block}
.sustainability .bottom{display:flex; justify-content:space-between; padding-bottom:4%;margin-top: 2%; }
.sustainability .bottom .pannel{width:18%; background-color:#0088c0; border-radius:6px; text-align:center; padding:15px 0}
.sustainability .bottom .pannel img{width:65%; margin:10px auto;}
.sustainability .bottom .pannel b{display:block; text-align:center; color:#fff; font-size:20px; line-height:40px; }

.innovation{overflow:hidden; }
.innovation .pagebanner .bg{height:800px;}
.innovation .pagebanner .innertxt{ background-color:rgba(0,0,0,0.5); width:800px; left:50%; margin-left:-400px; padding:50px; top:280px; }
.innovation .pagebanner .innertxt h1{margin-top:0;}
.innovation .pagebanner .vplay{display:flex; width:180px; margin:30px auto 5px; cursor:pointer; }
.innovation .pagebanner .vplay img{border-radius:6px; }
.innovation .pagebanner .vicon{width:80px; background:url(/assets/images/play-btn.png) no-repeat center center; background-size:30px; background-color:#d3e04d}
.innovation .cop{display:flex; align-content:center; padding:30px 0; justify-content:space-between; background-color:#fff; }
.innovation .cop p{font-size:24px; line-height:155px;}
.innovation .box .container{display:flex; justify-content:space-between; margin-top:2%; padding-bottom: 2%;}
.innovation .tt1{font-size:32px; color:#333; line-height:30px; text-align:center; font-weight:bold; }
.innovation .tt3{color:#fff; text-align:center; font-size:15px; line-height:30px; margin-top:10px;}
.innovation .steps{ margin-top:2%; background-color: #f2f2f2;}
.innovation .steps .tt1{background:#0088c0; color:#fff; font-size:38px; letter-spacing:2px; line-height:150px; text-align:center; font-weight:bold; }
.innovation .steps .item{background-color:#fff; padding:20px 10px; width:18%; text-align:center; position:relative; }
.innovation .steps .item .poster{margin-bottom:15px; position:relative;cursor:pointer;}
.innovation .steps .item .poster::after{ display:none; cursor: pointer; content:""; background-color:rgba(0,0,0,0.6); height: 38px; outline: none; position: absolute; width: 60px; z-index: 1; left: 80px; top: 40px; background: url(data:image/svg+xml;utf8,%20%3Csvg%20width%3D%22254%22%20height%3D%22162%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m106.06%2C44.61c-3.05%2C-2.12%20-7.21%2C0.08%20-7.21%2C3.79l0%2C65.2c0%2C3.73%204.16%2C5.91%207.21%2C3.79l47.1%2C-32.63c2.65%2C-1.82%202.65%2C-5.72%200%2C-7.54l-47.1%2C-32.63l0%2C0.02l0%2C-0.01z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) 0px 0px / 60px 38px no-repeat transparent;    }
.innovation .steps .item .poster img{ width:100%; margin:auto }
.innovation .steps .item b{text-align:center; font-size:16px; padding-bottom:20px; display:block;}
.innovation .steps .item p{color:#333; line-height:24px; height:140px;}
.innovation .steps .item .videoBtn{cursor:pointer;}
.innovation .steps .item .btn img{height:50px;}
.innovation .lx{text-align:center; background-image: url(/assets/images/patternBG.png); padding:3%; margin-top:2%;}
.innovation .lx h1{color: #0088c0; font-size: 36px;line-height: 1em; margin: 0 0 10px;text-shadow: 3px 2px 5px rgba(0,0,0,0.2); font-weight:bold; margin-bottom:20px;}
.innovation .lx p{color:#333; font-size:18px; line-height:35px; padding:0 5%; }
.innovation .newp{padding:4% 0; }
.innovation .newp .item{width:19%;}
.innovation .newp .item b{text-align:center; margin-top:15px;  font-size:16px; padding-bottom:15px; display:block;}
.innovation .newp .item p{color:#333; line-height:24px;}

.products{overflow:hidden; background-image: url(/assets/images/patternBG.png); }
.products .cates{padding:40px 0; background-color:#0088c0; }
.products .cates .pt{text-align:center; font-size:20px; color:#fff; }
.products .cates .logos{display:flex; margin:auto; justify-content:space-between; margin-top:30px;}
.products .cates .logos img{height:100px;}
.products .list{overflow:hidden; padding:3%; }
.products .item{display:flex; justify-content:space-between; margin:5% 0; padding:15px 0;}
.products .item:nth-child(2n){flex-direction:row-reverse; text-align:right;}
.products .item:nth-child(2n) .info{padding-right:5%; padding-left:0;}
.products .item .corver img{width:240px;}
.products .item .info{flex:1; padding-left:5%;}
.products .item .title{font-size: 36px; color: #0088c0; text-shadow: 3px 2px 5px rgba(0,0,0,0.33); font-weight:bold; padding:10px 0; }
.products .item .summary{ font-size:18px; line-height:35px; color:#333; margin-top:10px;}
.products .item .more img{height:40px; margin-top:20px;}
.productinfo{overflow:hidden; background-color:#f2f2f2; }
.productinfo .bannerbox{width:100%; height:350px; background:url(/assets/images/new-top-banner.png) no-repeat center center; background-size:cover;}
.productinfo .bannerbox h1{font-size:42px; font-weight:bold; text-align:center; line-height:350px; color:#fff;  margin-top: 60px;  }
.productinfo .container{display:flex;justify-content:space-between; padding:3% 0; }
.productinfo .left_con{ width:300px; background-color:#fff;height: 380px; }
.productinfo .right_con{width:970px; }
.productinfo .usa{width:100%;}
.productinfo .cates{ background-color:#fff; padding:0 15px;}
.productinfo .cates a{display:flex; font-size:18px; line-height:40px; padding:5px 10px 5px 20px; background:url(/assets/images/arrow-r-h.png) no-repeat left center; background-size:15px; border-bottom:1px solid #ddd; }
.productinfo .cates a:last-child{border-bottom:none}
.productinfo .subtitle{color:#0088c0; font-size:38px; font-weight:bold;}
.productinfo .summary{margin-top:20px;}
.productinfo .summary p{font-size:18px; line-height:38px; color:#333; margin-bottom:10px; }
.productinfo .productlink{margin-top:20px; }
.productinfo .productlink p{font-size:22px; color:#333; line-height:30px; font-weight:bold; }
.productinfo .productlink a{font-size:18px; color:#0088c0; }
.productinfo .application{width:800px; margin:2% 0;}
.productinfo .application img{width:100%;}
.productinfo .application .txt{ overflow:hidden; padding:10px; }
.productinfo .application .txt h3{ font-size:18px; line-height:30px; font-weight:bold; }
.productinfo .application .txt p{ font-size:16px; }

.case{overflow:hidden}
.case .boxs{padding:3% 0;}
.case .boxtit {overflow:hidden; text-align:center; margin-bottom:1%; }
.case .boxtit h3{color:#333; font-size:24px; font-weight:bold; letter-spacing:1px;}
.case .boxtit .more{ display:none;   position:absolute; right:0; top:50px; color:#333; line-height:25px; padding:0 15px; border:1px solid #333; }
.case .boxtit .more:hover{background-color:#0088c0; border:1px solid #0088c0; color:#fff}
.case .box{margin:0 auto 3%; position:relative; width:1300px; padding:0 50px; }
.case .box .txt h3{font-size:18px; line-height:24px; margin-top:10px;}
.case .swiper-button-prev,.case .swiper-button-next{background: url(/assets/images/arrow.png) no-repeat center center; width: 45px; height: 45px; background-size: contain; top: 55%;}
.case .swiper-button-next:after,.case  .swiper-button-prev:after{display:none}
.case .swiper-button-prev{left:0;}
.case .swiper-button-next{ right: 0; transform: rotate(180deg);}


@media screen and (max-width:1180px) {
	.container{width: 100%; max-width:100%;}
	.professor{ padding:3%;}
	.professor .container{ flex-wrap:wrap; }
	.professor .person{width:100%;}
	.professor .person img{width:50%; margin-top:5% auto 0;  }
	.professor .person .name{font-size:24px; }
	.professor .txt{padding:0 10%; text-align:center; }
	.professor .txt h1{font-size:24px; color:#fff; line-height:40px; margin:10px 0; letter-spacing:1px;}
	.professor .txt p{font-size:14px;  line-height:1.8; letter-spacing:0px;}
	.professor .txt a{margin:3% auto;}
	.professor .video{width:100%; }
	.pagebanner{ display: flex; align-items: center;}
	.pagebanner .bg{ height:35vh; }
	.pagebanner .innertxt{ width:90%;padding:5%;}
	.pagebanner .innertxt h1{display:none}
	.pagebanner .innertxt .p1{font-size:14px; line-height:1.5; width:100%; margin:auto auto; padding-top:10px;}
	.videoplay::before{width:60px; height:60px; margin-top:-30px; margin-left:-30px; }
	.layui-layer .layui-layer-setwin{right:50%;}

    .header{padding: 10px 3%; min-height: 35px;align-items: center; display: flex;}
	.header .logo{width: auto; }
	.header .logo img{height: auto; max-width:70%;}
	.header .nav{position: fixed; top:0; bottom: 0; right: -100%; width: 50%; background-color: #006db8; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 15vh;}
	.header .nav li{line-height: 60px; flex: 0;}
	.header .nav .a1{color: #fff; width: 100%; line-height: 60px; font-size: 16px;}
	.header .nav .arrow::after{display: none;}
	.header .nav .subnav{display: none;}
	.header .nav .lan .a1{color: #fff; border: 1px solid #fff; width: 80%; margin: auto; line-height: 50px; height: 50px; margin-top: 5%;}
	.header .nav.expend{-webkit-transition: all linear 0.4s; transition: all linear 0.4s; right: 0;}
	.mmenu{ display: block; width: 40px;box-sizing: border-box; position: absolute; right: 3%;top: 13px; z-index:999;}
    .mmenu span{height: 3px;background: #333;margin: 0;margin-bottom: 8px;display: inline-block;vertical-align: top; float: right;}
    .mmenu span:nth-child(1){width: 32px;}
    .mmenu span:nth-child(2){width: 38px;}
    .mmenu span:nth-child(3){width: 27px;}  
	.mmenu.on{}
	.mmenu.on span{background-color: #fff !important;}
	.footer{padding:4%; width:92%;}
	.footer .container{width:100%;}
	.footer .container.c1{flex-wrap:wrap;}
	.footer .c p span{display:block;}
	.footer .c p span::after{display:none}
	.footer .leftcon{display:none}
	.footer .c{padding:0; width:100%; }
	.footer .gzh{margin-top: 3%;margin-left: 0; display: flex;flex-direction: row-reverse; align-items: center; justify-content:flex-end; width:100%}
	.footer .gzh .qr{margin-top:0; margin-right:3%;}
	.footer .links{display:none}

	.i-banner { height:35vh; }
	.i-banner .img{background-size:contain; height:35vh; margin-top:40px; }
	.i-banner .slider{background:none}
	.i-banner .con{display:none}
	.i-banner .banner_slider{height:auto}
	.i-solution{width:100%; overflow:hidden;}
	.i-solution .tit{font-size:22px; text-align:center;}
	.i-solution .items{flex-wrap:wrap;}
	.i-solution .item{width:100%;margin-bottom: 2px;}
	.i-solution .item.on{width:100%}
	.i-solution .item .con {padding:50px 30px}
	.i-solution .item .iconfont img{height:80px;}
	.i-solution .item h1{font-weight:bold; font-size:22px; margin-top:20px;}
	.i-news{padding:5% 3%;}
	.i-news .tit{text-align:center;}
	.i-news .container{flex-wrap:wrap;}
	.i-news .imgbox{width:100%; padding:0;}
	.i-news .imgbox .newsimg img{width:100%; height:auto; max-height:300px; }
	.i-news .listbox{width:94%; padding:3%; }
    .i-news .listbox .item{overflow:hidden; margin-bottom: 0; padding:15px 0;}
    .i-news .listbox .item .date{display:none}
    .i-news .listbox .item .info{overflow:hidden; width:100%; padding:0; border-left:none;}
    .i-news .listbox .item .info a.tit{display:block; font-size:16px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
    .i-news .listbox .item .info .summary{color:#999999; line-height:150%; height:auto; overflow:hidden; margin-top:5px;}
	.i-news .listbox .tit{display:none;  display: flex; flex-direction: row-reverse;}

	.products .cates{padding:5% 3%;}
	.products .cates .pt{font-size:18px; }
	.products .cates .logos{margin-top:0; align-items:center; text-align:center; }
	.products .cates .logos img{height: auto; width: 80%;}
	.products .list{ width:90%; padding:5%; }
	.products .item{flex-wrap: wrap; text-align: center;}
	.products .item:nth-child(2n){flex-direction:row-reverse; text-align:center;}
	.products .item:nth-child(2n) .info{padding-right:0; padding-left:0;}
	.products .item .corver{width:100%;}
	.products .item .corver img{width:40%;}
	.products .item .info{flex:1; padding-left:0; width:100%; }
	.products .item .title{font-size: 24px; }
	.products .item .summary{ font-size:16px; line-height:1.8; margin-top:0;}
	.productinfo .bannerbox{height:25vh;}
	.productinfo .bannerbox h1{font-size:26px; line-height:25vh; margin-top: 5%;  }
	.productinfo .container{padding:3%; width: 94%; flex-wrap:wrap; }
	.productinfo .left_con{ width:100%; height: auto; }
	.productinfo .right_con{width:100%; padding:3% 1%; margin-top:2%; }
	.productinfo .usa{display:none;}
	.productinfo .cates a{font-size:16px;}
	.productinfo .subtitle{color:#0088c0; font-size:24px; font-weight:bold; line-height:1.8;}
	.productinfo .summary p{font-size:15px; line-height:1.8; }
	.productinfo .productlink p{font-size:18px; line-height:1.8; }
	.productinfo .productlink a{font-size:16px; color:#0088c0; }
	.productinfo .application{width:100%; margin:2% 0;}
	.productinfo .application .txt h3{ font-size:16px; text-align:center;}
	.productinfo .application .txt p{ font-size:15px; text-align:center; }

	.innovation .tt1{font-size:24px; }
	.innovation .pagebanner .bg{height:50vh;}
	.innovation .pagebanner .innertxt{width:80%; padding:5%; left:5%; margin-left:0; top:100px;}
	.innovation .pagebanner .vplay img{height:50px; margin:auto}
	.innovation .cop{padding:5% 4%; width:92%; }
	.innovation .cop p{font-size:15px; line-height:1.6; flex:1; padding-right:5%; }
	.innovation .cop img{height:100px;}
	.innovation .steps .tt1{line-height:100px; font-size:28px; }
	.innovation .box .container{flex-wrap:wrap; }
	.innovation .steps .item{width:100%; padding:3%;}
	.innovation .steps .item b{font-size:18px; padding-bottom:10px; }
	.innovation .steps .item p{line-height:1.8; height:auto;}
	.innovation .lx{padding:5%}
	.innovation .lx h1{font-size:22px; line-height:1.5; }
	.innovation .lx p{font-size:15px; line-height:1.8; padding:0; }
	.innovation .newp .item{width:100%; margin-bottom:5%;}
	.innovation .newp .item img{width:100%;}
	.innovation .newp .item b{padding-bottom:5px; }
	.innovation .newp .item p{line-height:1.8; padding:0 5%; flex:initial}

	.sustainability{ padding:3%; }
	.sustainability .item .container{flex-wrap:wrap;}
	.sustainability .item .info{width:100%; padding-right:0; padding:3% 3% 7%; flex:initial}
	.sustainability .item .title{margin-top:0; line-height:1; font-size:24px;align-items: center; }
	.sustainability .item .summary p{font-size:15px; line-height:1.6; }
	.sustainability .item .imgbox{width:100%;}
	.sustainability .item .title .icon{height:40px; }
	.sustainability .item .more{margin-top:10px; }
	.sustainability .bottom{flex-wrap:wrap; }
	.sustainability .bottom .pannel{width:43%; padding:5% 3%; justify-content:space-between; display:flex; margin-bottom:1%;align-items: center;}
	.sustainability .bottom .pannel img{width:60px; }
	.sustainability .bottom .pannel b{font-size:16px; flex:1;}

	.news{ padding: 4%; width: 92%;}
    .news .content{overflow:hidden; padding:5% 4%; min-height: 100px;width: 92%;}
    .news .leftbox{ display:none;}
    .news .rightbox{ float: none; width: 100%;}
    .news .list{overflow:hidden; padding-bottom: 0;}
	.news .list a{margin-bottom:20px; }
    .news .list .time{float:none; width:100%;font-size: 18px; color:#005baa; opacity:0.6;letter-spacing: -2px; padding-top: 0;}
    .news .list .txt{float:none;  padding:10px 0; width:100%; border-bottom: 1px dashed #ececec;}
    .news .list .txt h4{font-size: 18px; color:#555; line-height: 30px; margin-bottom: 5px; font-weight: bold;-webkit-transition: all linear .2s;transition: all linear .2s;}
    .news .list .txt p{font-size: 14px; color:#a5a5a5; line-height: 22px; margin:0; height:auto;}
    .news .list.imageslist{}
    .news .list.imageslist a{width:48%; margin:1%;}
    .news .list.imageslist .txt{float:none; padding:10px 0; width:100%; text-align:center; border:none; text-overflow:ellipsis ;white-space:nowrap; overflow:hidden}
    .news .list.imageslist .txt h4{font-size:15px; font-weight:normal;  word-break: break-all;}
    .news .newsinfo{overflow:hidden; padding:0;}
	.news .newsinfo .tit_box{ margin-top:5%; }
    .news .newsinfo .tit_box .time {display:none;}
    .news .newsinfo .tit_box .title{float: none;width: 100%; height:auto; background-color:#fff; padding:0; text-align:center; font-size: 22px;line-height: 1.5;color: #005baa; text-align:center}
    .news .newsinfo .con{padding:5% 0; overflow:hidden}
    .news .newsinfo .con p{line-height:24px; font-size:15px; margin-bottom:15px; color:#333}

	.contact{overflow:hidden}
	.contact .cw{padding:5% 3%; flex-wrap:wrap;  width: 94%; }
	.contact .cw .item{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 0; padding: 5% 3%; margin-bottom: 2%;}
	.contact .cw .item:last-child{justify-content:flex-start;}
	.contact .cw .icon{ width:50px; margin-top:0; }
	.contact .cw .cii{ width:80px;}
	.contact .cw h1{font-size:15px; font-weight:bold; color:#333; line-height:1.5;}
	.contact .cw .p1{font-size:13px; }
	.contact .cw .p2{  margin-top:0; flex:1;  padding-left: 5%;  padding-right: 0; text-align:left; word-break: break-all;}
	.contact .cw .wechat{width:80px; margin-top:0; margin-left:5%;}
	.contact .map{display:none;}
}

@keyframes bgscale {
    from{-webkit-transform:scale(1.05);transform:scale(1.05)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes bgscale{
    from{-webkit-transform:scale(1.05);transform:scale(1.05)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}