﻿/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/

body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

*{box-sizing: border-box;}

#copy{display: none;}

a {color: #666; text-decoration: none;}
a:hover { color: #3890e9;text-decoration: none; border-bottom-style:}

.page{ margin:0 auto;width: 1400px; }
.bg{ width: 100%; min-width: 1400px;}
.box{margin: 0 auto;width:89%;}

.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}




/*英文样式*/
.font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}









/*标题*/
.t{text-align: center;padding:90px 0 45px 0;}
.t b{font-size: 46px;color:#333;}
.t t{color:#ffab2d;}
.t p{font-size: 20px;color:#666;line-height: 30px;}










/*最上*/
.top_bg{height:42px;line-height:42px;background: #222;font-size:14px;}
.top_fl{color:#999;}
.top_fr p{float:left;width:140px;color:#fff;}
.top_fr p:last-child{margin-right: 0px;}
.top_fr p:nth-child(odd){background: #3890e9;}
.top_fr p:nth-child(odd):hover{background: #ffab2d;}
.top_fr p a{display: block;height: 42px;color:#fff;}
.top_fr p:nth-child(1) a{padding-left:54px;background: url(../images/20210708092346_918050365.png)no-repeat 30px center;}
.top_fr p:nth-child(2) a:nth-child(1){margin-right:7px;padding-left:40px;float: left;background: url(../images/20210708093547_834370522.png)no-repeat 15px center}
.top_fr p:nth-child(2) a:nth-child(2){background: none;}
.top_fr p:nth-child(3) a{padding-left:48px;background: url(../images/20210708093547_186481914.png)no-repeat 25px center;position: relative;}
.top_fr p:nth-child(3) a:after{content:'';display:block;width:140px;height:0px;background: url(../images/20210708095120_1458679047.jpg)no-repeat;background-size: 100%;position: absolute;left: 0;z-index: 99;box-shadow: 0 0 30px rgba(0,0,0,0.18);transition:all 0.3s;}
.top_fr p:nth-child(3):hover a:after{height:140px;}
.top_fr p span{font-size: 20px;color:#ffab2d;font-weight:bold;float: right;}









/*导航*/
.head_fl{width: 28%;}
.head_fl a{float:left;display: block;margin:11px 12px 0 0;}
.head_fl p{width: 513px; margin-top:31px;}
.head_fl p b{display: block;font-size: 1.6vw;color: #333;}
.head_fl p span{font-size: 1.1vw;color:#666;}

.nav{margin-left: 2vw;}
.NavCeshi li{float:left;padding:0 1vw; position:relative;top: 0px;transition: 0.2s all ease-in-out;}
.NavCeshi li>a{display:block;position: relative;text-align: center;}
.NavCeshi li i{line-height:120px;font-style:normal;font-size: 16px;color:#333;}
.NavCeshi li.navcurrent i,.NavCeshi > li:hover > a i{color:#3890e9;}
.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}
.NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height:2px;transition: 0.2s all ease-in-out; position: absolute; left:0%; bottom: 0; background: #3890e9;z-index: -1; }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width: 100%}
/*下拉*/
.NavCeshi .nav2{width:190px;border-top: 4px #3890e9 solid;position: absolute;left:50%;top:100px;transform: translate(-50% );z-index: 9;transition: all 0.3s ease-out 0s;opacity: 0;}
.NavCeshi li:hover .nav2{opacity: 1;top:120px;z-index: 9999;}
.NavCeshi .nav2 a{display: block;height: 50px;line-height: 50px;background: #3890e9;color: #fff;text-align: center;transition:ease-out .3s;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: initial !important;}
.NavCeshi .nav2 a:hover{background: #fff;text-indent: 10px;color: #3890e9;}
.nav2 table{width: 100%;}

/*电话*/
.head_tel{position: relative;}
.head_tel:after{content: '';display: block;width:39px;height:39px;background: #333 url(../images/20210708104338_454209149.png)no-repeat center;border-radius: 100%;position: absolute;top: 40px;left: -3vw;}
.head_tel p{font-size:1.79vw;color:#f1b133;font-weight: bold;line-height: 120px;}
















/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative;z-index: 1;background: #000;}
.banner-box{ min-width:1400px; height:784px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:784px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;    height: 80%;    position: relative;    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:260px; left: 0; margin-left: 0; height: 480px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px;background-position: 0 0;} 
.banner-btn a.next{ right:-50px;background-position: -49px 0;}
.banner-btn a{background:url(../images/20210522160807_1276439711.png) no-repeat;}
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #ffab2d;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right:80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*内页*/
.banner-nbox{height:350px;}
.banner-nbox .bd li{height:350px;}
.banner-nbox .banner-btn{    top: 100px;}

















/*产品*/
/*分类*/
.prod_t{height:525px;}
.prod_sort{width: 22.437%;}
.prod_sort_title{height: 150px;padding:10.5% 0 0 9%;background: #3890e9;}
.prod_sort_title b{font-size:2.1vw;color:#fff;}
.prod_sort_title t{color:#ffab2d;}
.prod_sort_title p{font-size: 0.85vw;color: #eee;}
.prod_sort_content table{width:100%;}
.prod_sort_content tr,.prod_sort_content td{display: block;height: 75px;background: #333;position: relative;}
.prod_sort_content tr:before{content:"";display:block;width: 0%;height: 44px;background: #ffab2d;border-radius: 0 50px 50px 0;position: absolute;top: 17px;transition: all 0.4s;}
.prod_sort_content tr:hover:before{width: 86%;}
.prod_sort_content tr:after{content:"";display:block;width: 100%;height: 1px;border-bottom: 1px dashed #000;position: absolute;bottom: 0;z-index: 9;}
.prod_sort_content td{padding-left: 19%;background:url(../images/20210709165456_2069164556.png)no-repeat 10% center;}
.prod_sort_content a{display: block;height: 74px;line-height: 75px;font-size: 0.84vw;color: #fff;font-weight: initial !important;background:url(../images/20210709170056_903883506.png)no-repeat 80% center;transition: all 0.2s;}
.prod_sort_content tr:hover a{background-position: 125% center;}
.prod_sort_content tr:nth-child(6) { display: none;}
/*重点产品*/
.prod_product{width: 77.56%;height:525px;background: #f5f5f5;position: relative;overflow: hidden;}
.prod_product_img{width: 48%;height: 525px;align-items: center;display: flex;justify-content: center;}
.prod_product_img img{width: 39vw;transition: all 0.3s;}
.prod_product .swiper-slide:hover .prod_product_img img{transform: scale(1.18);}
.prod_product_content{width: 52%;height: 525px;padding: 70px 4.8vw 60px 0;float:right;}
.product_content_text *{display:block;}
.product_content_text b{font-size: 1.7vw;color: #333;}
.product_content_text t{margin-top: 3px;font-size: 0.74vw;color: #999;}
.product_content_text t:after{content: "";display: block;width:70px;height:2px;margin: 37px 0 35px 0;background: #ffab2d;}
.product_content_text p{margin-bottom:2px;font-size: 1.16vw;color: #3890e9;}
.product_content_text span{font-size: 0.84vw;color: #666;line-height: 30px;}
.product_content_text span:nth-child(4){margin-bottom:20px;}
.product_content_a{margin-top: 30px;position: relative;z-index: 99;}
.product_content_a a{display: block;float:left;width: 8.34vw;height: 50px;line-height: 50px;margin-right: 2vw; background: #3890e9;font-size: 0.96vw;color: #fff;text-align: center;}
.product_content_a a:last-child{background: #333;}
/*圆点切换*/
.prod_swiper-pagination{width: 14% !important;bottom: 80px !important;left: 86% !important;}
.prod_swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;margin: 0 10px!important;background: #000;opacity: 1;}
.prod_swiper-pagination .swiper-pagination-bullet-active{background:#ffab2d;}
/*推荐*/
.prod_recommend{width: 9.38vw;height: 45px;line-height: 45px;background: #3890e9;border-radius: 50px 0 0 50px;color: #fff;font-size: 0.86vw;position: absolute;top: 75px;right: 0;z-index: 9;}
.prod_recommend p{padding-left: 3.6vw;background: url(../images/20210708144650_332235700.png)no-repeat 20% center;}
/*滚动产品*/
.prod_b{}
.prod_b td{display: block;float: left;width: 22.9%;
    height: 392px;
    margin-right: 1%;
    margin-left: 1%;padding-left: 0px !important;box-shadow: 0 0 30px rgba(0,0,0,.08);}
.prod_b td:last-child{margin-right:0px;}
.prod_b td>a{display: block;overflow: hidden;}
.prod_b td>a img{position: relative;left: 50%;margin-left: -100%;transition: all 0.3s;}
.prod_b td:hover>a img{transform: scale(1.1);}
.prod_b td br{display:none;}
.prod_b td span{display: block;margin-top: 20px;}
.prod_b td span a{display: block;font-size: 0.84vw;}
.prod_b td:hover span a{color: #3890e9;}
















/*产品特点*/
.trait_bg{height:1000px;background: url(../images/20210708145730_121683666.jpg)no-repeat center;overflow: hidden;}
.trait{position: relative;}
.t_trait{padding: 80px 0 40px 0;position: relative;z-index: 2;}
.t_trait b{color:#fff;}
.t_trait p{color:#eee;}
.trait_img img{position: absolute;left: 50%;transform: translate(-50%);}
.trait_img img:nth-child(1){top: 204px;}
/*特点*/
.trait_li *{display: block;}
.trait_li{height:211px;padding: 30px 0 0 3%;position: absolute;cursor: pointer;}
.trait_li:nth-child(n+4):nth-child(-n+6){padding: 30px 3% 0 0;text-align: right;right:0;}
.trait_li:nth-child(1){width: 32.77%;background: url(../images/20210708155221_1243371528.png)no-repeat right;top: 205px;}
.trait_li:nth-child(2){width: 23.146%;background: url(../images/20210708162749_1693335675.png)no-repeat right;top:457px;}
.trait_li:nth-child(3){width: 32.77%;background: url(../images/20210708163312_227758974.png)no-repeat right;top:707px;}
.trait_li:nth-child(4){width: 32.77%;background: url(../images/20210708163505_143654959.png)no-repeat left;top: 205px;}
.trait_li:nth-child(5){width: 23.146%;background: url(../images/20210708163505_1966107558.png)no-repeat left;top:457px;}
.trait_li:nth-child(6){width: 32.77%;background: url(../images/20210708163505_1569444676.png)no-repeat left;top:707px;}
.trait_li b{padding-left: 3.8vw;font-size:24px;color: #fff;}
.trait_li:nth-child(n+4):nth-child(-n+6) b,.trait_li:nth-child(n+4):nth-child(-n+6) t{padding:0 3.8vw 0 0;}
.trait_li b:before{content:"";display: block;width:50px;height:50px;background:url(../images/20210708161444_1657207599.png)no-repeat;position: absolute;transition: all 0.3s;}
.trait_li:nth-child(2) b:before{background-position: -50px 0;}
.trait_li:nth-child(3) b:before{background-position: -100px 0;}
.trait_li:nth-child(4) b:before{background-position: -150px 0;}
.trait_li:nth-child(5) b:before{background-position: -200px 0;}
.trait_li:nth-child(6) b:before{background-position: -250px 0;}
.trait_li:hover:nth-child(1) b:before{background-position: 0px -50px;}
.trait_li:hover:nth-child(2) b:before{background-position: -50px -50px;}
.trait_li:hover:nth-child(3) b:before{background-position: -100px -50px;}
.trait_li:hover:nth-child(4) b:before{background-position: -150px -50px;}
.trait_li:hover:nth-child(5) b:before{background-position: -200px -50px;}
.trait_li:hover:nth-child(6) b:before{background-position: -250px -50px;}
.trait_li:nth-child(n+1):nth-child(-n+3) b:before{left: 2.6vw;}
.trait_li:nth-child(n+4):nth-child(-n+6) b:before{right: 2.6vw;}
.trait_li t{padding-left: 3.8vw;font-size: 0.7vw;color: #72a3e8;line-height: 30px;}
.trait_li i{width:60px;height:2px;margin:17px 0 17px 0;background: #ffab2d;}
.trait_li:nth-child(n+1):nth-child(-n+3) i{float:left;}
.trait_li:nth-child(n+4):nth-child(-n+6) i{float:right;}
.trait_li p{font-size: 0.84vw;color:#72a3e8;line-height: 30px;position: relative;clear: both;}
.trait_li:nth-child(n+4):nth-child(-n+6) p:before{position: absolute;right: 0;}





















/*样品展示*/
.sample_bg{position: relative;}
.sample{position: relative;overflow: hidden;}
.sample_t{height:547px;}
.sample_b{width: 70px;height: 70px;line-height: 64px;margin: auto;background: #ffab2d;border-radius: 100%; text-align: center;}
.sample_b a{font-size: 40px;color: #fff;font-weight: lighter;}
/*图片*/
#case_box-slide {position: relative;width:100%;margin:0 auto;}
#case_box-slide .swiper-slide{width:33.9vw;box-sizing: border-box;   transform: perspective(100px) rotateY(5deg) scale(0) !important;}
#case_box-slide .swiper-slide img{display:block; width: 100%;transition: 0.3s all linear;}
#case_box-slide .swiper-slide-active:hover img{transform: scale(1.2);}
#case_box-slide .swiper-slide p{height: 60px;line-height: 60px;background: #f5f5f5;font-size: 18px; color: #333; text-align: center;position: relative;
z-index: 9;transition: all 0.3s;}
#case_box-slide .swiper-slide:hover p{background: #ffab2d;color: #fff;}
.case_box .sample_swiper-prev{cursor:pointer; position: absolute;  top:43%;z-index:999; width: 47px; height:47px;  background-image:url(../images/20210709223458_588018044.png); background-repeat: no-repeat;background-position: center;}
.case_box .swiper-prev{left:22.2vw;}
.case_box .swiper-next{transform: rotate(180deg); right:22.2vw;}

.case_box .swiper-slide-prev p,.case_box .swiper-slide-next p{display:none;}
#case_box-slide .swiper-slide-prev,#case_box-slide .swiper-slide-next{opacity: 0.6 !important; }
#case_box-slide .swiper-slide-prev{ transform: perspective(100px) rotateY(5deg) scale(.8) !important; }
#case_box-slide .swiper-slide-next{ transform: perspective(100px) rotateY(-5deg) scale(.8) !important;}
#case_box-slide .swiper-slide-active a{position: relative; display:block; width:100%; height:100%;overflow: hidden;}
#case_box-slide .swiper-slide-active{ transform: perspective(0) rotateY(0) scale(1) !important;}

#case_box-slide .swiper-container{ overflow: unset;}
#case_box-slide .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform-style: preserve-3d;  transform-style: preserve-3d;}
#case_box-slide .swiper-container-android .swiper-slide,#case_box-slide .swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0);-o-transform: translate(0px, 0px);-ms-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
#case_box-slide .swiper-container-multirow > .swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
#case_box-slide .swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}



















/*优势*/
.adv_bg{height:1187px;background: url(../images/20210708191505_297788504.jpg)no-repeat center;}
.t_adv b{color:#fff;}
.t_adv p{color:#eee;}
/*优势内容*/
.adv_t_fl{width: 84.44%;height:600px;padding: 50px 3%;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.08);position:relative;}
.adv_t_fl:after{content:"";display:block;width: 35.72%;height: 52%;background: #3890e9;position: absolute;bottom:50px;}
.adv_t_img{width: 54.8%;position: relative;overflow: hidden;}
.adv_t_img img{display: block;margin-left: 2.6%;position: relative;z-index: 9;}
.adv_t_content{width: 40.66%;background: #fff;padding-top:55px;}
.adv_t_content *{display: block;}
.adv_t_title i{float: left;width: 14.812%;height: 16%;line-height: 80px;margin-right: 1.2vw;background: #3890e9;border-radius: 10px;font-size: 2.4vw;color: #fff;text-align: center;font-style: normal;position: relative;}
.adv_t_title i:after{content: '';display: block;width: 82.5%;height: 66px;border: 1px #61aefb solid;border-radius: 10px;position: absolute;    top: 50%;left: 50%;transform: translate(-50%,-50%);}
.adv_t_title p{float:left;}
.adv_t_title span{margin: 0.4vw 0 0.1vw 0;font-size: 1.56vw;color: #333;font-weight: bold;}
.adv_t_title t{font-size: 0.73vw;color: #666;}
.adv_t_text:before{content:"";display: block;width: 18.6%;height: 2px;margin:40px 0 30px 0; background: #ffab2d;}
.adv_t_text p{padding-left: 1.5vw;font-size: 0.84vw;color:#666;line-height: 30px;position: relative;}
.adv_t_text p:first-child{margin-bottom:23px;}
.adv_t_text p:after{content:"";display: block;width:12px;height:12px;background: #ffab2d;border-radius: 100%;position: absolute;top: 10px;left: 0;}
.adv_t_text a{width: 33.33%;height: 54px;line-height: 54px;margin-top: 30px;background: #333;border-radius: 27px;font-size: 0.96vw;color: #fff;text-align: center;}
.adv_t_text a:hover{background:none;}
/*切换*/
.adv_t_fr{width: 15.55%;background: #fff;}
.adv_t_fr .swiper-wrapper{transform: none !important;height: 600px;}
.adv_t_fr .swiper-slide{width: 100% !important;height:149px;position: absolute !important;cursor: pointer;background: #333;text-align: center;}
.adv_t_fr .swiper-slide.swiper-slide-active{background: #ffab2d;}
.adv_t_fr .swiper-slide:nth-child(2){margin-top:150px;}
.adv_t_fr .swiper-slide:nth-child(3){margin-top:300px;}
.adv_t_fr .swiper-slide:nth-child(4){margin-top:450px;}
.adv_t_fr .swiper-slide p{font-size: 1.24vw;color: #fff;font-weight: bold;}
.adv_t_fr .swiper-slide p:before{content: "";display: block;width:45px;height:45px;margin: 22px auto 10px;background: url(../images/20210709101911_1273746477.png)no-repeat;}
.adv_t_fr .swiper-slide:nth-child(2) p:before{background-position:-45px 0;}
.adv_t_fr .swiper-slide:nth-child(3) p:before{background-position:-90px 0;}
.adv_t_fr .swiper-slide:nth-child(4) p:before{background-position:-135px 0;}
.adv_t_fr .swiper-slide span{font-size: 0.64vw;color: #e5e5e5;line-height: 30px;}
/*核心服务*/
.adv_b_title{margin: 40px 0 25px 0;text-align: center;font-size: 1.4vw;color: #333;font-weight: bold;}
.adv_li{float:left;width: 10.63%;height: 180px;margin-right:4.26%;background: #fff;position: relative;transition:all 0.3s;}
.adv_li:hover{border-radius: 100%;}
.adv_li:before{content: "";display: block;width:22px;height:39px;background: url(../images/20210709112113_251946818.png)no-repeat; position: absolute;right: -28%;top: 72px;}
.adv_li:last-child:before{background: none;}
.adv_li:last-child{margin-right: 0%;}
.adv_li p{text-align: center;font-size: 0.84vw;color: #666;line-height: 26px;}
.adv_li p:before{content:"";display: block;width:48px;height:48px;margin: 35px auto 15px;background: url(../images/20210709110705_1020998267.png)no-repeat;transition:all 0.3s;}
.adv_li:nth-child(2) p:before{background-position:-48px 0;}
.adv_li:nth-child(3) p:before{background-position:-96px 0; }
.adv_li:nth-child(4) p:before{background-position:-144px 0; }
.adv_li:nth-child(5) p:before{background-position:-192px 0; }
.adv_li:nth-child(6) p:before{background-position:-240px 0; }
.adv_li:nth-child(7) p:before{background-position:-288px 0; }
.adv_li:hover:nth-child(1) p:before{background-position:0px -48px;}
.adv_li:hover:nth-child(2) p:before{background-position:-48px -48px;}
.adv_li:hover:nth-child(3) p:before{background-position:-96px -48px;}
.adv_li:hover:nth-child(4) p:before{background-position:-144px -48px;}
.adv_li:hover:nth-child(5) p:before{background-position:-192px -48px;}
.adv_li:hover:nth-child(6) p:before{background-position:-240px -48px;}
.adv_li:hover:nth-child(7) p:before{background-position:-288px -48px;}
























/*简介*/
.com_bg{height:1210px;}
/*简介文字和内容*/
.com_t{position: relative;height: 560px;}
.com_fl{width:47.33%;height: 560px;padding: 3.5% 11% 0 3.5%;background: #fafafa;}
.com_fl *{display: block;}
.com_fl b{font-size: 1.56vw;color: #333;}
.com_fl t{font-size: 0.73vw;color: #666;line-height: 30px;}
.com_fl t:after{content:"";display: block;width:80px;height:2px;margin: 30px 0;background: #ffab2d;}
.com_fl p{font-size: 0.84vw;color:#666;line-height: 30px;}
.com_fl p:last-child{margin-top:30px;}
.com_fr{width: 52.67%;overflow: hidden;}
.com_logo{width: 12.104%;height: 10.678vw;margin: auto;padding-top: 3.2%;background: #ffab2d;border-radius: 100%;text-align: center;position: absolute;left: 41.28%;top: 27%;box-shadow: 0 0 0 0 rgb(255, 171, 45);animation: ripple 3s infinite;}
.com_logo img{width: 40.98%;}
/*证书*/
.com_b{position: relative;}
.com_zs_content .swiper-wrapper,.com_zs_content .swiper-slide{height:445px;}
.com_zs{width: 23.736%;height: 27.82vw;background: #3890e9;position: absolute;top:-7vw;left: 0;overflow: hidden;}
.com_zs_title{margin: 1.84vw 0 0.8vw 0;font-size: 1.56vw;color: #fff;font-weight: bold;text-align: center;}
.com_zs_content .swiper-slide a{display: block;width: 69.66%;height: 19.16vw;margin: auto;}
.com_zs_content .swiper-slide img{width:100%;}
.com_zs_content .swiper-slide p{font-size: 0.84vw;color: #fff;text-align: center;line-height: 2.8vw;}
.zs_swiper{width:20px !important;height:36px !important;background-image:url(../images/20210710103448_632834244.png) !important;background-size: 100% !important;top:10vw !important;}
.zs_swiper-button-prev{left: 5% !important}
.zs_swiper-button-next{transform: rotate(180deg);right: 5% !important}
/*厂房*/
.com_plant{width: 83%;height: 20.85vw;padding: 2.4% 0 0 3.6%;background: #f5f5f5;position: absolute;right: -6.74%;}
.com_plant_page{width: 91.6%;position: relative;}
.com_plant_page:before,.com_plant_page:after{content:"";display:block;width: 44.6%;height: 1px;background: #ccc;position: absolute;bottom: 5.6%;}
.com_plant_page:before{left: 0;}
.com_plant_page:after{right: 0;}
.com_plant .swiper-container{height: 16.2vw;}
.com_plant .swiper-slide a{display:block;overflow: hidden;}
.com_plant .swiper-slide a img{width: 100%;}
.com_plant .swiper-slide p{font-size: 0.84vw;color: #333;text-align: center;line-height: 3vw;}
.plant_swiper{width:30px !important;height:30px !important;background:#333;background-image: none !important;border-radius: 100%;top: 96% !important;}
.plant_swiper:before{content:"";display:block;}
.plant_swiper:after{content:"";display:block;width:8px;height:14px;margin: 8px auto 0;background:url(../images/20210710111312_1053106138.png)no-repeat;}
.plant_swiper-button-prev{left: 44% !important;}
.plant_swiper-button-next{right:44% !important;transform: rotate(180deg);}


@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(237, 107, 27, .0);

                box-shadow: 0 0 0 50px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
    }
}













/*新闻*/
.news_bg{height:1030px;}
.news .news_gallery-thumbs{width: 546px;height:80px;margin: auto;text-align: center;}
.news .news_gallery-thumbs .swiper-wrapper{transform: none !important;}
.news .news_gallery-thumbs .swiper-slide{width: 268px;background: #3890e9;cursor: pointer;}
.news .news_gallery-thumbs .swiper-slide-active{background: #ffab2d;}
.news .news_gallery-thumbs .swiper-slide p{margin: 15px 0 4px 0;font-size: 22px;color:#fff;}
.news .news_gallery-thumbs .swiper-slide span{font-size: 12px;color:#eee;}
/*切换内容*/
.news .news_gallery-top{height:590px;    overflow: initial;}
.news .news_div_item{position: relative;}
/*第一条和第二天新闻*/
.news .news_div_item:nth-child(1){margin-right:1.75%;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2){float: left;width: 24.1342%;height:590px;box-shadow: 0 0 30px rgba(0,0,0,.08);}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_date{padding: 0 6.8%;position: absolute;top:535px;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_year,.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_month,.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_day{float:left;font-size: 14px;color: #999;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_content{padding: 0 6.8%;position: absolute;top:353px;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_a{margin-bottom: 14px;font-size:22px;color:#333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_body{height: 97px;font-size: 14px;color: #999;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_pic{width: 100%;height: 325px;position: relative;overflow: hidden;}
.news .news_div_item:nth-child(n+1):nth-child(-n+2) .news_div_item_pic img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*第三天到第五条*/
.news .news_div_item:nth-child(n+3):nth-child(-n+5){float: right;width: 48.325%;height: 196.5px;padding: 40px 60px 40px 40px;border: 1px #eee solid;}
.news .news_div_item:hover:nth-child(n+3):nth-child(-n+5){transition: all 0.3s;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_date{float:left;width:15.79%;height:120px;background:#eee;position: relative;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_year,.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_month{float:left;font-size:0.85vw;color:#999;position: absolute;bottom:20%;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_year{left:18%;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_month{left:60%;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_month:after{content:"";display:block;width: 6px;height: 20px;background: #eee;position: absolute;right: 1%;top: 10%;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_day{font-size:3.4vw;color:#666;text-align: center;font-weight: bold;line-height: 2.7vw;position: absolute;left: 50%;top: 17%;transform: translate(-50%,0);}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_content{float: right;width: 81%;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_a{display: block;margin: 2px 0 10px 0;font-size:22px;color:#333;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_body{font-size:0.72vw;color:#999;line-height:26px;}
.news .news_div_item:nth-child(n+3):nth-child(-n+5) .news_div_item_pic{display:none;}



















/*友情链接*/
.linkTagcs{width: 1240px !important;}
.link_bg{ height: 100px; background: #3890e9; }
.link_bg .links_m{width: 80%;}
.link_bg .linkTagcs a{}
.links_l{font-size: 18px; color:#fff; line-height:100px;padding-left: 4%;background: url(../images/20210709154921_1963521787.png)no-repeat left;}
.linkTagcs li a{font-size:14px;color: #eee !important;}
.links_r a{font-size:14px; color:#fff;height:80px; padding-top:15px;display: block;}















/*版权*/
.footer_bg{height:425px;background: #222;}
.footer *{display: block;}
.footer li{height:425px;padding:0 5%;float:left;border-right: 1px #333 solid;}
.footer li:first-child{padding-left: 0px;}
.footer li:nth-child(4) a:nth-child(n+2):nth-child(-n+6){padding-left:2vw;position: relative;}
.footer li:nth-child(4) a:nth-child(n+2):nth-child(-n+6):after{content:"";display: block;width:22px;height:22px;background: url(../images/20210428194239_440502409.png)no-repeat;position: absolute;left: 0;top: 7px;transition:all 0.3s;}
.footer li:nth-child(4) a:nth-child(4):after{background-position:-44px 0 !important;}
.footer li:nth-child(4) a:nth-child(5):after{background-position:-66px 0 !important;}
.footer li:nth-child(4) a:nth-child(6):after{background-position:-88px 0 !important;}
.footer li:nth-child(4) a:hover:nth-child(2):after{background-position:-0px -22px !important;}
.footer li:nth-child(4) a:hover:nth-child(3):after{background-position:-0px -22px !important;}
.footer li:nth-child(4) a:hover:nth-child(4):after{background-position:-44px -22px !important;}
.footer li:nth-child(4) a:hover:nth-child(5):after{background-position:-66px -22px !important;}
.footer li:nth-child(4) a:hover:nth-child(6):after{background-position:-88px -22px !important;}
.footer li a:first-child{padding-top: 80px;font-size: 20px;color:#fff;}
.footer li a:first-child:after{content:"";display: block;width:30px;height:2px;margin:25px 0;background: #ffab2d;}
.footer li a{font-size:0.78vw;color:#999;line-height: 36px;transition: all 0.25s;}
.footer li a:hover{color:#fff;}

.footer_qrcode{width:29.8%;height: 17.95vw;padding-top: 3%;}
.footer_qrcode ul{width: 30.6%;height: 9vw;padding:1.5%; background: #fff;float:right;margin-left: 2%;}
/*.footer_qrcode ul:first-child{margin-left: 8%;}*/
.footer_qrcode ul img{width:100%;}
.footer_qrcode ul p{margin-top: 1.5%;text-align: center;font-size: 14px;color:#999;}












/*版权最底部*/
.copy_bg{height:100px;line-height:98px;background: #222;border-top:1px #333 solid;}
.copy,.copy a{font-size:15px;color:#999;transition:all 0.3s;}
.copy a:hover{color:#fff;}









/*按钮*/
.button_base{color: #4d5983;line-height: 50px;border: 1px solid currentColor;transition: 0.5s ease-in-out;z-index: 5;overflow: hidden;position: relative;z-index: 99;}
.button_base:before,.button_base:after,.button_base span:before,.button_base span:after{content: '';width: 25.25%;height: 0;background-color: #ffab2d;position: absolute;top: 0;z-index: -1;box-sizing: border-box;transition: 0.5s ease-in-out;}
.button_base:before{left: 0;}
.button_base:after{left: 50%;}
.button_base span:before,.button_base span:after{top: auto;bottom: 0;}
.button_base span:before{left: 25%;}
.button_base span:after{left: 75%;}
.button_base:hover:before,.button_base:hover:after,.button_base:hover span:before,.button_base:hover span:after{height: 80px;}










/*其他屏幕样式*/
@media (max-width: 1850px) and (min-width: 1781px){

}
@media (max-width: 1780px) and (min-width: 1681px){
.com_bg {height: 1170px;}
}
@media (max-width: 1680px) and (min-width: 1600px){
.NavCeshi li i{font-size: 15px;}
     .trait_li:nth-child(2),.trait_li:nth-child(5){width: 22%;}
.com_bg {height: 1150px;}
}
@media (max-width: 1599px) and (min-width: 1500px){
.NavCeshi li i{font-size: 14px;}
         .trait_li:nth-child(2),.trait_li:nth-child(5){width: 21%;}
.com_bg {height: 1130px;}
}
@media (max-width: 1499px) and (min-width: 1400px){
.nav{margin-left: 0vw;}
.NavCeshi li i{font-size: 14px;}
    .trait_li:nth-child(2),.trait_li:nth-child(5){width: 20%;}
.com_bg {height: 1120px;}
}













    
    
/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/20210717105050_42641571.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #3890e9; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #3890e9; border-color: #3890e9; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #3890e9; border-color: #3890e9;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #3890e9; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #068cea; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }