@import url(siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
	
	--maincolor: #007c34;
    --vicecolor: #00a345;
    --vice2color: #f3a709;
	/*
	--maincolor:rgba(0,64,151,1);
	--vicecolor:rgba(0,64,151,0.7);
	--vice2color:rgba(0,64,151,0.7);
	*/
	
}
.wow{visibility: hidden;}
.cle{clear:both;}
svg{vertical-align: middle;margin-right: 5px;}
.fnav{display: none;}
.shoujibanner{display: none;}
.shoujixianshi{display: none !important;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
*{padding: 0;margin: 0;outline: none;}
a,a:focus,a:active {color: var(--maincolor);	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center;}
.clear{clear:both;}
div{padding:0;margin:0;}
.w100{width:100%;overflow:hidden;}
.w1645{width:1645px;margin:0 auto;}
.mdetails-bottom{display: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
header{position: fixed;top: 0;left: 0;background-color: #ffffffaa;height: 80px;z-index: 9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);overflow:visible !important; -moz-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
header .container{display: flex;justify-content: space-between;}
header .container .logo{width: 17%;height: 80px;line-height: 80px;}
header .container .logo img{max-width: 100%; max-height:80%;}
header .container .nav{width:calc(80% - 170px);display: flex;justify-content: space-between;}
header .container .nav li{width: 24%;}
header .container .nav li a{display:block;width: 100%;height: 80px;line-height: 80px;color: #333;font-size: 18px;text-align: center;padding: 0;}
header .container .header-en{display: flex;justify-content: space-between;line-height: 80px;height: 80px;width: 170px;text-align: center;}
header .container .search{width: 50%;cursor: pointer;}
header .container .header-en a{width: 50%;display: block;color: #333;font-size: 16px;position: relative;}
header .container .header-en a::after{content: '';display: block;width: 20px;height: 2px;background-color: #333;border-radius: 1px;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
header .container .nav li.active, header .container .nav li:hover{ background: var(--maincolor);}
header .container .nav li.active{font-weight:bold;}
header .container .nav li.active a, header .container .nav li:hover a{ color:#fff;}
.banner .swiper-button-next{background: none;font-size: 50px;color: #fff;width: 80px;height:80px;line-height: 80px;border: 1px solid #fff;border-radius: 50%;text-align: center;transition: all 0.5s ease;opacity: 0;font-size: 24px;}
.banner .swiper-button-next::after{font-size: 24px;}

.banner:hover .swiper-button-next{transform: translateX(-50px);opacity: 1}
.banner .swiper-button-prev{background: none;font-size: 50px;color: #fff;width: 80px;height:80px;line-height: 80px;border: 1px solid #fff;border-radius: 50%;text-align: center;transition: all 0.5s ease;opacity: 0;font-size: 24px;}
.banner .swiper-button-prev::after{font-size: 24px;}
.banner:hover .swiper-button-prev{transform: translateX(50px);opacity: 1;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color: var(--maincolor);}
.banner{/*margin-top: 80px;*/}
.banner img{width:100%;}
.banner .swiper-pagination{bottom: 50px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--vice2color);}
.nbanner{display: block;width: 100%;margin-top: 80px;}
.nbanner img{display: block;width: 100%;}
.sousuo{position: fixed;top: 80px;left: 0;width: 100%;height: 50px;background-color: var(--maincolor);z-index: 99999;display: none;}
.sousuo form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sousuo .cha{cursor: pointer;position: absolute;right: 50px;top: 10px;width: 20px;}
.sousuo input{width: 500px;font-size: 24px;line-height: 25px;background: none;border: none;border-bottom: 2px solid #fff;color: #fff;}
.sousuo input::-webkit-input-placeholder {color: #fff;}
.sousuo input::-moz-placeholder {color: #fff;} 
.sousuo input:-ms-input-placeholder {color: #fff;} 
.sousuo input:-moz-placeholder {color: #fff;} 
.sousuo button{width: 25px;background:none;border: none;position: absolute;right: -25px;top: 0px;}
.sousuo button img{width: 100%;display: block;}
.sousuo .cha img{width: 100%;}
.minsousuo{ padding:0 15px; margin-top:80px;}
.minsousuo form{}
.minsousuo .cha{cursor: pointer;position: absolute;right: 50px;top: 50px;width: 40px;}
.minsousuo input{background: none;border: none;border-bottom: 2px solid #fff;color: #fff; width:calc(100% - 30px);}
.minsousuo input::-webkit-input-placeholder {color: #fff;}
.minsousuo input::-moz-placeholder {color: #fff;} 
.minsousuo input:-ms-input-placeholder {color: #fff;} 
.minsousuo input:-moz-placeholder {color: #fff;} 
.minsousuo button{width: 25px;background:none;border: none;}
.minsousuo button img{width: 90%;}

/* index */
.index_pro{background: #f9f9f9; position:relative;}
.index_pro .fl{width: 43.2%;background-color: var(--maincolor);padding: 60px 0 60px 9.2%;box-sizing: border-box;}
.index_pro .fl span{display: block;height: 28px;font-size: 72px;color: #fff;opacity: 0.1;text-transform: uppercase;}
.index_pro .fl abbr{display: block;color: #fff;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;}
.index_pro .fl .tabs{width: 297px;}
.index_pro .fl .tabs li{line-height: 56px;height: 56px;position: relative;}
.index_pro .fl .tabs li::after{content: '';display: block;width: 0%;height: 2px;background-color: #ffd957;position: absolute;bottom: 0;left: 0;transition: .3s;}
.index_pro .fl .tabs li.active::after{width: 100%;}
.index_pro .fl .tabs li a{display: block;width: 100%;font-size: 20px;color: #fff;position: relative;}
.index_pro .fl .tabs li a::after{content: '';display: block;width: 29px;height: 12px;background: url(../img/xiangyou.png)no-repeat;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: .3s;}
.index_pro .fl .tabs li.active a::after{opacity: 1;animation: rightgo 1s infinite;}
@keyframes rightgo {
	0% {
	 right: 10px;
	}
	50%{right: 0;}
	100% {
	  right: 10px;
	}
  }
.index_pro .more{width: 165px;height: 52px;line-height: 52px;border: 1px solid #fff;box-sizing: border-box;text-align: center;margin-top: 50px;}
.index_pro .more img{margin-left: 10px;animation: rightgo2 1s infinite;}
@keyframes rightgo2 {
	0% {
	 transform: translateX(10px);
	}
	50%{transform: translateX(0px);}
	100% {
		transform: translateX(10px);
	}
  }
.index_pro .more a{color: #fff;}
.index_pro .swiper-container{position: absolute;right: 9.2%;width: 64.5%;}
.index_pro .swiper-container ul{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.index_pro .swiper-container ul li{width: 32%;margin-bottom: 10px;}
.index_pro .swiper-container ul li .pimg{width: 100%;height: 200px;position: relative;background-color: #fff;overflow: hidden;}
.index_pro .swiper-container ul li .pimg>img{max-width: 100%;display: block;max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index_pro .swiper-container ul li .pimg .lianjie{position: absolute;left: 0;height: 200px;width: 100%;background-color: rgba(1, 82, 161, 0.8);top: 0;line-height: 300px;opacity: 0;transition: .3s;}
.index_pro .swiper-container ul li .pimg .lianjie a{display: block;width: 100%;height: 200px;position: relative;}
.index_pro .swiper-container ul li .pimg .lianjie a img{display: inline-block;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index_pro .swiper-container ul li .text a{display: block;width: 100%;height: 60px;background-color: #666;font-size: 18px;color: #fff;text-indent: 2em;line-height: 60px;text-align: left;overflow: hidden;word-break: break-all;}
.index_pro .swiper-container ul li:hover .pimg .lianjie{opacity: 1;}
.index_pro .swiper-container ul li:hover .text a{background-color: #ffd957;color: #333;}

.index_prolist{padding: 80px 0;}
.index_prolist .title span{display: block;height: 28px;font-size: 72px;color: #333;opacity: 0.1;text-transform: uppercase;text-align: center;}
.index_prolist .title abbr{display: block;color: #333;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;text-align: center;}
.index_prolist ul{width: 100%;}
.index_prolist ul li{width: 19%;padding: 25px 20px;box-sizing: border-box;transition: .3s;margin-right: 1%;float: left;box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);margin-bottom: 10px;}
.index_prolist ul li:nth-child(5n){margin-right: 0;}
.index_prolist ul li .pimg{width: 100%;height: 290px;text-align: center;line-height: 290px;display: block;}
.index_prolist ul li .pimg img{max-width: 100%;max-height: 100%;}
.index_prolist ul li .text a{font-size: 14px;color: #666666;text-align: left;text-align: center;display: block;}
.index_prolist ul li:hover .text a{color: #005bac;font-weight: bold;}
.index_prolist .more{line-height: 52px;height: 52px;width: 162px;border: 1px solid var(--maincolor);text-align: center;margin: 60px auto 0;}
.index_pro .title span{display: block;height: 28px;font-size: 72px;color: #333;opacity: 0.1;text-transform: uppercase;text-align: center; /*font-family: 'naro';*/}
.index_pro .title abbr{display: block;color: #333;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;text-align: center;}

.index_about{background: url(../img/iabobg.jpg) no-repeat center center; background-size:cover; padding: 75px 0 60px 0;}
.index_about .w1645{position: relative;}
.index_about .w1645 .text{position: absolute;left: 0;top: 0;width: 57.7%;z-index: 5;}
.index_about .w1645 .text .neirong{width: 100%;padding: 40px 50px;box-sizing: border-box;background-color: var(--maincolor);}
.index_about .w1645 .text .neirong p{line-height: 30px;color: #fff;font-size: 16px;text-indent: 2em;}
.index_about .w1645 .text .neirong .more{width: 162px;height: 52px;line-height: 52px;border: 1px solid #fff;text-align: center;margin-top: 30px;}
.index_about .w1645 .text .neirong .more a{color: #fff;}
.index_about .w1645 .text .neirong .more a img{margin-left: 10px;}
.index_about .title span{display: block;height: 28px;font-size: 72px;color: #fff;opacity: 0.1;text-transform: uppercase; /*font-family: 'naro';*/}
.index_about .title abbr{display: block;color: #fff;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;}
.index_about .fr{width: 50%;}
.index_about .fr img{width: 100%;}
.index_about ul{display: flex;justify-content: space-between;width: 86.6%;margin-top: 30px;}
.index_about ul li{width: 25%;text-align: center;}
.index_about ul li span{color: #fff;font-size: 40px;}
.index_about ul li sup{font-size: 18px;color: #fff;line-height: 10px;top: -1.5em;}
.index_about ul li p{line-height: 24px;line-height: 36px;color: #fff;}
.index_about .swiper-button-prev,.index_about .swiper-button-next{width: 75px; height: 75px;background-color: #666;bottom: -75px;top: auto;}
.index_about .swiper-button-prev::after,.index_about .swiper-button-next::after{font-size: 36px;}
.index_about .swiper-button-prev{right: 210px;left: auto;background: var(--maincolor);}
.index_about .swiper-button-next{right: 126px;}

.index_photo .title span{display: block;height: 28px;font-size: 72px;color: #333;opacity: 0.1;text-transform: uppercase;text-align: center;}
.index_photo .title abbr{display: block;color: #333;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;text-align: center;}


.index_news{background-color: #f4f4f4;padding: 90px 0 65px;}
.index_news .title span{display: block;height: 28px;font-size: 72px;color: #333;opacity: 0.1;text-transform: uppercase;text-align: center; /*font-family: 'naro';*/}
.index_news .title abbr{display: block;color: #333;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;text-align: center;}
.index_news ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_news ul li{width: 49%;justify-content: space-between;display: flex;padding: 30px 25px;background-color: #fff;margin-bottom: 35px;transition: .3s;}
.index_news ul li a{display: flex;justify-content: space-between;}
.index_news ul li .date{width: 85px; padding-top: 15px; /*background: url(../img/clock.png) no-repeat center; background-size:100%;*/}
.index_news ul li .date span{display: block;width: 100%;font-size: 48px;color: #333333;margin-bottom: 5px;text-align: center;line-height: 48px;font-weight: bold;}
.index_news ul li .date abbr{font-size: 12px;color: #666666;text-align: center;display: block;}
.index_news ul li .text{padding-left: 30px;width: calc(100% - 85px);box-sizing: border-box;}
.index_news ul li .text p{font-size: 18px;color: #333;margin-bottom: 20px;}
.index_news ul li .text .neirong{font-size: 14px;line-height: 28px;color: #aaa;}
.index_news ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);transform: translateY(-10px);}
.index_news ul li .text p:hover{color: #005bac;}
.index_news .more{line-height: 52px;height: 52px;width: 162px;border: 1px solid #333;text-align: center;margin: 60px auto 0;}
.index_news .more a{color: #333; display:block;}

/* about */
.about{ padding-top:100px; padding-bottom:50px;}
.about img{max-width:100%;}
#profile .fl{ width:58%;}
#profile .fr{ width:40%;}
#profile .fl h2{ margin-bottom:10px;}
#profile .fl h4{ margin-bottom:30px;}
#profile .fl p{font-size:18px; line-height:35px;}

#concept{background: url(../pic/concept.jpg) no-repeat; background-size:cover; background-attachment: fixed; color:#fff; text-shadow:1px 0px 2px #000;}
.conceptbg{background:#00000099; padding:50px;}
#concept h2{ margin-bottom:10px; text-align:center;}
#concept h4{ margin-bottom:30px; text-align:center;}
#concept .fl td{ text-align:right;}
#concept .concepttext{line-height:25px; font-size:14px;}
#concept .concepttext strong{font-size:20px; margin-top:15px; display:block;}
#concept .concepttext table{max-width:1000px; margin:auto;}

#institution{}
#institution h2{ margin-bottom:10px; text-align:center;}
#institution h4{ margin-bottom:30px; text-align:center;}

.about_list{background-color: #fff;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); /*position:fixed; top:80px; z-index:10;*/}
.about_list ul{display: flex;justify-content:center;}
.about_list ul li{width: 14.2857%;height: 60px;line-height: 60px; border-right:1px solid #e0e0e0;}
.about_list ul li:last-child{border-right:none;}
.about_list ul li a{display: block;text-align: center;color: #333;font-size: 17px;}
.about_list ul li:hover a,.about_list ul li.active a{background-color: var(--vicecolor);color: #fff;}
.aboutjieshao{padding-top: 65px;}
.aboutjieshao h3{font-size: 48px;color: #333;text-align: center;margin-bottom: 35px;}
.aboutjieshao .fl{border-bottom: 1px solid #dedede;background: url(../image/about_img1.png)no-repeat;height: 322px;width: 50%;padding-right: 13%;box-sizing: border-box;background-position-x: 80%;background-position-y: 60px;border-right: 1px solid #dedede;}
.aboutjieshao .fl p{display: block;width: 80%;font-size: 24px;color: #333;}
.aboutjieshao .fr{border-bottom: 1px solid #dedede;background: url(../image/about_img2.png)no-repeat;height: 322px;width: 50%;background-position-y: 60px;background-position-x: 30%;position: relative;box-sizing: border-box;}
.aboutjieshao .fr p{position: absolute;right: 80px;top: 44px;font-size: 24px;color: #333;}
.aboutjieshao .fr .date{position: absolute;right: 0;bottom: 30px;}
.aboutjieshao .fr .date span{display: inline-block;color: var(--maincolor);font-size: 108px;}
.aboutjieshao .fr .date abbr{font-size: 24px;color: #333;}
.about_xq{background-color: var(--maincolor);padding: 100px 0 85px 0;position: relative;}
.about_xq .neirong{font-size: 16px;line-height: 30px;color: #fff;}
#wave{position: absolute;left: 0;width: 100%;bottom: -300px;overflow: hidden;}
.about_xq ul{display: flex;justify-content: space-between;margin-top: 100px;}
.about_xq ul li{width: 20%;text-align: center;}
.about_xq ul li span{display: inline-block;font-size: 72px;color: #fff;}
.about_xq ul li sup{display: inline-block;top: -1.5em;font-size: 36px;color: #fff;}
.about_xq ul li p{font-size: 16px;color: #fff;}
.aboutjiazhi{padding: 145px 0 85px;}
.aboutjiazhi .w1645{padding:0 40px;box-sizing: border-box; }
.aboutjiazhi .fl{width: 63%;}
.aboutjiazhi .fr{width: 36%;}
.aboutjiazhi .fr img{display: block;width: 100%;}
.aboutjiazhi .neirong{padding-left: 70px;font-size: 14px;color: #333;line-height: 18px;margin-bottom: 126px;background: url(../image/about_jiazhiico.png)no-repeat;background-position-x: 35px;}
.aboutjiazhi ul{display: flex;justify-content: space-between;}
.aboutjiazhi ul li{width: 32.5%;}
.aboutjiazhi ul li img{display: block;width: 100%;}
.wenhua{padding: 100px;}
.wenhua img{text-align: center;display: block;margin: 0 auto;}
.shipin{padding: 60px 0;}
.shipin video{width: 100%;height: 800px;}
.aboutimg5{display: block;width: 100%;}
.aboutimg5 img{width: 100%;display: block;}
.honor-content2 {padding: 60px 0;background-color: #fbfbfb;}
.honor-content2 ul{background-color: #fff;padding: 20px;}
.honor-content2 ul li{display: block;width: 24%;height: 400px;line-height: 400px;border: 1px solid #eee;margin-right: 1.2%;background-color: #fff;float: left;margin-bottom: 20px;transition: .3s;}
.honor-content2 ul li:nth-child(4n){margin-right: 0;}
.honor-content2 ul::after{content: '';display: block;width: 24%;clear: both;}
.honor-content2 ul li a{display: block;text-align: center;}
.honor-content2 ul li a img{display: block;position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.honor-content2 ul li a .honor-img{width: 100%;height: 400px;position: relative;overflow: hidden;}
.honor-content2 ul li a .honor-img .bofang{position: absolute;left: 50%;top: 50%;transform: translate(-50%,0%);width: 70px;height: 70px;}
.honor-content2 ul li a .honor-img .bofang img{display: block;width: 100%;}
.honor-content2 ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transform: translateY(10px);}
.honor-content2 ul .text{line-height: 400px;height: 400px;position: absolute;bottom: 25px;color: #333;left: 50%;transform: translateX(-50%);font-size: 18px;z-index: 9;text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
.news-content iframe{width: 100%;height: 600px;}
.news-content video{width: 100%;height: 600px;}
/* pro */
.product-left{background-color: #fff;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);}
.product-left ul{display: flex;justify-content: center;}
.product-left ul li{width: 14.2857%;height: 60px;line-height: 60px;}
.product-left ul li a{display: block;text-align: center;color: #333;font-size: 17px;}
.product-left ul li:hover a,.product-left ul li.active a{background-color: var(--vicecolor);color: #fff;}
.product-content{position: relative;background-color: #fbfbfb;}
.product-content .container{padding: 30px;box-sizing: border-box;background-color: #fff;margin: 55px auto;}
.product-content .fr form{width: 460px;display: flex;justify-content: space-between;position: relative;margin-bottom: 30px;}
/*.product-content .fr form::before{content: '';display: block;position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 31px;height: 31px;background: url(../image/search1.png)no-repeat;}*/
.product-content .fr form input{width: 360px;line-height: 45px;height: 45px;padding-left: 10px;box-sizing: border-box;border: 1px solid #cbcbcb; border-radius: 20px 0 0 20px; overflow: hidden;}
.product-content .fr form button{width: 140px;height: 45px;line-height: 45px;background-color: var(--vice2color);color: #fff;text-align: center;display: block;box-shadow: none;border: none; border-radius:0 20px 20px 0 ; overflow: hidden;}
.weizhi .fl span{display: inline-block;font-size: 17px;line-height: 24px;color: #666;}
.weizhi .fl span a{color: #666;font-size: 17px;}
.product-content .prolist{}
.product-content .pronav.fl{ width:200px;}
.product-content .product.fr{ width:calc(100% - 220px);}
.product-content .prduct_mlist{width: 100%;border: 1px solid #cbcbcb;box-sizing: border-box; margin-bottom:25px; display:none;}
.product-content .prduct_mlist li{box-sizing: border-box;}
.product-content .prduct_mlist li a{padding: 0 23px; display: block;width: 100%;height: 70px;line-height: 70px;color: #666;font-size: 17px;text-align: center;}
.product-content .prduct_mlist li.active a{color: #f00;}
.weizhi .fr span{display: block;float: right;}
.product-content .prduct_mlist ul::after{content: '';display: block;clear: both;}
.product-content .product{}
.product-content .product ul{ display:flex; flex-wrap:wrap;}
.product-content .product ul li{ width:18%; margin-left:2%; margin-bottom:2%; border:1px #dfdfdf solid; }
.product-content .product ul li .proico{ width:90%; margin:auto;}
.product-content .product ul li .proname{ text-align:center; font-size:16px; border-top:1px #dfdfdf solid; padding:15px 10px;}
.product-content .product ul li a:hover .proname{ color:#fff; background:var(--maincolor);}
.product_xq{width: 1050px;box-sizing: border-box;margin: 0 auto;display: flex;justify-content: space-between;}
.product_xq .valve-img{width:47.61%;height: 500px;line-height: 500px;/*border: 1px solid #cbcbcb;*/position: relative;box-sizing: border-box;}
.product_xq .valve-img .img-box{height: 100%;}
.product_xq .valve-img img{display: inline-block;max-width: 99%;max-height: 99%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product_xq .valve-txt{width: 47.61%;}
.product_xq .valve-txt h1{font-size: 27px;color: #333;line-height: 32px;margin-bottom: 75px;}
.product_xq .valve-txt h1::after{content: '';display: block;margin-top: 8px;width: 62px;height: 2px;background-color:  var(--vicecolor);}
.product_xq .valve-txt ul{padding: 23px;background-color: #fbfbfb;}
.product_xq .valve-txt ul i{width: 40px;text-align: center;display: inline-block;margin-right: 10px; margin-bottom:15px;}
.product_xq .valve-txt ul li{line-height: 36px;font-size: 14px;color: #333; display:flex;}
.product_xq .valve-txt ul li h4{display:inline;}
.product_xq .valve-txt ul li a{color: #333;font-size: 14px;}
.product_xq .valve-txt ul li .dier{margin-left: 71px;}
.product_xq .valve-txt ul li a:hover{text-decoration:underline ;}
.product_xq .valve-txt .lianxi{display: flex;justify-content: left;margin-top: 30px;flex-wrap: wrap;}
.product_xq .valve-txt .lianxi a{width: 144px;line-height: 52px;text-align: center;height: 52px;background-color: var(--vice2color);color: #fff;margin-right: 20px;}
.details-bottom{ margin-top:25px;}
.details-bottom .tt{background-color: #f1f1f1;width: 100%;height: 74px;line-height: 74px;}
.details-bottom .tt span{display: inline-block;text-align: center;width: 200px;line-height: 74px;height: 74px;background-color: var(--maincolor);color: #fff;font-size: 24px;}
.details-bottom .txt-txt{text-align: center;}
.details-bottom .txt-txt img{display: block;max-width: 100%;width:auto;margin: 20px auto;height: auto !important;}
.xqpro{}
.xqpro ul{display: flex; flex-wrap: wrap;}
.xqpro ul li{width: 22%;margin: 1%;margin-top: 3%;border: 1px #dfdfdf solid;}
.xqpro ul li .proico{width: 90%; margin: auto;}
.xqpro ul li .proname { text-align: center; font-size: 16px;  border-top: 1px #dfdfdf solid; padding: 15px 10px;transition: all 0.4s;}
.xqpro ul li a:hover .proname{ color:#fff; background:var(--vicecolor);}
.online_mas{margin-top: 35px;background-color: #fff;}
.online_mas span{display: block;text-align: center;color: #333;font-size: 36px;margin-bottom: 25px;}
.online_mas abbr{font-size: 18px;color: #505050;margin-bottom: 60px;text-align: center;display: block;}
.online_mas form{display: flex;justify-content: space-between;flex-wrap:wrap;width: 100%;}
.online_mas form .inpot{width: 49%;margin-bottom: 20px;}
.online_mas form .inpot:nth-child(5){width: 100%;}
.online_mas form textarea{width: 100%;height: 145px;border: 1px solid #ccc;border-radius: 4px;padding: 6px 12px;box-sizing: border-box;}
.online_mas button{display: block;width: 170px;height: 48px;background-color: #d60010;border: none;box-shadow: none;text-align: center;color: #fff;margin: 0 auto;border-radius: 4px;}
/* 荣誉 */
.honor-content{padding: 10px 0;}
.honor-content .container{background-color: #fff;padding: 50px;box-sizing: border-box;}
.honor-content .container ul li{float: left;width: 24%;margin-right: 1.2%;margin-bottom: 30px;}
.honor-content .container ul li:nth-child(4n){margin-right: 0%;}
.honor-content .container ul li .honor-img{width: 100%;height: 400px;text-align: center;position: relative;border: 1px solid #ddd;overflow: hidden;cursor: pointer;}
.honor-content .container ul li .honor-img img{display: block;max-width: 95%;max-height: 95%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s;transform-origin: 300% 300%;}
.honor-content .container ul li:hover .honor-img img{transform: scale(1.2);}
.honor-content .container ul li p{line-height:48px;font-size: 16px;color: #333;background-color: #ddd;text-align: center;height: 48px;overflow: hidden;}
.honor-content1{padding: 10px 0;}
.honor-content1 .container{background-color: #fff;padding: 50px;box-sizing: border-box;}
.honor-content1 .container ul li{float: left;width: 24%;margin-right: 1.2%;margin-bottom: 10px;}
.honor-content1 .container ul li:nth-child(4n){margin-right: 0%;}
.honor-content1 .container ul li .honor-img{width: 100%;height: 260px;text-align: center;position: relative;border: 1px solid #ddd;overflow: hidden;cursor: pointer;}
.honor-content1 .container ul li .honor-img img{display: block;max-width: 95%;max-height: 95%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: .3s;transform-origin: 300% 300%;}
.honor-content1 .container ul li:hover .honor-img img{transform: scale(1.2);}
.honor-content1 .container ul li p{line-height:48px;font-size: 16px;color: #333;background-color: #ddd;text-align: center;height: 48px;overflow: hidden;}
/* news */
.news-content{background-color: #fbfbfb;padding: 0 0 55px 0;}
.news-content .weizhi{margin-bottom: 50px;border-bottom: 1px solid #ccc;line-height: 48px; padding-bottom:15px;}
.news-content .weizhi h1{font-size: 24px;color: #333;}
.newslist{padding: 30px;box-sizing: border-box;background-color: #fff;margin-top: 60px;}
.newslist .panel {float:left;width:20%; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist .newslink { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;padding: 0;}
.panel-body { height:40px;line-height:40px;text-align: center;padding: 0;}
.panel-body::before,.panel-body:after{display: table;content: " ";}
.newslist ul li{width:100%;border: none;line-height:25px;clear:both; margin-bottom:20px; color:#333; padding-top:20px;}
.newslist ul li:hover{ box-shadow:3px 3px 5px #ccc; background:#eee;}
.newslist ul li h3{ margin-bottom:15px; color:#333;}
.newslist ul li h4{ margin-bottom:30px; color:#333;}
.newslist ul li:hover{border:none;}
.newslist ul li:hover .txt{border-top:none;background:none;}
.newslist .txt{width:75%;float: right; padding-top:0;border-top:none;background:none;}
.newslist ul li:hover .txt a{color:#1d61c4}
.newslist .txt small{display: block;color:#bbb;}
.newslist ul li:hover small{color:#333;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.news-content .container{padding: 50px;box-sizing: border-box;background-color: #fff;margin-top: 50px;}
.details-top h2{font-size: 24px;color: #333;text-align: center;margin-bottom: 20px;}
.details-top p{text-align: center;}
.details-top p span{display: inline-block;margin-right: 10px;font-size: 16px;color: #999;}
.details-content{margin: 60px 0;font-size: 16px;color: #666;line-height: 36px;text-indent: 2em;}
.details-page{display: flex;justify-content: space-between;width: 100%;}
.details-page p{font-size: 16px;color: #333;}
.details-page p a{color: #666;font-size: 16px;}
.details-page p a:hover{text-decoration: underline;}
/* 联系我们 */
.contact_us{margin: 70px 0;}
.contact_us .conk{
	width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    margin: 0 auto;
    position: relative;
	}
.contact_us .conk2{
	padding: 100px;
    position: relative;
    z-index: 5;
    pointer-events: none;
	}
.contact_us .conk2 .contxt{
	width: 400px;
    padding: 30px;
    background: #ffffffcc;
	}
.contact_us .conk2 .contxt .concom {
    font-size: 25px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.contact_us .conk2 .contxt .context {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 20px;
}
.contact_us .conk2 .contxt .context img {
    display: inline-block;
    float: left;
    vertical-align: bottom;
    margin: 0px 20px 0 0;
    max-width: 20px;
}
.contact_us .conk2 .contxt .context .context-t {
    float: left;
    position: relative;
}
.contact_us .conmap{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	}
/* footer */
footer{background:var(--maincolor);position: relative; padding-bottom:30px;}
footer .foot_form{/*position: absolute;right: 0;top: 0;*/padding-top: 70px ;width: 50%;box-sizing: border-box;/*background-color: #fff;*/}
footer .foot_form form{width: 100%;display: block;}
footer .foot_form input{width: 100%;height: 60px;line-height: 60px;font-size: 16px;color: #666;display: block;background: transparent;border: none;border-bottom: 1px solid #e5e5e5;box-shadow: none;outline: none;}
footer .foot_form button{margin-bottom: 45px;height: 48px;background-color: var(--maincolor);font-size: 16px;color: #fff;text-align: center;width: 100%;border: none;box-shadow: none;line-height: 48px;box-sizing: border-box;margin-top: 40px;}
footer .title{margin-top: 80px;}
footer .title span{display: block;height: 28px;font-size: 72px;color: #fff;opacity: 0.1;text-transform: uppercase; font-weight:bold; /*font-family: 'naro';*/}
footer .title abbr{display: block;color: #fff;font-size: 48px;line-height: 48px;margin-top: 28px;margin-bottom: 50px;font-weight: bold;}
footer .ewm{ width:15%; max-width:200px; padding-top:100px;}
.footlianxi_list li{line-height: 28px;}
.footlianxi_list .footlianxi{/*display: flex;justify-content: space-between;width: 39.7%;*/}
.footlianxi_list i{display: block;width: 22px;float: left;margin-top: 8px;}
.footlianxi_list i img{display: block;margin: 0 auto; max-width:15px;}
.footlianxi_list span{display: inline-block;margin-left: 20px;font-size: 14px;color: #fff;}
.footlianxi_list span a{display: inline-block;font-size: 14px;color: #fff;}
.footlianxi_list span a.dier{margin-left: 40px;}
.footnav_list{display: flex;/*justify-content: space-between;*/width: 100%; flex-wrap:wrap; }
.footnav_list li{width: 33.33%; padding:25px 3%;}
.footnav_list li a{display: block;font-size: 18px;color: #ccc;line-height: 50px; text-align:center; border:1px solid #ccc;}
.footnav_list li a:hover{background:#fff; color:#333;}
.beian{line-height: 90px;font-size: 14px;color: #fff;background-color: #000;text-align: center;}
.beian a{color: #fff;font-size: 14px;}
.btn-nav{display: none;}
.page {padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page span{float:none;}
.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#005bac; color:#fff; border-radius:0px;}
.page a:active {  background:#005bac; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#005bac; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#005bac; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
blockquote .small:before, blockquote footer:before, blockquote small:before{display: none;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.pre{font-size: 16px;line-height: 52px;color: #666;}
.pre a{font-size: 16px;line-height: 52px;color: #666;}
.pre a:hover{text-decoration: underline;}
@media screen and (max-width:1650px){
	.w1645{width: 90%;}
	header .container .nav{/*width: 54%;*/}
	.index_pro .swiper-container{right: 2.2%;}
	.index_prolist ul li .text a{height: 22px;display: block;overflow: hidden;}
	.index_about .title abbr{margin-bottom: 20px;}
	.index_about{padding-bottom: 120px;padding-top: 50px;}
	.index_about .w1645 .text .neirong{padding: 30px;}
	.index_about .w1645 .text .neirong p{font-size: 14px;}
	.index_about .w1645 .text{width: 60%;}
	.index_about .swiper-button-prev, .index_about .swiper-button-next{bottom: 17px;}
	.index_about .swiper-button-prev{right: 90px;}
	.index_about .swiper-button-next{right:0px;}
	.index_about ul{width: 80%;}
	.index_about ul li span{font-size: 32px;}
	.index_aboutlist ul li .text span{font-size: 28px;}
	.index_aboutlist ul li .text abbr{font-size: 16px;}
	.footlianxi_list .footlianxi{/*width: 46.7%;*/}
	.footnav_list{/*width: 46.7%;*/}
	.aboutjieshao .fl{padding-left: 6%;background-position-y: 71px;}
	.aboutjieshao .fr p{right: -44px;}
	.aboutjiazhi .neirong{margin-bottom: 72px;}
	.honor-content .container ul li .honor-img{height: 260px;}
	.index_pro .fl span{font-size: 64px;}
	.index_pro .fl abbr{font-size: 32px;margin-top: 15px;}
	.index_pro .fl .tabs li a{font-size: 16px;}
	.index_prolist .title span{font-size: 64px;}
	.index_prolist .title abbr{font-size: 32px;margin-top: 15px;}
	.index_about .title span{font-size: 64px;}
	.index_about .title abbr{font-size: 32px;margin-top: 15px;}
	.index_news .title span{font-size: 64px;}
	.index_news .title abbr{font-size: 32px;margin-top: 15px;}
	.index_news ul li .text p{font-size: 16px;}
	footer .title span{font-size: 64px;}
	footer .title abbr{font-size: 32px;margin-top: 15px;}
	.footlianxi_list .footlianxi .ewm img{width: 150px;}
	.footnav_list li a{font-size: 16px;}
	.about_list ul li a{font-size: 16px;}
	header .container .nav li a{font-size: 16px;}
	.details-bottom .txt-txt img{max-width: 90%;}
}
@media screen and (max-width:1200px){
	header .container .header-en{width: 100px;}
	.index_pro .fl{width: 100%;padding: 5%;}
	.index_pro .fl .tabs{width: 100%;}
	.index_pro .fl .tabs ul{display: block;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.index_pro .fl .tabs ul li{width: 24%;}
	.index_pro .fl .tabs ul::after{content: '';display: block;width: 24%;}
	.index_pro .swiper-container{height:auto;width: 100%;position: relative;}
	.index_pro .more{display: none;}
	.index_pro .fl span{font-size: 48px;}
	.index_pro .fl abbr{font-size: 24px;margin-bottom: 20px;}
	.index_pro .swiper-container{margin: 0 auto;right: auto;}
	.index_pro .swiper-container ul{margin: 0 auto;}
	.index_prolist .title span{font-size: 48px;}
	.index_prolist .title abbr{font-size: 24px;}
	.index_prolist ul li{width: 32%;}
	.index_prolist ul li:nth-child(10){display: none;}
	.index_about .title span{font-size: 48px;}
	.index_about .title abbr{font-size: 24px;margin: 5px 0;}
	.index_aboutlist ul li .text{bottom: 25px;}
	.index_aboutlist ul li .text span{font-size: 20px;}
	.index_aboutlist ul li .text abbr{font-size: 14px;display: block;visibility: visible;opacity: 1;}
	.index_news{padding: 60px 0;}
	.index_news .title span, .index_photo .title span, .index_pro .title span{font-size: 48px;height: 10px;}
	.index_news .title abbr, .index_photo .title abbr, .index_pro .title abbr{font-size: 24px;}
	.index_news ul li .text .neirong{height: 56px;overflow: hidden;}
	.index_news ul li .date span{font-size: 36px;}
	footer .foot_form{display: none;}
	footer .ewm{ width:auto; max-width:150px; padding-top:100px;}
	.footlianxi_list .footlianxi{width: 100%;}
	.beian{font-size: 12px;}
	.beian a{font-size: 12px;}
	.aboutjieshao .fl{width: 100%;}
	.aboutjieshao .fr{width: 100%;}
	.aboutjieshao .fr p{right: 20%;}
	.aboutjieshao .fr .date{right: 20%;}
	.aboutjieshao .fr .date span{font-size: 100px;}
	.about_xq ul{margin-top:60px;}
	.about_xq ul li span{font-size: 50px;}
	#wave{bottom: -700px;}
	.honor-content2 ul li{width: 32%;margin-right: 1.33%;}
	.honor-content2 ul li:nth-child(4n){margin-right: 1.33%;}
	.honor-content2 ul li:nth-child(3n){margin-right: 0%;}
	.honor-content .container ul li{width: 32%;margin-right: 1.33%;}
	.honor-content ul li:nth-child(4n){margin-right: 1.33%;}
	.honor-content ul li:nth-child(3n){margin-right: 0%;}
	.honor-content1 .container ul li{width: 32%;margin-right: 1.33%;}
	.honor-content1 ul li:nth-child(4n){margin-right: 1.33%;}
	.honor-content1 ul li:nth-child(3n){margin-right: 0%;}
	.product-content .fl form{width: 300px;}
	.product-content .prduct_mlist li{/*width: 12%;*/}
	.product_xq{width: 100%;}
	.online_mas span{font-size: 24px;}
	.newslist .txt{/*width: 84%;*/}
	.weizhi .fr span{font-size: 14px;}
	.newslist blockquote{font-size: 15px;}
	.panel-heading{font-size: 14px;}
	.panel-body{font-size: 14px;}
	.beian{line-height: 30px; padding:10px 0;}
	.weizhi .fr span a{font-size: 14px;}
	.details-top h2{font-size: 18px;}
	.details-content{font-size: 14px;line-height: 24px;padding: 30xp 0;}
}
@media screen and (max-width:1000px){
	header .container .nav{/*width: 67%;*/}
	header .container .nav li a{font-size:14px; font-weight:inherit; line-height:20px; display:flex; justify-content: center; align-items: center; padding:0 15px;}
	.index_prolist ul li .pimg{height: 175px;}
	.index_prolist{padding: 60px 0;}
	.index_pro .fl span{font-size: 24px;height: 12px;}
	.index_pro .fl abbr{font-size: 16px;height: 16px;margin-top: 0;}
	.index_prolist .title span{font-size: 24px;height: 12px;}
	.index_prolist .title abbr{font-size: 16px;margin-top: 0;line-height: 16px;}
	.index_pro .swiper-container ul li .pimg{height: 200px;}
	.index_pro .swiper-container ul li .text a{height: 45px;line-height: 45px;}
	.index_about .title span{font-size: 24px;height: 12px;}
	.index_about .title abbr{font-size: 16px;margin-top: 0;line-height: 16px;}
	.index_about .w1645 .text .neirong p{font-size: 12px;line-height: 24px;}
	.index_about .w1645 .text .neirong{padding:20px}
	.index_about .w1645 .text .neirong .more{font-size: 14px;width: 140px;height: 36px;line-height: 36px;margin-top: 10px;}
	.index_about ul{display: none;}
	.index_about .swiper-button-prev, .index_about .swiper-button-next{height: 36px;width: 36px;}
	.index_about .swiper-button-prev::after, .index_about .swiper-button-next::after{font-size: 16px;}
	.index_about .swiper-button-prev{right: 0;}
	.index_about .swiper-button-next{right: -60px;}
	.index_aboutlist ul li .text span{font-size: 18px;}
	.index_aboutlist ul li .text abbr{font-size: 12px;margin-top: 20px;}
	.index_photo .title span, .index_pro .title span, .index_news .title span{font-size: 24px;}
	.index_photo .title abbr, .index_pro .title abbr, .index_news .title abbr{font-size: 16px;margin-top: 0;line-height: 16px;}
	.index_news ul li{width: 49%;margin-bottom: 10px;padding: 20px;}
	.index_news ul li .date span{font-size: 24px;}
	.index_news ul li .text{padding-left: 15px;}
	.index_news ul li .text p{margin-bottom: 10px;}
	.index_news .more{margin-top: 20px;width: 140px;line-height: 36px;height: 36px;}
	.index_news{padding:45px 0}
	footer .title span{font-size: 36px;}
	footer .title abbr{font-size: 24px;margin-top: 0px;line-height: 24px;}
	.footnav_list{width: 71%;}
	.footnav_list li{width: auto;}
	.beian{/*height: 45px;*/overflow: hidden;}
	
	#profile .fl, #profile .fr{ width:100%; float:none;}
	#concept .fl, #concept .fr{ width:100%; float:none;}
	#concept .fl td, #concept .fr td{ text-align:center;}

	.aboutjieshao .fl p{font-size: 16px;}
	.aboutjieshao .fl{background-position-y: 38px;}
	.aboutjieshao .fr p{right:-3%}
	.aboutjieshao .fr .date span{font-size: 70px;}
	.about_xq{padding:30px 0}
	.about_xq ul li span{font-size: 24px;}
	.about_xq ul li sup{font-size: 16px;}
	#wave{bottom: -557px;}
	.about_xq .neirong{font-size: 14px;line-height: 24px;}
	.aboutjiazhi .fl{width: 100%;}
	.aboutjiazhi .fr{width: 100%;margin-top: 30px;}
	.aboutjiazhi{padding: 45px 0;}
	.honor-content2 ul .text{font-size: 15px;}
	.honor-content2 ul li a .honor-img{height: 360px;}
	.honor-content2 ul li{height:360px}
	.honor-content2 ul .text{height:360px}
	.honor-content1 .container ul li .honor-img{height: 130px;}
	.honor-content .container ul li .honor-img{height:130px}
	.product-content .prduct_mlist{ display:block;}
	.product-content .prduct_mlist li{/*width: 12.5%;*/}
	.product-content .product-img{height: 156px;line-height: 156px;}
	.product-content .prduct_mlist li a{font-size: 14px;}
	.product-content .product-atxt h4{font-size: 14px;}
	.product-content .product{}
	.product-content .pronav.fl{ display:none;}
	.product-content .product.fr{float:none; width:100%;}
	.weizhi .fr{display: none;}
	.weizhi .fl{margin-bottom: 25px;}
	.product_xq{padding:30px 0}
	.product_xq .valve-txt h1{margin-bottom: 30px;}
	.product_xq .valve-txt .lianxi a img{vertical-align: middle;}
	.product_xq .valve-img{height:380px}
	.details-bottom .tt span{line-height: 48px;height: 48px;font-size: 16px;}
	.details-bottom .tt{height: 48px;}
	.newslist .panel, .newslist .txt{width: 100%; float:none; margin-bottom:15px;}
	.newslist blockquote small{line-height: 18px;height: 36px;overflow: hidden;}
	.details-content{margin: 30px 0;}
.contact_us .conk{
	}
.contact_us .conk2{
	padding: 0;
	}
.contact_us .conk2 .contxt{
	padding:0; background:none; width:100%;
	}
.contact_us .conk2 .contxt .concom {
}
.contact_us .conk2 .contxt .context {
}
.contact_us .conk2 .contxt .context img {
}
.contact_us .conk2 .contxt .context .context-t {
}
.contact_us .conmap{
	position: relative;
    height: 300px;
	}
}	
@media screen and (max-width:750px){
	.aboutjiazhi .fr{width: 100%;margin-top: 00px;}
	.shoujixianshi{display: block !important;}
	.shoujibanner{display: block;margin-top: 70px;}
	.banner{display: none;}
	.shoujibanner img{display: block;width: 100%;}
	.index_prolist{padding: 30px;}
	.index_prolist .title abbr{margin-bottom: 30px;}
.btn-nav{display:block;position:fixed;top:10px;right:30px;background:transparent;border:none;padding:10px 0 0 10px;box-sizing:border-box;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999;color:#000;}
.btn-nav:focus{outline:0;}
.icon-bar{display:block;margin:6px 0;width:29px;height:5px;background-color:#000;}
.btn-nav:hover .icon-bar{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;background-color:#000;}
.nav-content{position:fixed;top:0;/*bottom:0;left:0;*/right:-100vw;background:var(--vicecolor);display:block;height:100vh;z-index:13;padding-top:70px;opacity: 0; transition:all 0.8s;}
.nav-list{list-style:none;padding:0;position:relative;top:5%;}
.item-anchor:after{content:"";position:absolute;width:3px;height:3px;left:0;bottom:0;z-index:9;background:transparent;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.item-anchor{color:#fff;font-size:18px;text-transform:uppercase;position:relative;text-decoration:none;padding:10px;}
.item-anchor:hover,.item-anchor:focus{color:#000;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.item-anchor:hover:after,.item-anchor:focus:after{width:100%;background:#000;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.nav-item{margin:20px auto;text-align:center;}
.animated1{display:block;margin:0 auto;position:fixed;}
.animated1:hover .icon-bar,.animated1:focus .icon-bar{background-color:#fff;}
.animated1:focus p{color:#000;}
.animated1:focus{cursor:pointer;z-index:9999;}
.middle{margin:0 auto;}
.icon-bar{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;z-index:999999;}
.animated1 .icon-bar{z-index:999999;background-color:#fff;}
.animated1 .top{-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);-ms-transform:translateY(7px) rotateZ(45deg);-o-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg);}
.animated1 .bottom1{-webkit-transform:translateY(-11px) rotateZ(-45deg);-moz-transform:translateY(-11px) rotateZ(-45deg);-ms-transform:translateY(-11px) rotateZ(-45deg);-o-transform:translateY(-11px) rotateZ(-45deg);transform:translateY(-11px) rotateZ(-45deg);}
.animated1 .middle{width:0;}
.showNav{/*-webkit-animation:showNav 1s ease forwards;-moz-animation:showNav 1s ease forwards;-o-animation:showNav 1s ease forwards;animation:showNav 1s ease forwards;opacity: 1;*/ right:0;opacity: 1;}
.hideNav{/*-webkit-animation:hideNav 1s ease forwards;-moz-animation:hideNav 1s ease forwards;-o-animation:hideNav 1s ease forwards;animation:hideNav 1s ease forwards;opacity: 1;*/ right:-100vw;opacity: 0;}
.hidden1{display:none;opacity: 0;}
header .container .nav{width: 100%;display: block; max-width:200px;}
.icon-bar{height: 3px;width: 25px;}
header .container .header-en{display: none;}
header .container .nav li{width: 100%;}
header .container .nav li a{font-size: 16px;color: #fff;text-align: center;line-height: 45px;height: 45px;}
header{height: 70px;}
header .container .logo{height: 70px;line-height: 70px;width: 43%;}
.banner{margin-top: 50px;}
.index_pro .fl .tabs li a{font-size: 14px;}
.index_pro .fl .tabs li a::after{width:20px;background-size: cover;height: 8px;}
.index_pro .fl .tabs ul li{width: 33%;}
.index_pro .swiper-container ul li .pimg{height: 105px;}
.index_pro .swiper-container ul li .text a{font-size: 12px;}
.yb_conct{display: none;}
.index_pro .fl .tabs li{line-height: 36px;height: 36px;}
.index_prolist{padding: 30px 0;}
.index_prolist ul li{width: 49%;padding: 0;}
.index_prolist ul li:nth-child(n+4){display: none;}
.index_prolist ul li .pimg img{vertical-align:top;}
.index_prolist ul li .text a{line-height: 36px;text-align: center;height: 36px;}
.index_prolist ul li:nth-child(10){display: block;}
.index_prolist .more{line-height: 140px;line-height: 36px;height: 36px;margin-top: 30px;}
.index_about{padding-bottom: 30px;}
.index_about .w1645 .text{width: 100%;}
.index_about .fr{display: block;width: 90%;margin: 0 auto;float: none;}
.index_about .w1645 .text{position: relative;}
.index_about{padding: 30px 0;}
.index_about .swiper-button-prev,.index_about .swiper-button-next{display: none;}
.index_aboutlist ul{display: block;}
.index_aboutlist ul li{width: 100%;}
.index_news ul li{width: 100%;}
.index_news ul li:nth-child(n+4){display: none;}
.index_aboutlist{display: none;}
.index_news .title abbr, .index_photo .title abbr, .index_pro .title abbr{margin-bottom: 20px;}
.index_news ul li .date{padding-top: 0;}
footer .w1645{ flex-wrap:wrap;}
footer .ewm{ padding-top:40px;}
.footnav_list{display: none;}
.footlianxi_list .footlianxi{display:block;}
.ewm{/*display: none;*/ margin-top:30px; text-align:center; width:100%;}
footer .title span{font-size: 24px;}
footer .title abbr{font-size: 16px;line-height: 16px;margin-bottom: 30px;}
.footlianxi_list span{/*width: 80%;*/ max-width:calc(100% - 42px);}
footer .title{margin-top: 30px;}
.about_list ul{flex-wrap: wrap;}
/*.about_list ul::after{content: '';display: block;width: 25%;}*/
.about_list ul li{width: 25%;height: 48px;line-height: 48px;}
.about_list ul li a{font-size: 14px;}
.aboutjieshao .fl{background-position-y: 49px;background-position-x: 112%;padding-left: 0%;}
.nbanner{margin-top: 70px;}
.aboutjieshao .fl p{font-size: 14px;}
.aboutjieshao .fr p{font-size: 14px;top: 36px;right: 0;}
.aboutjieshao .fr .date{right: 0;}
.aboutjieshao .fr .date span{font-size: 36px;}
.about_xq ul li span{font-size: 24px;}
.about_xq ul li sup{font-size: 14px;top: -1em;}
.about_xq ul li p{font-size: 14px;}
.about_xq ul{flex-wrap: wrap;}
.about_xq ul li{width: 50%;}
.aboutjiazhi .w1645{padding: 0%;}
.aboutjiazhi .neirong{background-position-x:0px;padding-left: 30px;margin-bottom: 30px;}
.aboutjiazhi ul{display: block;}
.aboutjiazhi ul li{width: 100%;margin-bottom: 30px;}
.honor-content2{padding: 30px 0;}
.honor-content2 .w1645{width: 100%;}
.honor-content2 ul li{width: 48%;height: 260px;}
.honor-content2 ul li a .honor-img{height: 260px;}
.honor-content2 ul .text{height: 260px;line-height: 260px;}
.honor-content2 ul li a .honor-img .bofang{width: 50px;height: 50px;}
.news-content .container{padding: 30px ;}
.details-top p span{font-size: 14px;}
.news-content iframe{height: 300px;}
.details-content{text-indent: 0em;}
.details-page p{font-size: 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.details-page p a{font-size: 14px;}
.honor-content .w1645{width: 100%;}
.honor-content .container{padding: 30px;}
.honor-content .container ul li{width: 49.5%;margin-right: 1%;margin-bottom: 10px;}
.honor-content .container ul li:nth-child(3n){margin-right: 1%;}
.honor-content .container ul li:nth-child(2n){margin-right: 0%;}
.honor-content .container ul li p{height: 36px;line-height: 36px;font-size: 14px;}
.honor-content1 .w1645{width: 100%;}
.honor-content1 .container{padding: 30px;}
.honor-content1 .container ul li{width: 49.5%;margin-right: 1%;margin-bottom: 10px;}
.honor-content1 .container ul li:nth-child(3n){margin-right: 1%;}
.honor-content1 .container ul li:nth-child(2n){margin-right: 0%;}
.honor-content1 .container ul li p{height: 36px;line-height: 36px;font-size: 14px;}

.product-left ul{width: 100%;flex-wrap: wrap;}
.product-left ul li{width: 25%;line-height: 48px;height: 48px; min-width:100px;}
.product-left ul li a{font-size: 13px;}
.index_pro .swiper-container ul li .pimg .lianjie{height:150px;display: none;}
.index_pro .swiper-container ul li .pimg .lianjie a{height: 150px;}
.product-content .prduct_mlist{border: none;border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;}
.product-content .product ul li{ width:30%; margin:1.5%;}
.product-left .w1645{width: 100%;}

.weizhi .fr{display: none;}
.weizhi .fl{ margin:25px;}
.weizhi .fl h1{ font-size:20px;}
.product-content .container{padding: 0px 0; margin:10px auto 30px;}
.product-content .prduct_mlist li{border: none;}
.product-content .prduct_mlist li a{font-size: 12px;border: none; height:50px; line-height:50px;}
.product-content .prduct_mlist li{width:auto;/*min-width: 25%;padding: 0 10px;*/}
.product_xq .valve-img{width: 100%;}
.product_xq{display: block;}
.product_xq .valve-txt h1{text-align:center; font-size:18px;}
.product_xq .valve-txt h1::after{width:100%;}
.product_xq .valve-txt ul{padding:20px 0;}
.product_xq .valve-txt{width: 100%;margin-top: 30px;}
.product_xq .valve-txt .lianxi a{font-size: 14px;}
.product_xq .valve-img img{width:auto; max-width:99%;}
.xqpro ul li{width:46%; margin:2%;}
.details-bottom .tt span{font-size: 14px;display: block;width: 140px;}
.online_mas{padding: 10px;}
.online_mas form .inpot{width: 100%;}
.online_mas span{font-size: 16px;}
.online_mas abbr{font-size: 14px;margin-bottom: 30px;}
.online_mas form .inpot p{font-size: 14px;}
.online_mas button{width: 100%;font-size: 14px;}

.newslist .panel{/*width: 50px;*/}
.panel-heading{font-size: 14px;width:50px;line-height: 30px;}
.panel-body{width: 50px;line-height: 30px;height: 30px;}
.news-content .weizhi{display: none;}
.newslist{padding: 20px;}
.newslist .txt{/*border: none;margin-left: 10px;*/}
.newslist blockquote{padding-left: 10px;}
.details-page{display: block;}
.details-top h2{font-size: 16px;}
.contact_us{margin:30px 0}
.newslist{margin-top: 30px;}
.news-content{padding-bottom: 30px;}
.beian{margin-bottom: 10px;}
.fnav{width: 100%;background: var(--maincolor);height: 60px;padding: 8px 10px;position: fixed;bottom: 0;z-index: 998;border-top: 1px solid #fff;display: block;}
.fnav ul{display: flex;justify-content: space-between;}
.fnav ul li{width: 24%;border-right: 1px solid #fff;}
.fnav ul li i{background: url(../image/fnav.png) no-repeat;width: 26px;height: 21px;display: inline-block}
.fnav ul li:nth-child(2) i{background-position: -37px 0;}
.fnav ul li:nth-child(3) i{background-position: -73px 0;}
.fnav ul li:nth-child(4) i{background-position: -108px 0;}
.fnav ul li:nth-child(4){border: none}
.fnav ul li a{color: #fff;display: block;text-align: center;font-size: 12px;}
.index_news{padding: 30px 0;}
.product_xq .valve-txt .lianxi a{margin-bottom: 10px;}
.details-bottom{/*display: none;*/ padding-top:20px; border-top:1px solid #ddd;}
.mdetails-bottom{display: block;}
.mdetails-bottom .tt span{font-size: 14px;display: block;width: 140px;line-height: 48px;height: 48px;display: inline-block;text-align: center;background-color: var(--maincolor);color: #fff;}
.mdetails-bottom .tt{height: 48px;background-color: #f1f1f1;width: 100%;line-height: 48px;margin-bottom: 10px;}
.mdetails-bottom .txt-txt img{max-width: 100%;}
}
@media screen and (max-width:580px){
footer .w1645{ flex-wrap:wrap; justify-content: center !important;}
footer .ewm{padding-top:0px;}
}