body{font-size:14px;
 /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
 font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
 color:#333;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}
.fs100{font-size:100px;}
 
.fs52{font-size:52px;line-height: 1;}
.fs45{font-size: 45px;}
.fs0{font-size:0;}
.fs110{font-size: 110px;}
.fs80{font-size: 80px;}
.fs55{font-size: 55px;}
.fs48{font-size: 48px;}
.fs40{font-size: 40px;}
.fs35{font-size: 35px;}
.fs30{font-size: 30px;}
.fs26{font-size: 26px;}
.fs25{font-size: 25px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}

@font-face{font-family: "iconfont";
 src: url('../fonts/iconfont.eot'); /* IE9*/
 src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
 url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
 font-family:"iconfont" !important;
 display:inline-block;
 vertical-align: middle;
 margin:0 .3em;
 font-size: 1.1em;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0px;
 -moz-osx-font-smoothing: grayscale; 
}


@font-face{
 font-family: 'impact';
 src:url('../fonts/impact.woff');
}
@font-face{
 font-family: 'eras';
 src:url('../fonts/Eras.ttf');
}
@font-face{
 font-family: 'bahn';
 src:url('../fonts/bahnschrift.ttf');
}

.ht{font-family: '黑体';}
.rt{font-family: 'rt';}
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
/*.navbar-collapse{padding:20px 0;}*/
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}


.more-btn{display: block;width: 168px;line-height: 48px;border:1px solid #000;text-align: center;color:#000;letter-spacing: 2px;border-radius:999px;overflow: hidden;font-size:17px;transition: all .3s;}
.more-btn.white{border-color:#fff;color:#fff;}
.more-btn:hover{background: #1484c7;color:#fff;border-color:#1484c7;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#1484c7;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#1484c7;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#1484c7;background: #1484c7;color:#fff;}


.container{width:1600px; max-width: 90%;}
@media (max-width: 767px){
 .container{max-width: 100%;}
}


/* 导航部分 */
.header{position: fixed;top:0; left:0; right:0; z-index: 99;transition: top .5s ease;-webkit-transition:top .5s ease; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;color:#fff;}
.header.fixed,.header:hover{top:0;background:#fff;color:#333;}
.header_box{position: relative;}
.header_box .sub{overflow: visible;}
.header .header_logo{position: absolute;left:0;top:0;bottom:0;max-width: 30%;}
.header .header_logo .flex{height: 100%;}
.header .header_logo img{max-height:90%;margin:0;max-width: 100%;}
.header .header_logo .logo-black,.header.fixed .header_logo .logo-white,.header:hover .header_logo .logo-white{display: none;}
.header.fixed .header_logo .logo-black,.header:hover .header_logo .logo-black{display: block;}
.header .header_nav{text-align: right;font-size:16px;}
.header .header_nav .nav_container>ul>li{display: inline-block;text-align: center;margin-left: 5%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;line-height: 100px;position: relative;}
.header .header_nav .nav_container>ul>li>a.active,.header .header_nav .nav_container>ul>li>a:hover{color:#1484c7;}
.header .header_nav .nav_container .dropdown-menu{margin:0;border:none;left:50%;transform: translateX(-50%);text-align: center;border-radius:0;font-size:16px;width: auto;min-width:100px;background: rgba(255,255,255,.7);padding:5px 0;}
.header .header_nav .nav_container .dropdown-menu li a{display: block;white-space: nowrap;padding:10px 10px;color:#000;position: relative;transition: all .3s;line-height: 1;overflow: hidden;text-overflow: ellipsis;}
.header .header_nav .nav_container .dropdown-menu li a:hover,.header .header_nav .nav_container .dropdown-menu li a:focus,.header .header_nav .nav_container .dropdown-menu li a.active{background: #1484c7;;color:#fff;}

.header .search{margin-left: 5%;}
.header .search form{display: block; position: relative;}
.header .search form input{width: 20vw; max-width: 360px; height: 35px; padding: 0 50px 0 25px; background: #e8e8e8; border: none; border-radius: 35px; outline: none; font-size: 15px; line-height: 35px;}
.header .search form button{width: 35px; height: 35px; background: url(../images/icon-search.png) no-repeat center; background-size: cover; border: none; outline: none; position: absolute; right: 15px; top: 0; z-index: 1;}

.header .header_box .tel-btn{display: block;padding-left:26px;background: url(../images/icon-tel-white.png) no-repeat left center;font-size: 16px;}
.header:hover .header_box .tel-btn,.header.fixed .header_box .tel-btn{background-image: url(../images/icon-tel.png);}

.header .nav-box .nav-lang{text-transform: uppercase;float: right;text-align: center; cursor: pointer;line-height: 100px;position: relative;cursor: pointer;}
.header .nav-box .nav-lang .lang{display: block;padding:0 24px 0 38px;position: relative;background: url(../images/icon-earth-white.png) no-repeat left center;}
.header .nav-box .nav-lang .lang i{position: absolute;right:0;top:0;width:12px;height: 100%;background: url(../images/icon-down-white.png) no-repeat center;}
.header:hover .nav-box .nav-lang .lang,.header.fixed .nav-box .nav-lang .lang{background-image: url(../images/icon-earth.png);}
.header:hover .nav-box .nav-lang .lang i,.header.fixed .nav-box .nav-lang .lang i{background-image: url(../images/icon-down.png);}
.header .nav-box .quick_box{position: absolute;top: 100%;left:0;width:100%; background-color:#fff; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 14px;padding: 6px 0 10px;display: none;}
.header .nav-box .quick_box a{padding-left:15px;display: block;line-height: 38px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#313131;}
.header .nav-box .quick_box a .lin{padding-right: 6px;color:#313131;vertical-align: 2px;}
.header .nav-box .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.header .nav-box .quick_box.show a:nth-child(1){transition-delay: .3s;}
.header .nav-box .quick_box.show a:nth-child(2){transition-delay: .5s;}
.header .nav-box .quick_box.show a:nth-child(3){transition-delay: .7s;}
.header .nav-box .quick_box.show a:nth-child(4){transition-delay: .9s;}
.header .nav-box .quick_box.show a:nth-child(5){transition-delay: 1.1s;}
.header .nav-box .quick_box.show a:nth-child(6){transition-delay: 1.3s;}
.header .nav-box .quick_box.show a:nth-child(7){transition-delay: 1.5s;}
.header .nav-box .quick_box.show a:nth-child(8){transition-delay: 1.7s;}
.header .nav-box .quick_box.show a:nth-child(9){transition-delay: 1.9s;}
.header .nav-box .quick_box.show a:nth-child(10){transition-delay: 2.1s;}
.header .nav-box .quick_box.show a:nth-child(11){transition-delay: 2.3s;}

.mobile_key {display: none;width:28px;height:25px;position: relative;border:none!important;cursor: pointer;padding:0;}
/*.button_menu{width: 30px;height: 25px;position: absolute;top:7px;left:0;}*/
.button_menu span {display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.button_menu span:nth-child(1) {top:0}
.button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.button_menu span:nth-child(3) {bottom:0}
.header.fixed .button_menu span, .header:hover .button_menu span{background: #333;}


.index_header{top:-80px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.index_header.ani{top:0;}
.header-container{position: relative;z-index:10;}

.ibanner{position: relative;}
.ibanner .slide-item-img{width:100%;height:auto;object-fit: cover;object-position: center;}
.ibanner .item-mask{position: absolute;left:0;right:0;top:50%;color:#fff;transform: translateY(-50%);}
.ibanner .item-mask .en{font-size: 50px; line-height: 1;text-transform: uppercase;}
.ibanner .item-mask .en span{display: block; font-family: 'eras'; font-size: 100px; width: 45%; margin-bottom: 20px; text-shadow: 3px 2px 4px #333;}
.ibanner .item-mask .title{font-size: 16px; line-height: 1.2; margin-top: 20px;}
.ibanner .item-mask .txt{transform: translateY(30px);opacity: 0;filter: alpha(opacity=0);transition: all .6s;transition-delay: .5s;}
.ibanner .swiper-slide-active .txt{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.ibanner .swiper-btn-box{position: absolute;z-index:10;left:0;width: 100%; bottom: 70px;}
.ibanner .swiper-btn-box .container{position: relative; height: 40px;}
.ibanner .swiper-btn-prev,.ibanner .swiper-btn-next{width: 40px; height: 40px; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; opacity: 0.3;}
.ibanner .swiper-btn-prev:hover,.ibanner .swiper-btn-next:hover{opacity: 1;}
.ibanner .swiper-btn-prev{background-image: url(../images/swiper-btn-prev.png); right: 75px;}
.ibanner .swiper-btn-next{background-image: url(../images/swiper-btn-next.png); right: 15px;}
.ibanner .swiper-pagination{width: auto; height: 100%; position: unset; float: right;}
.ibanner .swiper-pagination-bullet{width: 20px; height: 20px; background: unset; opacity: 0.5; border: 1px solid transparent; margin: 30px 0; display: block; position: relative;}
.ibanner .swiper-pagination-bullet::after{content: ""; width: 12px; height: 12px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet-active{opacity: 1; border: 1px solid #fff;}

.banner_mouse {
 position: absolute;
 cursor: pointer;
 top: -50%;
 left: 60px;
 z-index: 12;
 line-height: 24px;
 -webkit-animation: nudgeMouse 1.6s linear infinite;
 animation: nudgeMouse 1.6s linear infinite;
}

.banner_mouse span {
 display: block;
 color: #fff;
 position: relative;
 font-size: 18px;
 font-family: arial;
 transform: rotate(90deg);
 transform-origin: left top;
}

.banner_mouse span i{
	display: block;
	width: 150px;
	height: 2px;
	background: #fff;
	position: relative;
}

.banner_mouse span i:after {
 position: absolute;
 content: '';
 width: 54px;
 height: 2px;
 background: #1484c7;
 left: 0;
 top: 0;
 z-index: 1;
}

@-webkit-keyframes nudgeMouse {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
 50% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}

@keyframes nudgeMouse {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
 50% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}
/*.banner_mouse{position:absolute; width: 30px;height: 46px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -30px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; bottom:8%; left:50%;margin-left:-15px;z-index:20;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:30px;height:46px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 5px;height: 10px;border-radius: 2px;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
@-webkit-keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@keyframes colorSlide {0% {height:0;}
90% {height:40px;}
}
@-webkit-keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@keyframes trackBallSlide {0% {opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px);}
34% {opacity:1;-webkit-transform:scale(0.9) translateY(4px);transform:scale(0.9) translateY(4px);}
68% {opacity:0;-webkit-transform:scale(0.4) translateY(16px);transform:scale(0.4) translateY(16px);}
100% {opacity:0;-webkit-transform:scale(0.4) translateY(-8px);transform:scale(0.4) translateY(-8px);}
}
@-webkit-keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse {0% {-webkit-transform:translateY(0);transform:translateY(0);}
50% {-webkit-transform:translateY(8px);transform:translateY(8px);}
100% {-webkit-transform:translateY(0);transform:translateY(0);}
}*/


.title-box{width: 100%; text-align: center; position: relative;}
.title-box .en{font-size: 72px; text-transform: uppercase; line-height: 0.8; font-family: 'eras'; color:rgba(20,132,199,.2); letter-spacing: 5px;}
.title-box .tit{width: 100%; position: absolute; top: 15px; left: 0; z-index: 10; font-size: 45px; line-height: 1; color: #333; font-weight: bold; letter-spacing: 1px;}

.wrapper{position: relative;z-index:20;background: #f7f7f7;}
.jyh{background-size: cover; background-position: center; background-repeat: no-repeat;}

.jyh_product{width: 100%; padding: 100px 0 40px; overflow: hidden;}
.product_box{width: 100%; margin-top: 60px;}
.product_class{width: 100%; padding: 58px 72px; margin-bottom: 100px; position: relative; display: flex; justify-content: space-between;}
.product_class:nth-of-type(2n){flex-direction: row-reverse;}
.product_class::after{content: ""; width: 1920px; height: 100%; background: url(../images/product_classbg.jpg) no-repeat center; background-size: cover; position: absolute; right: 0; top: 0; z-index: -1;}
.product_class:nth-of-type(2n)::after{right: unset; left: 0;}
.proc_cont{position: relative; width: 64%;}
.proc_cont h3{font-size: 30px; color: #1484c7; line-height: 1; margin-bottom: 10px;}
.proc_cont p{font-size: 16px; color: #333; line-height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.proc_para{margin-top: 35px; overflow: hidden;}
.proc_para li{width: 80px; height: 80px; float: left; border: 2px solid #333; border-radius: 14px; margin-right: 38px;}
.proc_para li:last-child{margin-right: 0;}
.proc_para li img{width: 40px; margin: 8px auto 6px; transition: all 1s;}
.proc_para li span{display: block; font-size: 14px; color: #333; line-height: 1; text-align: center;}
.proc_para li:hover img{transform: rotateY(360deg);}
.idmore{display: block; width: 170px; border-radius: 50px; border: 1px solid #333; font-size: 16px; color: #333; line-height: 50px; text-align: center; position: absolute; right: 0; bottom: 0;}
.idmore:hover{color: #fff; background: #1484c7; border-color: #1484c7;}
.idmore i{display: inline-block; width: 11px; height: 13px; border-left: 11px solid #333; border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent; margin-left: 30px;}
.idmore:hover i{border-left-color: #fff;}
.proc_img{width: 30%; position: relative;}
.proc_img img{position: absolute; left: 0; top: -30px;}
.product_class:nth-of-type(2n) .proc_img img{left: unset; right: 0;}

.jyh_about{width: 100%; position: relative;}
.about_box{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.about_box .container{height: 100%;}
.about_cont{width: 50%; height: 100%; background: rgba(20,132,199,.9); padding: 70px 60px; position: relative;}
.about_cont h3{font-size: 35px; color: #fff; line-height: 1; letter-spacing: 2px; margin-bottom: 40px;}
.about_cont div{font-size: 16px; color: #fff; line-height: 36px;}
.about_cont .idmore{right: 60px; bottom: 70px; color: #fff; border-color: #fff;}
.about_cont .idmore i{border-left-color: #fff;}
.about_cont .idmore:hover{background: #fff; color: #1484c7;}
.about_cont .idmore:hover i{border-left-color: #1484c7;}
.video_box{width: 100%;}
.video_box img{display: block; width: 100%; height: 80vh; object-fit: cover; opacity: 1;filter: alpha(opacity=1);transition: all .8s;}
/* .video_box .swiper-slide-prev img{opacity: 0;filter: alpha(opacity=0);} */
.video_item{width: 100%; position: relative; display: none;}
.video_item:first-child{display: block;}
.video_item video{display: block; width: 100%; height: 80vh; object-fit: cover;}
.video_item .vpimg {width: 60px; height: 60px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.video_tab{width: 31.25vw; max-width: 600px; padding: 8px; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 20;}

.jyh_news{padding: 100px 0 50px;}
.news_ban{margin: 80px -10px 50px;}
.news_ban .swiper-container{padding: 10px;}
.news_item a{display: block; width: 100%; background: #fff; position: relative;}
.news_item .ndate{width: 65px; height: 65px; background: #1484c7; text-align: center; position: absolute; left: 36px; top: 0; z-index: 10;}
.news_item .ndate span{display: block; font-family: 'bahn'; font-size: 30px; color: #fff; line-height: 1; font-weight: bold; letter-spacing: 2px; margin: 8px 0 2px;}
.news_item .ndate p{font-family: 'bahn'; font-size: 12px; color: #fff; line-height: 1; font-weight: bold; letter-spacing: 2px;}
.news_item img{width: 100%; height: 250px; object-fit: cover;}
.news_item .ncont{width: 100%; padding: 22px 25px;}
.news_item .ncont h3{font-size: 24px; color: #131313; line-height: 1;}
.news_item .ncont p{font-size: 16px; color: #686868; line-height: 1; margin: 20px 0;}
.news_item .ncont span{display: inline-block; font-size: 14px; color: #aaa; line-height: 16px;}
.news_item .ncont span i{display: inline-block; width: 16px; height: 16px; background: #aaa; border-radius: 50%; font-family: 'simsun'; font-size: 12px; color: #fff; line-height: 16px; text-align: center; margin-left: 8px; vertical-align: top;}
.news_item a:hover{box-shadow: 0 0 10px #ddd;}
.news_item a:hover .ncont h3{color: #1484c7;}
.nmore{display: block; width: 200px; border: 1px solid #a5a5a5; font-size: 18px; color: #333; line-height: 50px; text-align: center; margin: auto;}
.nmore i{display: inline-block; width: 16px; height: 16px; background: url(../images/nmore.png) no-repeat center; background-size: cover; margin-left: 35px; vertical-align: middle;}
.nmore:hover{background: #1484c7; border-color: #1484c7; color: #fff;}
.nmore:hover i{background-image: url(../images/nmore_h.png);}

.footer-box{width: 100%; padding-top: 40px; color:#333; background: #f7f7f7 url(../images/footer_bg.png) no-repeat center bottom; background-size: cover;}
.footer-nav{font-size: 16px; line-height: 24px;}
.footer-nav i{margin: 0 20px;}
.footer-nav i:last-child{display: none;}
.footer-btn{font-size: 0; margin-top: 26px;}
.footer-btn a{display: inline-block; margin-right: 12px; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.footer-btn a.wx{background-image: url(../images/foot_wx.png);}
.footer-btn a.wx img{max-width: 180px; position: absolute; top: 50%; left: 130%; transform: translateY(-50%); z-index: 1000; display: none;}
.footer-btn a.wx:hover img{display: block;}
.footer-btn a.map{background-image: url(../images/foot_map.png);}
.footer-info{text-align: right;}
.footer-info p{font-size: 14px; line-height: 24px;}
.otherinfo{width: 100%; border-top: 1px solid rgba(51,51,51,.2); padding: 30px 0 36px; margin-top: 40px; font-size: 14px; line-height: 24px; text-align: center;}

/* .btop{width: 40px; height: 40px; background: url(../images/backtop.png) no-repeat center; background-size: cover; cursor: pointer; position: absolute; top: 50%; right: 10%; transform: translateY(-50%);} */



@media (max-width: 1420px){
 .fs110{font-size: 100px;}
 .fs80{font-size: 68px;}
 .fs55{font-size: 50px;}
 .fs48{font-size: 44px;}
 .fs45{font-size: 40px;}
 .fs40{font-size: 36px;}
 .fs35{font-size: 32px;}
 .fs30{font-size: 28px;}
 .fs26{font-size: 24px;}
 .fs25{font-size: 23px;}
 .fs24{font-size: 22px;}
 .fs22{font-size: 20px;}
 .fs20{font-size: 19px;}
 .fs18{font-size: 17px;}
 .fs16{font-size: 15px;}
 .header .header_nav .nav_container>ul>li{margin-left: 3%;}
 .header .search{margin-left: 3%;}
 .ibanner .item-mask .en{font-size: 40px;}
 .ibanner .item-mask .en span{font-size: 80px;}
 .ibanner .swiper-btn-box{bottom: 60px;}
 .title-box .en{font-size: 70px;}
 .title-box .tit{font-size: 36px;}
 .jyh_product{padding: 80px 0 20px;}
 .product_box{margin-top: 50px;}
 .product_class{padding: 50px 60px; margin-bottom: 80px;}
 .proc_cont h3{font-size: 28px;}
 .proc_cont p{line-height: 32px;}
 .proc_para li{width: 76px; height: 76px; margin-right: 25px;}
 .proc_para li img{width: 36px;}
 .proc_img img{top: -25px;}
 .about_cont{padding: 60px 50px;}
 .about_cont h3{font-size: 30px; margin-bottom: 30px;}
 .about_cont div{line-height: 32px; height: calc(100% - 140px); overflow-y: auto;}
 .about_cont div::-webkit-scrollbar {width: 6px; height: 1px;}
 .about_cont div::-webkit-scrollbar-thumb {border-radius: 6px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background: #666;}
 .about_cont div::-webkit-scrollbar-track {box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 6px; }
 .about_cont .idmore{right: 50px; bottom: 60px;}
 .video_box img{height: 70vh;}
 .video_item video{height: 70vh;}
 .jyh_news{padding: 80px 0 40px;}
 .news_ban{margin: 60px 0 40px;}
 .news_item .ncont h3{font-size: 22px;}
}

@media (max-width: 1200px){
	.fs80{font-size: 60px;}
 .fs45{font-size: 36px;}
 .fs24{font-size: 20px;}
 .header .header_logo{max-width: 30%;}
 .header .header_nav .nav_container>ul>li{margin-left: 2%;}
 .header .search{margin-left: 2%;}
 .ibanner .item-mask .en{font-size: 30px;}
 .ibanner .item-mask .en span{font-size: 60px;}
 .ibanner .swiper-btn-box{bottom: 50px;}
 .title-box .en{font-size: 60px;}
 .title-box .tit{font-size: 32px;}
 .jyh_product{padding: 60px 0 10px;}
 .product_box{margin-top:40px;}
 .product_class{padding: 40px 45px; margin-bottom: 60px;}
 .proc_cont h3{font-size: 26px;}
 .proc_cont p{line-height: 30px;}
 .proc_para{margin-top: 25px;}
 .proc_para li{width: 72px; height: 72px; margin-right: 15px;}
 .proc_para li img{width: 32px;}
 .proc_img{width: 32%;}
 .proc_img img{top: -20px;}
 .idmore{width: 150px; line-height: 45px;}
 .idmore i{margin-left: 15px;}
 .about_cont{padding: 50px 40px;}
 .about_cont h3{font-size: 25px; margin-bottom: 25px;}
 .about_cont div{font-size: 15px; line-height: 30px; height: calc(100% - 120px);}
 .about_cont .idmore{right: 40px; bottom: 50px;}
 .jyh_news{padding: 60px 0 30px;}
 .news_ban{margin: 40px 0 30px;}
 .news_item .ndate{left: 20px;}
 .news_item .ncont{padding: 20px;}
 .news_item .ncont h3{font-size: 20px;}
 .news_item .ncont p{margin: 15px 0;}
}

@media (max-width: 992px){
	.fs100{font-size:70px;}
 .fs52{font-size:34px;}
 .fs45{font-size: 30px;}
 .fs110{font-size: 80px;}
 .fs80{font-size: 54px;}
 .fs55{font-size: 45px;}
 .fs48{font-size: 40px;}
 .fs40{font-size: 32px;}
 .fs35{font-size: 26px;}
 .fs30{font-size: 24px;}
 .fs26{font-size: 22px;}
 .fs25{font-size: 21px;}
 .fs24{font-size: 20px;}
 .fs22{font-size: 19px;}
 .fs20{font-size: 18px;}
 .fs18{font-size: 16px;}
 .fs16{font-size: 14px;}
 .header_box{padding:17.5px 0;}
 .header_nav>.nav_container{display: none;}
 .mobile_key{display: block;margin-left:30px;}
 .header .header_logo{max-width: 70%;}
 .header .header_nav{text-align: left;font-size:14px;}
 .header .nav-box .nav-lang{line-height: 25px;}
 .proc_para{margin: 20px 0;}
 .idmore{position: unset;}
 .about_box{position: unset;}
 .about_cont{width: 100%;}
 .about_cont div{height: auto;}
 .about_cont .idmore{margin-top: 25px;}
 .video_box img{height: 60vh;}
 .video_item video{height: 60vh;}
 .footer-box{padding-top: 30px;}
 .footer-box .flex{display: block;}
 .footer-btn{margin: 20px 0;}
 .footer-info{text-align: left;}
 .otherinfo{padding: 25px 0; margin-top: 30px;}

}

@media (max-width: 768px){
	.fs100{font-size:50px;}
 .fs45{font-size: 28px;}
 .fs110{font-size: 60px;}
 .fs80{font-size: 44px;}
 .fs55{font-size: 40px;}
 .fs48{font-size: 36px;}
 .fs40{font-size: 28px;}
 .fs35{font-size: 24px;}
 .fs30{font-size: 22px;}
 .fs26{font-size: 20px;}
 .fs25{font-size: 19px;}
 .fs24{font-size: 18px;}
 .fs22{font-size: 17px;}
 .banner_mouse{line-height: 18px; left: 50px; top: -90%;}
 .banner_mouse span{font-size: 12px;}
 .banner_mouse span i:after{width: 40px;}
 .ibanner .slide-item-img{min-height: 40vh;}
 .header .header_logo img{max-width: 100%; max-height: 76%;}
 .header .search{display: none;}
 .mobile_key{margin-left:15px;}
 .ibanner .item-mask .en{font-size: 24px; line-height: 1.1;}
 .ibanner .item-mask .en span{font-size: 36px; width: 100%; margin-bottom: 5px;}
 .ibanner .item-mask .title{font-size: 15px; margin-top: 10px; line-height: 1.1;}
 .ibanner .swiper-btn-box{bottom: 20px;}
 .ibanner .swiper-btn-prev{right: 62px;}
 .ibanner .swiper-btn-box .container{height: 32px;}
 .ibanner .swiper-btn-prev, .ibanner .swiper-btn-next{width: 32px; height: 32px;}
 .title-box .en{font-size: 45px;}
 .title-box .tit{font-size: 24px; top: 10px;}
 .jyh_product{padding: 40px 0 0px;}
 .product_box{margin-top:30px;}
 .product_class{display: block; padding: 25px 15px; margin-bottom: 40px; overflow: hidden;}
 .proc_cont{width: 100%;}
 .proc_cont h3{font-size: 22px;}
 .proc_cont p{font-size: 15px; line-height: 25px;}
 .proc_para{margin: 15px 0 18px;}
 .proc_para li{width: 60px; height: 60px; margin-right: 15px;}
 .proc_para li img{width: 26px; margin: 6px auto 4px;}
 .proc_para li span{font-size: 12px;}
 .proc_img{width: 100%; margin-bottom: 20px;}
 .proc_img img{position: unset; max-width: 50%;}
 .idmore{width: 130px; line-height: 40px; font-size: 15px;}
 .idmore i{margin-left: 10px;}
 .about_cont{padding: 25px 15px;}
 .about_cont h3{font-size: 20px; margin-bottom: 15px;}
 .about_cont div{line-height: 25px;}
 .about_cont .idmore{margin-top: 20px;}
 .video_tab{position: unset; width: 100%;}
 .video_box img{height: 40vh;}
 .video_item video{height: 40vh;}
 .jyh_news{padding: 40px 0 20px;}
 .news_ban{margin: 25px 0 20px;}
 .news_item .ndate{left: 15px;}
 .news_item .ncont{padding: 15px;}
 .news_item .ncont h3{font-size: 20px;}
 .news_item .ncont p{margin: 12px 0; font-size: 15px;}
 .nmore{width: 160px; line-height: 42px; font-size: 16px;}
 .nmore i{margin-left: 20px;}
 .footer-btn{margin: 16px 0;}
 .otherinfo{padding: 15px 0; margin-top: 20px;}

}

.inner-wrapper{position: relative;z-index:20;padding:90px 0;}
.inner-banner{position: relative;}
.inner-banner .subcolumn-nav{position: absolute;left:0;top:0;text-align: center;width: 100%;color:#fff;z-index:10;top:50%;transform: translateY(-50%);}
.inner-banner .subcolumn-nav .en{line-height: 1.2;text-transform: uppercase;font-family: arial; margin-top: 30px;}
.inner-banner .subcolumn-nav .cn{line-height: 1.2;}
.inner-box{position: relative;}
.category-box{width: 100%; position: absolute; left: 0; bottom: 40px; z-index: 10;}
.category{max-width: 100%; font-size: 0; text-align: center;}
.category .swiper-container{display: inline-block; max-width: 100%;}
.category .swiper-slide{width: auto;}
.category a{display: inline-block; background: #fff; font-size: 18px; color: #333; line-height: 1; padding: 20px 50px; margin: 0 12px; transition: all 0.3s;}
.category a.active, .category a:hover{background: #1484c7; color: #fff;}

.Pages{margin-top: 10px; text-align: center;}
.qilin_pager a{margin-right: 10px; height: 30px; line-height: 30px; text-align: center; color: #666; background: #fff; border-color: #ddd; border-width: 1px; border-style: solid; border-radius: 3px; padding: 5px 10px;}
.qilin_pager a.Ahover{color: #1484c7;}

.common-imgBox{position: relative;padding-bottom: 95.2%;overflow:hidden;}
.common-imgBox .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #1484c7;opacity: 0;transition: all .3s;}
.common-imgBox .item-line{position: absolute;left:6.74%;right:6.74%;top:6.76%;bottom:6.76%;}
.common-imgBox .item-line b{position: absolute;background: #fff;transition: all .7s;transition-delay: .1s;overflow: hidden;opacity: 0.8;}
.common-imgBox .item-line .b1,.common-imgBox .item-line .b3{height:0;width: 1px;}
.common-imgBox .item-line .b2,.common-imgBox .item-line .b4{width:0;height: 1px;}
.common-imgBox .item-line .b1{left:0;top:0;}
.common-imgBox .item-line .b3{right:0;bottom:0;}
.common-imgBox .item-line .b2{top:0;right:0;}
.common-imgBox .item-line .b4{bottom:0;left:0;}
.common-imgBox .item-line .icon{width: 30px;height: 30px;position: absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;background: url(../images/icon-search-nh.png) no-repeat center;opacity: 0;transform: scale(0);transition: all .3s;transition-delay: .1s;}
.common-imgBox:hover .item-line .b1,.common-imgBox:hover .item-line .b3,
.common-item:hover .item-line .b1,.common-item:hover .item-line .b3{height: 100%;}
.common-imgBox:hover .item-line .b2,.common-imgBox:hover .item-line .b4,
.common-item:hover .item-line .b2,.common-item:hover .item-line .b4{width: 100%;}
.common-imgBox:hover .item-mask,.common-item:hover .item-mask{opacity: 0.8;}
.common-imgBox:hover .item-line .icon,.common-item:hover .item-line .icon{opacity: 1;transform: scale(1);}

@media (max-width: 1200px){
 .inner-wrapper{padding: 70px 0;}
 .category-box{bottom: 30px;}
 .category a{padding: 16px 30px; margin: 0 10px;}
}

@media (max-width: 768px){
 .inner-banner .subcolumn-nav .en{margin-top: 15px;}
 .inner-wrapper{padding: 50px 0;}
 .inner-banner img{min-height: 300px; object-fit: cover;}
 .category-box{bottom: 20px;}
 .category a{font-size: 16px; padding: 12px 20px; margin: 0 5px;}
}


/*about*/
.mao{position: relative; top: -190px;}
.about_page{padding-top: 90px; background: #f7f7f7 url(../images/about_pagebg.png) no-repeat center top;}
.about-part{margin-bottom: 90px;}
/*.about-part .title-box .tit{font-size: 35px; line-height: 75px;}
.about-part .title-box .en{font-family: arial; font-size: 80px; line-height: 80px; font-weight: bold;}*/
.about_pcont{font-size: 16px; color: #333; line-height: 36px; margin-top: 30px;}
.about_ppara{display: flex; justify-content: space-evenly; margin: 30px 0 40px;}
.about_ppara li{display: inline-block;}
.about_ppara li .num{font-size: 20px; color: #333; line-height: 1; text-align: center;}
.about_ppara li .num span{font-family: impact; font-size: 80px; color: #1484c7;}
.about_ppara li .desc{font-size: 20px; color: #333; line-height: 30px; text-align: center; margin-top: 15px;}
.about_pcul{display: flex; justify-content: space-between;}
.about_pcul li{width: 22.5%; padding: 30px 25px; padding-bottom: 8%; background: #fff; border-radius: 10px; position: relative; cursor: pointer;}
.about_pcul li h3{width: 100%; font-size: 25px; color: #333; line-height: 1; font-weight: bold; padding-bottom: 12px; border-bottom: 2px solid #dedede; position: relative;}
.about_pcul li h3::after{content: ""; width: 100px; height: 2px; background: #1484c7; position: absolute; left: 0; bottom: -2px;}
.about_pcul li p{font-size: 16px; color: #333; line-height: 36px; margin-top: 15px; position: relative; z-index: 2;}
.about_pcul li .img_box{width: 140px; position: absolute; right: 0; bottom: 0; z-index: 1;}
.about_pcul li .img_box .iimg{display: none;}
.about_pcul li:hover{box-shadow: 0 0 10px #eee;}
.about_pcul li:hover .img_box .cimg{display: none;}
.about_pcul li:hover .img_box .iimg{display: block;}

/*.about-part2 .title-box{text-align: center;}*/
.envir_tab{width: 100%; text-align: center; font-size: 0; margin: 40px 0 30px;}
.envir_tab a{display: inline-block; padding: 12px 66px; background: #fff; border-radius: 8px; margin: 0 10px; font-size: 20px; color: #333; line-height: 50px;}
.envir_tab a i, .envir_tab a em{display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 20px; float: left;}
.envir_tab a em{display: none;}
.envir_tab a.active{background: #1484c7; color: #fff;}
.envir_tab a.active i{display: none;}
.envir_tab a.active em{display: block;}
.envir_ban{display: none; width: 100%; padding: 0 70px; position: relative;}
.envir_ban:first-child{display: block;}
.envir_ban .swiper-button-next, .envir_ban .swiper-button-prev{width: 46px; height: 46px; border-radius: 50%; background: #a5a5a5; line-height: 46px;}
.envir_ban .swiper-button-prev{left: 0;}
.envir_ban .swiper-button-next{right: 0;}
.envir_ban .swiper-button-next:after, .envir_ban .swiper-button-prev:after{font-size: 20px; color: #fff; font-weight: bold;}
.envir_ban .swiper-button-next:hover, .envir_ban .swiper-button-prev:hover{background: #1484c7;}

.about-part3{background: url(../images/honor_bg.jpg) no-repeat center; background-size: cover; margin-bottom: 0 !important; padding: 80px 0;}
/*.about-part3 .title-box{text-align: center;}*/
.honor_ban{margin-top: 80px;}
.honor_ban .swiper-container{padding-bottom: 80px;}
.honor_ban .swiper-wrapper{align-items: flex-end;}
.honor_ban .swiper-slide{background: url(../images/honor_slidebg.png) no-repeat center bottom; background-size: contain; padding: 10px 35px 30px;}
.honor_ban .swiper-slide .honor_sbox{position: relative; display: block; cursor: pointer;}
.honor_ban .swiper-slide .honor_sbox .img{width: 100%; position: absolute; left: 0; bottom: 0; z-index: 0;}
.honor_ban .swiper-slide .honor_sbox .img:first-child{position: unset;}
.honor_ban .swiper-slide .honor_sbox .img:nth-of-type(2){left: 5px; bottom: 5px; z-index: -1;}
.honor_ban .swiper-slide .honor_sbox .img:nth-of-type(3){left: 10px; bottom: 10px; z-index: -2;}
.honor_ban .swiper-scrollbar{background: #ccc; width: 100%; left: 0; bottom: 20px;}
.honor_ban .swiper-scrollbar-drag{background: #1484c7;}

@media (max-width: 1450px){
 .mao{top: -180px;}
 .about_page{padding-top: 80px;}
 .about-part{margin-bottom: 80px;}
 .about_pcul li p{line-height: 32px;}
}

@media (max-width: 1200px){
 .mao{top: -170px;}
 .about_page{padding-top: 70px;}
 .about-part{margin-bottom: 70px;}
 /*.about-part .title-box .en{font-size: 60px; line-height: 60px;}
 .about-part .title-box .tit{font-size: 30px; line-height: 55px;}*/
 .about_pcont{line-height: 32px; margin-top: 20px;}
 .about_ppara{margin: 30px 0;}
 .about_ppara li .num{font-size: 18px;}
 .about_ppara li .num span{font-size: 60px;}
 .about_ppara li .desc{font-size: 18px; margin-top: 10px;}
 .about_pcul li{width: 23.5%; padding: 25px 20px; padding-bottom: 8%;}
 .about_pcul li h3{font-size: 24px;}
 .about_pcul li p{line-height: 30px;}
 .about_pcul li .img_box{width: 120px;}
 .envir_tab{margin: 30px 0;}
 .envir_tab a{padding: 8px 40px; margin: 0 5px;}
 .about-part3{padding: 70px 0;}
 .honor_ban{margin-top: 60px;}
 .honor_ban .swiper-container{padding-bottom: 70px;}
 .honor_ban .swiper-slide{padding: 10px 25px 20px;}
}

@media (max-width: 768px){
 .mao{top: -105px;}
 .about_page{padding-top: 50px;}
 .about-part{margin-bottom: 50px;}
 /*.about-part .title-box .en{font-size: 48px; line-height: 50px;}
 .about-part .title-box .tit{font-size: 26px; line-height: 45px;}*/
 .about_pcont{line-height: 30px; margin-top: 15px; font-size: 15px;}
 .about_ppara{margin: 20px 0;}
 .about_ppara li .num{font-size: 16px;}
 .about_ppara li .num span{font-size: 50px;}
 .about_ppara li .desc{font-size: 16px; margin-top: 5px;}
 .about_pcul{display: block;}
 .about_pcul li{width: 100%; padding-bottom: 20%; margin-bottom: 20px;}
 .about_pcul li:last-child{margin-bottom: 0;}
 .about_pcul li h3{font-size: 22px;}
 .about_pcul li p{font-size: 15px;}
 .about_pcul li .img_box{width: 100px;}
 .envir_tab{margin: 20px 0;}
 .envir_tab a{padding: 5px 8px; font-size: 15px; line-height: 30px; margin: 0 2px;}
 .envir_tab a i, .envir_tab a em{width: 30px; height: 30px; margin-right: 5px;}
 .envir_ban{padding: 0 0 50px;}
 .envir_ban .swiper-button-next, .envir_ban .swiper-button-prev{width: 40px; height: 40px; line-height: 40px; top: unset; bottom: 0; margin-top: 0;}
 .envir_ban .swiper-button-prev{left: 25%;}
 .envir_ban .swiper-button-next{right: 25%;}
 .about-part3{padding: 50px 0;}
 .honor_ban{margin-top: 30px;}
 .honor_ban .swiper-container{padding-bottom: 60px;}
 .honor_ban .swiper-slide{padding: 10px 16px 15px;}
}


/*product*/
.product_page{background: #f7f7f7;}
.pro_list li{width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%; background: #fff;}
.pro_list li:nth-of-type(4n){margin-right: 0;}
.pro_list li a{display: block; padding: 10px 20px 30px; text-align: center; transition: all .3s;}
.pro_list li a h3{font-size: 18px; color: #333; line-height: 24px;}
.pro_list li a img{margin: 10px auto; height: 300px; object-fit: contain;}
.pro_list li a .line{width: 100%; height: 1px; background: #e8e8e8; margin: 30px 0; position: relative;}
.pro_list li a .line::after{content: ""; width: 0; height: 1px; background: #1484c7; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all .3s;}
.pro_list li a span{display: inline-block; font-size: 16px; color: #a5a5a5; line-height: 20px; text-align: center; transition: all .3s;}
.pro_list li a:hover{box-shadow: 0 0 15px #cacaca;}
.pro_list li a:hover .line::after{width: 100%;}
.pro_list li a:hover span{color: #1484c7;}

@media (max-width: 1420px){
 .pro_list li a .line{margin: 25px 0;}
 .pro_list li a img{height: 280px;}
}

@media (max-width: 1200px){
 .pro_list li{width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;}
 .pro_list li:nth-of-type(4n){margin-right: 3.5%;}
 .pro_list li:nth-of-type(3n){margin-right: 0;}
}

@media (max-width: 992px){
 .pro_list li{width: 48%; margin-right: 4%; margin-bottom: 4%;}
 .pro_list li:nth-of-type(4n){margin-right: 4%;}
 .pro_list li:nth-of-type(3n){margin-right: 4%;}
 .pro_list li:nth-of-type(2n){margin-right: 0;}
}

@media (max-width: 768px){
 .pro_list li{width: 100%; margin-right: 0 !important; margin-bottom: 30px;}
}


/*product detail*/
.product-detail{background: #f7f7f7;}
.product-detail .description .tit{line-height: 1;text-align: center;padding:28px 15px;border-bottom:1px solid #cfcfcf;background: #fff;}
.product-detail .description .con{text-align: justify;margin-top:40px;line-height:2.25;letter-spacing: 1px;}
.product-detail .detail-top{border-bottom:4px solid #1484c7;padding-bottom: 45px;}
.product-detail .detail-top .img-list{float:left;width: 48%;}
.product-detail .detail-top .img-list .swiper-container{border: 1px solid #a5a5a5;}
.product-detail .detail-top .img-list .item-img{position: relative;height: auto;overflow: hidden;}
.product-detail .detail-top .txt{float:left;width:600px;margin-left:4%;max-width: 48%;}
.product-detail .detail-top .name{letter-spacing: 2px; margin-top: 20px;}
.product-detail .detail-top .txt .in{padding-bottom: 35px;border-bottom: 1px solid #cfcfcf;margin-top:60px;letter-spacing: 1px;font-size: 16px;line-height: 36px;}
.product-detail .detail-top .form-btn-box{width: 238px;line-height: 58px;background: #333333;margin-top:44px; position: relative;}
.product-detail .detail-top .form-btn{width: 238px;line-height: 58px;text-align: center;color:#fff;display: block; position: relative; z-index: 3;}
.product-detail .detail-top .form-btn-box::after{content: ""; width: 0; height: 100%; background: #1484c7; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.5s ease;}
.product-detail .detail-top .form-btn-box:hover::after{width: 100%;}
.product-detail .detail-top .share-box{margin-top:20px;}
.product-detail .detail-top .share-box a,.product-detail .detail-top .share-box>*{float:left;margin-right:8.8%;line-height: 20px;padding-left:30px;background-repeat: no-repeat;background-position: left center;margin-top: 15px;}
.product-detail .detail-top .share-box a:last-child{margin-right:0;}
.product-detail .detail-top .share-box .qq{background-image: url(../images/icon-qq-y.png);}
.product-detail .detail-top .share-box .share{background-image: url(../images/icon-share-y.png);}
.product-detail .detail-top .share-box .tel{background-image: url(../images/icon-tel-y.png);color:#1484c7;}
.product-detail .detail-top .share-box .qq:hover{background-image: url(../images/icon-qq-h.png);}
.product-detail .detail-top .share-box .share:hover{background-image: url(../images/icon-share-h.png);}
.product-detail .detail-top .share-box .tel:hover{background-image: url(../images/icon-tel-h.png);}

.product-detail .detail-top .gallery-thumbs .item-img{border:2px solid transparent;transition: all .3s;cursor: pointer;padding-bottom: 66.666%;height: auto !important;}
.product-detail .detail-top .gallery-thumbs .swiper-slide-thumb-active .item-img{border-color:#1484c7;}
.product-detail .detail-top .b-img{position: relative;padding:0 30px;margin-top: 30px;}
.product-detail .detail-top .b-img .swiper-btn{width: auto;}
.product-detail .detail-top .b-img .swiper-btn:after{font-size:20px;color:#000;}
.product-detail .detail-top .b-img .swiper-button-next{right:0;}
.product-detail .detail-top .b-img .swiper-button-prev{left:0;}
.product-detail .description img{display: block; max-width: 100%;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

@media (max-width: 1200px){
 .product-detail .detail-top .form-btn{width: 200px;line-height: 52px;}
 .product-detail .detail-top .txt .in{padding-bottom: 25px; margin-top: 40px;}
 .product-detail .detail-top .share-box{margin-top:10px;}
 .product-detail .detail-top .form-btn-box{margin-top: 35px;}
}
@media (max-width: 992px){
 .product-detail .detail-top .img-list .item-img{height: 340px;}
 .product-detail .detail-top .txt .in{margin-top:25px;padding-bottom: 15px;line-height: 30px;}
 .product-detail .detail-top .name{letter-spacing: 1px;margin-top: 0;}
 .product-detail .detail-top .share-box a, .product-detail .detail-top .share-box>*{margin-top:15px;}
 .product-detail .detail-top .share-box{margin-top:0;}
 .product-detail .detail-top .form-btn-box{margin-top: 25px;}
 .product-detail .detail-top .form-btn{margin-top:25px;width: 164px;line-height: 46px;}
 .product-detail .description .tit{padding:20px 15px;}
 .product-detail .description .con{margin-top:35px;}
 .product-detail .detail-top .b-img{padding:0 26px;margin-bottom: 30px;}
}
@media (max-width: 767px){
 .product-detail .detail-top{padding-bottom: 35px;}
 .product-detail .detail-top .img-list{width: 100%;}
 .product-detail .detail-top .img-list .item-img{height: 320px;}
 .product-detail .detail-top .txt{width: 100%;margin:25px 0 0;max-width: 100%;}
 .product-detail .detail-top .share-box a, .product-detail .detail-top .share-box>*{margin-right:6%;}
 .product-detail .description .tit{font-weight: bold;padding:16px 15px;}
 .product-detail .description .con{margin-top:20px;letter-spacing: 0;}
 .product-detail .detail-top .b-img{padding:0 20px;}
}


/*news*/
.news_page .news-list li{border-bottom:1px solid #999999;padding-bottom: 35px;margin-bottom: 35px;}
.news_page .news-list li:last-child{border:none;margin:0;}
.news_page .news-list .news-item{display: block;}
.news_page .news-list .news-item .item-img{float:left;width: 36.4%;max-width: 530px;}
.news_page .news-list .news-item .item-con{float:right;width:59%;max-width: 860px;}
.news_page .news-list .news-item .item-tit{margin-top: 22px; transition: all 0.5s; color: #000;}
.news_page .news-list .news-item .item-date{line-height: 1;margin-top:15px;font-family: arial; font-size: 18px; color: #000;}
/*.news_page .news-list .news-item .common-imgBox{padding:0;height: 320px;}*/
.news_page .news-list .news-item .common-imgBox{padding-bottom:60.4%; position: relative;}
.news_page .news-list .news-item .common-imgBox .item-line{left:6.8%;right:6.8%;top:10%;bottom:10%;}
.news_page .news-list .news-item .item-desc{line-height:24px;height: 48px;margin-top:38px;}
.news_page .news-list .news-item .item-more{width: 190px; height: 50px; background: #666; font-size: 16px; color: #fff; line-height: 50px; text-align: center; margin-top:55px; transition: all 0.5s;}
.news_page .news-list .news-item:hover .item-more{background: #1484c7;}

@media (max-width: 1420px){
 .news_page .news-list li{padding-bottom: 30px;margin-bottom: 30px;}
 /*.news_page .news-list .news-item .common-imgBox{height: 280px;}*/
 .news_page .news-list .news-item .item-date{margin-top: 5px;}
 .news_page .news-list .news-item .item-tit{margin-top:15px;}
 .news_page .news-list .news-item .item-more{margin-top:40px;}
 .news_page .news-list .news-item .item-desc{margin-top:25px;}
}
@media (max-width: 1200px){
 .news_page .news-list .news-item .item-tit{margin-top:10px;}
 .news_page .news-list .news-item .item-more{margin-top:20px;}
 .news_page .news-list .news-item .item-desc{margin-top:15px;}
}
@media (max-width: 992px){
 .news_page .news-list .news-item .item-date{margin-top: 0;}
 .news_page .news-list .news-item .common-imgBox{padding:0;height: 180px;}
}
@media (max-width: 767px){
 .news_page .news-list li{padding-bottom: 20px;margin-bottom: 20px;}
 .news_page .news-list .news-item .item-img,.news_page .news-list .news-item .item-con{float:none;width: 100%;}
 .news_page .news-list .news-item .item-con{padding:25px 0 0;}
 .news_page .news-list .news-item .item-desc{height: auto;}
 .news_page .news-list .news-item .item-more{width: 150px; height: 40px; font-size: 15px; line-height: 40px;}
}


/*news detail*/
.news-detail{margin:80px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{max-width: 100%;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{margin:50px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
}


/*join*/
.job-box{background: #f7f7f7;}
.jobList li{margin-bottom: 20px;}
.jobList .item-name{font-weight: bold;line-height: 1; padding:40px 70px;background: #e7e7e7;position: relative;}
.jobList .item-name i{position: absolute;right:70px;width:20px;height: 100%;top:0;background: url(../images/arrow-right.png) no-repeat center;background-size: contain; transition: all 0.3s;}
.jobList li.active .item-name i{transform: rotate(90deg);}
.jobList .item-content{background: #fff;display: none;overflow: hidden;}
.jobList li:first-child .item-content{display: block;}
.jobList .item-content>.flex{flex-direction: row-reverse;}
.jobList .item-content .item-img{width:40%;overflow: hidden;min-height:350px;}
.jobList .item-content .item-img .img{/*padding-bottom: 85%;*/height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.jobList .item-content .item-right{color:#333;width:60%;border-bottom:8px solid #333333;padding:50px 90px;position: relative;}
.jobList .item-content .item-right::after{position: absolute;content:'';width:33%;height:8px;bottom:-8px;background: #e60012;left:0;}
.jobList .item-content .item-right .con{line-height: 36px;}
.jobList .item-content .item-right .desc p{line-height: 30px; margin-top: 3px;}
.jobList .item-content .item-img:hover .img{transform: scale(1.04);}
.jobList .item-content .item-right .detail-bottom{white-space: nowrap; margin-top: 35px;}
.jobList .item-content .item-right .detail-bottom .tel{background: url(../images/icon-cont.png) no-repeat left center;padding-left: 36px;line-height: 24px;}
.jobList .item-content .item-right .detail-bottom .tel::after{content:'|';margin: 0 28px;color:#cacaca; font-size: 22px; line-height: 1;}
.jobList .item-content .item-right .detail-bottom .mail{background: url(../images/icon-mail.png) no-repeat left center;padding-left: 44px;line-height: 24px;}
.jobList .item-content .item-right .detail-bottom a{color:#1484c7;}

@media (max-width:1420px){
 .jobList .item-name{padding: 35px 60px;}
 .jobList .item-name i{right: 60px;}
 .jobList .item-content .item-right{padding: 45px 70px;}
}

@media (max-width:1200px){
 .jobList .item-name{padding:30px 50px;}
 .jobList .item-name i{right: 50px; width: 18px;}
 .jobList .item-content .item-right{padding: 35px 50px;}
 .jobList .item-content .item-right .detail-bottom{display: block; margin-top: 15px;}
 .jobList .item-content .item-right .detail-bottom .tel{margin-bottom: 10px;}
 .jobList .item-content .item-right .detail-bottom .tel::after{content: unset;}
 .jobList .item-content .item-right .detail-bottom .mail{padding-left: 36px;}
}

@media (max-width:992px){
 .jobList .item-name{padding:25px 40px;}
 .jobList .item-name i{right: 40px; width: 16px;}
 .jobList .item-content .item-img{width:45%;}
 .jobList .item-content .item-right{width:55%; padding: 20px 30px;}
 .jobList .item-content .item-right .detail-bottom{font-size: 16px;}
 .jobList .item-content .item-right .detail-bottom .tel::after{margin: 0 30px;}
}

@media (max-width:767px){
 .jobList .item-name{padding:18px 20px;}
 .jobList .item-name i{right: 20px; width: 10px;}
 .jobList .item-content .item-img{width:100%;min-height:auto;}
 .jobList .item-content .item-img .img{height: auto;padding-bottom: 65%;}
 .jobList .item-content .item-right{width: 100%;border-bottom-width:5px;padding:15px 20px;}
 .jobList .item-content .item-right::after{height:5px;bottom:-5px;}
 .jobList .item-content .item-right .con{line-height: 30px;}
 .jobList .item-content .item-right .desc p{margin-top: 0;}
 .jobList .item-content .item-right .detail-bottom{margin-top: 10px;}
}


/*contact*/
.contact_page{position: relative;}
.contact_page .cmap{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; overflow: hidden;}
.contact_page #contmap{height: 100%;}
.contact_box{padding: 60px 70px 35px; background: rgba(255,255,255,.9);}
.contact_tit{padding-bottom: 30px; border-bottom: 2px dashed #ccc;}
/*.contact_tit .title-box .en{font-family: arial; font-size: 80px; line-height: 80px;}
.contact_tit .title-box .tit{font-size: 35px; line-height: 75px;}*/
.contact_con{padding: 40px; display: flex; justify-content: space-between;}
.contact_info{width: 46%;}
.ctit{font-size: 30px; color: #333; font-weight: bold; line-height: 1; margin-bottom: 38px;}
.cbox{display: flex; justify-content: space-between;}
.ccon{margin-top: 20px; padding-right: 10px;}
.ccon p{font-size: 20px; color: #333; line-height: 30px; margin-bottom: 18px;}
.ccode img{max-width: 190px;}
.contact_form{width: 48%;}
.form-content{width: 48%; float: left; margin-bottom: 20px;}
.form-content:nth-of-type(2n){float: right;}
.form-content.form-textarea{width: 100%;}
.form-control{width: 100%; height: 40px; padding: 8px 20px; border: 1px solid #ccc; border-radius: 0; background: none; outline: none; font-size: 16px; line-height: 24px;}
.form-submit{width: 215px; height: 45px; border: none; border-radius: 0; background: #1484c7; outline: none; font-size: 16px; color: #fff; margin-top: 20px;}

@media (max-width: 1420px){
 .contact_box{padding: 50px 60px 30px;}
 .contact_con{padding: 30px;}
 .ccon{margin-top: 0;}
 .ccon p{margin-bottom: 15px;}
}

@media (max-width: 1200px){
 .contact_box{padding: 40px 50px 20px;}
 .contact_tit{padding-bottom: 20px;}
 /*.contact_tit .title-box .en{font-size: 60px; line-height: 60px;}
 .contact_tit .title-box .tit{font-size: 30px; line-height: 55px;}*/
 .contact_con{padding: 25px 0;}
 .ctit{font-size: 24px; margin-bottom: 30px;}
 .cbox{display: block;}
 .ccon{padding-right: 0;}
 .ccon p{font-size: 18px; margin-bottom: 5px;}
 .ccode{margin-top: 20px;}
}

@media (max-width: 768px){
 .contact_box{padding: 30px 20px 0;}
 .contact_tit .title-box{margin: 0;}
 /*.contact_tit .title-box .en{font-size: 50px; line-height: 50px;}
 .contact_tit .title-box .tit{font-size: 24px; line-height: 45px;}*/
 .contact_con{display: block;}
 .ctit{font-size: 20px; margin-bottom: 20px;}
 .contact_form{width: 100%;}
 .form-submit{margin-top: 0;}
 .contact_info{width: 100%; margin-top: 30px;}
 .ccon p{font-size: 16px; margin-bottom: 0;}
}



.case-box{ background:#f7f7f7}
.case-box .case-list .list{ margin-top:90px;}
.case-box .case-list li{ background:#ffffff; margin:17px 0; }
/*.case-box .case-list .case-item{display: block;}*/
.case-box .case-list .case-item .item-con{float:left;width: 70%;max-width: 880px;}
.case-box .case-list .case-item .item-right{float:right;width: 30%;max-width:386px;position: relative;}
.case-box .case-list .case-item .item-img{position: relative;padding-bottom: 54.34%;overflow: hidden;}
.case-box .case-list .case-item .item-date{float:left;padding:12px 0;text-align: center;line-height: 1;color:#333333; padding-left:60px}
.case-box .case-list .case-item .item-date .d{margin-bottom:13px;line-height: 0.8;font-family: Impact; letter-spacing:4px}
.case-box .case-list .case-item .item-date h3{ width:65px; height:2px; background:#333333; margin:13px auto;}
.case-box .case-list .case-item .item-txt{line-height: 1.8;margin-left:30px;border-left:1px solid #e7e7e7;padding:0 0 0 30px;}
.case-box .case-list .case-item .item-desc{margin-top:36px;}
.case-box .case-list .case-item:hover .item-tit{color:#01375d;}
.case-box .case-list li:hover{box-shadow: 0 9px 13.8px 1.2px rgba(8,8,8,.08);}
.case-box .case-list li:hover .case-item .item-date .d,.case-box .case-list li:hover .case-item .item-tit,.case-box .case-list li:hover .case-item .item-date p{ color:#1484c7}
.case-box .case-list li:hover .case-item .item-date h3{ background:#1484c7}

@media (max-width:1400px){
 .case-box .case-list .case-item .item-right{width: 25%;}
}
@media (max-width:1200px){
 .case-box .case-list li{padding:30px 0;}
 .case-box .case-list .case-item .item-tools,.case-box .case-list .case-item .item-desc{margin-top:16px;}
 .case-box .case-list .case-item .item-date .d{margin-bottom: 24px;}
}
@media (max-width:992px){
 .case-box .case-list .case-item .item-txt{margin-left:25px;padding:10px 0 10px 25px;}
 .case-box .case-list .case-item .item-tit{font-weight: bold;}
}
@media (max-width:750px){
	.case-box .case-list .list{ margin-top:35px;}
	.case-box .case-list .case-item .item-date{ padding-left: 10px;}
 .case-box .case-list .case-item .item-con,.case-box .case-list .case-item .item-right{float:none;width: 100%;max-width: 100%;}
 .case-box .case-list .case-item .item-con{margin-bottom: 16px;}
 .case-box .case-list .case-item .item-date .d{margin-bottom: 20px;}
 .case-box .case-list .case-item .item-txt{margin-left:14px;padding:8px 0 8px 14px;}
 .case-box .case-list .case-item .item-tit{font-size:17px;}
 .case-box .case-list .case-item .item-date .d{margin-bottom: 17px;}
 .case-box .case-list li{padding:25px 0;}
}


.search_page{padding-top: 180px; padding-bottom: 50px;}

@media (max-width: 768px){
 .search_page{padding-top: 100px; padding-bottom: 0;}
}