/*reset*/
* { padding: 0; margin: 0; list-style: none; }
html, body { margin: 0 auto; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, footer { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 12px/1.5 "REGULAR"; color: #666; font-weight: normal; }
body { overflow-x: hidden; }
address, cite, dfn, em, var, i { font-style: normal }
ul, ol, dl { list-style: none }
a { text-decoration: none; outline: none; font-family: "REGULAR"; color: #666; cursor: pointer; font-size: 12px; }
li { font-size: 12px; font-family: "REGULAR"; list-style: none; margin: 0; padding: 0; }
em { font-style: normal; font-size: 12px; }
body, p, span { font-family: "REGULAR"; }
img { border: none; }
p { margin: 0px; padding: 0px; word-wrap: break-word; }
:focus { outline: none; }
img { border: 0; vertical-align: middle; display: inline-block; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clear:after { display: block; mainContent: ""; clear: both; }
.transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clear:after { display: block; content: ""; clear: both; }

@font-face{
    font-family: 'iclf';
    src: url('Intro Cond Light Free.otf');
}
@font-face{
    font-family: 'or';
    src: url('Oswald-Regular.ttf');
}

body{max-width: 1920px;margin: auto;}

.header{position: fixed;left: 0;right: 0;top: 0;z-index: 99;background: #fff;}
.header .logo{float: left;margin-left: 80px;font-size: 0;line-height: 110px;}
.header .logo img{max-height: 80%;}
.header .lang-search{float: right;margin-right: 80px;line-height: 110px;position: relative;}
.header .lang-search .lang{float: left;font-size: 16px;color: #0c77cb;padding-left: 32px;background: url(en.png) no-repeat left center;margin-right: 50px;}
.header .lang-search span{float: right;font-size: 16px;color: #0c77cb;padding-left: 32px;background: url(search.png) no-repeat left center;cursor: pointer;}
.header .lang-search div{position: absolute;right: 0;top: 110px;background: #0c77cb;padding: 1px;overflow: hidden;width: 253px;display: none;}
.header .lang-search div input{float: left;height: 40px;border: none;padding: 0 10px;font-size: 15px;color: #333;}
.header .lang-search div a{float: right;line-height: 40px;padding: 0 15px;color: #fff;font-size: 15px;}
.header .nav{position: absolute;left: 37%;right: 22%;top: 0;margin: auto;width: 780px;display: block;}
.header .nav li{float: left;margin-right: 60px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li a{font-size: 16px;color: #333;position: relative;display: block;line-height: 110px;transition: all 0.3s;}
.header .nav li a:before{position: absolute;left: 0;right: 0;bottom: 0;content: "";height: 5px;background: #0c77cb;width: 0;transition: all 0.3s;margin: auto;}
.header .nav li a.on{color: #0c77cb;}
.header .nav li a.on:before{width: 100%;}
.header .nav li a:hover{color: #0c77cb;}
.header .nav li a:hover:before{width: 100%;}
.header-nav{display: none;background: url(nav.png) no-repeat center;background-size: 100%;width: 30px;height: 110px;float: right;margin-left: 25px;cursor: pointer;}
.banner{margin-top: 110px;position: relative;}
.banner .swiper-slide{font-size: 0;}
.banner .swiper-slide img{max-width: 100%;height: auto;}
.banner .swiper-pagination{bottom: 25px !important;}
.banner .swiper-pagination-bullet{width: 20px;height: 20px;opacity: 1;background: none;border: 1px solid transparent;margin: 0 3px;position: relative;}
.banner .swiper-pagination-bullet::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 12px;height: 12px;margin: auto;
background: #8cb0cc;content: "";border-radius: 50%;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #fff;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #fff;}

.about{margin-top: 100px;background: url(about-img02.png) no-repeat right bottom;}
.about dl{width: 1400px;margin: 0 auto;overflow: hidden;}
.about dl dt{float: left;position: relative;background: #000;width: 52.85%;overflow: hidden;height: 500px;line-height: 500px;}
.about dl dt img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 9;width: 100%;height: 100%;}
.about dl dt img.play{width: auto;height: auto;cursor: pointer;}
.about dl dt video{width: 100%;vertical-align: middle;}
.about dl dd{float: right;width: 42%;margin-top: 25px;}
.about dl dd img{max-width: 100%;}
.about dl dd h3{font-size: 36px;font-weight: bold;color: #333;margin-top: 5px;padding-bottom: 15px;position: relative;}
.about dl dd h3:before{position: absolute;left: 0;bottom: 0;content: "";width: 58px;height: 2px;background: #0c77cb;}
.about dl dd p{font-size: 16px;line-height: 1.75;margin-top: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;
-webkit-box-orient:vertical;overflow:hidden;}
.about dl dd div{overflow: hidden;margin-top: 35px;}
.about dl dd div a{float: left;margin-right: 50px;}
.about dl dd div a:last-child{margin: 0;}
.about dl dd div a span{display: block;width: 100px;height: 100px;border-radius: 50%;border: 1px solid #eeeeee;background: #fff;position: relative;transition: all 0.3s;}
.about dl dd div a span:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: "";background: #f5f5f5;width: 80px;height: 80px;border-radius: 50%;
margin: auto;transition: all 0.3s;}
.about dl dd div a span i{display: block;width: 40px;height: 40px;overflow: hidden;position: relative;margin: 30px auto 0;}
.about dl dd div a span img{position: absolute;left: 0;bottom: 0;transition: all 0.3s;}
.about dl dd div a em{display: block;font-size: 16px;color: #333;text-align: center;margin-top: 8px;}
.about dl dd div a:hover span{background: #d8ecfd;border-color: #0c77cb;}
.about dl dd div a:hover span:before{background: #0c77cb;}
.about dl dd div a:hover span img{bottom: -40px;}

.index-more{width: 160px;height: 46px;background: #0c77cb url(more.png) no-repeat 103px center;border-radius: 46px;font-size: 16px;display: block;
margin: 60px auto 0;color: #fff;line-height: 46px;text-indent: 33px;}
.index-more:hover{color: #fff;}
.index-title{text-align: center;padding: 75px 0 35px;}
.index-title h3{font-size: 36px;font-weight: bold;color: #333;}
.index-title p{font-size: 16px;color: #999;text-transform: uppercase;font-family: 'iclf';}

.product{background: #f6f6f6;margin-top: 80px;position: relative;padding-bottom: 90px;}
.product-list-box{position: relative;width: 1420px;margin: auto;}
.product-list{width: 1400px;margin: auto;position: relative;padding: 10px 10px 20px !important;}
.product .product-prev{position: absolute;left: -70px;top: 0;bottom: 0;width: 50px;height: 50px;background: url(prev.png) no-repeat center;cursor: pointer;
margin: auto;}
.product .product-next{position: absolute;right: -70px;top: 0;bottom: 0;width: 50px;height: 50px;background: url(next.png) no-repeat center;cursor: pointer;
margin: auto;}
.product-list .swiper-slide dl{padding: 10px;background: #fff;transition: all 0.3s;}
.product-list .swiper-slide dl dt{border: 1px solid #eeeeee;height: 360px;text-align: center;line-height: 360px;font-size: 0;transition: all 0.3s;}
.product-list .swiper-slide dl dt img{max-width: 80%;max-height: 80%;transition: all 0.3s;}
.product-list .swiper-slide dl dd h3{font-size: 18px;font-weight: bold;color: #333;margin-top: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list .swiper-slide dl dd p{font-size: 16px;color: #666;margin-top: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient:vertical;overflow:hidden;}
.product-list .swiper-slide dl dd span{display: block;width: 42px;height: 42px;background: url(more02.png) no-repeat center;transition: all 0.3s;margin: 20px 0 35px;}
.product-list .swiper-slide dl:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);}
.product-list .swiper-slide dl:hover dt{border-color: #0c77cb;}
.product-list .swiper-slide dl:hover dd span{background: #0c77cb url(more.png) no-repeat center;}

.application{}
.application-list-item{zoom: 1;}
.application-list-item:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.application-list-item div{float: left;width: 20%;position: relative;}
.application-list-item div:before{position: absolute;left: 0;right: 0;bottom: 0;content: "";background: rgba(0, 0, 0, 0.2);top: 0;transition: all 0.3s;}
.application-list-item div img{max-width: 100%;}
.application-list-item div dl{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 170px;height: 170px;margin: auto;}
.application-list-item div dl dt{width: 120px;height: 120px;margin: auto;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 120px;}
.application-list-item div dl dd{color: #fff;text-align: center;font-size: 24px;margin-top: 15px;}
.application-list-item div:hover:before{background: rgba(0, 0, 0, 0.5);}

.news{background: #f6f6f6;overflow: hidden;padding-bottom: 90px;}
.news-list{zoom: 1;width: 1400px;margin: auto;}
.news-list:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.news-list dl{float: left;padding: 25px;background: #fff;width: 40.7%;box-sizing: border-box;}
.news-list dl dt{position: relative;height: 320px;overflow: hidden;}
.news-list dl dt img{width: 100%;object-fit: cover;height: 100%;}
.news-list dl dt p{position: absolute;left: 0;bottom: 0;background: url(date.png) no-repeat center;width: 120px;height: 96px;color: #fff;text-align: center;}
.news-list dl dt p span{display: block;font-size: 30px;font-family: "Century Gothic";margin-top: 20px;line-height: 35px;}
.news-list dl dt p em{display: block;font-size: 16px;font-family: "Century Gothic";}
.news-list dl dd h3{font-size: 18px;font-weight: bold;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 25px;}
.news-list dl dd p{font-size: 16px;color: #999;margin-top: 10px;background: url(more03.png) no-repeat right center;background-size: 36px;}
.news-list ul{overflow: hidden;float: right;display: flex;justify-content: space-between;width: 57.57%;flex-wrap: wrap;}
.news-list ul li{width: 48%;background: rgba(255, 255, 255, 0.8);padding: 20px;box-sizing: border-box;transition: all 0.3s;margin-bottom: 25px;position: relative;}
.news-list ul li:before{position: absolute;right: 20px;top: 20px;width: 55px;height: 55px;background: url(title.png) no-repeat center;content: "";}
.news-list ul li:after{position: absolute;left: 0px;bottom: 0px;width: 0px;height: 3px;background: #0c77cb;content: "";width: 0;transition: all 0.3s;}
.news-list ul li div{font-family: "Century Gothic";color: #333;margin-top: 6px;}
.news-list ul li div span{font-size: 30px;font-family: "Century Gothic";}
.news-list ul li div em{font-size: 18px;}
.news-list ul li h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #333;margin-top: 20px;}
.news-list ul li p{font-size: 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;margin: 20px 0 15px;}
.news-list ul li:hover{background: #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);}
.news-list ul li:hover:after{width: 100%;}

.service{margin-bottom: 85px;}
.service-list{width: 1400px;margin: 30px auto 0;}
.service-list-item{display: flex;justify-content: space-between;}
.service-list a{width: 220px;height: 220px;background: #f5f5f5;border-radius: 50%;position: relative;transition: all 0.3s;}
.service-list a::after{left: 0;right: 0;top: 0;bottom: 0;content: "";background: #f8fafc;width: 86%;height: 86%;border-radius: 50%;position: absolute;
margin: auto;transition: all 0.3s;}
.service-list a span{position: relative;display: block;z-index: 9;width: 70px;height: 70px;margin: 50px auto 0;overflow: hidden;}
.service-list a span img{position: absolute;left: 0;right: 0;bottom: 0;transition: all 0.3s;width: 100%;}
.service-list a em{display: block;text-align: center;font-size: 20px;position: relative;z-index: 9;color: #0c77cb;margin-top: 22px;transition: all 0.3s;}
.service-list a:hover{background: #dbebf7;}
.service-list a:hover::after{background: #0c77cb;}
.service-list a:hover span img{bottom: -70px;}
.service-list a:hover em{color: #fff;}

.footer{margin-top: 85px;background: #014c88;color: #fff;overflow: hidden;margin-top: 0;}
.footer-nav{width: 1400px;margin: 50px auto;overflow: hidden;}
.footer-nav .footer-nav-list{float: left;}
.footer-nav .footer-nav-list li{float: left;margin-right: 45px;}
.footer-nav .footer-nav-list li:last-child{margin-right: 0;}
.footer-nav .footer-nav-list li a{display: block;color: #fff;font-size: 18px;}
.footer-nav .footer-nav-list li ul{margin-top: 20px;display: block !important;}
.footer-nav .footer-nav-list li ul li{float: none;margin-right: 0;line-height: 26px;}
.footer-nav .footer-nav-list li ul li a{color: #fff;opacity: 0.6;font-size: 15px;}
.footer-nav .footer-nav-list li ul li a:hover{text-decoration: underline;opacity: 1;}
.footer-nav .footer-nav-contact{float: left;margin-left: 75px;}
.footer-nav .footer-nav-contact p{font-size: 15px;opacity: 0.6;}
.footer-nav .footer-nav-contact b{font-size: 36px;font-family: "or";font-weight: normal;display: block;margin: 5px 0 20px;}
.footer-nav .footer-nav-contact div{font-size: 16px;margin: 15px 0 30px;}
.footer-nav .footer-nav-code{float: right;overflow: hidden;}
.footer-nav .footer-nav-code dl{float: left;margin-left: 20px;}
.footer-nav .footer-nav-code dl:first-child{margin-left: 0;}
.footer-nav .footer-nav-code dl dt{padding: 7px;background: #fff;width: 106px;}
.footer-nav .footer-nav-code dl dt img{max-width: 100%;}
.footer-nav .footer-nav-code dl dd{font-size: 15px;text-align: center;margin-top: 10px;}
.footer-copyright{text-align: center;height: 80px;font-size: 15px;color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.15);line-height: 80px;}
.footer-copyright a{font-size: 15px;color: #fff;}

.innerBanner{font-size: 0;position: relative;margin-top: 110px;}
.innerBanner img{max-width: 100%;}
.innerBanner div{position: absolute;left: 0;right: 0;top: 0;width: 1400px;margin: auto;height: 102px;bottom: 0;}
.innerBanner div h3{font-size: 48px;color: #fff;font-weight: bold;}
.innerBanner div p{font-size: 20px;text-transform: uppercase;color: #fff;font-family: 'iclf';}

.innerNav{border-bottom: 1px solid #e5e5e5;}
.innerNav-list{width: 1400px;margin: 0 auto;overflow: hidden;}
.innerNav-list .innerNav-list-item{float: left;}
.innerNav-list .innerNav-list-item li{float: left;width: 160px;}
.innerNav-list .innerNav-list-item li a{display: block;font-size: 16px;color: #333;line-height: 80px;text-align: center;transition: all 0.3s;
margin-left: 1px;}
.innerNav-list .innerNav-list-item li a.on{background: #0c77cb;color: #fff;font-weight: bold;}
.innerNav-list .innerNav-list-item li a:hover{background: #0c77cb;color: #fff;font-weight: bold;}
.innerNav-list p{float: right;font-size: 16px;padding-left: 22px;background: url(position.png) no-repeat left center;line-height: 80px;box-sizing: border-box;}
.innerNav-list p a{font-size: 16px;}

.innerAbout{width: 1400px;margin: 95px auto;zoom: 1;}
.innerAbout:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.innerAbout-img{float: right;margin-left: 70px;margin-bottom: 70px;position: relative;width: 750px;font-size: 0;}
.innerAbout-img img{max-width: 100%;position: relative;z-index: 9;}
.innerAbout-img:after{position: absolute;left: 30%;top: -50px;bottom: -50px;content: "";right: -100%;background: #f6f6f6;}
.innerAbout-txt .innerAbout-txt-title{padding-top: 10px;}
.innerAbout-txt .innerAbout-txt-title h3{font-size: 30px;font-weight: bold;color: #333;}
.innerAbout-txt .innerAbout-txt-title p{font-size: 18px;font-family: arial;text-transform: uppercase;color: #d0d0d0;}
.innerAbout-txt .innerAbout-txt-title span{display: block;width: 50px;height: 2px;background: #0c77cb;margin-top: 12px;}
.innerAbout-txt .innerAbout-txt-content{font-size: 16px;margin-top: 30px;line-height: 1.75;}

.innerCultrue{background: url(culture-img01.png) no-repeat center;overflow: hidden;background-size: cover;}
.innerCultrue-list{width: 1400px;margin: 95px auto;padding: 15px 10px 20px !important;}
.innerCultrue-list .swiper-slide{height: auto;}
.innerCultrue-list .swiper-slide dl{background: rgba(255, 255, 255, 0.15);box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);transition: all 0.3s;overflow: hidden;
height: 100%;}
.innerCultrue-list .swiper-slide dl dt{width: 60px;height: 60px;margin: 70px auto 25px;overflow: hidden;position: relative;}
.innerCultrue-list .swiper-slide dl dt img{position: absolute;left: 0;top: -60px;transition: all 0.3s;}
.innerCultrue-list .swiper-slide dl dd{text-align: center;margin-bottom: 70px;}
.innerCultrue-list .swiper-slide dl dd h3{font-size: 24px;font-weight: bold;color: #333;transition: all 0.3s;}
.innerCultrue-list .swiper-slide dl dd p{font-size: 18px;color: #333;text-transform: uppercase;font-family: 'iclf';margin: 2px 0 7px;transition: all 0.3s;}
.innerCultrue-list .swiper-slide dl dd span{display: block;height: 1px;width: 50px;margin: auto;background: #333;transition: all 0.3s;}
.innerCultrue-list .swiper-slide dl dd div{font-size: 16px;color: #333;margin: 35px 55px 0;line-height: 1.75;transition: all 0.3s;}
.innerCultrue-list .swiper-slide dl:hover{background: url(culture-img02.png) no-repeat center;background-size: cover;}
.innerCultrue-list .swiper-slide dl:hover dt img{top: 0;}
.innerCultrue-list .swiper-slide dl:hover dd h3{color: #fff;}
.innerCultrue-list .swiper-slide dl:hover dd p{color: #fff;}
.innerCultrue-list .swiper-slide dl:hover dd span{background: #fff;}
.innerCultrue-list .swiper-slide dl:hover dd div{color: #fff;}

.innerProduct{background: #f7f7f7;overflow: hidden;}
.innerProduct .innerProduct-list{width: 1400px;margin: 0 auto;}
.innerProduct .innerProduct-nav ul{overflow: hidden;margin: 40px 0;}
.innerProduct .innerProduct-nav ul li{margin-right: 20px;width: 11.2%;float: left;margin-right: 1.48%;}
.innerProduct .innerProduct-nav ul li:nth-child(8n){margin-right: 0;}
.innerProduct .innerProduct-nav ul li a{border: 1px solid #e5e5e5;display: block;height: 40px;margin: 10px 0;font-size: 16px;text-align: center;line-height: 40px;
border-radius: 40px;color: #333;background: #fff;transition: all 0.3s;}
.innerProduct .innerProduct-nav ul li a.on{color: #0c77cb;border-color: #0c77cb;}
.innerProduct .innerProduct-nav ul li a:hover{color: #0c77cb;border-color: #0c77cb;}
.innerProduct .innerProduct-item{zoom: 1;margin: 50px 0;}
.innerProduct .innerProduct-item:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.innerProduct .innerProduct-item dl{padding: 10px;background: #fff;transition: all 0.3s;float: left;width: 335px;margin: 0 20px 20px 0;box-sizing: border-box;}
.innerProduct .innerProduct-item dl:nth-child(4n){margin-right: 0;}
.innerProduct .innerProduct-item dl dt{border: 1px solid #eeeeee;height: 360px;text-align: center;line-height: 360px;font-size: 0;transition: all 0.3s;}
.innerProduct .innerProduct-item dl dt img{max-width: 80%;max-height: 80%;transition: all 0.3s;}
.innerProduct .innerProduct-item dl dd h3{font-size: 18px;font-weight: bold;color: #333;margin-top: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.innerProduct .innerProduct-item dl dd p{font-size: 16px;color: #666;margin-top: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient:vertical;overflow:hidden;height: 48px;}
.innerProduct .innerProduct-item dl dd span{display: block;width: 42px;height: 42px;background: url(more02.png) no-repeat center;transition: all 0.3s;margin: 20px 0 35px;}
.innerProduct .innerProduct-item dl:hover{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);}
.innerProduct .innerProduct-item dl:hover dt{border-color: #0c77cb;}
.innerProduct .innerProduct-item dl:hover dd span{background: #0c77cb url(more.png) no-repeat center;}

.innerProductOne .innerProduct-item dl{padding: 0;}
.innerProductOne .innerProduct-item dl dt{border: none;}
.innerProductOne .innerProduct-item dl dd h3{margin: 10px;text-align: center;}
.innerProductOne-title{text-align: center;margin: 30px 0;font-size: 30px;font-weight: bold;color: #333;}

.innerProductDetails{background: #f7f7f7;overflow: hidden;}
.innerProductDetails-list{width: 1400px;margin: 50px auto;box-sizing: border-box;background: #fff;padding: 50px;}
.innerProductDetails-list dl{overflow: hidden;}
.innerProductDetails-list dl dt{float: left;border: 1px solid #dddddd;width: 38.5%;text-align: center;font-size: 0;height: 570px;line-height: 570px;}
.innerProductDetails-list dl dt img{max-width: 90%;max-height: 90%;}
.innerProductDetails-list dl dd{float: right;width: 56%;padding-right: 130px;box-sizing: border-box;}
.innerProductDetails-list dl dd h3{font-size: 36px;font-weight: bold;border-bottom: 1px solid #dddddd;color: #333;padding: 15px 0 20px;}
.innerProductDetails-list dl dd b{display: block;color: #333;font-size: 18px;margin-top: 45px;}
.innerProductDetails-list dl dd p{font-size: 16px;min-height: 150px;line-height: 1.75;margin-top: 20px;}
.innerProductDetails-list dl dd span{display: block;margin-top: 10px;font-size: 18px;color: #333;}
.innerProductDetails-list dl dd span em{font-size: 36px;color: #0c77cb;font-family: arial;}
.innerProductDetails-list dl dd div{overflow: hidden;margin-top: 45px;}
.innerProductDetails-list dl dd div a{float: left;margin-right: 20px;height: 60px;width: 200px;text-align: center;line-height: 60px;color: #fff;font-size: 18px;
background: #0c77cb;}
.innerProductDetails-list dl dd div a:last-child{background: #ec9228;margin: 0;}
.innerProductDetails-title{margin-top: 50px;background: #f5f5f5;height: 80px;}
.innerProductDetails-title b{float: left;width: 200px;background: #0c77cb;line-height: 80px;color: #fff;font-size: 24px;text-align: center;}
.innerProductDetails-content{padding: 40px 40px 0;}
.innerProductDetails-content *{max-width: 100%;}
.innerProductDetails-content-title{font-size: 24px;color: #333;height: 24px;padding: 0 0 0 15px;line-height: 22px;border-left: 4px solid #0c77cb;}
.innerProductDetails-content-list{font-size: 16px;margin: 20px 0 35px;}

.innerNews{background: #f7f7f7;overflow: hidden;}
.innerNews-list{width: 1400px;margin: 30px auto;zoom: 1;}
.innerNews-list:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.innerNews-list dl{float: left;width: 31.42%;margin: 20px 2.87% 20px 0;background: #fff;transition: all 0.3s;}
.innerNews-list dl:nth-child(3n){margin-right: 0;}
.innerNews-list dl dt{font-size: 0;overflow: hidden;}
.innerNews-list dl dt img{max-width: 100%;}
.innerNews-list dl dd{padding: 30px;}
.innerNews-list dl dd h3{font-size: 18px;color: #333;font-weight: normal;transition: all 0.3s;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient:vertical;overflow:hidden;}
.innerNews-list dl dd p{background: url(more02.png) no-repeat right center;background-size: 28px;overflow: hidden;margin-top: 20px;transition: all 0.3s;}
.innerNews-list dl dd p span{float: left;font-size: 16px;color: #999;padding-left: 25px;background: url(date02.png) no-repeat left center;}
.innerNews-list dl:hover{box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.15);}
.innerNews-list dl:hover h3{color: #0c77cb;}
.innerNews-list dl:hover p{background: url(more03.png) no-repeat right center;background-size: 28px;}

.innerDetails{background: #f7f7f7;overflow: hidden;}
.innerDetails .innerDetails-list{width: 1400px;margin: 50px auto;background: #fff;padding: 50px;box-sizing: border-box;}
.innerDetails .innerDetails-title{text-align: center;border-bottom: 1px solid #e5e5e5;}
.innerDetails .innerDetails-title h3{font-size: 30px;color: #333;}
.innerDetails .innerDetails-title p{font-size: 16px;color: #999;margin: 25px 0 30px;}
.innerDetails .innerDetails-conetnt{font-size: 16px;margin: 30px 0;line-height: 1.75;min-height: 300px;}
.innerDetails .innerDetails-conetnt *{max-width: 100%;}
.innerDetails .innerDetails-link{border-top: 1px solid #e5e5e5;position: relative;padding: 20px 200px 0 0 ;}
.innerDetails .innerDetails-link p{font-size: 16px;margin-top: 15px;}
.innerDetails .innerDetails-link p a{font-size: 16px;}
.innerDetails .innerDetails-link p em{font-size: 16px;}
.innerDetails .innerDetails-link .back{position: absolute;right: 0;top: 20px;width: 160px;height: 50px;line-height: 50px;text-align: center;text-indent: 30px;
color: #fff;font-size: 16px;background: #0c77cb url(back.png) no-repeat 35px center;margin: auto;bottom: 0;}

.innerContact{background: #f7f7f7;overflow: hidden;}
.innerContact-list{width: 1400px;margin: 60px auto;zoom: 1;background: #fff;}
.innerContact-list:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.innerContact-list dt{float: right;width: 61.4%;overflow: hidden;}
.innerContact-list dd{float: left;width: 38.6%;box-sizing: border-box;padding: 0 40px 30px;}
.innerContact-list dd h3{font-size: 24px;color: #333;font-weight: bold;margin: 50px 0 25px;}
.innerContact-list dd p{font-size: 16px;color: #333;position: relative;padding-left: 22px;line-height: 35px;}
.innerContact-list dd p img{position: absolute;left: 0;top: 11px;}
.innerContact-list dd div{border-top: 1px solid #e5e5e5;overflow: hidden;margin-top: 25px;}
.innerContact-list dd div span{float: left;padding: 7px;font-size: 15px;text-align: center;color: #333;margin-top: 30px;margin-right: 50px;}
.innerContact-list dd div span:last-child{margin-right: 0;}
.innerContact-list dd div span em{display: block;margin-bottom: 10px;width: 106px;}
.innerContact-list dd div span em img{max-width: 100%;}

.innerApplication{background: #f7f7f7;overflow: hidden;}
.innerApplication-list{width: 1400px;margin: 60px auto;zoom: 1;background: #fff;padding: 0 50px;box-sizing: border-box;overflow: hidden;}
.innerApplication .innerApplication-title{font-size: 30px;height: 30px;line-height: 26px;padding-left: 15px;color: #333;position: relative;
font-weight: bold;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;padding-bottom: 30px;margin-top: 50px;}
.innerApplication .innerApplication-title:before{position: absolute;left: 0;top: 0;width: 4px;background: #0c77cb;content: "";height: 30px;}
.innerApplication .innerApplication-item{font-size: 16px;line-height: 1.75;min-height: 150px;}
.innerApplication .innerApplication-item *{max-width: 100%;}
.innerApplication .innerApplication-case{overflow: hidden;margin-top: 40px;}
.innerApplication .innerApplication-case dl{float: left;width: 31.5%;margin-right: 2.75%;margin-bottom: 35px;}
.innerApplication .innerApplication-case dl:nth-child(3n){margin-right: 0;}
.innerApplication .innerApplication-case dl dt{font-size: 0;overflow: hidden;}
.innerApplication .innerApplication-case dl dt img{max-width: 100%;}
.innerApplication .innerApplication-case dl dd{background: #f6f6f6;line-height: 60px;height: 60px;padding: 0 20px;overflow: hidden;font-size: 16px;text-align: center;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: none;}
.innerApplication .innerApplication-partners{margin: 35px 0 50px;overflow: hidden;position: relative;padding-bottom: 75px;}
.innerApplication .innerApplication-partners .swiper-slide p{border: 1px solid #e5e5e5;height: 140px;line-height: 140px;font-size: 0;text-align: center;}
.innerApplication .innerApplication-partners .swiper-slide img{max-width: 90%;max-height: 90%;}
.innerApplication .innerApplication-partners .swiper-pagination-bullet{width: 20px;height: 20px;opacity: 1;background: none;border: 1px solid transparent;margin: 0 3px;position: relative;}
.innerApplication .innerApplication-partners .swiper-pagination-bullet::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 12px;height: 12px;margin: auto;
background: #ccc;content: "";border-radius: 50%;}
.innerApplication .innerApplication-partners .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid #0c77cb;}
.innerApplication .innerApplication-partners .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #0c77cb;}

.innerService .innerApplication-list{padding-bottom: 50px;}

.innerHonor{background: #f7f7f7;overflow: hidden;}
.innerHonor-list{width: 1400px;margin: 60px auto;zoom: 1;overflow: hidden;}
.innerHonor-list dl{float: left;width: 31.4%;margin-right: 2.6%;margin-bottom: 20px;}
.innerHonor-list dl:nth-child(3n){margin-right: 0;}
.innerHonor-list dl dt{background: #fff;border: 1px solid #e5e5e5;font-size: 0;text-align: center;padding: 1px;overflow: hidden;height: 270px;line-height: 270px;}
.innerHonor-list dl dt img{width: 100%;}
.innerHonor-list dl dd{font-size: 16px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;margin: 15px 0;}

.innerHonor2{background: #f7f7f7;overflow: hidden;}
.innerHonor2 .bd{width: 1400px;margin: 60px auto;zoom: 1;overflow: hidden;}
.innerHonor2 .bd ul li{float: left;width: 448px;margin-right: 28px;}
.innerHonor2 .bd ul li dt{height: auto;font-size: 0;}
.innerHonor2 .bd ul li dt img{max-width: 100%;}
.innerHonor2 .bd ul li dd{font-size: 16px;text-align: center;color: #333;margin: 15px 0;}

.innerDevelop{background: #f7f7f7;overflow: hidden;}
.innerDevelop-list{width: 1420px;margin: 80px auto;position: relative;}
.innerDevelop-list .swiper{padding: 10px;}
.innerDevelop-list .swiper .swiper-wrapper{align-items: stretch;}
.innerDevelop-list .swiper-slide{background: linear-gradient(to bottom,#fff,#fff);padding: 0 30px;box-sizing: border-box;border-radius: 5px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 0.3s;height: auto;}
.innerDevelop-list .swiper-slide .innerDevelop-title{font-size: 36px;font-family: arial;color: #333;font-weight: normal;height: 100px;border-bottom: 1px solid #dddddd;
line-height: 100px;transition: all 0.3s;}
.innerDevelop-list .swiper-slide .innerDevelop-content{font-size: 14px;margin: 20px 0 40px;transition: all 0.3s;}
.innerDevelop-list .swiper-slide:hover{background: linear-gradient(255deg,#0c77cb,#16569e);}
.innerDevelop-list .swiper-slide:hover .innerDevelop-title{color: #fff;}
.innerDevelop-list .swiper-slide:hover .innerDevelop-content{color: #fff;}
.innerDevelop-list .prev{position: absolute;left: -100px;top: 0;bottom: 0;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;}
.innerDevelop-list .prev:hover{opacity: 1;}
.innerDevelop-list .next{position: absolute;right: -100px;top: 0;bottom: 0;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;}
.innerDevelop-list .next:hover{opacity: 1;}

.rightFixed{position: fixed;right: 0;bottom: 0px;z-index: 99;top: 0;height: 400px;margin: auto;}
.rightFixed dl{width: 75px;height: 74px;border-radius: 3px;margin-top: 5px;cursor: pointer;position: relative;padding-top: 1px;}
.rightFixed dl.pg{background: #3096c0;}
.rightFixed dl.dl{background: #307ec0;}
.rightFixed dl.wx{background: #3066c0;}
.rightFixed dl.wx div{width: 170px;font-size: 20px;font-family: arial;line-height: 75px;height: 0;color: #014c88;}
.rightFixed dl.wx:hover div{height: 75px;}
.rightFixed dl.gz{background: #304bc0;}
.rightFixed dl.fh{background: #307ec0;}
.rightFixed dl dt{height: 30px;width: 34px;margin: 10px auto 0;line-height: 30px;font-size: 0;overflow: hidden;text-align: center;}
.rightFixed dl dt img{max-width: 100%;max-height: 100%;}
.rightFixed dl dd{text-align: center;font-size: 14px;color: #fff;margin-top: 5px;}
.rightFixed dl div{position: absolute;right: 76px;top: 0;background: #fff;overflow: hidden;height: 0;width: 120px;transition: all 0.35s;
border-radius: 3px;text-align: center;line-height: 120px;}
.rightFixed dl div img{max-width: 105px;margin: 5px;}
.rightFixed dl:hover div{height: 120px;}

@media screen and (max-width: 1700px) {
	.header .nav{width: 720px;}
	.header .nav li{margin-right: 50px;}
}
@media screen and (max-width: 1600px) {
	.header .logo{margin-left: 50px;}
	.header .nav{width: 660px;left: 39%;}
	.header .nav li{margin-right: 40px;}
	.header .lang-search{margin-right: 50px;}
	.header .lang-search .lang{margin-right: 30px;}
	.product-list-box{width: 90%;}
	.product-list{width: 100%;box-sizing: border-box;}
	.product .product-prev{left: -60px;}
	.product .product-next{right: -60px;}
	.innerDevelop-list{width: 90%;}
	.innerDevelop-list .next{width: 50px;right: -60px;}
	.innerDevelop-list .prev{width: 50px;left: -60px;}
}
@media screen and (max-width: 1500px) {
	.header .nav{width: 600px;left: 40%;}
	.header .nav li{margin-right: 30px;}
	.about dl{width: 90%;}
	.news-list{width: 90%;}
	.service-list{width: 90%;}
	.service-list a{width: 15.5%;}
	.service-list a span{margin-top: 20%;}
	.footer-nav{width: 90%;}
	/* .footer-nav .footer-nav-list{margin-right: 35px;} */
	.footer-nav .footer-nav-contact{display: none;}
	.innerBanner div{width: 90%;}
	.innerNav-list{width: 90%;}
	.innerAbout{width: 90%;}
	.innerCultrue-list{width: 90%;}
	.innerProduct .innerProduct-nav ul li{width: 12%;margin-right: 0.57%;}
	.innerProduct .innerProduct-nav ul li a{font-size: 14px;}
	.innerProduct .innerProduct-list{width: 90%;}
	.innerProduct .innerProduct-item dl{width: 24%;margin-right: 1.333%;}
	.innerProductDetails-list{width: 90%;}
	.innerApplication-list{width: 90%;}
	.innerNews-list{width: 90%;}
	.innerDetails .innerDetails-list{width: 90%;}
	.innerContact-list{width: 90%;}
	.innerHonor-list{width: 90%;}
	
}
@media screen and (max-width: 1400px) {
	.header .logo{line-height: 80px;}
	.header .lang-search{line-height: 80px;}
	.header .nav{position: fixed;right: 0;top: 80px;background: rgba(0, 0, 0, 0.5);width: auto;text-align: center;bottom: 0;left: 0;display: none;}
	.header .nav ul{position: absolute;right: 0;bottom: 0;background: #fff;top: 0;width: 500px;border-top: 1px solid rgba(0, 0, 0, 0.5);}
	.header .nav li{float: none;margin: 0;}
	.header .nav li:last-child{margin: 0;}
	.header .nav li a{height: 60px;line-height: 60px;}
	.header-nav{display: block;height: 80px;}
	.banner{margin-top: 80px;}
	.header .lang-search div{top: 80px;}
	.innerBanner{margin-top: 80px;}
	.about dl dd h3{font-size: 34px;}
	.service-list a em{margin-top: 10px;}
	.innerAbout-img{margin-left: 50px;width: 650px;}
	.innerProductDetails-list dl dd{padding: 0;}
}

@media screen and (max-width: 1300px) {
	.about dl dd h3{font-size: 30px;}
	.product .product-next{display: none;}
	.product .product-prev{display: none;}
	.application-list div dl{width: 150px;height: 150px;}
	.application-list div dl dt{width: 100px;height: 100px;line-height: 100px;}
	.application-list div dl dt img{width: 50%;}
	.application-list div dl dd{font-size: 20px;}
	.service-list a span{width: 60px;height: 60px;}
	.service-list a:hover span img{bottom: -60px;}
	.innerAbout-img{width: 600px;}
	.innerCultrue-list .swiper-slide dl dd div{margin: 35px 35px 0;}
	.innerProduct .innerProduct-nav ul li{width: 13.5%;margin-right: 0.916%;}
	.innerProduct .innerProduct-nav ul li:nth-child(7n){margin-right: 0;}
	.innerProduct .innerProduct-nav ul li:nth-child(8n){margin-right: 0.785%;}
	.innerContact-list dd h3{margin-top: 25px;}
	.innerDevelop-list{margin-bottom: 100px;}
	.innerDevelop-list .swiper-slide{padding: 0 20px;}
	.innerDevelop-list .next{top: initial;right: 44%;bottom: -70px;}
	.innerDevelop-list .prev{top: initial;left: 44%;bottom: -70px;}
}
@media screen and (max-width: 1200px) {
	.about dl dd{width: 44%;}
	.news-list dl{display: none;}
	.news-list ul{width: 100%;}
	.service-list a{width: 18%;}
	.service-list a span{margin-top: 23%;}
	.footer-nav .footer-nav-list li{margin-right: 35px;}
	.innerAbout-img{display: none;}
	.innerCultrue-list .swiper-slide dl dd div{margin: 35px 20px 0;}
	
}
@media screen and (max-width: 1100px) {
	.about dl dt{width: 100%;}
	.about dl dd{width: 100%;}
	.service-list a span{margin-top: 21%;}
	.footer-nav .footer-nav-list li{margin-right: 20px;}
	.innerProduct .innerProduct-nav ul li{width: 15.5%;margin-right: 1.4%;}
	.innerProduct .innerProduct-nav ul li:nth-child(6n){margin-right: 0;}
	.innerProduct .innerProduct-nav ul li:nth-child(7n){margin-right: 1.4%;}
	.innerProduct .innerProduct-nav ul li:nth-child(8n){margin-right: 1.4%;}
	.innerProduct .innerProduct-item dl{width: 32%;margin-right: 2%;}
	.innerProduct .innerProduct-item dl:nth-child(3n){margin-right: 0;}
	.innerProduct .innerProduct-item dl:nth-child(4n){margin-right: 2%;}
	.innerContact-list dt{width: 100%;}
	.innerContact-list dd{width: 100%;}
}
@media screen and (max-width: 1000px){
	.service-list a span{width: 50px;height: 50px;}
	.service-list a:hover span img{bottom: -50px;}
	.service-list a em{font-size: 16px;}
	.footer-nav .footer-nav-list{display: none;}
	.footer-nav .footer-nav-contact{display: block;margin: 0;}
	/* .innerNav-list .innerNav-list-item li{width: 20%;} */
	.innerProduct .innerProduct-nav ul li{width: 18.5%;margin-right: 1.875%;}
	.innerProduct .innerProduct-nav ul li:nth-child(5n){margin-right: 0;}
	.innerProduct .innerProduct-nav ul li:nth-child(6n){margin-right: 1.875%;}
	.innerProduct .innerProduct-nav ul li:nth-child(7n){margin-right: 1.875%;}
	.innerProduct .innerProduct-nav ul li:nth-child(8n){margin-right: 1.875%;}
	.innerProductDetails-list dl dt{width: 100%;box-sizing: border-box;}
	.innerProductDetails-list dl dd{width: 100%;margin-top: 20px;}
	.innerProductDetails-list dl dd p{min-height: auto;}
	.innerProductDetails-content{padding: 40px 0 0 0;}
}
@media screen and (max-width: 900px) {
	.header .logo{margin-left: 30px;}
	.header .lang-search{margin-right: 30px;}
	.service-list a span{margin-top: 20%;}
	.service-list a em{margin-top: 5px;}
}

.layui-laypage {
	width: 100%;
	text-align: center;
	margin-bottom: 40px !important;
	margin-top: 0px !important;
}
.layui-laypage * {
	margin-right: 5px !important;
	height: 35px !important;
	line-height: 35px !important;
	font-size: 15px !important;
	background-color: #fff !important;
	font-family: "微软雅黑";
}
.layui-laypage-curr em:nth-child(2) {
	background-color: initial !important;
}

.layui-laypage-count {
	padding: 0 10px !important;
	border: 1px solid #ddd !important;
}

.layui-laypage-prev {
	border: 1px solid #ddd !important;
}

.layui-laypage a {
	border: 1px solid #ddd !important;
}

.layui-laypage-next {
	border: 1px solid #ddd !important;
}

.layui-laypage-em {
	color: #f4f5ec !important;
	background-color: #0c77cb !important;
}

.layui-laypage .layui-laypage-curr em {
	margin-right: 0 !important;
}

.layui-laypage a:hover {
	color: #0c77cb !important;
}

.menu_list_bor {
	position: fixed;
	height: 100%;
	width: 100%;
	right: -100%;
	top: 0;
	z-index: 8888;
}

.colse_menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 999;
}

.menu_right {
	width: 60%;
	width: 70%;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 9999;
	overflow-x: hidden;
}

.menu_top {
	width: 100%;
	height: 1rem;
	border-bottom: 1px solid #bbbbbb;
}

.clo {
	line-height: 1rem;
	color: #333;
	font-size: 0.3rem;
	/* width: 1.8rem; */
	margin-left: 0.3rem;
	height: 1rem;
	background-size: auto 0.25rem;
	padding-left: 0.35rem;
}

.menu_list {
	width: 100%;
}

.clo b {
	float: left;
	height: 100%;
	width: 20px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	;
	background: url('fl.png') no-repeat right center;
	background-size: 40%;
}

.clo span {
	display: inline-block;
	line-height: 0.8rem;
	margin-left: 0.1rem;
}

.menu_list>ul>li,
.menu_list>ul>li div>ul>li {
	line-height: 0.8rem;
	*height: 0.8rem;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
}

.menu_list>ul>li div>ul {
	display: none;
}

.menu_list>ul>li>a,
.menu_list>ul>li div>ul>li>a {
	line-height: 0.8rem;
	*height: 0.8rem;
	color: #333;
	font-size: 0.28rem;
	display: inline-block;
	padding-left: 0.65rem;
	/*width: 100%;*/
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.menu_list ul li a {
	line-height: 0.8rem;
	*height: 0.8rem;
	color: #333;
	font-size: 0.3rem;
	display: inline-block;
	padding-left: 0.65rem;
	/*width: 100%;*/
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.menu_list ul li ul li a {
	border-top: 1px solid #e9e9e9;
	padding-left: 1rem;
}

.menu_list>ul>li div>ul>li {
	border: 0;
	border-top: 1px solid #e9e9e9;
	padding-left: 0.3rem;
}

.menu_list>ul>li div>ul>li>a {
	color: #575757;
}

.menu_list>ul>li>b,
.menu_list>ul>li div>ul>li b {
	position: absolute;
	display: block;
	width: 24%;
	height: 0.8rem;
	right: 0;
	top: 0;
	background: url('fl.png') no-repeat center;
	background-size: 15%;
}

.menu_list>ul>li div>ul>li li {
	border-top: 1px solid #e9e9e9;
}

.menu_list>ul>li div>ul>li li a {
	padding-left: 1.25rem;
	color: #333;
	font-size: 0.28rem;
}

.menu_list>ul>li>b.nex,
.menu_list>ul>li div>ul>li b.nex {
	background: url('nex.png') no-repeat center;
	background-size: 30%;
}

.menu_list>ul>li {
	line-height: 0.8rem;
}

.menu_list>ul>li ul {
	display: none;
}

.menu_list>ul>li ul#ul_2f32ce1b-1f71-4b52-93f7-11b4b723131a {
	height: 5.35rem;
	overflow-y: auto;
}

.wap-header {
	position: fixed;
	top: 0rem;
	left: 0;
	width: 100%;
	height: 1rem;
	z-index: 999;
	transition: all 0.5s;
	display: none;
	background: #fff;
	box-shadow: 0px 1px 3px 0px #f1f7fb;
}
.wap-header .logo-img1{
	display: inline-block;
}
.wap-header .logo-img2{
	display: none;
}
.wap-header.on {
	background: #fff;
}
.wap-header.on .logo img{
	display: none;
}
.wap-header.on .logo .logo-img2{
	display: inline-block;
}
.wap-header.on .icon{
	background: #3066c0 url("nav.png") no-repeat center;
	background-size: 0.45rem;
}
/* .header-on{background: #303036;} */
.wap-header .logo {
	/* width: 0.61rem; */
	/* height: 0.63rem; */
	text-align: center;
	line-height: 1rem;
	font-size: 0;
	float: left;
	/* margin-top: 0.18rem; */
	margin-left: 0.25rem;
	height: 1rem;
}

.wap-header .logo img {
	/*max-width: 3.06rem;*/
	height: 80%;
}
.wap-header .vip{
	float: right;
	/* width: 0.6rem; */
	height: 0.6rem;
	margin-top: 0.2rem;
	font-size: 0;
	margin-right: 0.25rem;
}
.wap-header .vip img{
	max-height: 100%;
}
.wap-header .icon {
	float: right;
	width: 1rem;
	height: 1rem;
	background: url("nav.png") no-repeat center;
	background-size: 0.45rem;
	transition: all 0.35s;
}

@media screen and (max-width: 750px){
	.wap-header{display: block;}
	.header{display: none;}
	.banner{margin-top: 1rem;}
	.banner .swiper-pagination{bottom: 0.2rem !important;}
	.banner .swiper-pagination-bullet{width: 0.3rem;height: 0.3rem;}
	.banner .swiper-pagination-bullet::before{width: 0.14rem;height: 0.14rem;}
	.about{margin-top: 0.75rem;}
	.about dl{margin: 0 0.25rem;width: auto;}
	.about dl dt{height: auto;line-height: initial;}
	.about dl dt img.play{width: 1rem;}
	.about dl dd{margin-top: 0.4rem;}
	.about dl dd img{max-width: 80%;}
	.about dl dd h3{font-size: 0.4rem;margin: 0.1rem 0;padding-bottom: 0.2rem;}
	.about dl dd h3:before{width: 0.8rem;height: 2px;}
	.about dl dd p{font-size: 0.28rem;line-height: 0.44rem;margin-top: 0.35rem;}
	.about dl dd div{margin-top: 0.5rem;display: flex;justify-content: space-between;}
	.about dl dd div a{margin: 0;}
	.about dl dd div a span{width: 2rem;height: 2rem;}
	.about dl dd div a span:before{width: 80%;height: 80%;}
	.about dl dd div a span i{width: 0.6rem;height: 0.6rem;margin: 0.7rem auto 0;}
	.about dl dd div a span img{width: 100%;max-width: 100%;}
	.about dl dd div a:hover span img{bottom: -0.6rem;}
	.about dl dd div a em{font-size: 0.3rem;margin-top: 0.15rem;}
	.index-more{margin: 0.5rem auto 0;width: 2.5rem;height: 0.7rem;border-radius: 0.7rem;line-height: 0.7rem;font-size: 0.28rem;text-indent: 0.5rem;
	background: #0c77cb url(more.png) no-repeat 1.75rem center;background-size: 0.35rem;}
	.product{margin-top: 0.75rem;}
	.index-title{padding: 0.5rem 0;}
	.index-title h3{font-size: 0.4rem;}
	.index-title p{font-size: 0.26rem;}
	.product{padding-bottom: 1rem;}
	.product-list-box{width: auto;margin: 0 0.25rem;}
	.product-list{padding: 0 !important;}
	.product-list .swiper-slide dl{padding: 0.15rem;}
	.product-list .swiper-slide dl dt{height: 5rem;line-height: 5rem;}
	.product-list .swiper-slide dl dd h3{margin-top: 0.25rem;font-size: 0.32rem;}
	.product-list .swiper-slide dl dd p{margin-top: 0.2rem;font-size: 0.28rem;}
	.product-list .swiper-slide dl dd span{width: 0.7rem;height: 0.7rem;margin: 0.3rem 0;background:#0c77cb url(more.png) no-repeat center;background-size: 60%;}
	.product-list .swiper-slide dl:hover dd span{background:#0c77cb url(more.png) no-repeat center;background-size: 60%;}
	.application-list{margin: 0 0.25rem;overflow: hidden;}
	.application-list div dl{height: 2.7rem;width: 80%;}
	.application-list div dl dt{width: 2rem;height: 2rem;line-height: 2rem;}
	.application-list div dl dd{font-size: 0.32rem;margin-top: 0.15rem;}
	.news{padding-bottom: 0.8rem;}
	.news-list{width: auto;margin: 0 0.25rem;}
	.news-list ul li{width: 100%;padding: 0.25rem;margin-bottom: 0.2rem;}
	.news-list ul li:before{top: 0.25rem;right: 0.25rem;width: 0.8rem;height: 0.8rem;background-size: 100%;}
	.news-list ul li div{margin: 0;}
	.news-list ul li div span{font-size: 0.5rem;}
	.news-list ul li div em{font-size: 0.3rem;}
	.news-list ul li h3{margin-top: 0.15rem;font-size: 0.3rem;}
	.news-list ul li p{margin: 0.15rem 0;font-size: 0.28rem;}
	.service{margin-bottom: 1rem;}
	.service-list{margin: 0rem 0.25rem;width: auto;overflow: hidden;}
	.service-list a{width: auto;}
	.service-list a span{width: 1.25rem;height: 1.25rem;margin-top: 0.8rem;}
	.service-list a em{font-size: 0.3rem;margin-top: 0.2rem;}
	.footer-nav{width: auto;margin: 0.5rem 0.25rem;}
	.footer-nav .footer-nav-contact{float: none;}
	.footer-nav .footer-nav-contact p{font-size: 0.28rem;}
	.footer-nav .footer-nav-contact b{font-size: 0.44rem;margin: 0.05rem 0 0.25rem;}
	.footer-nav .footer-nav-contact div{font-size: 0.3rem;margin: 0.05rem 0 0.25rem;}
	.footer-nav .footer-nav-code{float: none;margin-top: 0.5rem;}
	.footer-nav .footer-nav-code dl{margin-left: 0.5rem;}
	.footer-nav .footer-nav-code dl dt{width: 2rem;padding: 0.1rem;}
	.footer-nav .footer-nav-code dl dd{font-size: 0.28rem;margin-top: 0.2rem;}
	.footer-copyright{padding: 0.25rem;height: auto;line-height: 0.4rem;font-size: 0.26rem;}
	.footer-copyright a{font-size: 0.26rem;}
	.innerBanner{margin-top: 1rem;height: 2.5rem;}
	.innerBanner li{height: 2.5rem;font-size: 0;}
	.innerBanner div{width: auto;text-align: center;height: auto;}
	.innerBanner div h3{font-size: 0.4rem;margin-top: 0.8rem;}
	.innerBanner div p{font-size: 0.24rem;}
	.innerBanner img{height: 100%;object-fit: cover;}
	.innerNav{border: none;}
	.innerNav-list{width: auto;margin: 0 0.25rem 0.25rem;}
	.innerNav-list p{line-height: 0.8rem;font-size: 0.26rem;padding-left: 0.4rem;background-size: 0.25rem;width: 100%;}
	.innerNav-list p a{font-size: 0.26rem;}
	.innerNav-list .innerNav-list-item{width: 100%;}
	.innerNav-list .innerNav-list-item ul{display: flex;flex-wrap: wrap;}
	.innerNav-list .innerNav-list-item ul li{width: 32%;margin-right: 2%;margin-bottom: 0.2rem;}
	.innerNav-list .innerNav-list-item ul li:nth-child(3n){margin-right: 0;}
	.innerNav-list .innerNav-list-item ul li a{font-size: 0.3rem;line-height: 0.8rem;border: 1px solid #c0daef;color: #0c77cb;}
	.innerNav-list .innerNav-list-item ul li a.on{border-color: #0c77cb;}
	.innerAbout{margin: 0.5rem 0.25rem;width: auto;}
	.innerAbout-img{display: block;width: auto;margin: 0;float: none;}
	.innerAbout-img:after{display: none;}
	.innerAbout-txt .innerAbout-txt-title{padding-top: 0.2rem;}
	.innerAbout-txt .innerAbout-txt-title h3{font-size: 0.36rem;}
	.innerAbout-txt .innerAbout-txt-title p{font-size: 0.26rem;}
	.innerAbout-txt .innerAbout-txt-title span{width: 0.7rem;margin-top: 0.1rem;}
	.innerAbout-txt .innerAbout-txt-content{font-size: 0.28rem;line-height: 0.44rem;margin-top: 0.4rem;}
	.innerCultrue-list{width: auto;margin: 0.5rem 0.25rem;}
	.innerCultrue-list .swiper-slide dl dt{width: 1rem;height: 1rem;margin: 0.7rem auto 0.3rem;}
	.innerCultrue-list .swiper-slide dl dt img{top: -1rem;width: 100%;}
	.innerCultrue-list .swiper-slide dl dd{margin-bottom: 0.6rem;}
	.innerCultrue-list .swiper-slide dl dd h3{font-size: 0.36rem;}
	.innerCultrue-list .swiper-slide dl dd p{font-size: 0.24rem;margin: 0 0 0.06rem 0;}
	.innerCultrue-list .swiper-slide dl dd span{width: 0.7rem;}
	.innerCultrue-list .swiper-slide dl dd div{margin: 0.35rem 0.25rem 0;font-size: 0.28rem;line-height: 1.5;}
	.innerProduct .innerProduct-list{width: auto;margin: 0 0.25rem;}
	.innerProduct .innerProduct-nav ul{margin: 0.3rem 0;}
	.innerProduct .innerProduct-nav ul li{width: 32.5%;margin-right: 1.25% !important;}
	.innerProduct .innerProduct-nav ul li:nth-child(3n){margin-right: 0 !important;}
	.innerProduct .innerProduct-nav ul li a{font-size: 0.26rem;margin: 0.1rem 0;line-height: 0.65rem;height: 0.65rem;border-radius: 0.65rem;}
	.innerProduct .innerProduct-item{margin: 0.4rem 0;}
	.innerProduct .innerProduct-item dl{width: 49%;margin: 0 0 0.2rem 0 !important;padding: 0.1rem;}
	.innerProduct .innerProduct-item dl:nth-child(even){float: right;}
	.innerProduct .innerProduct-item dl dt{height: 4rem;line-height: 4rem;}
	.innerProduct .innerProduct-item dl dd h3{font-size: 0.32rem;margin-top: 0.15rem;}
	.innerProduct .innerProduct-item dl dd p{font-size: 0.28rem;margin-top: 0.1rem;}
	.innerProduct .innerProduct-item dl dd span{margin: 0.2rem 0;width: 0.7rem;height: 0.7rem;background: #0c77cb url(more.png) no-repeat center;background-size: 0.4rem;}
	.innerProduct .innerProduct-item dl:hover dd span{background-size: 0.4rem;}
	.innerProductDetails-list{width: auto;margin: 0.5rem 0.25rem;padding: 0.25rem;}
	.innerProductDetails-list dl dt{height: 5rem;line-height: 5rem;}
	.innerProductDetails-list dl dd{margin-top: 0.25rem;}
	.innerProductDetails-list dl dd h3{font-size: 0.4rem;padding: 0.2rem 0 0.45rem;}
	.innerProductDetails-list dl dd b{font-size: 0.32rem;margin-top: 0.35rem;}
	.innerProductDetails-list dl dd p{font-size: 0.3rem;line-height: 1.5;margin-top: 0.15rem;}
	.innerProductDetails-list dl dd span{font-size: 0.3rem;}
	.innerProductDetails-list dl dd span em{font-size: 0.4rem;}
	.innerProductDetails-list dl dd div{margin-top: 0.4rem;display: flex;justify-content: space-between;}
	.innerProductDetails-list dl dd div a{width: 3rem;height: 1rem;line-height: 1rem;font-size: 0.3rem;margin: 0;}
	.innerProductDetails-title{height: 1rem;margin-top: 1rem;}
	.innerProductDetails-title b{width: 3rem;height: 1rem;line-height: 1rem;font-size: 0.36rem;}
	.innerProductDetails-content{padding: 0.4rem 0 0 0;}
	.innerProductDetails-content-title{font-size: 0.36rem;height: 0.36rem;line-height: 0.34rem;}
	.innerProductDetails-content-list{font-size: 0.28rem;line-height: 1.5;margin: 0.25rem 0 0.5rem;}
	.innerApplication-list{width: auto;margin: 0.5rem 0.25rem;padding: 0 0.25rem;}
	.innerApplication .innerApplication-title{font-size: 0.4rem;height: 0.4rem;line-height: 0.36rem;margin: 0.5rem 0 0.25rem;padding-bottom: 0.25rem;}
	.innerApplication .innerApplication-title:before{height: 0.4rem;}
	.innerApplication .innerApplication-item{font-size: 0.28rem;line-height: 1.5;min-height: 3rem;}
	.innerApplication .innerApplication-case{margin-top: 0.5rem;}
	.innerApplication .innerApplication-case dl{width: 49%;margin: 0 0 0.25rem 0 !important;}
	.innerApplication .innerApplication-case dl:nth-child(even){float: right;}
	.innerApplication .innerApplication-case dl dd{font-size: 0.3rem;line-height: 0.8rem;padding: 0 0.25rem;height: 0.8rem;}
	.innerNews-list{width: auto;margin: 0.5rem 0.25rem;}
	.innerNews-list dl{width: 100%;margin: 0 0 0.25rem 0;}
	.innerNews-list dl:nth-child(even){float: right;}
	.innerNews-list dl dd{padding: 0.25rem;}
	.innerNews-list dl dd h3{font-size: 0.3rem;}
	.innerNews-list dl dd p{margin-top: 0.2rem;background-size: 0.36rem;}
	.innerNews-list dl dd p span{font-size: 0.26rem;padding-left: 0.4rem;background-size: 0.3rem;}
	.innerDetails .innerDetails-list{width: auto;margin: 0.5rem 0.25rem;padding: 0.25rem;}
	.innerDetails .innerDetails-title h3{font-size: 0.32rem;}
	.innerDetails .innerDetails-title p{margin: 0.25rem 0;font-size: 0.26rem;}
	.innerDetails .innerDetails-conetnt{font-size: 0.28rem;line-height: 1.5;margin: 0.3rem 0;min-height: 3rem;}
	.innerDetails .innerDetails-link{padding: 0.25rem 0 0 0;}
	.innerDetails .innerDetails-link p{font-size: 0.26rem;margin-top: 0.2rem;}
	.innerDetails .innerDetails-link p a{font-size: 0.26rem;}
	.innerDetails .innerDetails-link p em{font-size: 0.26rem;}
	.innerDetails .innerDetails-link .back{display: none;}
	.innerContact-list{margin: 0.5rem 0.25rem;width: auto;}
	.innerContact-list dt{height: 6rem;}
	.innerContact-list dt iframe{height: 6rem !important;}
	.innerContact-list dd{padding: 0.3rem;}
	.innerContact-list dd h3{font-size: 0.36rem;margin: 0.25rem 0;}
	.innerContact-list dd p{font-size: 0.3rem;line-height: 0.55rem;padding-left: 0.4rem;}
	.innerContact-list dd p img{width: 0.28rem;top: 0.14rem;}
	.innerContact-list dd div{margin-top: 0.3rem;}
	.innerContact-list dd div span{margin-top: 0.3rem;padding: 0.1rem;font-size: 0.28rem;margin-right: 0.5rem;}
	.innerContact-list dd div span em{width: 2rem;margin-bottom: 0.15rem;}
	.innerHonor-list{width: auto;margin: 0.5rem 0.25rem;}
	.innerHonor-list dl{width: 100%;margin: 0 0 0.25rem 0;}
	.innerHonor-list dl:nth-child(even){float: right;}
	.innerHonor-list dl dt{line-height: initial;}
	.innerHonor-list dl dd{font-size: 0.3rem;margin: 0.15rem 0;}
	.innerDevelop-list{margin: 0.5rem 0.25rem 1.5rem;width: auto;}
	.innerDevelop-list .swiper{padding: 0.15rem;}
	.innerDevelop-list .swiper-slide{padding: 0 0.25rem;}
	.innerDevelop-list .swiper-slide .innerDevelop-title{font-size: 0.44rem;height: 1.5rem;line-height: 1.5rem;}
	.innerDevelop-list .swiper-slide .innerDevelop-content{font-size: 0.26rem;margin: 0.25rem 0 0.4rem;}
	.innerDevelop-list .next{width: 0.75rem;right: 35%;bottom: -1rem;}
	.innerDevelop-list .prev{width: 0.75rem;left: 35%;bottom: -1rem;}
	.rightFixed{display: none;}
	.innerProductOne-title{font-size: 0.4rem;margin: 0.3rem 0;}
}