@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
html{}
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;overflow-x: hidden; background-color: #f8f8f8}
img{border:none;}
a{color:#333333;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#1ba092;text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none; padding:0px; margin:0px auto;}
input, select, button{font:12px Verdana, Arial, Tahoma;vertical-align:middle;outline:none;}
.clearfix::after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.clearfix{*zoom: 0;}
.middle {width:1400px; margin:0px auto;}
.clear{clear:both;}
.center{margin:0px auto;}
.contain {width:1400px; margin:0px auto;}
.sbj{ margin: 40px auto;}
.sbj1{margin-top:40px;}
.fl{float:left;}
.fr{float:right;}
.flexwrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;justify-content: space-between;}
#head_top{width: 100%;position: absolute;left: 0;top: 0;z-index: 99999999;  background-color: rgba(0, 0, 0, 0.2);}
#head_top .logo,#head_top .nav li a,#head_top .tel,#head_top .tel b{color: #fff}
.paddingbox{width: 96%;margin: 0 auto;}
.logo{font-size: 16px;}
.logo p{font-size: 29px;font-weight: bold;margin-bottom: 10px;margin-top: 20px;}
.tel{padding-left: 50px;background: url(../images/tel.png) no-repeat left 10px;font-size: 16px;color: #888;margin-top: 20px;}
.tel b{font-size: 25px;color: #333;display: block;}
.nav li{position: relative; float: left;text-align: center;width: 130px;line-height: 100px;}
.nav li a{display: block;color: #333;font-size: 16px;position: relative;z-index: 2;}
.nav li:hover>a{color: #1ba092;font-weight: bold;}
.nav li dl{position: absolute;left: -25%;top: 100%;z-index: 9999;width: 150%;display: none;}
.nav li dl dt{line-height: 45px;background: #1ba092;}
.nav li dl dt a{font-size: 15px;color: #fff;}
.nav li dl dt:hover{background: #178b7e;}
.content{line-height:36px;font-size:16px;}
.content .title{ font-size: 30px; font-weight: bold; color: #333;}
.rytp{width:24%;float:left;margin:0px 5px 20px;}
.rytp a.link{height:233px;display:block;overflow:hidden;border:1px solid #ccc;text-align:center;position: relative;}
.rytp a.link::before{content: "";display: block;position: absolute;left: 50%;top: 0;width: 0;height: 100%;transition: 0.5s;opacity: 1;background: #fff;}
.rytp a.link::after{content: "";display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 0;transition: 0.5s;opacity: 1;background: #fff;}
.rytp:hover a.link::before{opacity: 0;width: 100%;left: 0;}
.rytp:hover a.link::after{opacity: 0;height: 100%;top: 0;}

.rytp .ryimg{height: 300px;overflow: hidden;}
.rytp a img{transition: all 0.6s;width: 100%;height: 100%;object-fit: contain;}
.rytp .ryb p{line-height:40px;height:40px;text-align:center;}
.rytp .ryb .more{display: block;border: 1px solid #1ba092;line-height: 30px;text-align: center;font-size: 16px;}
.rytp:hover .more{background: #1ba092;color: #fff;}

.company{padding: 100px 0 0;position: relative;overflow: hidden;background: url(../images/aboutbj.png) no-repeat center center;}
.company .coml{width: 48%;}
.company .coml span{display: block;margin-top: -20px;font-size: 40px;font-weight: bold;}
.company .coml .line{width: 50px;height: 4px;background: #1ba092;margin: 30px 0;}
.company .coml p{font-size: 16px;line-height: 2;text-align: justify;}
.company .coml .more{display: block;width: 160px;line-height: 45px;border: 1px solid #1ba092;font-size: 16px;text-align: center;position: relative;margin-top: 70px;z-index: 5;border-top-right-radius: 15px;border-bottom-left-radius: 15px;overflow: hidden;}
.company .coml .more::after{content: "";position: absolute;left: 50%;top: 0;width: 0;height: 100%;background: #1ba092;z-index: -1;transition: 0.5s;}
.company .coml .more:hover::after{width: 100%;left: 0;}
.company .coml .more:hover{color: #fff;}
.company .comr{width: 48%;}
.fbox li{width: 16%;text-align: center;margin-top: 80px;background: url(../images/f_shu.png) no-repeat right top;}
.fbox li strong{font-size: 50px;color: #1ba092;}
.fbox li sub{font-size: 16px;}
.fbox li p{font-size: 18px;}
.fbox li .line{width: 30px;height: 4px;background: #1ba092;margin: 10px auto;}

.product{padding: 100px 0;}
.pro_sort{text-align: center;}
.pro_sort li{display: inline-block;width: 200px;background: #f1f1f1;line-height: 50px;}
.pro_sort li a{display: block;font-size: 16px;position: relative;z-index: 2;}
.pro_sort li a::after{content: "";position: absolute;left: 50%;top: 0;width: 0;height: 100%;background: #1ba092;z-index: -1;transition: 0.5s;}
.pro_sort li:hover a::after{width: 100%;left: 0;}
.pro_sort li:hover a{color: #fff;}
.pro_content{margin-top: 40px;}
.pro_content li{width: 24%;margin-bottom: 20px;}
.pro_content li .proimg{height: 270px;overflow: hidden;position: relative;}
.pro_content li .proimg>img{width: 100%;height: 100%;object-fit: cover;}
.pro_content li .proimg .dimg{position: absolute;left: 50%;top: 0;width: 0;height: 100%;background: #1ba092;display: flex;justify-content: center;align-items: center;transition: .5s;opacity: 0;}
.pro_content li:hover .dimg{left: 0;width: 100%;opacity: .8;}
.pro_content li .pbottom{padding: 20px;background: #f1f1f1;}
.pro_content li .pbottom p{font-size: 16px;}
.pro_content li .ptu{width: 26px;height: 6px;background: url(../images/xw.png) no-repeat;margin-top: 10px;}
.pro_content li:hover .pbottom p{color: #1ba092;}

.movebox{overflow: hidden;height: 100px;position: relative;}
.movebox .xian{animation: move 30s infinite linear;animation-direction: alternate;}
.movebox .xian_s{animation: move_s 30s infinite linear;animation-direction: alternate;position: absolute;left: 0;top: 0;}
@keyframes move{
	0%{transform: translateX(1%);}
	100%{transform: translateX(-70%);}
}
@keyframes move_s{
	0%{transform: translateX(-70%);}
	100%{transform: translateX(1%);}
}


.advantage{padding: 100px 0;}
.advantage .title p{font-size: 40px;font-weight: bold;margin-bottom: 10px;color: #333;}
.advantage .title p span{font-size: 45px;color: #1ba092;}
.advantage .aditem{border-top: 1px solid #ccc;}
.advantage .aditem .swiper-slide{height: 70px;border-top: 2px solid #1ba092;padding: 10px 0;cursor: pointer;}
.advantage .aditem .swiper-slide dt{display: flex;justify-content: space-between;font-size: 18px;font-weight: bold;}
.advantage .aditem .swiper-slide dt p{width: 200px;margin-top: 13px;}
.advantage .aditem .swiper-slide dt .idiv{margin-top: 11px;}
.advantage .adcontent dt{height: 660px;text-align: center;display: inline-block;width: 100%;}
.advantage .adcontent dt span{font-size: 32px;font-weight: bold;display: block;margin-top: 40px;}
.advantage .adcontent dt p{font-size: 18px;}
.advantage .adcontent .swiper-slide:nth-child(1) dt{background: url("../images/big_img1.jpg") no-repeat center center;}
.advantage .adcontent .swiper-slide:nth-child(2) dt{background: url("../images/big_img2.jpg") no-repeat center center;}
.advantage .adcontent .swiper-slide:nth-child(3) dt{background: url("../images/big_img3.jpg") no-repeat center center;}
.advantage .adcontent .swiper-slide:nth-child(4) dt{background: url("../images/big_img4.jpg") no-repeat center center;}
.advantage .aditem .swiper-slide:hover{color: #1ba092;}


.x-ys-2-img {
    width: 50%;
}
.x-ys-2-img img{width: 100%;}
.x-ys-2-text {
    width: 50%;
}
.x-ys-1,.x-ys-2{display: flex;align-items: center;}
.x-ys-1-img{width: 50%;}
.x-ys-1-text{width: 50%;}
.x-ys-1-img img{width: 100%;}
.x-ys-1-text li{margin-left: 66px;list-style-type: none;margin-top: 20px;margin-bottom: 50px;}
.x-ys-text li + li{border-top: 1px dashed #c3c2c2;margin-top: 50px;padding-top: 50px;}
.x-ys-text li ol{color: #666666;font-size: 22px; position: relative;padding-bottom: 20px;margin-bottom: 30px;}
.x-ys-text li ol span{display: block;color: #333333;font-size: 24px;font-weight: bold;margin-top: 10px;}
.x-ys-text li ol::before{position: absolute;content: "";display: block;width: 60px;height: 5px;background-color: #1ba092;left: 0;bottom: 0;}
.x-ys-text li p{color: #666666;font-size: 16px;line-height: 32px;}
.x-ys-2-text li{margin-right: 66px;list-style-type: none;margin-top: 50px;}
.x-apply{background: url(../images/yyly.jpg) no-repeat center top;padding-top: 52px;margin-top:80px;}
.x-title{text-align: center;}
.x-title li{color: #fff;font-size: 44px;font-weight: bold;}
.x-title p{color: #fbfbfb;font-size: 18px;text-transform: uppercase;}





.news{padding-bottom: 100px;}
.news .nul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.news .nul li span{display: block;color: #999999;font-size: 16px;}
.news .nul li .hdiv a{display: block;font-weight: normal;color: #333333;font-size: 22px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 20px 0;font-size: 18px;transition: 0.5s;}
.news .line1{width: 36px;height: 2px;background-color: #ccc;transition: 0.5s;margin-bottom: 10px;}
.news .nul li p{color: #999999;font-size: 16px;margin-bottom: 34px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .nul li{width: 22.6%;}
.news .n_top{margin-bottom: 40px;}
.news .n_top_title{font-size: 40px;font-weight: bold;background: url("../images/n_title.png") no-repeat left center;padding-left: 20px;line-height: 52px;}
.news .n_line{width: 65%;height: 1px;background: #1ba092;margin-top: 30px;transition: 0.5s;}
.news .n_top a{display: block;font-size: 16px;border: 1px solid #1ba092;line-height: 40px;text-align: center;width: 140px;margin-top: 10px;position: relative;overflow: hidden;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
.news .n_top a::after{content: "";position: absolute;left: 50%;top: 0;transition: 0.5s;width: 0;height: 100%;background: #1ba092;}
.news .nul li:hover .hdiv a{color: #1ba092;}
.news .nul li:hover .line1{background: #1ba092;width: 100%;}
.news .n_top a:hover::after{left: 0;width: 100%;z-index: -1;}
.news .n_top a:hover{color: #fff;}
.title{text-align: center;margin-bottom: 50px;font-size: 50px;text-transform: uppercase;color: #f1f1f1;}
.title p{font-size: 40px;color: #333;margin-top: -40px;font-weight: bold;}
.title .line{width: 40px;height: 4px;background: #1ba092;margin: 20px auto;}

.knowledge{padding: 100px 0;background: #eee;}
.knowledge .cleft .hdiv{font-size: 40px;font-weight: bold;}
.knowledge .cleft .line{width: 50px;height: 4px;background: #1ba092;margin: 30px 0;}
.knowledge .cleft p{font-size: 16px;line-height: 1.5;color: #777;}
.knowledge .cleft>a{display: block;width: 140px;line-height: 40px;font-size: 16px;border: 1px solid #1ba092;margin-top: 40px;text-align: center;border-top-right-radius: 15px;border-bottom-left-radius: 15px;position: relative;z-index: 5;overflow: hidden;}
.knowledge .cleft>a::after{content: "";position: absolute;left: 50%;top: 0;z-index: -1;width: 0;height: 100%;background: #1ba092;transition: 0.5s;}
.knowledge .cleft{width: 20%;}
.knowledge .cright{width: 77%;overflow: hidden;position: relative;}
.knowledge .bj1{width: 40% ;background: #fff;margin-top:10.6%;padding: 7% 5% 15% 38%;}
.knowledge .mySwiper .rimg{width: 50%;height: 370px;overflow: hidden;position: absolute;left: 0;top: 0;}
.knowledge .bj1 span{display: block;color: #333333;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: .5s;}
.knowledge .vbox:hover .bj1 span{color: #1ba092;transform: translate(10px);}
.knowledge .bj1 p{color: #666666;font-size: 16px;line-height: 1.5;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.knowledge #cright .swiper-button-prev{left: 22%;top: 90%;}
.knowledge #cright .swiper-button-next{right: 70%;top: 90%;}
.knowledge #cright .swiper-button-next:after,.knowledge #cright .swiper-button-prev:after{content: "";}
.knowledge .cleft>a:hover::after{left: 0;width: 100%;}
.knowledge .cleft>a:hover{color: #fff;}

.foot{background:url(../images/bottom.jpg);padding: 20px 0;color: #bdbdbd;border-top: 6px solid #1ba092;}
.flogo{text-align: center;padding-top: 20px;}
.foot_1{}
.ftop{position: relative;margin-bottom: 20px;font-size: 18px;color: #fff;font-weight: bold;line-height: 50px;}
.ftop::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background: #1ba092;}
.foot_1 ul li{width: 19%;border-right: 1px solid #bdbdbd; text-align: center}
.foot_1 ul li a{font-size: 14px;color: #bdbdbd;}
.foot_2 ul{display: flex;justify-content: space-evenly;margin-top: 10px;}

.foot_2 ul li{ font-size: 14px;margin-bottom: 5px;}
.foot_2 ul li b{font-size: 30px;color: #fff;}
.foot_3{text-align: center;font-size: 14px;padding-top: 20px;}
.banquan{ background:#333;width: 100%; line-height: 30px;text-align: center;color: #bdbdbd;border-top: 1px solid #505050;}

.foot_1 ul li a:hover{color: #1ba092;text-decoration: underline;}
.foot_1 ul li:hover{border-color: #1ba092;}
.foot_4 ul li a:hover{color: #1ba092;text-decoration: underline;}
.foot_4 ul li:hover{border-color: #1ba092;}

.yqlj{width:100%;text-align:center;line-height:32px;background-color:#333;color:#fff;}
.yqlj a{color:#fff;font-size:12px;padding-right:5px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 2px solid #1ba092;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;margin:8px auto 0px auto;}
.insidePro{display: flex;justify-content: space-evenly;margin-bottom: 60px;}
.insidePro li{margin-bottom: 20px;width: 15%;line-height: 45px;text-align: center;background: #f1f1f1;}
.insidePro li a{font-size: 16px;}
.insidePro li:hover{background: #1ba092;}
.insidePro li:hover a{color: #fff;}
.imgbox{position: relative;}
.mup{width: 100%;height:60px;line-height: 60px;font-size:16px;background: rgba(255,255,255,0.8);position: absolute;left: 0;bottom: 0;}
.mup .contain{display: flex;justify-content: space-between;}
.mup .n-name{font-size: 25px;font-weight: bold;padding-left: 10px;background: url(../images/xian.jpg) no-repeat left;}
.mup .cwrap{padding-left: 30px;background: url(../images/home.png) no-repeat left;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #1ba092;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #1ba092;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #1ba092;border: 1px solid #1ba092;}
.page li:hover a{color: #fff;}
.current{background-color: #1ba092!important;border: 1px solid #1ba092!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #1ba092;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #1ba092;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:50px;line-height:50px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#1ba092;}
.cpfl li:hover a{color:#fff;}
.cpfl ol{height:50px;line-height:50px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:30px;}
.cpfl ol a{font-size:14px;}
.cpfl ol:hover{transition:all .2s ease; text-indent:40px;background-color:#1ba092;}
.cpfl ol:hover a{color:#fff;}
.cpfl dl{background-color: #1ba092;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;}
.cpfl dt{padding: 0px 0px 0px 8px;line-height:36px;font-size:15px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #1ba092; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #EF6C00;padding-left: 10px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #1ba092;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height:28px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
.list-h li{ float:left;}
.iright .e2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.e2 li{width: 48%;padding: 10px;border: 1px solid #ccc;margin-bottom: 12px;position: relative;overflow: hidden;border-radius: 5px;}
.e2 li .bottom_div{position: absolute;left: -100%;top: 0;z-index: -1;width: 100%;height: 100%;background: #1ba092;transition: 0.5s;transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.e2 li .nti{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #ccc;}
.e2 li .nti .xian{width: 30px;height: 2px;float: left;background: #1ba092;transition: 0.5s;margin-top: 17px;margin-right: 10px;}
.e2 li .tia{float: left;font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 70%;}
.e2 li .nti>span{float:right;}
.e2 li .des{font-size: 14px;line-height: 2;}
.e2 li .des .desbo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e2 li .des a{width: 120px;line-height: 35px;text-align: center;font-size: 15px;margin-top: 40px;background: #1ba092;color: #fff;border-radius: 5px;}
.e2 li:hover .bottom_div{left: 0;}
.e2 li:hover .nti .xian{background: #fff;}
.e2 li:hover a{color: #fff;}
.e2 li:hover .des{color: #fff;}
.e2 li:hover .des a{background: #fff;color: #1ba092;}
.e2 li:hover{border-color: #1ba092;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #1ba092;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
/* 侧边工具栏 */
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #1ba092;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #1ba092;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li .icon-top:after {background-position: 0 -60px;}
#toolbar li .icon-wangwang:after {background-position: 0 0;}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #292e39;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #292e39;border-right: none;}
#toolbar li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop {cursor: pointer;}
#toolbar li.backtop .iconfont {color: #fff;background-color: #292e39;}
#toolbar li:hover a {width: 200px;}
#toolbar li:last-child:hover a{width: 59px;}
#toolbar li:hover .icon-font {background-color: #292e39;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar li:hover .icon-top:after {background-position: -30px -60px;}
.icon-font {position: relative;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
.contact .wmkcfeedback textarea{width:100%;background:#FFFFFF;border-radius:var(--border);outline:0;border:1px solid #EEEEEE;padding:10px;margin-bottom:20px;resize:none}
.contact .wmkcfeedback input,.contact .wmkcfeedback .wmkcfb-fileupload{height:50px;border-radius:var(--border);outline:0;margin-bottom:20px;padding:0px 10px;border:1px solid #EEEEEE;transition:all .1s linear}
.contact .wmkcfeedback input,.contact .wmkcfeedback textarea,.contact .wmkcfeedback .wmkcfb-fileupload{background-color:#FFFFFF;color:var(--fontcolor)}
.contact .wmkcfeedback input::placeholder,.contact .wmkcfeedback textarea::placeholder,.contact .wmkcfeedback .wmkcfb-fileupload{color:#666666}
.wmkcfeedback input:focus{border-color:#1ba092}
.wmkcfeedback textarea:focus{border-color:#1ba092}
.wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback input,.wmkcfeedback .wmkcfb-fileupload{width: calc(32% - 20px);height:46px;font-size: 16px;background:#eee;border-radius:3px;outline:0;border:1px solid #FCFCFC;padding:0px 10px;margin-bottom:20px;transition:all .1s linear;display:inline-flex;align-items:center}
.wmkcfeedback input:focus{border-color:#1ba092}
.wmkcfeedback input::placeholder,.wmkcfeedback textarea::placeholder,.wmkcfeedback .wmkcfb-fileupload{color:#666}
.wmkcfeedback textarea{width:100%;background:#eee;border-radius:3px;outline:0;border:1px solid #FCFCFC;padding:10px;margin-bottom:20px;resize:none;font-size:var(--fontsize16);line-height:1.6;color:var(--fontcolor);height:200px;font-family:var(--fontfamily)}
.wmkcfeedback textarea:focus{border-color:#1ba092}
.wmkcfeedback .in-send-btn{margin:0px auto;background:#1ba092;color:#FFFFFF;font-size: 16px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:300px;height:40px;border-radius:3px;cursor:pointer;box-shadow:0 0 0 #1ba092;transition:all .1s linear;border: none;}
.wmkcfeedback .in-send-btn:hover{box-shadow:0 0 4px #1e6d2b}
.contact .wmkcfeedback{background-color:#FCFCFC;border-radius:10px;box-sizing:border-box;padding:20px;margin-top:3%}
.contact .wmkcfeedback .in-send-btn{min-width:200px;height:50px;border-radius:var(--border);background-color:var(--color);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:var(--fontbold5);cursor:pointer;box-shadow:0 0 0 var(--color);transition:all .2s linear}
.contact .wmkcfeedback .in-send-btn:hover{box-shadow:0px 0px 6px var(--color)}
.contact .wmkcfeedback .select-menu{width:49%}
.wmkcfeedback .select-menu{position:relative;width:32%;margin-bottom:20px}
.sidebar .wmkcfeedback .select-menu{width:100%}
.wmkcfeedback .select-menu input{margin:0!important;width:100%!important;cursor:pointer}
.wmkcfeedback .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .4s ease}
.wmkcfeedback .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
.wmkcfeedback .select-menu .select-menu-div em::after,.wmkcfeedback .select-menu .select-menu-div em::before{content:"";width:10px;height:2px;background:#999;position:absolute;top:50%;left:0;transform:rotate(45deg)}
.wmkcfeedback .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:6px}
.wmkcfeedback .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;display:none;width:100%;text-align:left;border:1px solid #EEEEEE;background:#FFFFFF;position:absolute;z-index:9}
.wmkcfeedback .select-menu .select-menu-ul li{color:var(--fontcolor);padding:0px 20px;line-height:2.5;cursor:pointer;font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.wmkcfeedback .select-menu .select-menu-ul li:hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}
.wmkcfeedback .loading{position:relative;width:18px;height:18px;margin-left:8px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
.messageFont{font-size: 18px;font-weight: bold; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #1ba092;color: #1ba092;}
.contact-list{display:flex;justify-content:space-between;flex-wrap: wrap; margin-bottom: 4%;}
.contact-list li{width:49%;margin-bottom: 2%; border-radius:10px;box-sizing:border-box;padding: 4%;background-color:#FFFFFF;display:flex;align-items:center;flex-direction:column;box-shadow:0px 1px 10px 5px rgba(198,198,198,.15);transition: .5s;}
.contact-list li:hover{transform: translateY(-10px);}
.contact-list li .title{color:var(--fontcolor);font-size:var(--fontsize20);font-weight:var(--fontbold5);margin-top: 20px;}
.contact-list li .des{color: #666;text-align:center;transition:all .2s linear;margin:4px 0px;line-height:1.2}
.contact-list li .ic{font-size:var(--fontsize30);color:var(--introcolor);display:inline-flex;margin-top:3%}
.contact-list li .ic em{font-size:var(--fontsize30);transition:all .4s linear}
.contact-list li:hover .ic em{color:var(--color);transform:rotateY(360deg)}
.contact-list li a:hover{color:var(--color);text-decoration:underline}
.contact-list li:nth-child(3) em{font-size:var(--fontsize30);margin-bottom:6px}
.inquiry{background-color:#eff2f7;border-radius:10px;box-sizing:border-box;padding:2%;margin-top:4%}
.inquiry .in-send-btn{width:200px;height:52px;border-radius:var(--border);background-color:var(--color);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:var(--fontbold5);margin-top:4%;cursor:pointer;box-shadow:0 0 0 var(--color);transition:all .2s linear}
.inquiry .in-send-btn:hover{box-shadow:0px 0px 6px var(--color)}
.inquiry .inquiry-form{display:flex;flex-wrap:wrap}
.inquiry input{width:32%;margin-right:2%;height:57px;border-radius:var(--border);outline:0;margin-bottom:20px;padding:0px 15px;border:1px solid #EEEEEE;transition:all .1s linear}


@media screen and (min-width:1400px){
.middle,.moddle{ width:1400px;}
.contain{ width:1400px;}
#nav li{width:232px;}	
#nav li dl{width:232px;}
.cpzs div li{height:240px;}
.cpzs div li a img{height:240px;}
.cnr .p1{font-size:40px;padding-top:50px;}	
.rtm{margin-top:40px;}	
.rtm ul li p{line-height: 90px;font-size: 18px;}	
.rtm ul li.on a::after{font-size: 60px;}	
.prott {width:1488px;}
.prott .pcontt {width:1400px;}	
.xwzx1{width:560px;}
.footl{width:397px;}
.picScroll-left .bd ul li {width:330px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:330px;height:250px;}
.picScroll-left a.next{top:180px;}
.picScroll-left a.prev{top:180px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #1ba092;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #1ba092;}
.cp_r{ width:690px;}
}
@media screen and (max-width:1399px){
.middle,.moddle{ width:1200px !important;}
.contain{ width:1200px !important;}
#nav li{width:171px;}	
#nav li dl{width:171px;}
.cpzs div li{height:200px;}
.cpzs div li a img{height:200px;}
.cnr .p1{font-size:30px;padding-top:30px;}	
.rtm{margin-top:20px;}	
.rtm ul li p{line-height:55px;font-size: 16px;}
.rtm ul li.on a::after{font-size:38px;}	
.prott {width:1288px;}
.prott .pcontt {width:1200px;}	
.xwzx1{width:380px;}
.footl{width: 297px;}
.picScroll-left .bd ul li {width:280px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:280px;height:210px;}
.picScroll-left a.next{top:155px;}
.picScroll-left a.prev{top:155px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #1ba092;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #1ba092;}
.cp_r{ width:490px;}
}