@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
html,body,ul,li{margin:0;padding:0;height:100%; font-size:15px; color:#333;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:15px; color:#333; font-weight:normal}
em{ font-style:normal}
h1{font-weight: bold;}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#eb6100;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.gray{background: #f8f8f8}
.mobileshow{display: none}
@media (max-width:1199px){
	.pcshow{display: none}
	.mobileshow{display: block;}
}
body{background: url(/assets/images/bg.gif) repeat-y center -18%;background-size: 100% auto}
body.nonebg{background: none}
header{width: 100%;position: fixed;left: 0;top: 0;z-index: 1500;padding: 0 7%;transition: all .2s}
header .containerfull{border-bottom: 1px rgba(255,255,255,.5) solid;height: 90px;transition: all .2s;padding:0;}
header .containerfull div{padding: 0}
header .logo dl,.footlogo dl{width: 100%;font-size: 0;display: table;height: 90px}
header .logo dl a,.footlogo dl a{display: table-cell;vertical-align: middle;transition:all .2s}
header .logo dl a dt,header .logo dl a dd,.footlogo dl a dt,.footlogo dl a dd{display: inline-block;}
header .logo dl a dt,.footlogo dl a dt{width: 95px}
header .logo dl a dd,.footlogo dl a dd{}
header .logo dl a dd h1,.footlogo dl a dd h1{border-bottom: 1px #fff solid;display: inline-block;font-size: 21px;color:#fff;line-height: 34px;font-weight: bold;}
header .logo dl a dd h2,.footlogo dl a dd h2{font-size: 15px;color:#fff;line-height: 22px;letter-spacing: 2px}
header .menu ul{width: 100%;font-size: 0;text-align: right;}
header .menu ul li{display: inline-block;line-height: 90px;position: relative;}
header .menu ul li > a{padding:0 16px;line-height: 90px;font-size: 16px;text-transform: uppercase;color: #fff;transition:all .4s}
header .menu ul li > a:hover{color:#00a1e9;}
header .menu ul li > a i{margin-left: 3px;line-height:91px;transition: all .2s;display:inline-block;transition: all .2s;font-size: 18px;vertical-align: top;}
header .menu ul li > a:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#00a1e9;}
header .menu ul li span{position: absolute;left:-30%;top: 100px;width: 160%;background: rgba(255,255,255,.9);padding: 10px 0;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);visibility: hidden;opacity:0;transition: all .2s;text-align: left}
header .menu ul li span:after,header .language .lang .morelang:after {position: absolute;top: -8px;left: 45%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #00a1e9; border-left:8px solid transparent;content: '';}
header .menu ul li span a{display: block;border-bottom: 1px rgba(0,0,0,.05) solid;font-size: 14px;color:#666;line-height: 42px;padding-left: 20px;}
header .menu ul li span a:before{margin-right:5px;}
header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: #00a1e9;color:#fff;}
header .menu ul li span a:last-child,header .language .lang .morelang a:last-child{border-bottom: none}
header .menu ul li.hover span{top: 90px;visibility: visible;opacity:1;}
header .menu ul li em{display: none}
header .language{display: table;height:90px;text-align: right;}
header .language .lang{display: table-cell;vertical-align: middle;color:#fff;line-height:90px;cursor: pointer;} 
header.sroll,header.onmobile{background:rgba(255,255,255,.95);box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);}
header.sroll .logo dl a dd h1,header.sroll .logo dl a dd h2,header.sroll .menu ul li a,header.sroll .language .lang,header.sroll .language i.icon-old-phone,header.onmobile .logo dl a dd h1,header.onmobile .logo dl a dd h2,header.onmobile .menu ul li a,header.onmobile .language .lang,header.onmobile .language i.icon-old-phone{color:#333;}
header.sroll .logo dl a dd h1,header.onmobile .logo dl a dd h1{border-bottom-color: #333}
header.sroll .menu ul li a:hover,header.onmobile .menu ul li a:hover{color:#00a1e9;}
header.sroll .language i.icon-old-phone{border-color: #333}
header.sroll .containerfull{border-bottom:none;}

@media (max-width:1199px){
	header .menu ul li > a{padding:0 14px;font-size: 15px;}
}
@media (max-width:1089px){
	header .menu ul li > a{padding:0 10px;font-size: 14px;}
}

@media (max-width:991px){
	header .containerfull,header .logo dl{height:80px;}
	header .menu{position: fixed;background:rgba(255,255,255,.95);left: 0;width: 100%;top: 80px;height:100%;display:none;z-index: 400}
	header.onmobile .menu{display: block;padding: 0 4%;padding-top: 20px}
	header .menu ul li{width: 100%;line-height: 60px;height:60px;overflow: hidden;border-bottom: 1px #eee solid;position: relative;text-align: left}
	header .menu ul li:last-child{display: block;}
	header .menu ul li > a{color: #333;line-height: 60px;font-size:16px;font-weight: bold;}
	header .menu ul li > a i{display: none}
	header .menu ul li em{position:absolute;right: 0;top: 18px;font-size: 25px;cursor: pointer;display: block;transition: all .2s}
	header .menu ul li.active em{transform: rotate(90deg);}
	header .menu ul li span{position:static;display: block;width:100%;background:none;padding: 0;padding-bottom: 20px;box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);visibility: visible;opacity:1;}
	header .menu ul li span a{font-size: 15px;color: #333;line-height: 40px;width: 100%;border-bottom: none}
	header .menu ul li span a:before{line-height: 40px;vertical-align: top;font-size: 20px}
	header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: none;color: #007ab0}
	header .language .lang{display: none}
	header .language{text-align: right;}
	header .mobilemenu{display: block;}
	header .mobilemenu > a{display:inline-block;padding:10px 0;position: relative;cursor: pointer;width:45px;height:80px;text-align: center;overflow:hidden;}
	header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(255,255,255,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
	header .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}
	header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	header .mobilemenu.click a span:after {transition-delay:0s;}
	header .mobilemenu.click a span:before {transition-delay:0.07s;}
	header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
	header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	header.sroll .mobilemenu a span,header.sroll .mobilemenu a span:after,header.sroll .mobilemenu a span:before{background: rgba(0,0,0,.8);}
}
@media (max-width:576px){
	header{position:static;}
	header.sroll{position: fixed;}
	header .menu{top: 70px;}
	header .logo{padding: 0;}
	header .logo dl a dd h1{font-size: 18px}
	header .logo dl a dd h2{font-size: 12px}
	header .logo dl a dd h1,header .logo dl a dd h2,header .menu ul li a,header .language .lang,header .language i.icon-old-phone{color:#333;}
	header .logo dl a dd h1{border-bottom-color: #333}
	header .containerfull,header .logo dl,header .mobilemenu > a{height: 70px;}
	header .mobilemenu a span,header .mobilemenu a span:after,header .mobilemenu a span:before{background: rgba(0,0,0,.8);}
}
.banner {width: 100%;position: relative;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);}
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide .bgimg img{width: 100%}
.banner .swiper-slide .text{position: absolute;left:0;top: 32%;z-index: 2;width: 100%;text-align: center;}
.banner .swiper-slide .text.flowleft{text-align: left;left: 7%}
.banner .swiper-slide .text h1{font-size: 60px;text-transform: uppercase;color: #fff;position: relative;margin-bottom:80px;text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.banner .swiper-slide .text.inner-left{text-align: left;padding-left: 7%;top: 45%}
.banner .swiper-slide .text.inner-left h1{font-size: 50px}
.banner .swiper-slide .text h2{font-size:22px;text-transform: capitalize;color: #fff;padding: 3px 20%;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 36px}
.banner .swiper-slide .text.flowleft h2{padding-left: 0;padding-right: 50%;}
.banner .swiper-slide .text.flowleft h2 li{color: #fff;line-height: 35px;font-size:17px;}
.banner .swiper-slide .text.flowleft h2 li:before{margin-right: 8px}
.banner .swiper-slide .text h1:after{content: '';position: absolute;top: 120px;left:50%;margin-left:-35px;width: 70px;height: 3px;background: #0792da;display: block;transition: all .2s}
.banner .swiper-slide .text.inner-left h1:after{left: 0;margin-left: 0;top: 90px}
.banner .swiper-slide .text.flowleft h1:after{left: 0;margin-left: 0}
.banner .swiper-slide .text h3{font-size: 18px;color: rgba(255,255,255,.5);line-height: 35px}
.banner.home .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .4s;}
.banner.home .swiper-slide .text h2{transform:translateY(200px);opacity:0;transition:all .8s .6s;}
.banner.home .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .6s .10s;}
.banner.home .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all .6s .12s;}
.banner.home .swiper-slide-active .text h1,.banner.home .swiper-slide-active .text h2,.banner.home .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
.banner.home .swiper-slide-active .img,.banner.ban-product .swiper-slide-active .img{transform:translateX(0px);opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px}
.banner .swiper-pagination-bullet {position: relative;z-index: 11;overflow: hidden;}
.banner .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 5px;z-index: 10;background: #007ab0}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

@media (max-width:1299px){
	.banner .swiper-slide .text h1,.banner .swiper-slide .text.inner-left h1{font-size: 40px}
	.banner .swiper-slide .text.inner-left{padding-left: 3%;}
	.banner .swiper-slide .text h1:after,.banner .swiper-slide .text.inner-left h1:after{top: 80px}
}
@media (max-width:1199px){
	.banner .swiper-slide .text h1:after,.banner .swiper-slide .text.inner-left h1:after{top: 70px}
}
@media (max-width:991px){
	.banner .swiper-slide .text{top: 40%;}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text.inner-left h1{font-size: 30px}
	.banner .swiper-slide .text h1:after,.banner .swiper-slide .text.inner-left h1:after{top: 50px}
	.banner .swiper-slide .text h1{margin-bottom: 30px;}
	.banner .swiper-slide .text h2{font-size: 15px;line-height: 20px}
	.banner .swiper-slide .text.flowleft{top: 33%;}
	.banner .swiper-slide .text.flowleft h2{padding-left: 0;padding-right: 3%;padding-top: 20px}
	.banner .swiper-slide .text.flowleft h2 li{font-size: 15px;line-height: 30px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
}
@media (max-width:576px){
	.banner .swiper-slide .text{top: 30%;}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text.inner-left h1{font-size: 25px}
	.banner .swiper-slide .text h2{padding-top: 20px}
	.banner .swiper-slide .text.flowleft h2 li{font-size: 13px;line-height:20px;}
	.banner .swiper-slide .text.inner-left{top: 35%;display: inline-block;}
	.banner .swiper-slide .text.flowleft{top: 18%;left: 3%}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{display: none}
	.banner .swiper-button-next,.banner .swiper-button-prev{display: none}
}
.comm-title{width: 100%;text-align: center;padding-top: 80px}
.comm-title h1{font-size: 45px;color:#111;line-height: 50px;padding-bottom: 30px;position: relative;text-transform: capitalize;}
.comm-title h1:after{content:'';background: #eb6100;width: 60px;height:3px;display: block;position: absolute;left: 50%;margin-left:-30px;bottom: 0}
.comm-title h2{color:#666;padding: 20px 18%;line-height: 25px;font-size: 16px}
.home-product{padding: 40px 7%}


.home-product .row{padding: 0;} 
.home-product .row dl {padding:15px}
.home-product .row dl a{width: 100%;display: block;overflow: hidden;position: relative;}
.home-product .row dl a dt{width: 100%;overflow: hidden;background:#000}
.home-product .row dl a dt img{width: 100%;transition: all .2s}
.home-product .row dl a:hover dt img{transform: scale(1.05);opacity:0.5;}
.home-product .row dl a dd{position:absolute;bottom: -160px;left: 0;width: 100%;height:100%;padding: 0 30px;display: table;transition: all .2s}
.home-product .row dl a:hover dd{bottom: 0}
.home-product .row dl a dd span{display: table-cell;vertical-align: middle;}
.home-product .row dl a dd h1{font-size: 22px;color:#fff;position: relative;padding-bottom:15px;margin-bottom: 10px;display: inline-block;}
.home-product .row dl a dd h1:after{content: '';background:rgba(255,255,255,.5);width: 70px;height: 1px;position:absolute;left: 0;bottom: 0;transition: all .2s}
.home-product .row dl a:hover dd h1:after{width: 100%}
.home-product .row dl a dd h2{width: 100%;color:#fff;margin: 20px 0 30px 0;font-size: 14px;line-height: 20px;height:60px;overflow: hidden;}
.home-product .row dl a dd h3{background:#00a1e9;padding:6px 25px;border-radius: 3px;color:#fff;font-size: 13px;display: inline-block;text-transform: uppercase;transition: all .2s}
.home-product .row dl a dd h3:hover{background:#007ab0}


@media (max-width:1299px){
	.comm-title{padding-top: 50px}
	.comm-title h1{font-size: 30px;line-height: 38px}
	.comm-title h2{padding: 20px 5%;line-height: 22px;font-size: 14px}
}
@media (max-width:1199px){
	.home-product .row dl a dd{bottom: -80px;}
	.home-product .row dl a dd h2{font-size: 0;padding: 0}
}
@media (max-width:991px){
	.home-product .row dl a dd{bottom: -170px;}
	.home-product .row{padding-left: 0;padding-top: 30px} 
	.home-product .row dl a dd h2{font-size:13px;padding: 20px 0}
}
@media (max-width:891px){
	.home-product .row dl a dd{bottom: -140px;}
}
@media (max-width:767px){
	.comm-title{padding-top: 30px}
	.comm-title h1{font-size: 25px;line-height: 30px;padding-bottom: 18px;}
	.home-product .row dl a dd{bottom: -180px;}
}
@media (max-width:576px){
	.home-product .row dl a dd{bottom: -140px;}
}
.whyus{background: url(/assets/images/why_bg.jpg) no-repeat center fixed;background-size:cover;padding: 40px 0;margin-top:50px;}
.whyus .whychoose .swiper-wrapper div{text-align: center}
.whyus dl{background:#fff;box-shadow: 0px 3px 15px 0px rgb(10 25 50 / 10%);padding:40px 25px 30px 25px;margin:70px 0;position: relative;width: 96%;border-radius: 10px}
.whyus dl dt{position:absolute;left: -35%;margin-left:35px;top:-40px;width: 70px;height: 70px;display: block;background:radial-gradient(#00a1e9,#008ed7,#0089e9);margin-left:-110px;border-radius: 50%;text-align: center;line-height: 70px;font-size: 35px;color:#fff;}
.whyus .container{padding:0 7%}
.whyus .whychoose dl dd{padding-top: 5px;text-align: center}
.whyus .whychoose dl dd h1{font-size: 25px;line-height: 40px}
.whyus .whychoose dl dd p{margin-top: 10px;margin-bottom: 10px;line-height: 25px;height:50px;overflow: hidden;display: block;font-size: 16px;}
.whyus .whychoose dl dd i{font-size: 20px;}
@media (max-width:576px){
	.whyus dl dt{left: -37%}
}
.home-aboutus{margin-top: 80px;padding: 0 7%}
.home-aboutus .intro{background: #f3f3f3;padding:40px 60px;position:relative;}
.home-aboutus .intro > h1{font-size: 45px;position:relative;padding-bottom: 20px;}
.home-aboutus .intro > h1:after{content:'';background: #eb6100;width: 50px;height: 2px;width: 60px;height:3px;display: block;position: absolute;left: 0;bottom: 0}
.home-aboutus .intro > h2{font-size: 20px;padding-top: 20px}
.home-aboutus .intro p{padding-top: 30px;line-height: 24px}
.home-aboutus .intro .more,.home-news .topnewlist .more{margin-top:40px;}
.home-aboutus .intro .more{margin-top:28px;}
.home-aboutus .intro .more a,.home-news .topnewlist .more a{border: 1px rgba(0,0,0,.2) solid;padding:5px 30px;text-transform: uppercase;border-radius: 3px;font-size: 12px;transition: all .2s}
.home-aboutus .intro .more a:hover,.home-news .topnewlist .more a:hover{border-color: #00a1e9;background:#00a1e9;color:#fff;}
.home-aboutus .intro .num{background: #00a1e9;width: 100%;position: absolute;left: 70px;bottom: 60px;z-index: 10;padding:25px 30px;border-radius: 4px}
.home-aboutus .intro .num dl{width: 23%;display: inline-block;margin-right:1.9%;overflow: hidden;border-right: 1px rgba(255,255,255,.3) solid;padding-left: 3%;}
.home-aboutus .intro .num dl:last-child{margin-right: 0;border-right: none}
.home-aboutus .intro .num dl dt{color:#fff;width: 100%}
.home-aboutus .intro .num dl dt h1{font-size: 30px;color:#fff;display: inline-block;padding-right: 5px}
.home-aboutus .intro .num dl dd{color:#fff;font-size: 13px}

.home-aboutus .video{padding:0;}
.home-aboutus .video p{position: relative;}
.home-aboutus .video img{width: 100%}
.home-aboutus .video a{position:absolute;left: 50%;top: 50%;width: 56px;height: 56px;margin-left:-25px;margin-top:-25px;display: block;text-align: center;line-height: 50px;font-size: 20px;border-radius: 50%;border: 3px #fff solid;color:#fff;opacity:0.7;transition: all .2s}
.home-aboutus .video a:hover{opacity:0.95;}

.home-certification{background: #f1f1f1;margin-top:80px;padding-bottom: 80px}
.home-certification .container{padding: 0 7%;}
.home-certification .cer-list{padding-bottom: 30px}
.home-certification .cer-list > div{text-align: center;}
.home-certification dl{background: #f7f7f7;border: 1px #fff solid;box-shadow: 0px 5px 10px 0px rgb(10 25 50 / 10%);padding:50px;margin:30px 0;}
.home-certification dl dt{width: 100%;text-align: center;}
.home-certification dl dt img{border:8px #00a1e9 solid;width: 100%}
.home-certification dl dd{padding-top: 15px}
.home-certification .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0}
.home-certification .swiper-pagination-bullet{width: 30px}


.app-list{padding: 0;margin-top: 50px;padding-bottom: 70px}
.app-list.application{margin-top: 0;background: #fff;padding: 1% 0}
.app-list .comm-title .title h1{border-bottom: none}
.app-list ul{padding-top: 2.5%;width: 100%;padding-left: 45%}
.app-list ul li{list-style-type:disc;line-height: 30px;height:auto;font-size: 16px;}
.app-list dl{position: relative;cursor: pointer;overflow: hidden}
.app-list dl a dt{background: #000;overflow: hidden}
.app-list dl a dt img{width: 100%;opacity:0.8;transition: all .2s}
.app-list dl a:hover dt img{transform: scale(1.05);opacity:0.95}
.app-list dl a dd{position:absolute;bottom:-90px;left: 0;width: 100%;background:rgba(0,0,0,0.2);padding:3% 5%;transition: all .2s}
.app-list dl a:hover dd{bottom: 0;background:rgba(0,0,0,0.4);}
.app-list dl a dd h1{font-size: 22px;color:#fff;text-transform: capitalize;}
.app-list dl a dd p{color:rgba(255,255,255,.7);margin-top:30px;line-height: 22px;font-size: 15px;height: 48px;overflow: hidden;transition: all .2s}
.app-list .customer-list{padding-top: 1%}
.app-list .swiper-button-next,.app-list .swiper-button-prev {width:40px;height:40px;border-radius: 50%;border:1px rgba(0,0,0,.4) solid;color:#333;font-size: 30px;opacity:1;transition: all .2s;color:rgba(0,0,0,.4);}
.app-list .swiper-button-next:after,.app-list .swiper-button-prev:after{content:'';}
.app-list .swiper-button-next {left: 50%;margin-left:10px;bottom: 0;top: auto}
.app-list .swiper-button-prev {left: 50%;margin-left: -50px;;bottom: 0;top: auto}
.app-list .swiper-button-next:hover,.app-list .swiper-button-prev:hover {border-color:#00a1e9;background: #00a1e9;color:#fff;}
@media (max-width:991px){
	.app-list ul{padding-left: 18px;padding-top: 5%}
	.app-list dl a dd h1{font-size: 22px;}
	.home-aboutus .intro{padding:30px;}
	.home-aboutus .intro > h1{font-size: 30px;}
}
@media (max-width:576px){
	.app-list dl a dd h1{font-size: 18px;}
	.app-list dl a dd h3{font-size: 12px;line-height: 18px}
	.app-list ul li{font-size: 13px;line-height: 18px}
	.home-certification dl{padding: 25px}
	.home-certification dl dd{padding-top: 15px;min-height: 60px;line-height: 20px}
	.home-aboutus .intro{padding:30px 2%;}
	.home-aboutus .intro > h1{font-size: 25px;}
	.product-inner .swiper-button-nextP,.product-inner .swiper-button-prevP{display: none}
}

.home-news .comm-title{padding-bottom: 20px}
.home-news .topnewimg{padding-right: 0;}
.home-news .topnewimg a {display: block;position: relative;}
.home-news .topnewimg a img{width: 100%}
.home-news .topnewimg a dl{position: absolute;left: 0;top: 0;width: 50px;text-align: center;}
.home-news .topnewimg a dl dt{background:#333;height: 50px;width: 100%}
.home-news .topnewimg a dl dt i{color:#fff;line-height: 50px;font-size: 20px}
.home-news .topnewimg a dl dd{width: 100%;background: #fff;color:#333;text-align: center;line-height: 18px;padding: 7px 0;}
.home-news .topnewimg a dl dd h1{font-size: 20px;}
.home-news .topnewimg a dl dd h2{font-size: 12px}
.home-news .topnewlist{background: #f5f5f5;padding-top: 60px}
.home-news .topnewlist h1{font-size: 30px}
.home-news .topnewlist p{margin-top: 30px;}
.home-news .home-news-list{padding:50px 7%;}
.home-news .home-news-list dl{padding:20px 15px;}
.home-news .home-news-list dl a dt h1{font-size: 22px;padding-bottom: 20px}
.home-news .home-news-list dl a dd p{line-height: 25px;height: 75px;overflow: hidden;}
.home-news .home-news-list dl a dd h2{color:#00a1e9;font-size: 24px;font-family:"arial";width: 100%;border-bottom: 1px #eee solid;padding-bottom: 20px;position: relative;}
.home-news .home-news-list dl a dd h2:after{content:'';width: 50px;height:3px;background: #00a1e9;position:absolute;left: 0;bottom: -1px;display: block;transition: all .2s}
.home-news .home-news-list dl a:hover dd h2:after{width: 100%}
.home-news .morenews{text-align: center;;padding-top: 50px}
.home-news .morenews a{background: #00a1e9;color:#fff;border-radius: 4px;padding:10px 60px;text-transform: uppercase;transition: all .2s}
.home-news .morenews a:hover{background: #007ab0}

@media (max-width:991px){
	.home-news .topnewlist{padding-top: 30px}
	.home-news .topnewlist h1{font-size: 25px}
	.home-news .topnewlist p{height:90px;overflow: hidden;}
	.home-news .topnewlist .more { margin-top: 20px;}
}
@media (max-width:767px){
	.home-news .topnewlist p{height:50px;overflow: hidden;margin-top: 15px}
	.home-news .topnewlist{padding-bottom: 30px}
	.home-news .topnewlist h1{font-size: 18px}
	.home-news .home-news-list dl a dt h1{font-size: 18px;padding-bottom: 10px}
	.home-news .home-news-list dl a dd h2{font-size: 20px}
}
@media (max-width:576px){
	.home-news .topnewlist h1{font-size: 16px}
	.home-news .home-news-list dl a dt h1{font-size: 16px;}
	.home-news .home-news-list dl a dd h2{font-size: 18px}
}
.prutlist {padding-top: 20px;}
.prutlist.mainprut {padding-top: 80px;}
.prutlist .title{width: 100%;border-bottom: 1px #eee solid}
.prutlist .title div{padding: 0}
.prutlist .title h1{width: 100%;}
.prutlist .title h1 a{font-size: 30px;text-transform: uppercase; color: #00a1e9}
.prutlist .title h1 a:hover{color:#007ab0}
.prutlist .title h1 i{width:35px;display:inline-block;}
.prutlist .title p{display:block;padding-left:35px;margin-top: 15px;margin-bottom: 25px;}
.prutlist .title .more{text-align: right;padding-top: 8px}
.prutlist .title .more a{font-size: 14px;padding: 6px 30px;display:inline-block;border-radius: 5px;border: 1px #ddd solid}
.prutlist .title .more a:hover{background: #00a1e9;color: #fff;border-color: #00a1e9}
.prutlist .list{padding-top: 40px;padding-bottom: 30px}
.prutlist .list div{padding: 0 1%}
.prutlist .list div dl a{display:block;box-shadow: 0px 5px 10px 0px rgb(10 25 50 / 10%);margin-bottom: 40px}
.prutlist .list div dl a dt{width: 100%;overflow: hidden;background: #000}
.prutlist .list div dl a dt img{width: 100%;opacity:0.9;transition: all .2s}
.prutlist .list div dl a:hover dt img{transform: scale(1.05);;opacity:1}
.prutlist .list div dl a dd{width: 100%;padding: 30px;border-top: 1px #eee solid;;transition: all .2s;height:200px;background: #fff}
.prutlist .list div dl a dd h1{color: #333;font-size: 20px;text-transform: capitalize;line-height: 28px;max-height: 56px;overflow: hidden;}
.prutlist .list div dl a dd p{height:74px;line-height: 22px;display:block;overflow: hidden;padding-top: 30px;position:relative}
.prutlist .list div dl a dd p:after{content: '';background: #00a1e9;width: 60px;height:1px;position: absolute;left: 0;top: 15px;transition: all .2s}
.prutlist .list div dl a:hover dd{background: #00a1e9;}
.prutlist .list div dl a:hover dd h1,.prutlist .list div dl a:hover dd p{color: #fff}
.prutlist .list div dl a:hover dd p:after{background: #fff;width: 100%}

@media (max-width:767px){
	.prutlist .title h1{font-size: 25px;}
	.prutlist .title .more{text-align: left;padding-top: 0;padding-bottom: 20px;padding-left: 35px;}
}
@media (max-width:576px){
	.prutlist .title h1{font-size: 20px;}
	.prutlist .title .more a{font-size: 12px;}
}

.submenu{padding: 0 7%;position: relative;z-index: 50}
.submenu ul{margin-top: -50px;background: #fff;box-shadow: 0px 5px 10px 0px rgb(10 25 50 / 10%);width: 100%;font-size: 0;display: -webkit-box; display: -webkit-flex; display: flex;}
.submenu ul li{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.submenu.small ul{display:block;}
.submenu.small ul li{display:inline-block;}
.submenu ul li a{display:inline-block;width: 100%;text-align: center;line-height: 20px;border-right: 1px #ddd solid;padding:30px 0}
.submenu.small ul li a{padding: 30px 80px}
.submenu ul li:last-child a{border-right: none}
.submenu ul li.this a,.submenu ul li a:hover{background: #00a1e9;color: #fff;border-right-color: #fff}
@media (max-width:1599px){
	.submenu{padding: 0 3%;}
}
@media (max-width:1399px){
	.submenu ul{margin-top: -30px;}
	.submenu ul li a{padding: 18px 0}
	.submenu.small ul li a{padding: 20px 40px}
}
@media (max-width:1299px){
	.submenu{overflow-x:scroll;background: #fff;box-shadow: 0px 5px 10px 0px rgb(10 25 50 / 10%);padding: 0}
	.submenu::-webkit-scrollbar{display: none}
	.submenu ul{margin-top: 0;display:inline-block;white-space:nowrap}
	.submenu ul li{display: inline-block;}
	.submenu ul li a{padding: 18px;white-space:nowrap;font-size: 14px}
}
@media (max-width:1199px){
	.submenu{padding: 0}
	.submenu ul{margin-top: 0px;}
	.submenu.small ul li a{padding: 20px 40px}
}

.product-detail{padding-top: 110px;}
.product-detail .local,.viewnews .local{padding-bottom: 15px;line-height: 30px;border-bottom: 1px #eee solid;margin-bottom: 50px;}
.product-detail .local a,.viewnews .local a{font-size: 15px;}
.product-detail .local a:hover,.viewnews .local a:hover{color: #00a1e9;}
.product-detail .local span,.viewnews .local span{padding: 0 10px}
.product-detail .local a:before,.viewnews .local a:before{font-size: 20px;line-height: 30px;vertical-align: top}
.product-detail .prutimg img{width: 100%;border: 1px #eee solid}
.product-detail .prutimg .swiper-button-prev,.product-detail .prutimg .swiper-button-next{background:rgba(0,0,0,.3);width: 100px;height: 50px;opacity:1;border-radius:0;right: 101px;left: auto;bottom: 0;top: auto}
.product-detail .prutimg .swiper-button-next{right: 0}
.product-detail .prutimg .swiper-button-prev:after,.product-detail .prutimg .swiper-button-next:after{display: none}
.product-detail .prutimg .swiper-button-prev:before{content: "\e92b";color:#fff;font-size:22px}
.product-detail .prutimg .swiper-button-next:before{content: "\e914";color:#fff;font-size:22px}
.product-detail .prutimg .swiper-button-prev:hover,.product-detail .prutimg .swiper-button-next:hover{background:rgba(0,122,176,0.9);}
.product-detail .title h1{font-size: 40px;text-transform: capitalize;padding: 15px 0;color: #007ab0}
.product-detail .title h2{padding: 20px 0 40px 0;border-bottom: 1px #eee solid;font-size: 16px;}
.product-detail .title p{padding-top: 30px}
.product-detail .link{width: 100%;padding-top: 30px;line-height: 30px;border-bottom: 1px #eee solid;padding-bottom: 30px}
.product-detail .link a{border:1px #007ab0 solid;line-height: 30px;font-size:16px;display:inline-block;padding:10px 30px;margin-right: 10px;border-radius: 5px;transform: all .2s;opacity:0.8;text-transform: uppercase;}
.product-detail .link a:last-child{border-color:#3281C3}
.product-detail .link a:hover{opacity:1;color: #007ab0}
.product-detail .link a:before{margin-right: 10px;font-size: 20px;display:inline-block;vertical-align: top;color: #007ab0}
.product-detail .link a:last-child:before{color: #3281C3}
.product-detail .link a:last-child:hover{color: #007ab0}
.product-detail .share {padding-top: 30px} 
.product-content {padding:80px 0}
.product-content .title h1{font-size: 45px;text-transform: capitalize;position: relative;padding: 30px 0}
.product-content .title h1:after{content:'';position: absolute;left: 0;bottom: 0;background:#0794dd;width: 60px;height:3px}
.product-content .title.center h1{text-align: center;}
.product-content .title.center h1:after{left: 50%;margin-left: -30px}
.product-content .content{padding: 50px 0;font-size: 16px;line-height:30px}
.product-content .part-1{background: #f2f4f7;padding-top: 50px;padding-bottom: 50px}
.product-content .part-2{padding-top: 50px;padding-bottom: 50px}
.product-content .content-img div{padding: 0 10px}
.product-content .content-img div img{width: 100%;box-shadow: 0px 0 10px 0px rgb(10 25 50 / 5%);margin-bottom: 15px;transition: all .2s}
.product-content .content-img div img:hover{box-shadow: 0px 0 15px 0px rgb(10 25 50 / 10%);}
.product-content .content.features{padding-top: 90px}
.product-content .content.features div{padding: 0 10px;margin-bottom: 100px;}
.product-content .content.features dl{box-shadow: 0px 0 10px 0px rgb(10 25 50 / 10%);padding:50px 10%;position: relative;height:100%;padding-top: 70px;border-radius: 5px;background: #fff;width: 100%;transition: all .2s}
.product-content .content.features dl:hover{box-shadow: 0px 0 15px 0px rgb(10 25 50 / 30%)}
.product-content .content.features dl dt{background: #007ab0;width: 80px;height:80px;border-radius: 50%;text-align: center;line-height: 80px;position: absolute;left: 50%;margin-left: -40px;top: -40px;color: #fff;font-size: 35px;}
.product-content .content.features dl dd{line-height: 25px;font-size: 16px}
.product-content .content.tablecss ul{width: 100%;font-size: 0;margin-bottom:5px;}
.product-content .content.tablecss ul li{width: 25%;font-size: 16px;line-height: 30px;display:inline-block;padding: 15px 30px;vertical-align: top;border-radius: 5px;box-shadow: 0px 0 10px 0px rgb(10 25 50 / 3%);transition: all .2s;}
.product-content .content.tablecss ul li:first-child{background: #007ab0;opacity:0.8;text-align: right;width: 24.5%;margin-right:0.5%;}
.product-content .content.tablecss ul li:last-child{width: 75%;background:rgba(255,255,255,0.7);font-weight: bold;}
.product-content .content.tablecss ul li:hover:last-child{background:#fff;box-shadow: inset 0 0 10px rgb(0 0 0 / 5%);}
.product-content .content.tablecss ul li:first-child{color: #fff}
.product-content .other-prut div{padding: 15px;padding-top: 50px}
.product-content .other-prut dl a dt{width: 100%;overflow: hidden;}
.product-content .other-prut dl a {width: 100%;display:block;box-shadow: 0px 0 10px 0px rgb(10 25 50 / 10%)}
.product-content .other-prut dl a dt img{width: 100%;transition: all .2s}
.product-content .other-prut dl a:hover dt img{transform: scale(1.1);}
.product-content .other-prut dl a dd{width: 100%;text-align: center;display:block;line-height: 20px;padding: 20px;transition: all .2s;border-top: 1px #eee solid}
.product-content .other-prut dl a:hover dd{background: #007ab0;color: #fff}
.product-content .feedform .row div{padding: 0 20px}
.product-content .feedform input,.product-content .feedform textarea{width: 100%;background: #fff;border: 1px #eee solid;line-height: 50px;padding: 0 10px;border-radius: 5px;box-shadow: 0px 0 15px 0px rgb(10 25 50 / 5%);font-size: 16px;margin-bottom: 20px;vertical-align: top;transition: all .2s}
.product-content .feedform textarea{height:200px;line-height: 20px;padding: 10px}
.product-content .feedform input:hover,.product-content .feedform textarea:hover{box-shadow: 0px 0 15px 0px rgb(0 122 176 / 40%);}
.product-content .feedform button{background: #007ab0;width: 200px;border: none;color: #fff;line-height: 50px;border-radius: 5px;}
.product-content .feedform .codeimg{padding-left: 0;}
.product-content .feedform #codeimg{border-radius: 5px;vertical-align:top;margin-top: 10px}
.bdsharebuttonbox{padding-top: 30px}
@media screen and (max-width: 1199px){
	.product-detail .title h1{font-size: 30px;padding-top: 50px}
	.product-detail .title h2{padding:20px 0 }
	.product-content .title h1{font-size: 30px}
}
@media screen and (max-width: 991px){
	.product-detail div{padding: 0}
	.product-content .content.features div{margin-bottom: 70px;}
	.product-content .content.features dl{padding:40px 25px;padding-top: 60px}
}
@media screen and (max-width: 576px){
	.product-detail .title h1{font-size: 20px;}
	.product-content .title h1{font-size: 20px}
	.product-detail .title h2{padding:10px 0 }
	.product-detail{padding-top: 30px;}
}
.newslist{}
.newslist dl{width: 100%;margin-bottom: 60px;}
.newslist dl a dt{width: 30%;overflow: hidden;border: 1px #eee solid;position: relative;background: #fff}
.newslist dl a dt img{width: 100%;transition: all .2s}
.newslist dl a dt span{position: absolute;background:#000;color: #fff;right: 0;bottom: 0;padding: 5px 15px;display: none}
.newslist dl a:hover dt img{transform: scale(1.05);}
.newslist dl a dd{padding-right: 15%;position:relative;transition: all .2s}
.newslist dl a dd span{position: absolute;right: 0;top: 15px;font-size:20px;color: #999}
.newslist dl a dd span:after{content:'';position: absolute;left: -80px;top: 16px;background: #ddd;width: 60px;height: 1px;transition: all .2s}
.newslist dl a dd span i{display:block;margin-top: 30px;color: #999;font-size: 20px;transition: all .2s}
.newslist dl a dd h1{font-size: 24px;line-height: 30px;padding: 20px 0;transition: all .2s}
.newslist dl a dd p{padding-bottom: 20px}
.newslist dl a dd b{border:1px #ddd solid;display:inline-block;padding:6px 40px;border-radius: 4px;font-weight: normal;transition: all .2s}
.newslist dl a:hover dd h1{color:#00a1e9}
.newslist dl a:hover dd span{color: #333}
.newslist dl a:hover dd span:after{width: 120px;left: -140px;}
.newslist dl a:hover dd span i{color: #00a1e9;}
.newslist dl a:hover dd b{background: #00a1e9;color: #fff;border-color: #00a1e9}
.newslist .pageNav.pageCenter{border-top: 1px #eee solid;padding-top: 60px}
@media screen and (max-width: 1199px){
	.newslist dl a dt{width: 100%}
	.newslist dl a dt span{display: block;}
	.newslist dl a dd{padding-right: 0}
	.newslist dl a dd span{display: none}
	.newslist dl a dd h1{font-size: 22px;}
	.newslist dl a dd p{font-size: 14px}
}

.viewnews{padding-top:110px}
.viewnews .content{padding-right: 4%;padding-left: 0}
.viewnews .content .news-type{background: #f5f5f5;border-radius:10px;padding:6px 18px;display: inline-block;color:#999;font-size: 12px;margin-bottom: 20px;}
.viewnews .content .title{padding-bottom: 3%;border-bottom: 2px #ddd solid;}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div:last-child{text-align:right}
.viewnews .content.viewapp .title div:last-child{text-align: left}
.viewnews .content .title h1{font-size: 40px;text-transform: capitalize;}
.viewnews .content .title h2{font-size: 16px;text-transform: capitalize;padding-top:20px}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;text-align: center;display: inline-block;height:40px;line-height: 40px;color:#999;clear: both;}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 30px;color:#000;font-weight: bold;}
.viewnews .content .text{font-size: 16px;line-height: 30px;padding: 3% 0}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.viewnews .content .prenext li{width: 40%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a:hover{color:#00a1e9}
.viewnews .content .prenext li a i{display:inline-block;line-height: 20px;font-size: 13px;width: 21%;vertical-align: top}
.viewnews .content .prenext li i:before{line-height: 18px;vertical-align: top;margin-right: 5px}
.viewnews .content .prenext li a span{width: 79%;font-size: 14px;line-height: 18px;height:18px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.viewnews .content .prenext li a i b{font-weight: normal;text-transform: uppercase;vertical-align: top;line-height: 18px}
.viewnews .content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 18px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.viewnews .content .prenext li:nth-child(2) i{font-size: 16px}
.viewnews .content .prenext li:nth-child(2) i b{width: auto;font-size: 13px;line-height: 18px;vertical-align: top;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 32px;color:#000;text-transform: uppercase;}
.viewnews .list .rightlist dl{margin-bottom: 8%}
.viewnews .list .rightlist dl a dt{overflow: hidden;padding: 10px;border: 1px #eee solid;background: #fff;position: relative;}
.viewnews .list .rightlist dl a dt span{padding-bottom: 5px;display: block;color: #fff;background:rgba(0,0,0,.7);position: absolute;left: 0;top: 0;padding: 3px 15px;font-size: 13px}
.viewnews .list .rightlist dl a dt img{width: 100%;transition: all .2s}
.viewnews .list .rightlist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .rightlist dl a dd{padding-top: 15px}
.viewnews .list .rightlist dl a dd h2{color:#000;font-size:16px;line-height: 20px;}

@media screen and (max-width: 1399px){
	.viewnews .content .prenext li a i{width:10%}
	.viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1199px){
	.viewnews .content .title h1{font-size: 30px;}
	.viewnews .list .title h1{font-size: 25px}
	.viewnews .list .rightlist dl a dt{padding: 4px}
	.viewnews .list .rightlist dl a dd h2{font-size: 14px}
}
@media screen and (max-width: 991px){
	.location{margin-top: 70px}
	.viewnews .content .title h1{font-size: 32px;}
	.viewnews .list,.viewnews .content .date{display: none}
}

@media screen and (max-width: 767px){
	.location{margin-top: 60px}
}

@media screen and (max-width: 575px){
	.viewnews{padding-top:30px}
	.viewnews .content .title h1{font-size: 25px;line-height: 30px}
	.location a{font-size: 13px}
	.location em{display: none}
}


.application{padding-top:100px;background: #fff}
.application dl{margin-bottom: 3%;padding: 0 20px}
.application dl a dt{overflow: hidden;width: 100%;background: #000;position: relative;}
.application dl a dt i{width: 40px;height: 40px;text-align: center;font-size: 30px;line-height: 40px;display:block;position:absolute;left: 50%;margin-left: -20px;top: 60%;margin-top: -20px;opacity: 0;transition: all .2s;color:rgba(255,255,255,.6);}
.application dl a dt img{width: 100%;opacity:0.8;transition: all .2s;}
.application dl a:hover dt img{transform:scale(1.1);opacity:0.5;}
.application dl a:hover dt i{top: 50%;opacity: 1;}
.application dl a dd{background: #f8f8f8;width: 100%;padding:7%;}
.application dl a dd h1{font-size: 24px;color:#000;padding-top: 2%;text-transform: capitalize;}
.application dl a:hover dd h1{color: #00a1e9}
.application .rows dl a dd h1{font-size: 22px;}
.application dl a dd h3{margin-top: 5%;line-height: 22px; height: 66px;overflow: hidden;}
.application dl a dd h3 i{margin-left: 5px;line-height: 20px;vertical-align: text-top;}

.application.project dl a dt{padding: 20px;background: #fff;border: 1px #eee solid}
@media (max-width:1199px){
	.application dl a dd h2{font-size: 25px;}
	.application .rows dl a dd h2{font-size: 20px;}
	.application .rows{columns:3;}
	.pageNav.pageCenter{padding-top: 50px}
}
@media (max-width:767px){
	.application .rows{columns:2;column-gap: 20px;}
	.application dl a dd h2{font-size: 18px;}
	.application .rows dl a dd h2{font-size: 16px;}
	.application dl a dd h3{font-size: 13px}
}
@media (max-width:576px){
	.application dl a dd{padding:5%;}
	.application dl a dd h3{padding-top: 2%;}
}

.pageNav{padding-bottom: 40px;font-size: 13px;padding-left: 0;}
.pageNav.pageCenter{text-align: center;padding-top: 20px}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: #00a1e9;border-color: #00a1e9}
.pageNav span.disabled{border-color: #ddd;color: #aaa}
@media (max-width:767px){
	.pageNav em{display: none}
}
.aboutus {padding-top:110px;padding-bottom:60px;background: url(/assets/images/aboutbg.jpg) no-repeat center top;background-size: cover}
.aboutus .compimg{padding: 0}
.aboutus .compimg img{width: 100%}
.aboutus .compimg .swiper-wrapper .swiper-slide{position: relative;}
.aboutus .compimg .swiper-wrapper .swiper-slide span{width: 100%;background:rgba(0,0,0,0.3);padding:10px;text-align: center;color: #fff;font-size: 20px;line-height: 40px;display:block;position: absolute;bottom: 0;left: 0}
.aboutus .compimg span:before{margin-right:10px;}
.aboutus .title{position:relative;}
.aboutus .title > h1{font-size: 45px;position:relative;padding-bottom: 20px;}
.aboutus .title > h1:after{content:'';background: #eb6100;width: 50px;height: 2px;width: 60px;height:3px;display: block;position: absolute;left:0;bottom: 0;}
.aboutus .title > h2{font-size: 20px;padding-top: 20px}
.aboutus .intro{height:290px;overflow: hidden;-webkit-mask-image: -webkit-linear-gradient(top, #000 0, #000 240px, rgba(0,0,0,0) 280px, rgba(0,0,0,0));transition: all .2s;margin-top: 30px}
.aboutus .intro.show{-webkit-mask-image:none}
.aboutus a.more{background:#00a1e9;color: #fff;padding: 8px 50px;font-size: 14px;display:inline-block;border-radius: 50px;margin-top: 30px;cursor: pointer;transition: all .2s}
.aboutus a.more:hover{color: #fff;background:#008dcc}
.our-vision{margin-top: 50px}
.our-vision dl{font-size: 0;}
.our-vision dl dt{width: 15%;padding-top: 15px}
.our-vision dl dd{width: 85%;padding:15px 5% 15px 0;border-right: 1px #ddd solid}
.our-vision dl:last-child dd{border-right: none}
.our-vision dl dt i{font-size: 50px;}
.our-vision dl dd h1{font-size: 30px;text-transform:uppercase;}
.our-vision dl dd h2{font-size: 15px;padding-top: 10px;color:#888;line-height: 22px}
@media (max-width:1199px){
	.our-vision dl dt{width: 25%;}
	.our-vision dl dd{width: 75%;}
	.our-vision dl dt i{font-size:40px;}
}
@media (max-width:991px){
	.aboutus .title{padding-top: 30px}
	.aboutus .title > h1{font-size: 30px}
	.aboutus .title > h2{font-size: 16px}
	.our-vision dl dd h1{font-size: 22px;}
	.our-vision dl dd h2{font-size: 14px;line-height: 18px;}
	.aboutus .intro{font-size: 14px}
}
@media (max-width:767px){
	.our-vision dl{border-bottom:1px #eee solid;padding-bottom: 20px;padding-top: 20px}
	.our-vision dl:first-child{padding-top: 0}
	.our-vision dl:last-child{border-bottom: none;padding-bottom: 0}
	.our-vision dl dt{width: 15%;padding-top: 0}
	.our-vision dl dt i{font-size: 45px;}
	.our-vision dl dd{width: 85%;padding:0;border-right:none}
}
@media (max-width:576px){
	.our-vision dl dt i{font-size: 40px;}
}

.about-honor{margin-top: 50px;border-top: 1px #eee solid}
.about-honor .about-honor-list{padding: 60px 20px;padding-bottom: 100px}
.about-honor .about-honor-list li{background:#fff;padding:30px;transition: all .2s;box-shadow:0px 0 10px 0px rgb(10 25 50 / 8%)}
.about-honor .about-honor-list li img {width:100%;border:8px #fff  solid;vertical-align: top;}
.about-honor .about-honor-list li h3{text-align: center;padding-top: 10px;color: #333}
.about-honor li.swiper-slide-active{transform:scale(1.15);}
.about-honor li.swiper-slide-active img{border-color:#00a1e9}
.about-honor .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;}
.about-honor .swiper-pagination .swiper-pagination-bullet{background: #aaa;width: 30px;height: 3px;margin:0 3px}
.about-honor .swiper-pagination .swiper-pagination-bullet-active{background: #00a1e9}

.contact{padding-top: 80px}
.contact > div:first-child{padding-left: 0}
.contact > div:last-child{padding-right: 0}
.contact .title h1,.feedback .title h1{font-size: 30px;line-height: 60px;text-transform: uppercase;color: #00a1e9}
.contact .title h2{padding-bottom:30px;text-transform: capitalize;border-bottom: 1px #eee solid;width: 100%}
.contact .info{width: 100%;padding-top: 30px}
.contact .info dl{width: 100%;display:block;margin-bottom: 10px;font-size: 0}
.contact .info dl dt{display:inline-block;margin-right: 15px;vertical-align: top;padding-top: 8px}
.contact .info dl dt:before{padding:8px;font-size: 20px;background: #333;color: #fff;text-align: center;border-radius: 50%;vertical-align: top}
.contact .info dl dd{width: 80%;display:inline-block;vertical-align: top;}
.contact .info dl dd h1{font-size: 16px;color: #00a1e9}
.contact .info dl dd p{padding-top:3px;line-height: 18px}
.contact .info dl dd a:hover{color:#00a1e9}
.contact #map{ width:100%;height:550px;}
@media (max-width:991px){
	.contact{padding-top: 50px}
}
.feedback{background:url(/assets/images/feed.jpg) no-repeat center top;padding-top:150px;margin-top: 60px}
.feedback .title{padding-top: 60px}
.feedback .title h1{text-align: center;}
.feedback .container .feed-content{background:#fff;padding: 0 50px}
.feedback .container .feed-content .txt{padding-bottom: 20px;padding-top: 20px;font-size: 15px;line-height: 30px}
.feedback .container .feed-content .txt span{color: #2599ba;font-weight:bold;}
.feedback .container .feed-content li{padding-bottom: 20px;line-height: 46px}
.feedback .container .feed-content li input,.feedback .container .feed-content li textarea{width: 100%;background: #f1f1f1;padding: 8px 15px;line-height: 30px;border: none;border-radius: 5px;vertical-align: top;box-shadow: 0px 0 15px 0px rgb(10 25 50 / 5%);}
.feedback .container .feed-content li textarea{height: 210px}
.feedback .container .feed-content li button{background: #2599ba;color: #fff;padding: 0 50px;border: none;border-radius: 5px;box-shadow: 0px 0 15px 0px rgb(10 25 50 / 5%);}
.feedback .container .feed-content li button:hover{background:#107a98}
@media (max-width:991px){
	.contact div:last-child{padding-left: 0;}
}
@media (max-width:767px){
	.feedback .container .feed-content{background:#fff;padding: 0 3%}
	.feedback .container .feed-content li{padding-bottom: 10px;}
}
.suspension{position:fixed;z-index:301;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#000;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a i{color: #11B51F}
.suspension .a.active,.suspension .a:hover{background:#11B51F;}
.suspension .a:hover i{color: #fff}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#00a1e9;}
.suspension .a-top i{ color:#333; font-size:25px !important;}
.suspension .a-top:hover i{color: #fff}
.suspension .d {display: none; width: 150px;background: #fff; position: absolute; right: 50px; min-height: 50px;border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); line-height: 48px;text-align:center;}
.suspension .d-tel{top:0;}
.suspension .d-service{top:46px;}
.suspension .d-service-phone{top:92px;}
.suspension .d-qrcode{top:92px;width: 250px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-qrcode{text-align:center;}
.suspension-box .iconfont{font-size: 20px !important; color: #fff;text-align: center; margin: 0px auto; padding: 10px;display: block;}

.footer{background:url(/assets/images/footbg.jpg) no-repeat center center;margin-top: 50px;background-size: 100% auto;padding: 70px 5% 40px 5%}
.footer .foot-left{border-right: 1px rgba(255,255,255,.1) solid}
.footer .foot-left .severline{padding-top: 15px}
.footer .foot-left .severline a{color:#11B51F;padding-top: 20px;font-size: 25px;margin-top: 10px}
.footer .foot-left .severline a h1{font-size:24px;color:#fff;line-height: 50px;display: inline-block;}
.footer .foot-left .severline h2{color:rgba(255,255,255,.7)}
.footer .foot-left .severline p{padding-top: 20px;color:rgba(255,255,255,.7)}

.footer .foot-middle {font-size: 0;border-right: 1px rgba(255,255,255,.1) solid;padding-top: 20px;padding-right: 0}
.footer .foot-middle ul{width:100%;padding-top: 25px}
.footer .foot-middle h1,.footer .foot-right h1{font-size: 22px;color: #fff;position: relative;padding-bottom: 25px;text-transform: capitalize;}
.footer .foot-middle h1:after,.footer .foot-right h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height: 1px;background:rgba(255,255,255,.5);display: block;overflow: hidden;}
.footer .foot-middle ul li{line-height: 32px;display: block;height:auto;}
.footer .foot-middle ul li a,.footer .foot-middle ul li i{color:rgba(255,255,255,.7);display: block;line-height: 22px;padding: 6px 0}
.footer .foot-middle ul li a:before,.footer .foot-middle ul li i:before{transition: all .2s;margin-right: 5px}
.footer .foot-middle ul li a:hover{color:rgba(255,255,255,.9);}
.footer .foot-middle ul li a:hover:before,.footer .foot-middle ul li i:hover:before{padding-right:2px;}
.footer .foot-right{padding-top: 20px}
.footer .foot-right .feed{width: 100%;padding-top:28px}
.footer .foot-right .feed div{padding:2px 5px;padding-left: 0}
.footer .foot-right .feed div input,.footer .foot-right .feed div textarea{width: 100%;border-radius: 3px;border: none;background: #fff;line-height:32px;height:32px;padding: 0 5px}
.footer .foot-right .feed div textarea{height: 100px;line-height: 25px}
.footer .foot-right .feed div button{background:#00a1e9;color:#fff;width: 60%;line-height: 32px;height: 32px;text-align: center;color:#fff;border: none;border-radius: 3px;transition: all .2s}
.footer .foot-right .feed div button:hover{background:#007ab0}
.footer .copyright{color: rgba(255,255,255,.6);padding-top: 1.5%;font-size: 13px;border-top: 1px rgba(255,255,255,.1) solid;margin-top:50px;}
.footer .copyright a{color:rgba(255,255,255,.6);}
.footer .copyright .share{text-align: right;}
.footer .copyright .share a{background:rgba(255,255,255,0.6);width: 30px;height: 30px;border-radius: 50%;color:rgba(0,0,0,.9);display:inline-block;vertical-align: top;text-align: center;line-height: 30px;margin-left: 8px;font-size: 14px}
.footer .copyright .share a:hover{background:rgba(0,161,233,0.8);color:rgba(255,255,255,.9);}
@media (max-width:991px){
	.footer:after{display: none}
	.footer .foot-middle {display: none}
	.footer .foot-right{padding: 0;padding-top: 25px}
	.footer .foot-right .feed div{padding-right: 0}
	.footer .foot-right .feed .row div:first-child{margin-bottom: 3px;}
	.footer .copyright div{padding: 0}
	.footer .copyright .share{text-align: left;padding-top: 20px}
	.footer .copyright em{display: none}
}
@media (max-width:1599px){
	header,.home-aboutus,.home-certification .container{padding: 0 3%;}
	.home-product{padding:20px 3%}
	.home-news .home-news-list{padding:20px 3%;}
	.footer{margin-top: 50px;background-size:cover;padding:30px 3%}
	.footer .foot-left{padding-left: 0;}
	.footer .foot-right{padding-right: 0}
}


.im{position: fixed;right: 2px; top: auto; bottom: 500px; z-index: 11;}
.im-l{color:#fff;width: 32px;height: 60px;cursor: pointer;background-color: #2668b2;box-shadow: 0 0 8px #eaf0f6;border-radius: 4px 0px 0px 4px;display: block;text-align: center;line-height: 60px;float: left;}
.im-l i{font-size: 20px;}
#select{display:none;}
.im .box{float: right;width:60px;background-color: #2668b2;border-radius: 0 4px 4px 4px;display:block;}
.im .box ul{background-color: #fff;list-style-type: none;margin: 5px;}
.im .box ul li{height: 50px;width: 50px;overflow: hidden;text-align: center;line-height: 50px;}
.im .box ul li a{ text-decoration: none; display: block;}
.im .box ul li i{font-size: 24px;color: #f39d22;}
.im .box ul li i.img-skype{color: #00aff0;}
.im .box ul li i.icon-whatsapp{ color:#11b51f;}
.im .box ul li i.img-user{color:#F66;}
.im .box ul li i.img-skype, .im .box ul li i.img-envelope{font-size: 28px;}
.im .box ul li a:hover i{color: #343537;}

@media screen and (min-width:768px){
.im{ width:92px; position: fixed; transition:right 0.5s; z-index: 11;}
.im:hover{right: 0;} 
.im .box{position: absolute;display:block;width:60px;right: 0;top: 0;}
}

.ho{
padding: 5px 8px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
position: absolute;
right: 78px;
top: 6px;
-webkit-transform: translateX(250%);
transform: translateX(250%);
-webkit-transition: all .6s;
transition: all .6s;
z-index: -1;
}
.im .box ul li{position: relative;overflow: initial !important;}
.ho:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #ccc;
border-color: transparent #ccc #ccc transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: -6px;
top: 10px;
background-color: #fff;
}
.im .box ul li:hover .ho{-webkit-transform:translateX(0);transform:translateX(0)}
.ho a{width: 200px;}