@charset "utf-8";
*,body{margin: 0;padding: 0;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;text-decoration: none;}
html, body {width: 100%;height: 100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,strong,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:""}abbr,acronym{border:0}
a{text-decoration:none;}
a:link{color:#333; text-decoration:none;}
a:focus,a:hover{color:#009946}
a:visited{color:#333}
.clear {clear: both;}
h1,h2,h3,h4,h5,h6,p,i,span,a,.img,img,li,after,before {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
@font-face{
	font-family: 'dincond-medium';src: url('../font/dincond-medium-webfont.eot');
	src: url('../font/dincond-medium-webfont1.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}
@font-face {
	font-family: Montserrat-Regular;
	src: url("../font/montserrat-regular.eot");
	/* IE9 Compat Modes */
	src: url("../font/montserrat-regular1.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
::-webkit-scrollbar {width: 8px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #fff;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: #009946;/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #fff;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}
.flex-sb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex-ce{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}
.flex-fs{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
}
.flex-fe{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content:  flex-end;
}

/*header初始*/
header {width:100%;position: relative;background-color: #fff}
header .container{height: 100%;}
header .top{align-items: center;padding: 20px 0;}
header .top .logo{width:236px;}
header .top .logo img{width:100%;}
header .top .top-right{}
header .top .top-right .link{text-align: right;}
header .top .top-right .link a{ color: #888;font-size: 16px;line-height: 20px;}
header .top .top-right .link a:hover{text-decoration: none;color:#009946;}
header .top .top-right .tel{}
header .top .top-right .tel i{font-size: 3rem;color: #999;margin-right: 10px;}
header .top .top-right .tel span{font-size: 36px;color: #049a44;font-family: 'dincond-medium';font-weight: 600;}


@media (max-width: 1200px) {
	header .top{height: 100px}
	header .top .logo{width:236px;}
	header .top .top-right .link a i{ font-size: 2.5rem;}
	header .top .top-right .link a:first-child i{font-size: 2rem;}
	header .top .top-right .tel i{ font-size:2.5rem;margin-right: 5px;}
	header .top .top-right .tel span{ font-size: 25px;}
}
@media (max-width: 992px) {
	header .top{display: none;}
}

/*footer*/
footer{background-color: #464748;flex-wrap: wrap;padding:40px 0 0 0;}
footer .foot-nav{width: 45%;}
footer .foot-contact{width: 30%;padding-left: 5%;}
footer .wx{width: 10%;padding: 5px 0 0 0;line-height: 35px;color: rgba(255,255,255,0.5);text-align: center;font-size: 14px;}
footer .wx img{width: 100%;max-width: 120px;display: block;margin: 0 auto;}
footer a{color:rgba(255,255,255,0.4);}
footer a:hover{color: rgba(255,255,255,0.8);text-decoration: none;}
.footer-single {margin:0;}
.footer-single ul {}
.footer-single li {}
.footer-single li a{font-size:14px;color: rgba(255,255,255,0.4);line-height: 30px; }
.footer-single li a:hover{color: rgba(255,255,255,0.8);text-decoration: none;}
footer .foot-nav h6 {
	font-size: 18px;color:#f6f6f6;letter-spacing:2px;
	font-weight: 500;
	padding: 0;margin: 0 0 10px 0;
	line-height: 30px;}
footer .foot-contact .tel{text-decoration: none;color:#fff;font-size:18px;display: block;font-weight: 400;margin-bottom: 10px;}
footer .foot-contact .tel b{font-family:'dincond-medium';font-weight: 500;font-size:22px;}
footer .foot-contact .tel i{font-size: 2.2rem;display: inline-block;vertical-align:middle;margin-right: 10px;}
footer .foot-contact .txt{ font-size:14px; color:rgba(255,255,255,0.6);padding: 0 0 8px 0;display: block;padding-left: 35px;}
footer .foot-copy{border-top: 1px solid rgba(255,255,255,0.1);width: 100%;margin-top: 20px;}
footer .foot-copy span{line-height: 35px;font-size:12px; color:rgba(255,255,255,0.4);text-transform: uppercase;}
footer .foot-copy a{padding:0 10px; color: rgba(255,255,255,0.6)}
@media (max-width: 1200px) {
	footer{padding:20px 0 0 0;}
	footer .foot-contact{width: 32%;padding-left: 1%;}
	footer .wx{width: 12%;font-size: 13px;}
}

@media (max-width: 992px) {
	footer{padding:20px 10px 50px 10px;}
	footer .container{flex-wrap: wrap;}
	footer .foot-nav{display: none;}
	footer .foot-contact{width: 100%;}
	footer .wx{width: 100%;text-align: center;padding: 10px 0 0 0;}
	footer .wx img{width:60%;margin: 0 auto;}
	footer .foot-contact .tel i{font-size: 2.6rem;margin-right:5px;}
	footer .foot-contact .tel{font-size:2rem;margin-bottom:2px;text-align: center}
	footer .foot-contact .txt{font-size: 1.3rem;text-align: center}
	footer .foot-copy{text-align: center;padding: 10px 0;}
	footer .foot-copy span{line-height: 20px;display: block;}
	footer .pull-right{display: none;}
}
.floating_ck{position:fixed;right:20px;top:30%;z-index: 999;
	-webkit-box-shadow: 0 5px 30px 0px rgba(0, 0,0, 0.08);
	box-shadow: 0 5px 30px 0px rgba(0, 0,0, 0.08);
}
.floating_ck dl{padding: 0;margin: 0;}
.floating_ck dl dd{position:relative;padding: 10px 0;width:100px;text-align:center;cursor:pointer;background-color: #fff;border-bottom: 1px solid #eaeaea;}
.floating_ck dl dd:last-child{border-bottom: none;}
.floating_ck dl dd i{font-size: 3.4rem;display: block;color: #009946;padding: 0;margin: 0;line-height: 35px}
.floating_ck dl dd a{color:#888;}
.floating_ck dl dd a:hover{color: #fff;}
.floating_ck dd span{font-size:14px;color:#666;display:block;padding: 0;margin: 0 0 10px 0;line-height: 20px}
.floating_ck dl dd:hover{background-color:#009946;}
.floating_ck dl dd:hover span{color: #fff;}
.floating_ck dl dd:hover i{color: #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_left{position:absolute;left:-160px;top:0;width:160px;height:80px;display:none;text-align: center;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{top:0;padding: 10px 10px 0 10px;text-align: center;}
.floating_ewm img{width: 100%;}
.floating_ewm p{color:#fff;font-size: 16px;line-height: 30px;display: block;text-align: center;}

@media screen and (max-width: 992px){
	.floating_ck{position:fixed;right:auto;top:auto;bottom: 0;width: 100%;border-top: 1px solid #eaeaea;}
	.floating_ck dl{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		background-color: #fff;
	}
	.floating_ck dl dd{position:relative;padding:5px 0 0 0;width:25%;height:50px;text-align:center;background-color: transparent;border-bottom:none;border-right:1px solid #eaeaea;}
	.floating_ck dl dd:last-child{border-right: none;}
	.floating_ck dl dd i{font-size: 2.3rem;line-height: 25px;}
	.floating_ck dl dd span{font-size:1.3rem;line-height: 20px;}
	.floating_ck dl dd:last-child{display: none;}
	.floating_ck dl dd:hover{background-color:transparent;}
	.floating_ck dl dd:hover span{color: #009946;}
	.floating_ck dl dd:hover i{color: #009946;}
	.floating_ewm{height:180px;top:0;padding:5px;}
	.floating_ewm img{width: 100%;}
	.floating_left{position:absolute;right:0;left:auto;top:-190px;width:200%;height:190px;background-color:#fff;display:none;text-align: center;}
}
.container{
	margin: 0 auto;width: 1200px;
}

@media (max-width: 1200px) {
	.container{width: 1000px;}
}
@media screen and (max-width: 992px){
	.container{width: 100%;padding:0;}
}
/*section-title*/
.section-title {margin:30px 0; }
.section-title h4{
	font-size: 30px;letter-spacing: 2px;color: #888;font-weight:400;text-align: center;
	position: relative;
	padding: 10px 0;
	margin:0;}
.section-title h4:after{
	content:'';
	width:140px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; left:22%;bottom:0;}
.section-title h4:before{
	content:'';
	width:140px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; right:22%;bottom:0;
}
.section-title h4 span{color:#009946;font-weight:800;}
.section-title p{text-align: center;font-size: 18px;text-transform: uppercase;font-weight: 300;color:#dbdbdb; }
@media (max-width: 1200px) {
	.section-title {margin:20px 0; }
	.section-title h4 span{font-weight:800;}
	.section-title h4:after{left:16%}
	.section-title h4:before{right:16%;}
	.section-title p{font-size: 1.4rem;}
}
@media (max-width: 992px) {
	.section-title {margin:10px 0; }
	.section-title h4{font-size: 2.2rem;letter-spacing: 1px;}
	.section-title h4 span{font-weight:800;}
	.section-title h4:after{width:50px;left:2%}
	.section-title h4:before{width:50px;right:2%;}
	.section-title p{font-size: 1.4rem;}
}