@charset "utf-8";

*{margin: 0; padding: 0;}
body{font-size: 14px; color: #222; font-family: 'SourceHanSans';}
a{text-decoration: none; color: #222;}
a:hover{color: #176801;}
li{list-style: none;}
input,button,textarea{outline: none; font-size: 14px;}
img{vertical-align: middle;}

@font-face {
	font-family: 'SourceHanSans';
	src: url('font/SourceHanSansCN.otf');
}
@font-face {
	font-family: 'SourceHanSans-Bold';
	src: url('font/SourceHanSansCN-Bold.otf');
}
@font-face {
	font-family: 'Times';
	src: url('font/Times.ttf');
}

.whole{margin: 0 auto;}
@media (min-width:1400px) {
	.whole{width: 1400px;}
}
.gradual{background: -webkit-linear-gradient(#099663, #178a53); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
.clear{clear: both;}

.webhead{width: 100%; height: 100px; background: rgb(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; z-index: 9;}
.webhead .logo{float: left; line-height: 100px;}
.webhead .logo img{height: 70px;}
.webhead .menu{float: right; padding: 10px 0;}
.webhead .menu ul{padding: 15px 0;}
.webhead .menu ul li{float: left; padding: 0 30px; line-height: 50px; position: relative;}
.webhead .menu ul li a{display: inline-block; font-size: 18px;}
.webhead .menu ul li:hover>a{color: #176801;}
.webhead .menu ul li i{width: 10px; height: 6px; display: inline-block; vertical-align: middle; margin-left: 3px; position: relative;}
.webhead .menu ul li i::before{width: 8px; height: 1px; content: ''; background: #555; position: absolute; left: -3px; top: 0; transform: rotate(45deg);}
.webhead .menu ul li i::after{width: 8px; height: 1px; content: ''; background: #555; position: absolute; left: 3px; top: 0; transform: rotate(-45deg);}
.webhead .menu ul li ul{width: max-content; background: #fff; border: solid #e8e8e8 1px; position: absolute; left: 50%; top: 50px; transform: translateX(-50%); display: none;}
.webhead .menu>ul>li:hover>ul{display: block;}
.webhead .menu ul li ul li{float: none; line-height: 40px;}
.webhead .menu ul li ul li a{font-size: 16px;}
.webhead .menu ul li ul li i::before{top: -3px; left: 5px;}
.webhead .menu ul li ul li i::after{top: 3px; left: 5px;}
.webhead .menu ul li ul li ul{left: 100%; top: -16px; transform: translateX(0px); display: none;}
.webhead .menu ul li ul li:hover{background: rgba(23, 138, 83, 0.2);}
.webhead .menu ul li ul li:hover ul{display: block;}

.webhead .search{width: 20px; height: 18px; float: right; margin: 40px 0 0 20px;}
.webhead .search .search_btn{width: 20px; height: 18px; background: url("../images/search.png") center no-repeat; cursor: pointer;}
.webhead .search .search_windows{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 99; display: none;}
.webhead .search .search_windows.show{display: block;}
.webhead .search .search_windows .close_layer{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.webhead .search .search_windows .search_form{width: 460px; height: 42px; box-sizing: content-box; padding: 50px; margin: 200px auto 0; background: #fff; position: relative;}
.webhead .search .search_windows .search_form input{width: 320px; height: 40px; float: left; font-size: 16px; padding: 0 18px; border: solid #eee 1px;}
.webhead .search .search_windows .search_form button{width: 100px; height: 42px; float: left; border: none; background: url("../images/search_white.png") center no-repeat #176801; color: #fff; cursor: pointer;}
.webhead .search .search_windows .search_form .close_btn{width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 26px; color: #666; position: absolute; top: 6px; right: 6px;}

.webfoot{padding-top: 50px; border-top: solid #e5e5e5 1px;}
.webfoot .whole{max-width: 1200px; border-bottom: solid #e5e5e5 1px; padding-bottom: 50px;}
.webfoot .flogo{text-align: center; margin-bottom: 30px;}
.webfoot .fname{width: 240px; float: left;}
.webfoot .fname h2{font-size: 44px; font-family: 'SourceHanSans-Bold'; color: #176801;}
.webfoot .fname h4{font-size: 20px; color: #252525; font-weight: 100;}
.webfoot .fname p{font-size: 12px; color: #252525;}
.webfoot .fmenu{width: 500px; margin: 0 auto;}
.webfoot .fmenu li{width: 50%; float: left; font-size: 20px; padding: 10px 0;}
.webfoot .fmenu li small{font-size: 12px;}
.webfoot .fcontact{width: 300px; float: right;}
.webfoot .fcontact p{font-size: 16px; line-height: 28px; padding: 2px 0; color: #252525;}
.webfoot .fcontact p a{color: #252525;}
.copyright{padding: 20px 0; text-align: center;}
.copyright p{display: inline-block; line-height: 28px;margin: 0 6px;}

/* 内页公共banner图 */
.commonBanner{overflow: hidden;}
.commonBanner img{position: relative; left: 50%; transform: translateX(-50%);}
@media (max-width:1400px) {
	.commonBanner img{width: 135%;}
}
.conmobilebanner{display: none;}

.crumbs{height: 50px; line-height: 50px; background: #f7f7f7; border-top: solid #e5e5e5 1px; border-bottom: solid #e5e5e5 1px; margin-bottom: 30px;}
.commonLeft{width: 280px; float: left;}
.commonRight{width: calc(100% - 330px); float: right;}
/* 分页器 */
.commonPage{text-align: center; line-height: 26px; font-size: 16px; margin-bottom: 50px;}
.commonPage a{display: inline-block; padding: 0 8px; margin: 0 10px; border: solid #e5e5e5 1px;}
.commonPage a:hover{color: #176801;}
.commonPage span{display: inline-block; padding: 0 8px; margin: 0 10px;}
.commonPage .current{background: #176801; color: #fff; border: solid #176801 1px;}
.commonPage select{height: 28px; margin: 0 10px; border: solid #e5e5e5 1px; outline: none;}
/* 内页通用左边 */
.commonLeft .leftTitle{height: 52px; line-height: 52px; font-size: 20px; font-weight: bold; padding-left: 15px; border: solid #176801 1px; background: #176801; color: #fff;}
.commonLeft .leftTitle small{font-size: 16px;}
.commonLeft .classification{border: solid #e5e5e5 1px; border-top: none; margin-bottom: 30px;}
.commonLeft .classification ul li{font-size: 16px; line-height: 52px; border-bottom: dashed #ececec 1px;}
.commonLeft .classification ul li:last-child{border-bottom: none;}
.commonLeft .classification ul li a{padding: 0 15px;}
.commonLeft .classification ul li .btn{width: 14px; height: 12px; float: right; position: relative; cursor: pointer; margin: 20px 15px 0 0; transition: all 0.5s;}
.commonLeft .classification ul li .btn::before{width: 8px; height: 1px; content: ''; background: #333; position: absolute; left: 0; top: 6px; transform: rotate(45deg);}
.commonLeft .classification ul li .btn::after{width: 8px; height: 1px; content: ''; background: #333; position: absolute; right: 0; top: 6px; transform: rotate(-45deg);}
.commonLeft .classification ul li .btn.rotate{transform: rotate(180deg);}
.commonLeft .classification ul li ul{border-top: dashed #ececec 1px; display: none;}
.commonLeft .classification ul li ul li{position: relative;}
.commonLeft .classification ul li ul li::before{content: ''; border-left: solid #666 7px; border-top: solid transparent 5px; border-bottom: solid transparent 5px; position: absolute; left: 15px; top: 21px;}
.commonLeft .classification ul li ul li a{padding-left: 28px;}

.commonLeft .leftNews{border: solid #e5e5e5 1px; border-top: none; margin-bottom: 30px;}
.commonLeft .leftNews ul li{line-height: 52px; border-bottom: dashed #ececec 1px; padding: 0 15px;}
.commonLeft .leftNews ul li:last-child{border-bottom: none;}
.commonLeft .leftNews ul li a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.commonLeft .leftContact{border: solid #e5e5e5 1px; border-top: none; margin-bottom: 30px;}
.commonLeft .leftContact p{line-height: 22px; border-bottom: dashed #ececec 1px; padding: 13px 10px;}
.commonLeft .leftContact p:last-child{border-bottom: none;}
.commonLeft .leftMessage{margin-bottom: 30px;}
/* 内页产品 */
.commonProducts{padding-bottom: 50px;}
.commonProducts .productBox{}
.commonProducts .productBox .list{width: 32%; float: left; margin-right: 2%; margin-bottom: 30px;}
.commonProducts .productBox .list:nth-child(3n){margin-right: 0;}
.commonProducts .productBox .list .picture{border: solid #e5e5e5 1px; overflow: hidden;}
.commonProducts .productBox .list .picture img{width: 100%; transition: all 0.5s;}
.commonProducts .productBox .list:hover .picture img{transform: scale(1.1);}
.commonProducts .productBox .list .name{text-align: center;}
.commonProducts .productBox .list .name a{display: block; font-size: 16px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.productDetails{padding-bottom: 50px;}
.productDetails .picture{width: 45%; float: left; border: solid #e5e5e5 1px;}
.productDetails .picture img{width: 100%;}
.productDetails .abstract{width: 50%; float: right;}
.productDetails .abstract .name{padding: 20px 0; border-bottom: dashed #e5e5e5 1px;}
.productDetails .abstract .name h1{font-size: 16px;}
.productDetails .abstract .text{margin-top: 20px;}
.productDetails .abstract .text p{color: #717171; line-height: 28px;}
.productDetails .abstract .consult{margin-top: 20px;}
.productDetails .abstract .consult a{width: 150px; height: 36px; display: inline-block; text-align: center; line-height: 36px; background: #176801; color: #fff; border-radius: 18px; transition: all 0.3s;}
.productDetails .abstract .consult a:hover{box-shadow: 0 3px 5px #d5e5ff;}
.productDetails .abstract .thumbnail{margin-top: 30px;}
.productDetails .abstract .thumbnail .button{width: 25px; height: 82px; float: left;}
.productDetails .abstract .thumbnail .button a{display: block; text-align: center; line-height: 80px; font-size: 20px; background: #f8f8f8; border: solid #eee 1px;}
.productDetails .abstract .thumbnail .button a:hover{border-color: #176801;}
.productDetails .abstract .thumbnail .list{max-width: calc(100% - 60px); float: left; overflow: hidden; box-sizing: border-box; margin: 0 5px;}
.productDetails .abstract .thumbnail .list ul{width: max-content;}
.productDetails .abstract .thumbnail .list li{height: 80px; float: left; margin: 0 5px; border: solid #eee 1px; cursor: pointer;}
.productDetails .abstract .thumbnail .list li img{height: 80px;}
.productDetails .abstract .thumbnail .list li.current{border-color: #176801;}
.productDetails .label{border: solid #e5e5e5 1px; margin-top: 20px;}
.productDetails .label li{display: inline-block; font-size: 15px; font-weight: bold; padding: 0 50px; line-height: 42px;}
.productDetails .label .current{border-bottom: solid #176801 2px; margin-bottom: -1px;}
.productDetails .content{margin-top: 20px; line-height: 28px;}
.productDetails .content img{max-width: 100%;}
.productDetails .content table{max-width: 100%; border-collapse: collapse;}
.productDetails .content table .firstRow td{padding: 5px 10px;}
.productDetails .content table td{border: solid #e5e5e5 1px; padding: 0 10px;}
.productDetails .productLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.productDetails .prevNext{margin-top: 10px;}
.productDetails .prevNext p{line-height: 28px; color: #7a7a7a;}
/* 内页新闻 */
.commonNews{padding-bottom: 50px;}
.commonNews .list{padding: 20px; color: #2f2f2f; border: solid #f2f2f2 1px; margin-bottom: 40px; transition: all 0.3s;}
.commonNews .list:hover{box-shadow: 0 0 10px 10px #f8f8f8;}
.commonNews .list .date{font-size: 14px; margin-top: 10px;}
.commonNews .list .title{margin-top: 10px;}
.commonNews .list .title a{font-size: 15px; font-weight: bold;}
.commonNews .list .title a:hover{color: #176801;}
.commonNews .list .text{margin-top: 10px; co}
.commonNews .list .button{margin-top: 20px;}
.commonNews .list .button a{color: #176801;}

.newsDetails{padding-bottom: 50px;}
.newsDetails .newsTitle{padding: 10px 0;}
.newsDetails .newsTitle h1{font-size: 18px; text-align: center; line-height: 28px;}
.newsDetails .newsDate{line-height: 32px; border-bottom: dashed #e5e5e5 1px; color: #949494;}
.newsDetails .newsDate p{display: inline-block;}
.newsDetails .newsDate .date{background: url("../images/date.png") left center no-repeat; padding-left: 21px; margin-right: 30px;}
.newsDetails .newsContent{padding: 20px 0;}
.newsDetails .newsContent img{max-width: 100%;}
.newsDetails .newsContent table{max-width: 100%;}
.newsDetails .newsLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
.newsDetails .prevNext{margin-top: 10px;}
.newsDetails .prevNext p{line-height: 28px; color: #7a7a7a;}
/* 内页关于我们 */
.commonAboutus{padding-bottom: 50px;}
.commonAboutus .title{text-align: center;}
.commonAboutus .title h3{display: inline-block; font-size: 30px; color: #176801; position: relative; padding-bottom: 20px;}
.commonAboutus .title h3::after{width: 20px; height: 3px; content: ''; background: #176801; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.commonAboutus .content{margin-top: 30px;}
.commonAboutus .content p{font-size: 16px; line-height: 2;}
.commonAboutus .content img{max-width: 100%; height: auto !important;}
/* 内页联系我们 */
.commonContactus{padding-bottom: 50px;}
.commonContactus .title{text-align: center;}
.commonContactus .title h3{display: inline-block; font-size: 30px; color: #176801; position: relative; padding-bottom: 20px;}
.commonContactus .title h3::after{width: 20px; height: 3px; content: ''; background: #176801; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.commonContactus .content{margin-top: 30px;}
.commonContactus .content img{max-width: 100%; height: auto !important;}
/* 相册公用样式 */
.commonAlbum{padding-bottom: 50px;}
.commonAlbum .list{width: 32%; float: left; margin-right: 2%; margin-bottom: 30px;}
.commonAlbum .list:nth-child(3n){margin-right: 0;}
.commonAlbum .list img{width: 100%;}
.commonAlbum .list p{padding: 10px; text-align: center;}
/* 右边客服 */
.rightWindow{position: fixed; z-index: 99; right: 10px; bottom: 10%;}
.rightWindow li{margin-bottom: 3px; font-size: 0;width: 57px; height: 57px; right: 0; position: relative;}
.rightWindow li a{width: 57px;	height: 57px; display: block; position: absolute; z-index: 9; right: 0;	top: 0;	overflow: hidden; background: #292e39; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap;	font-size: 0;}
.rightWindow li .icon-font:after{width: 30px; height: 30px; content: ""; background-image: url("../images/icon_right.png"); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.rightWindow li .icon-font{display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; position: relative;}
.rightWindow li .icon-qq:after{background-position: 0 -120px;}
.rightWindow li .icon-phone:after{background-position: 0 -60px;}
.rightWindow li .icon-ewm:after{background-position: 0 0;}
.rightWindow li .icon-message:after{background-position: 0 -90px;}
.rightWindow li .icon-top:after{background-position: 0 -30px;}
.rightWindow li .wz{display: inline-block;	line-height: 57px; font-size: 14px;	color: #fff; vertical-align: middle; padding-left: 10px;}
.rightWindow li.ewm .ewm-box{position: absolute; z-index: 1; padding: 5px; background: #292e39; width: 130px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
.rightWindow li.ewm .ewm-box p{margin-bottom: 0;}
.rightWindow li.ewm .ewm-box img{max-width: 100%;}
.rightWindow 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;}
.rightWindow li.ewm:hover .ewm-box{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.rightWindow li.backtop{cursor: pointer;}
.rightWindow li.backtop .iconfont{color: #fff; background-color: #292e39;}
.rightWindow li:hover a{width: 200px; background: rgb(59,57,57);}
.rightWindow li:hover .icon-font{background-color: #292e39;}
.rightWindow li:hover .icon-qq:after{background-position: -30px -120px;}
.rightWindow li:hover .icon-phone:after{background-position: -30px -60px;}
.rightWindow li:hover .icon-ewm:after{background-position: -30px 0;}
.rightWindow li:hover .icon-message:after{background-position: -30px -90px;}
.rightWindow li:hover .icon-top:after{background-position: -30px -30px;}
.gotop{display: none;}
/* 在线留言 */
.hs_inquiry_form{width:600px;height:auto;clear:both;margin-top: 20px;}
.hs_inquiry_form_v{width:600px;height:120px;clear:both;margin-top: 20px;}
.hs_inquiry_form_button{width:470px;height:80px;line-height:80px;clear:both;margin-top:5px;padding-left:130px;margin-top: 20px;}
.hs_inquiry_form:after,.hs_inquiry_form_v:after{content:"";display:table;clear:both}
.hs_inquiry_form .hs_lf,.hs_inquiry_form_v .hs_lf{float:left;width:120px;margin-right:15px;text-align:right;height:45px;line-height:45px;font-size:14px;font-weight:bold;color:#666}
.hs_inquiry_form .hs_rf,.hs_inquiry_form_v .hs_rf{float:left;width:auto;height:45px;line-height:45px;}
.hs_inquiry_form .input,.hs_inquiry_form_v .input{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:30px;border:1px solid #cccccc;font-size:14px;margin-right:10px;line-height:30px;padding:5px 10px;}
.hs_inquiry_form .input:hover{border:1px solid #1473e6;}
.hs_inquiry_form .input:focus{border:1px solid #1473e6;outline:0}
.hs_inquiry_form_button .button1{border:0;height:35px;line-height:35px;text-align:center;background-color:#0253b2;color:#FFF;text-decoration:none;-webkit-border-radius:5px;
 -moz-border-radius:5px; border-radius:5px;width:120px; cursor: pointer;}
.hs_inquiry_form_button .button1:hover{background-color:#296292;}
.hs_inquiry_form_button .button2{margin-left:15px;border:0;height:35px;line-height:35px;text-align:center;background-color:#d9534f;color:#FFF;text-decoration:none;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;width:120px;cursor: pointer;}
.hs_inquiry_form_button .button2:hover{background-color:#bb423e;}
.hs_inquiry_form_v .textarea{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #cccccc;font-size:14px;line-height:25px;padding:5px 10px;margin-top:5px;}
.hs_inquiry_form_v .textarea:hover{border:1px solid #1473e6;}
.hs_inquiry_form_v .textarea:focus{border:1px solid #1473e6;outline:0}
.form-required:before{content: "*"; display: inline-block;margin-right: 4px;line-height: 1;font-family: SimSun;font-size: 12px;color: #ed3f14}
/* 手机端 */
.phonehead{display: none;}
.phonefoot{display: none;}
.phoneFootMenu{display: none;}
@media (max-width: 960px) {
	body{padding-bottom: 80px;}
	/* 头部 */
	.webhead{display: none;}
	.phonehead{width: 100%; height: 60px; display: block; background: #fff; border-bottom: solid #e5e5e5 1px; position: fixed; top: 0; left: 0; z-index: 13;}
	.phonehead .phoneName{width: 70%; font-size: 16px; margin: 0 auto; text-align: center; line-height: 60px;}
	.phonehead .phoneName img{max-width: 88%; max-height: 32px; vertical-align: middle; margin-right: 10px;}
	.phonehead .phoneNavbtn{position: absolute; z-index: 10; top: 22px; left: 20px; width: 24px; height: 20px;}
	.phonehead .phoneNavbtn span,
	.phonehead .phoneNavbtn:after,
	.phonehead .phoneNavbtn:before{display: block; height: 2px; width: 100%; background: #333; -webkit-transition: all .5s; transition: all .5s;}
	.phonehead .phoneNavbtn span{margin: 5px 0;}
	.phonehead .phoneNavbtn:after,
	.phonehead .phoneNavbtn:before{content: ''; -webkit-transform-origin: 7.5%; transform-origin: 7.5%;}
	.phonehead .phoneNavbtn.clicked span {-webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
	.phonehead .phoneNavbtn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.phonehead .phoneNavbtn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.phonehead .phoneMenuList{width: 100%; height: calc(100% - 61px); overflow-y: auto; display: none; background: #fff; position: fixed; left: 0; top: 61px;}
	.phonehead .phoneMenuList ul{}
	.phonehead .phoneMenuList ul li{font-size: 16px; line-height: 50px; border-bottom: solid #e5e5e5 1px;}
	.phonehead .phoneMenuList ul li a{display: inline-block; padding: 0px 20px;}
	.phonehead .phoneMenuList ul li i.btn{float: right; border-top: solid #999 12px; border-left: solid transparent 10px; border-right: solid transparent 10px; position: relative; margin: 22px 10px 0 0; transition: all 0.5s;}
	.phonehead .phoneMenuList ul li i.btn::after{content: ''; border-top: solid #fff 12px; border-left: solid transparent 10px; border-right: solid transparent 10px; position: absolute; top: -15px; left: -10px;}
	.phonehead .phoneMenuList ul li i.btn.rotate{transform: rotate(180deg);}
	.phonehead .phoneMenuList ul li ul{display: none;}
	.phonehead .phoneMenuList ul li ul li{font-size: 15px; border-top: dashed #e5e5e5 1px; border-bottom: none; position: relative;}
	.phonehead .phoneMenuList ul li ul li::after{content: ''; border-left: solid #666 7px; border-top: solid transparent 5px; border-bottom: solid transparent 5px; position: absolute; left: 20px; top: 21px;}
	.phonehead .phoneMenuList ul li ul li a{padding-left: 33px;}
	.phonehead .phoneMenuList ul li ul li li::before{content: ''; border-left: solid #666 6px; border-top: solid transparent 4px; border-bottom: solid transparent 4px; position: absolute; left: 25px; top: 22px;}
	.phonehead .phoneMenuList ul li ul li li a{padding-left: 38px;}
	
	/* 搜索框 */
	.phonehead .search{width: 30px; height: 30px; position: absolute; right: 15px; top: 15px;}
	.phonehead .search .searchBtn{width: 30px; height: 30px; background: url("../images/search.png") center no-repeat; cursor: pointer;}
	.phonehead .search .searchBox{width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding: 10px; position: fixed; top: 0; right: -100%; opacity: 0; transition: all 0.3s; visibility: hidden; z-index: 11;}
	.phonehead .search .searchBox.show{right: 0; opacity: 1; visibility: visible;}
	.phonehead .search .searchBox input{width: calc(100% - 80px); height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; box-sizing: border-box; padding: 0 20px; border: solid #e5e5e5 1px; border-radius: 20px;}
	.phonehead .search .searchBox button{width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: url("../images/search.png") center no-repeat; border: none;}
	.phonehead .search .searchBox .closeBtn{display: inline-block; vertical-align: middle; padding: 0 5px; line-height: 40px; font-size: 20px;}
	/* 热门搜索 */
	
	/* 底部 */
	.webfoot{padding: 30px 0 0;}
	.webfoot .whole{max-width: 100%; padding-bottom: 30px;}
	.webfoot .flogo{text-align: center; margin-bottom: 16px;}
	.webfoot .fname{width: 100%; text-align: center;}
	.webfoot .fname h2{font-size: 38px;}
	.webfoot .fmenu{display: none;}
	.webfoot .fcontact{width: 100%; box-sizing: border-box; padding: 20px 10px 0;}
	.webfoot .fcontact p{font-size: 14px; line-height: 26px; padding: 2px 0; color: #252525;}
	.webfoot .fcontact p a{color: #252525;}
	.copyright{padding: 10px; text-align: center;}
	.copyright p{display: inline-block; line-height: 28px;margin: 0 6px;}

	.phoneFootMenu{width: 100%; display: block; background: #178a53; height: 80px; position: fixed; left: 0; bottom: 0; z-index: 10;}
	.phoneFootMenu ul{display: flex;}
	.phoneFootMenu ul li{width: 25%; text-align: center;}
	.phoneFootMenu ul li a{display: block; padding: 12px 0; color: #fff;}
	.phoneFootMenu ul li i{width: 35px; height: 28px; display: inline-block; background: url("../images/icon.png") no-repeat;}
	.phoneFootMenu ul li.home i{background-position: 0 0;}
	.phoneFootMenu ul li.product i{background-position: -35px 0;}
	.phoneFootMenu ul li.phone i{background-position: -70px 0}
	.phoneFootMenu ul li.contact i{background-position: -105px 0;}
	.phoneFootMenu ul li p{line-height: 22px;}
	.rightWindow{display: none;}
	.gotop{display: block; width: 30px; height: 30px; background: rgb(255, 255, 255, 0.5); border: solid #e5e5e5 1px; position: fixed; right: 6px; bottom: 90px; text-align: center; z-index: 10;}
	.gotop::after{content: ''; border-bottom: solid #178a53 12px; border-left: solid transparent 8px; border-right: solid transparent 8px; position: absolute; left: 7px; top: 7px;}
		
	/* 内页公共banner图 */
	.commonBanner{display: none;}
	.conmobilebanner{display: block; margin-top: 61px;}
	.conmobilebanner img{width: 100%;}
	
	/* 公用标题 */
	.crumbs{padding: 0 10px; margin-bottom: 20px;}
	.commonLeft{display: none;}
	.commonRight{width: 100%; float: none; box-sizing: border-box;}
	/* 分页器 */
	.commonPage{font-size: 14px; margin-bottom: 30px;}
	.commonPage a{display: inline-block; padding: 0; margin: 0 8px; border: none;}
	.commonPage span{display: inline-block; padding: 0; margin: 0 8px;}
	.commonPage .current{background: none; color: #178a53; border: none;}
	.commonPage select{display: none;}
	/* 内页产品 */
	.commonProducts{padding: 0 10px 30px;}
	.commonProducts .productBox{}
	.commonProducts .productBox .list{width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.commonProducts .productBox .list:nth-child(3n){margin-right: 2%;}
	.commonProducts .productBox .list:nth-child(2n){margin-right: 0%;}
	.commonProducts .productBox .list .name{width: 100%;}
	.commonProducts .productBox .list .name h3{font-size: 14px; font-weight: normal;}
	.commonProducts .productBox .list .button{display: none;}
	
	.productDetails{padding: 0 10px 30px;}
	.productDetails .picture{width: 100%;}
	.productDetails .abstract{width: 100%;}
	.productDetails .content table td{padding: 0 5px; font-size: 14px !important;}
	
	/* 内页新闻 */
	.commonNews{padding: 0 10px 30px;}
	.commonNews .list{margin-bottom: 20px;}
	.commonNews .list .content{padding: 20px; border: solid #ccc 1px;}
	.commonNews .list:hover .content{border-bottom-color: #ccc;}
	.commonNews .list .content .text a{float: none; display: block; margin-top: 10px;}
	
	.newsDetails{padding: 0 10px 30px;}
	.newsDetails .newsTitle{padding: 10px 0;}
	.newsDetails .newsTitle h1{font-size: 18px; text-align: center; line-height: 28px;}
	.newsDetails .newsDate{line-height: 32px; border-bottom: dashed #e5e5e5 1px; color: #949494;}
	.newsDetails .newsDate p{display: inline-block;}
	.newsDetails .newsDate .date{background: url("../images/date.png") left center no-repeat; padding-left: 21px; margin-right: 30px;}
	.newsDetails .newsContent{padding: 20px 0;}
	.newsDetails .newsContent img{max-width: 100%;}
	.newsDetails .newsContent table{max-width: 100%;}
	.newsDetails .newsLinks{margin-top: 20px; padding: 10px 0; border-bottom: solid #e5e5e5 1px; color: #7a7a7a;}
	.newsDetails .prevNext{margin-top: 10px;}
	.newsDetails .prevNext p{line-height: 28px; color: #7a7a7a;}
	/* 内页关于我们 */
	.commonAboutus{padding: 0 10px 30px;}
	.commonAboutus .title h3{font-size: 18px; padding-bottom: 10px;}
	.commonAboutus .content{margin-top: 20px; line-height: 24px; color: #333;}
	/* 内页联系我们 */
	.commonContactus{padding: 0 10px 30px;}
	.commonContactus .title h3{font-size: 18px; padding-bottom: 10px;}
	.commonContactus .title h3::after{width: 20px; height: 3px; content: ''; background: #176801; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
	.commonContactus .content{margin-top: 20px; line-height: 24px; color: #333;}
	.commonContactus .content img{max-width: 100%;}
	/* 相册公用样式 */
	.commonAlbum{padding: 0 10px 30px;}
	.commonAlbum .list{width: 49%; margin-right: 2%; margin-bottom: 30px;}
	.commonAlbum .list:nth-child(3n){margin-right: 2%;}
	.commonAlbum .list:nth-child(2n){margin-right: 0;}
	/* 在线留言 */
	.hs_inquiry_form{width:100%;}
	.hs_inquiry_form_v{width:100%;}
	.hs_inquiry_form_button{width:100%;padding-left:0;margin-top: 20px;text-align: center;}
	.hs_inquiry_form .hs_lf,.hs_inquiry_form_v .hs_lf{width:85px;}
	.hs_inquiry_form .hs_rf,.hs_inquiry_form_v .hs_rf{float:left;width: calc(100% - 100px);}
	.hs_inquiry_form .input,.hs_inquiry_form_v .input{width: 80%;}
	.hs_inquiry_form_v .textarea{width: 80%;}
	.hs_inquiry_form .vcode,.hs_inquiry_form_v .vcode{width: 36%;}
}