@charset "utf-8";
.pd60{padding:40px 0}
.topblank{height: 0;}
.wrapper{width:auto; padding:0 2%}
.top{border-bottom: 1px solid #e2e2e2; height: 40px; line-height: 40px; padding:0 3%}
.top .rightline{border-left:1px solid #e2e2e2; padding:0 20px}
.top .leftline{border-left:1px solid #e2e2e2; padding:0 0 0 20px}
.top .rightline:nth-of-type(2){border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.top .iconfont{display: inline-block; vertical-align: bottom; font-size: 18px; color: #008cd0; margin-right: 8px;}
.top span{padding:0 10px}
.mainbox{width:1240px; margin: 0px auto; background: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.header {z-index: 999;height: 85px; position: sticky; left:0; top:0; background:#fff; width: 100%; -webkit-transition: all .5s ease;transition: all .5s ease;}
.header .wrapper{width:auto; padding: 0 2%; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.header .logo {margin:12px 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat;width:180px; height:60px; background-size: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}

.nav li{ display: inline-block; position: relative; font-weight: bold;line-height: 85px; font-size: 16px;margin:0 5px 0 40px;}
.nav a{display: block; text-decoration: none;}
/*广告位*/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative; background: #000000;}
.banner img{width: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url(../images/rightjt.png) no-repeat center center;width: 40px;height: 40px; border-radius:50%; border:1px solid #fff;right:0px;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.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;}
.pd80{padding:70px 0}
.pd40{padding:40px 0}
.graybg{background: #f5f5f5;}
.homeabout{background: #f5f5f5; padding:60px 10px;}
.hometitle{font-size: 20px; font-weight: bold; color: #111;}
.hometitle-r{font-weight: normal; font-size: 16px; color: #111;}
.protitle{font-size: 24px; font-weight: bold; text-align: center;}
.homefont{ line-height:1.9; font-size: 15px; color:#666; padding:15px 0 20px}
.abt-pic{width:54%;}
.abt-con{width:42%}
.anbtn{ background: #fff; border: 1px solid #ccc; border-radius: 30px; line-height: 35px; width:-webkit-max-content; width:max-content; padding:0 25px; display: block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.anbtn:hover{background: #008cd0; border: 1px solid #008cd0; color:#fff;}

.idx_pro{padding:50px 0; background:#fff;}
.idx_pro .wrapper { position: relative; margin:0 10px;}
.idx_pro .pro_swiper { overflow: hidden; margin-top: 20px;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{ position: absolute; left:10px; top:6px; font-size: 22px; line-height: 1; color:#008cd0;}
.idx_pro .swiper-button-prev{ top:50%;width: 36px;height: 36px; background: #fff; border:1px solid #008cd0; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-next{top: 50%;width: 36px;height: 36px; background: #fff; border:1px solid #008cd0; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-next i{ position: absolute; left:2px; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.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;}
.idx_pro .pro_swiper .swiper-slide .img {overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide .img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.idx_pro .pro_swiper .swiper-slide:hover .img img{transform: scale(1.1);}
.idx_pro .pro_swiper .swiper-slide h2{ text-align: center; padding: 15px 0; background: #f8f8f8; font-size:14px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.idx_pro .pro_swiper .swiper-slide:hover h2{ background: #005698;color: #fff;}

/*底部*/
.footer{background: #fff; border-radius: 10px 10px 0 0; border-top: 6px solid #008cd0;}
.footer .foot{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; padding:30px 0}
.footer .foot strong{color:#000000}
.footer dl:nth-of-type(1){width:500px}
.footer dl:nth-of-type(2){width:calc(100% - 500px)}
.footer h2{font-size: 16px; font-weight: bold; padding:0 0 10px; color: #000;}
.footer dd{line-height: 28px;}
.copyright{text-align: center;padding: 20px 0; background: #008cd0; color: #fff;}
.copyright a{color:#fff;}
.footer .downproduct{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.footer .downproduct dd{width:33%}
/*内页*/
.aboutcontent{line-height:1.8; padding-top:30px}
.aboutcontent img{display: block; margin: 0px atuo;}
.aboutbox{padding-left: 20px;}
.lxwm{ margin-top: 15px; background: #fff;}
.lxwm .fsbox{padding: 20px; border: 2px solid #ff6600; font-size: 15px;}
.lxwm .fsbox b{font-size: 16px;color: #333;}
.lxwm .fsbox .tel{background: url(../images/l_tel.png) no-repeat left 5px; padding-left: 52px; color: #666; margin-top: 12px;}
.lxwm .fsbox .tel span{font-size: 24px; line-height: 1.2; color: #1f53be; display: block; font-family: 'Lato-Bold';}
.lxwm .fsbox p{line-height: 22px; margin-top:5px;}

.tit_le{background: #008cd0 url(../images/nconl_tit.png) no-repeat 92% center; font-size: 16px; font-weight: bold; color:#fff; padding:13px 0 13px 20px; background-size: 24px;}
.tit_le a{color:#fff; display: block;}
.tit_le:hover{background: #0072b5 url(../images/nconl_tit.png) no-repeat 92% center;}
.lxwm .tit_le{background: #ff6600 url(../images/con_tit.png) no-repeat 92% center;}
.nlist{border: 1px solid #dadada;}
.nlist li{ border-top: 1px solid #dadada; background: url(../images/menujt.png) no-repeat 20px center #fff;}
.nlist li:nth-child(1){border-top: none;}
.nlist li a{display: block; color: #333333; padding: 8px 0 8px 35px; font-size: 16px;}
.nlist li:hover{background: url(../images/menujt_on.png) no-repeat 20px center #008cd0; color: #fff;}
.nlist li:hover a{color:#fff;}
.loca{background: #f5f5f5;position: sticky; top:85px; z-index: 9;}
.loca .wrapper{line-height: 50px; background: url(../images/loca.png) no-repeat 2% center; padding-left: 50px;}
.mainaboutwrap{background: #f9f9f9;}
.ny_banenr{height: 400px; background:no-repeat center/cover;}
.main-left{width:250px; float:left; position: sticky; top:160px; z-index: 5;}
.main-right{width:calc(100% - 280px); float:right;}
.aboutcontent{font-size: 16px; line-height:2; padding-top: 10px;}
.aboutcontent strong{color:#008cd0; display: inline-block; margin-top: 6px;}
.atititle{font-size: 30px; line-height:50px; font-weight: bold;}
.productlist{}
.productlist li{width:23.5%; margin-right: 2%; margin-top: 2%; border: 1px solid #e2e2e2; overflow: hidden; background: #fff;}
.main-right .productlist li:nth-child(-n+4){margin-top:0;}
.productlist li img{width: 100%;}
.productlist li:nth-child(4n){margin-right:0}
.productlist h2{font-size: 16px; text-align:center; background: #fff; line-height: 1.8; padding:10px 0; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li .productbox{overflow: hidden; padding:8px}
.productlist .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.productlist li:hover .productbox img{transform: scale(1.1);}
.productlist li:hover h2{color:#1381ec;}
.proview{text-align: center;}
.proview h2{font-size: 30px; line-height:1.8; padding-bottom: 15px;}
.productxxcs{padding:30px 0}
.productxxcs table,td,tr,th{border-collapse:collapse; width: 100%; color:#222}
.aboutcontent table,td,tr,th{border-collapse:collapse; width: 100%; color:#222}
.aboutcontent table td{width:auto; border: #ddd solid 1px; padding: 8px; line-height: 1.5;}
.aboutcontent table tr:nth-of-type(2n){background:#f6f7fb;}
.context{border-top: 1px dotted #aaa; padding-top: 10px;}
.context li{line-height: 30px;}