@charset "utf-8";
.topblank{height: 80px;}
.wrapper{max-width:1460px; margin: 0px auto;}
/*1440*/
@media (max-width:1679px){
  .wrapper{max-width: 1300px;}
}
/*1366*/
@media (max-width:1439px){
  .wrapper{max-width: 1260px;}
}
/*1280*/
@media (max-width:1365px){
  .wrapper{max-width: 1200px;}
}
/*MP*/
@media (max-width:1279px){
  .wrapper{max-width: 100%;}
}

.maincontop .wrapper{ max-width:90%;}

#menu-container{width: 100%; height: 110px; transition: all 0.3s ease; background:rgba(0,0,0,0.5); position: relative;}
#menu-container .logo {float:left; display: block; height: 70px; margin: 20px 0 0; width: 210px; background: url(../images/logo.png) no-repeat; background-size: 100%;transition: all .5s;-moz-transition: all .5s; -0-transition: all .4s;-webkit-transition: all .5s;}
#menu{float: right; height: 100%;}
#menu>li{float: left; height: 100%; padding: 0 35px;}

#menu>li>a{display: block; height: 100%; font-size:16px; color: #fff; line-height: 110px; transition: all .15s; position: relative; text-transform: uppercase;}
#menu>li:hover>a{color: #0078f3 !important;}
#menu>li>a::after{content: ''; display: block; height: 3px; width: 0; background: #0078f3; position: absolute; top: 107px; transition: all .3s;}
#menu>li>a:hover::after{ width: 100%;}
#menu>li>div{position: absolute; z-index: 1; top: 110px; background:rgba(255,255,255,0.9); width: 100%; left: 0; box-sizing: border-box; display: none;}
#menu>li>div .wrapper{transition: all .25s; box-sizing: border-box; position: relative; min-height: 250px; padding:50px 0 0}
#menu>li>div .list{padding-top: 0px; text-align: center;}
#menu>li>div .list dd{display: inline-block; margin:0 50px; text-align: center;}
#menu>li>div .list a{color:#000;}
#menu>li>div .list img{display: block; width:250px; margin: 0px auto 10px; text-align: center;}
#menu>li>div .list dd a:hover{ color: #0078f3; text-decoration: none;}
#menu>li>div .list2{ width:100%; margin: -20px 0 40px;}
#menu>li>div .list2 dd{float:left; width:14.28%; text-align: center; padding: 10px 0;}
#menu>li>div .list2 a{color:#000;}
#menu>li>div .list2 img{display: block; margin: 0px auto 5px; text-align: center; width:70px}
#menu>li>div .list2 dd a:hover{ color: #0078f3; text-decoration: none;}
/*#menu>li>div .img{position: absolute; width: 360px; right: 0; top: 50px; text-align: center;}
#menu>li>div .img>img{display: block; width: 100%; height: 150px;}
#menu-container:hover #menu>li>a, #menu-container.active #menu>li>a, #menu-container.white #menu>li>a{color: #2e2d3c;} */
#menu-container.blue:hover #menu>li>a, #menu-container.blue.active #menu>li>a, #menu-container.blue.white #menu>li>a{color: #fff;}
#menu-container.blue #menu>li>a{color: #fff;}
#menu-container.blue #menu>li:hover>a{color: #fff !important; opacity: .7;}

.topnav{height: 48px;}
.topnav-right{float:right; text-align: right; height: 48px; line-height: 48px; padding-right: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; color:#fff;}
.topnav-right i{margin-right: 10px; display: inline-block; vertical-align: middle;}
.topxp{transform: skewX(25deg); -webkit-transform: skewX(25deg); background:#DE4D19; float:right; height: 48px; padding:0 30px; margin-right: 15px;}
.topxpbox{line-height: 48px; color: #fff; transform: skewX(-25deg); -webkit-transform: skewX(-25deg);}
.topxpbox:hover{color:#ddd}
.maincontent{position: relative;}
.maincontop{position: absolute; left:0; top:0; z-index: 9999; width:100%;}

.search-wrap{float:right; width:240px; margin-left: 30px; border-left:1px solid rgba(255,255,255,.2); height: 110px; padding-left: 60px;}
.search-wrap .box{ position: relative; margin-top: 35px;}
.search-wrap input{background: none; border: 1px solid rgba(255,255,255,.5); color:#ddd; padding: 10px 10px; width: 100%; box-sizing: border-box; transition: all .2s;}
.search-wrap .box a{display: block; cursor: pointer; width: 22px; height: 22px; position: absolute; right: 12px; top: 10px; text-align: center; line-height: 22px; transition: all .2s;}
.search-wrap .box a.iconfont{font-size: 22px; color:#ddd}

@media(max-width:1480px){
	#menu>li{ padding: 0 25px;}
	.maincontop .wrapper{ max-width:94%;}
	.search-wrap{width:220px; margin-left: 20px; padding-left: 50px;}
}
/*广告位*/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%; position: relative; background: #000000;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 44px;height: 44px; border-radius:50%; border:1px solid #fff; right:0px;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:12px; top:7px; font-size: 30px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-slide img{width:100%}
.banner .mobfont {position: absolute; left:8%; width:40%; top: 44%; line-height: 1.5; color: #fff; text-align: left;}
.banner .swiper-slide-active .mobfont h2{font-size:40px; max-width: 80%; line-height: 1; font-family:'Montserrat-B'; text-transform: uppercase; animation: bannertextright 1s ease both 400ms;}
.banner .swiper-slide-active .mobfont p{font-size:22px; padding:20px 0 0; animation: bannertextdow 1s ease both 1000ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:15px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:35px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important;}
.banner .swiper-button-prev{left: 40px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
@media(max-width:1480px){
	.banner .swiper-slide-active .mobfont h2{font-size:36px;}
	.banner .swiper-slide-active .mobfont p{font-size:20px;}
	.banner .swiper-button-next{right: 30px!important;left: auto!important;}
	.banner .swiper-button-prev{left: 30px!important;}
	.banner .mobfont {left:7%; width:44%; top: 40%;}
}
.pd60{padding:80px 0}

.hotfont{text-align: center; width:1100px; margin: 0px auto; padding-bottom: 40px; font-size: 16px; line-height: 1.8;}
.hotfont h2{font-size:32px; font-family: 'Montserrat-B'; line-height: 1.3; color: #333; margin-bottom: 30px;}
.hotfont span{display: block;}
.ourhonor{margin-top: 50px;}
.ourhonor ul{display:flex; display:-webkit-flex; /* flex-wrap:wrap; */justify-content:space-between; flex-direction: row;}
.ourhonor li{ text-align: center; width:16.66%}
.ourhonor li img{height:75px}

.homelist{padding: 0; background: #F9F9F9;}
.homeitem{display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 50px 0;}
.homeitem:nth-of-type(2n){display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; background: #fff;}
.homeitem-left{width:50%;}
.homeitembox h2{font-size: 30px; color:#0078F3;font-family:'Montserrat-B'; text-transform: uppercase;}
.homeitembox{padding:0 80px}
.homeitem .rightsjx{-webkit-clip-path:polygon(100% 0, 88% 100%, 0 100%, 0 0); clip-path:polygon(100% 0, 88% 100%, 0 100%, 0 0); background: no-repeat center center/cover;min-height: 500px;}
.homeitem:nth-of-type(2n) .rightsjx{-webkit-clip-path:polygon(100% 0, 100% 100%, 12% 100%, 0 0); clip-path:polygon(100% 0, 100% 100%, 12% 100%, 0 0); min-height: 680px;}
/* .leftsjx{-webkit-clip-path:polygon(100% 0, 100% 100%, 12% 100%, 0 0); clip-path:polygon(100% 0, 100% 100%, 12% 100%, 0 0);} */
.homeitemdesc{font-size: 16px; line-height: 1.7; padding:25px 0} 
.morebtn{transform: skewx(-20deg); -webkit-transform: skewX(-20deg); padding: 7px 25px; text-align: center; background: linear-gradient(to right, #0078F3, #0456B7); display:inline-block;}
.morebtn>div{transform: skewx(20deg); -webkit-transform: skewX(20deg); color: #fff; font-size: 14px; text-transform: uppercase;}
.morebtn:hover{background:#0456B7;}
@media(max-width:1480px){
	.homeitem-left{font-size: 15px; line-height: 1.6;}
	.homeitembox h2{font-size: 24px;}
	.homeitembox{padding:0 50px}
	.homeitem:nth-of-type(2n) .rightsjx{min-height: 560px;}
}
.hotproduct{padding:2% 0 5%}
.hotproduct li{float:left; width:30%; margin-right: 5%; margin-top: 3%;}
.hotproduct li:nth-child(3n){margin-right:0;}
.hotproduct li img{width:80%; display: block; margin:0px auto;}
.hotproduct h3{font-size: 14px; line-height: 20px; margin-top: 10px;}
/*底部*/
.footer{background: #110c0c; color:#bbb; position: relative;}
.footer .foot{padding: 50px 0;}
.lxlist h3{color:#fff; font-size: 14px; margin-bottom: 10px; color:#0078f3}
.lxlist li{margin: 2px 0;}
.lxlist i{vertical-align: middle; margin-right: 10px; color: #eee;}
.footer .foot-right{float:right; width:35%;}
.footer .foot-left{float:left; width:56%}
.footer .foot-left dl{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; flex-direction: row;}
.footer .foot-left dd{width:33.333%;line-height: 26px;}
.footer h2{font-size: 16px; padding:10px 0 15px; color: #fff; text-transform: uppercase;}
.footer a{color: #bbb;}
.footer a:hover{color: #fff;}
.copyright{text-align: left;padding: 18px 0;}

/*产品*/
.graybox{background:#fff; padding:50px 0}
.sortlist2{text-align: center;}
.sorttitle{font-size:22px; line-height:1.5; font-family:'Montserrat-B'; padding-bottom:15px; text-transform: uppercase; text-align:center;}
.sortlist2 li{display: inline-block; margin:8px 5px;}
.sortlist2 li a{padding: 10px 25px; display:block; color: #444; background: #fff; border-radius: 69px; box-shadow: 1px 1px 5px rgb(0,0,0,0.2); font-size: 16px; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.sortlist2 li a:hover,.sortlist2 li a.active{background: #0078F3; color:#fff}
.productlist{padding:40px 0;}
.productlist ul{margin:0 -12px}
.productlist li{float:left; width:25%;}
.productlist .productbox{border:1px solid #ddd; box-shadow: 1px 1px 5px rgb(0,0,0,0.1); border-radius:6px; margin:12px; background:#fff; overflow: hidden; box-sizing:border-box; -webkit-box-sizing:border-box}
.productlist .productbox h2{font-size:16px; line-height:22px; min-height:66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;margin:15px 10px;}
.productlist li .productbox img{ transition: all .9s;}
.productlist li:hover .productbox img {transform: scale(1.1)}

/*内页*/
.inner{background:#f8f8f8}
.location{position: relative; padding-left:20px; font-family:'Montserrat-B'; font-size: 24px; line-height: 80px; text-transform: uppercase;}
.location a{color:#0078F3;}
.location a:hover{color:#295069;}
.location:before{position: absolute; content: ""; display: block; width: 8px; height: 8px; top: 50%; left: 0; margin-top: -4px; border-left: 2px solid #295069; border-bottom: 2px solid #295069;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.aboutcontent{padding:30px 0; line-height: 2; min-height: 500px;font-size: 16px;}
.newscontent{padding:20px 0;}
.productsm{padding:20px 100px}
.prosm-left{float:left; width:45%;}

.img-list {}
.img-list .big-img {margin-bottom: 10px;}
/* .product-info .img-list .img-box::before {content: "";display: block;} */
.img-list .swiper-box .img-box {cursor: pointer; position: relative;}
.img-list .swiper-box .img-box::after {content: "";display: block; position: absolute;left: 0;top: 0; border: 1px solid transparent; height: 100%;width: 100%;transition: all 0.3s; box-sizing: border-box;}
.img-list .swiper-box .on .img-box::after {border-color: #00a3b7;}

.productsm-right{float:right; width:50%}
.productxxcsfont{padding:30px 0 0}
.productxxcsfont img{margin:15px auto 15px; display:block; text-align:center;}
.productsm-right h2{font-size: 24px;font-family:'Montserrat-B'; color:#0078F3; line-height: 1.5;}
.productsm-right h3{font-size:18px; line-height:1.5; margin-top:15px}
.productsm-right .smdesc{font-size: 15px; padding:30px 0 20px; line-height: 1.8; color:#888}
.prosmtit{ border-bottom:1px solid #e2e2e2; padding:0 10px; font-size:0}
.prosmtit h3{font-size: 18px;font-family:'Montserrat-B'; color:#0078F3; text-transform: uppercase; border: 1px solid #e2e2e2; margin-bottom:-1px; display:inline-block; padding:14px 25px; background:#fafafa}
.productxxcs{ padding:30px 0; font-size: 16px;}
.productxxcs img{display: block;margin: 15px auto; border-radius:5px;}
/*荣誉展示*/
.honorlist{}
.honorlist ul li{background:#fff; transition:all .5s ease; float:left; width:19.2%; margin-right: 1%; margin-top:15px;box-shadow:0 0 6px rgba(0,0,0,0.15);border-radius: 6px; overflow: hidden;}
.honorlist ul li:nth-child(5n){margin-right:0}
.honorlist ul li:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.1); transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);}					
.honorlist ul li h2{font-size:14px; line-height:24px; text-align: center; margin: 15px 0;}
.honorlist ul li:hover h2{color:#0078F3;}			
.honorlist ul li .image{ position:relative; z-index:10;}
.honorlist ul li .image img{width:100%}
.honorlist ul li .image .icon{position: absolute;text-align:center;left:50%;top:50%;display: inline-flex;width: 60px;height: 60px;margin-left:-30px;margin-top:-30px;align-items: center;justify-content: center;border-radius: 0;border-radius:50%;background:#0078F3;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);-moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);-o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);}
.honorlist ul li .image .icon:before{font-size:30px; content:'\e726'; font-family: 'iconfont'; color:#fff;}
.honorlist ul li:hover .image .icon {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}

.factory{margin:0 -10px;}
.factory li{float:left;width:25%; text-align: center;}
.factory .pbox{ margin:10px;}
.factory .img-hover{overflow: hidden;}
.factory h3{font-size:14px;background:#fafafa; border:1px solid #e2e2e2; border-top:0; text-align: center; line-height:42px; text-align: center;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.factory img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.factory li:hover img{transform: scale(1.08);}
/*联系我们*/
.contactbanner{ min-height:158px; background:#0b1d89}
.contact{font-size: 17px; line-height: 1.8; width:50%}
.contact h2 span{color:#888; display:block; font-size:16px; text-transform: none}
.contact h2{font-size: 30px; text-transform: uppercase;}
.contact h3{font-size: 18px; text-transform: uppercase; color:#0078F3; padding:40px 0 8px}
.contact p{padding:6px 0}
.contact p:before{font-size: 18px; font-family: 'iconfont'; color:#0078F3; vertical-align:middle; display:inline-block; margin-right:15px;}
.contact p:nth-of-type(1):before{content: '\e632';}
.contact p:nth-of-type(2):before{content: '\e605';}
.contact p:nth-of-type(3):before{content: '\e625';}
.contact p:nth-of-type(4):before{content: '\e640';}
.lxwrap{position: relative;}
.lxwrap:after {content: "";display: block;z-index: 1;position: absolute;right: 0;top: 0;height: 100%;width:45%;background: url(../images/contact-banner.jpg) no-repeat center left scroll; background-size: cover;}
/*新闻*/
.newslist li{float:left; width:30%; margin-right:5%; margin-top:2%}
.newslist li:nth-child(3n){margin-right:0}
.newslist li:nth-child(3n+1){clear: both;}
.imgbox{overflow: hidden;}
.imgbox img{transition: all .5s ease;}
.newslist li:hover .imgbox img{transform: scale(1.1);}
.newstitle{font-size: 18px; color: #0078F3; padding:20px 0 10px}
.newsdesc{ color: #999; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.viewbox{ color: #777; text-align: center; font-size: 14px;}
.viewbox h2{font-size: 24px; line-height:1.8; color: #0078F3;}
.context{min-height:auto; padding: 10px 0; font-size: 14px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.context li{ line-height: 30px;}

.page_banner{min-height: 330px; background:no-repeat center/cover;}
.page_banner img{display: none;}

/*弹窗和按钮*/
.enquiry_btn { padding:20px 0 0; /* display:flex; justify-content:space-between; align-items:center; width:400px */}
.enquiry_btn a{ margin-right:6px; box-sizing:border-box;}
.enquiry_btn a:nth-child(2){ margin-right:0px;}
.enquiry_btn a {display:inline-block; font-size: 16px; padding:16px 25px; line-height:1.2;}
.enquiry_btn a.message_btn {background:#0ca2ff; color:#fff;}
.enquiry_btn a.message_btn:before{content: '\e763'; font-family: 'iconfont'; font-size: 18px; margin-right: 15px; display: inline-block;vertical-align: middle;}
.enquiry_btn a.message_btn:hover {background: linear-gradient(#33cfff, #0ca2ff);}
.enquiry_btn a.share_btn {background:#5f8cec; color:#fff;}
.enquiry_btn a.share_btn:before{content: '\e625'; font-family: 'iconfont'; font-size: 18px; margin-right: 15px; display: inline-block;vertical-align: middle;}
.enquiry_btn a.share_btn:hover {background: linear-gradient(#85a8f1, #5f8cec);}

#message_model,#share_model { position: fixed; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; display: none;}
#message_model .mask,#share_model .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6);}
#message_model .message,#share_model .message {position: absolute; background: #eee; left: 0; right: 0; margin: auto; top: 0; width: 94%; max-width: 680px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9;}
#message_model .message .close,#share_model .message .close {position: absolute; right: 10px; top: 20px; width: 40px;z-index: 99999;cursor: pointer;}
#message_model .message .close .iconfont,#share_model .message .close .iconfont {font-size:30px; line-height:1; text-align:center;}
#message_model .message .messagebox,#share_model .message .messagebox{padding:50px}
#message_model .message .messagebox .row,#share_model .message .messagebox .row{padding:10px 0 0}
#message_model .message .messagebox .row-label,#share_model .message .messagebox .row-label{padding:0 0 5px}
#message_model .message .messagebox .row-input input,#share_model .message .messagebox .row-input input {background: #fff; width: 100%; height: 44px; line-height: 44px; font-size: 14px; padding-left: 2%; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box;}
#message_model .message .messagebox .row-input textarea{background: #fff; width: 100%; height: 100px; font-size: 14px; padding:2%; line-height: 24px; resize: none; border: 1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box;}
#message_model .message .messagebox .row-left{text-align: left; margin-top:10px;}
#share_model .message .messagebox .row-left{text-align: left; margin-top:20px;}
#message_model .message .messagebox .row-left input,#share_model .message .messagebox .row-left input{background: #00263e; display: block; border:0; padding:15px 30px; font-size: 16px; color: #fff; cursor: pointer; font-family:'Montserrat-R'; text-transform: uppercase;}
.mesphone{font-family: 'Montserrat-R'; font-size: 18px; color:#00263e; margin-top: 18px;}
.mesphone .iconfont {font-size:20px; line-height:1; margin-right:12px}
.mesdesc{}
.mestitle{font-family: 'Montserrat-B'; font-size: 30px; color:#00263e; padding-bottom: 18px;}
.mesline{border-bottom:1px solid #ccc; padding-bottom: 25px; margin-bottom: 15px;}

.goTop {position: absolute; z-index: 8; top:-28px; right: 5%;width: 56px;height: 56px;border-radius: 100%;background-color: #009DD9;text-align: center;cursor: pointer;}
.goTop i{line-height:1; top:20px; display: block; width:56px; color: #fff;position: absolute; z-index: 9; font-size: 24px;transform: rotate(-270deg);-ms-transform: rotate(-270deg);-webkit-transform: rotate(-270deg);}