@charset "utf-8";
*{box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; } 
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.c-flex2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.r-flex{display: flex; flex-direction: column; }

.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media (max-width: 768px) {
	.w1400{padding:0 3%}
	.w1200{padding:0 3%}
}

/* 图片 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}

/* 距离 */
.pd100{padding: 100px 0;}
.pd120{padding: 120px 0;}
.pd150{padding: 150px 0;}
@media (max-width: 1240px) {
	.pd100{padding: 70px 0;}
	.pd120{padding: 80px 0;}
	.pd150{padding: 90px 0;}
}
@media (max-width: 1024px) {
	.pd100{padding: 60px 0;}
	.pd120{padding: 70px 0;}
	.pd150{padding: 80px 0;}
}
@media (max-width: 768px) {
	.pd100{padding: 50px 0;}
	.pd120{padding: 60px 0;}
}
@media (max-width: 480px) {
	.pd100{padding: 40px 0;}
	.pd120{padding: 50px 0;}
	.pd150{padding: 50px 0;}
}

/* 
.mt50{margin: 50px 0;}
.mt80{margin: 80px 0;}
.mt100{margin: 100px 0;}
.mt150{margin: 150px 0;}
@media all and (max-width:1260px){
	.mt80{margin: 40px 0;}
	.mt100{margin: 60px 0;}
	.mt150{margin: 100px 0;}
}
@media all and (max-width:1024px){
	.mt50{margin: 30px 0;}
	.mt100{margin: 40px 0;}
	.mt150{margin: 60px 0;}
}
@media all and (max-width: 768px){
	.mt80{margin: 30px 0;}
	.mt100{margin: 30px 0;}
	.mt150{margin: 30px 0;}
}
@media all and (max-width: 480px){
	.mt50{margin: 10px 0;}
}
 */


.mart{ width: 100%; height: 215px; }
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
.header .h_top{ background-color: #FFFFFF; height: 140px; }
.header .h_top .logo{display: flex; align-items: center; height: 140px; }
.header .h_top .logo a{display: block;}
.header .h_top .logo h1{ display: block; height: 60px; }
.header .h_top .logo img{ width: auto; height: 100%; }
.header .h_top .logo h3{ font-size: 26px; font-weight: bold; color: #333333; padding-left: 20px;}
.header .h_top .logo h3 span{display: block; font-size: 17px; color: #007974;}
.header .h_top .tel{}
.header .h_top .tel p{ font-size: 18px; color: #333333; padding-bottom: 10px; padding-left: 35px; background: url(../images/h_tel.png) no-repeat left top;  }
.header .h_top .tel h3{ font-size: 32px; font-weight: 500; }
.header .h_top .tel h3 a{ color: #ef8329;}
.header .h_top .menuBtn { display: none; cursor: pointer;width: 18px;height: 18px; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); }
.header .h_top .menuBtn .bar1, 
.header .h_top .menuBtn .bar2, 
.header .h_top .menuBtn .bar3 { width: 18px;height: 3px;background-color: #bbb;margin: 3px 0;transition: 0.4s; }
.header .h_top .change .bar1 { transform: rotate(45deg) translate(3px, 5px); }
.header .h_top .change .bar2 { opacity: 0; }
.header .h_top .change .bar3 { transform: rotate(-45deg) translate(3px, -6px); }
.header .h_nav{ display: none; }

@media (min-width: 1025px) {
	.header .h_nav{ display: block; background-color: #f1f1f1; height: 75px; }
	.header .h_nav nav{ display: flex; flex-wrap: wrap; align-items: ; }
	.header .h_nav nav dl{ flex: 1; position: relative; }
	.header .h_nav nav dl dt{ height: 75px; line-height: 75px; font-size: 18px; color: #333333; text-align: center; }
	.header .h_nav nav dl dt a{ color: #333333; display: block;  padding: 0 20px;}
	.header .h_nav nav dl dt.on{ background-color: #ef8329; }
	.header .h_nav nav dl dt.on a{ color: #FFFFFF; }
	.header .h_nav nav dl:hover dt{ background-color: #ef8329; }
	.header .h_nav nav dl:hover dt a{color: #FFFFFF;}
	.header .h_nav nav dl dd{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #EF8329; }
	.header .h_nav nav dl:hover dd{ display: block; }
	.header .h_nav nav dl dd ul{ padding: 10px 0; }
	.header .h_nav nav dl dd li{ text-align: center; }
	.header .h_nav nav dl dd li a{ display: block; font-size: 16px; color: #FFFFFF; padding: 15px 10px; }
	.header .h_nav nav dl dd li:hover a{ color: #333; }
}

@media (max-width: 1240px) {
	.header .h_top .logo h1{height: 50px;}
	.header .h_top .logo h3{font-size: 20px;}
	.header .h_top .logo h3 span{font-size: 16px; padding-top: 5px;}
	.header .h_top .tel p{font-size: 16px;}
	.header .h_top .tel h3{font-size: 28px;}
}
@media (max-width: 1024px) {
	.mart{ height: 80px; }
	.header .h_top{ box-shadow: 0 0 6px 3px rgba(0,0,0,0.08); padding: 0; height: 80px; position: relative; z-index: 999; }
	.header .h_top .logo{height: 80px;}
	.header .h_top .logo h1{height: 40px;}
	.header .h_top .logo h3{font-size: 16px;}
	.header .h_top .logo h3 span{font-size: 12px;}
	.header .h_top .tel{ display: none; }
	.header .h_top .menuBtn{display: block;}
	
	.header .h_nav{ position: fixed; top: 0; z-index: 998; padding-top: 80px; width: 100%; height: 100%; background-color: #FFFFFF; }
	.header .h_nav .w1400{ height: 100%;}
	.header .h_nav nav{ height: 100%; padding: 30px 0; overflow:auto; }
	.header .h_nav nav::-webkit-scrollbar{ width:0px;height:3px;background-color: #EF8329; }
	.header .h_nav nav::-webkit-scrollbar-track{background: #ddd;border-radius:2px;}
	.header .h_nav nav::-webkit-scrollbar-thumb{background: #EF8329;border-radius:2px;}
	.header .h_nav nav::-webkit-scrollbar-thumb:hover{background: #EF8329;}
	.header .h_nav nav::-webkit-scrollbar-corner{background: #EF8329;}
	.header .h_nav nav dl{}
	.header .h_nav nav dl a{ display: block; }
	.header .h_nav nav dl dt{border-bottom: 1px dashed #D7D7D7; font-size: 18px; padding: 0 60px 0 20px; position: relative; }
	.header .h_nav nav dl dt.has::after{ display: block; content: ">"; font-family: '黑体'; font-weight: bold; font-size: 18px; color: #999; position: absolute; right: 10px; top: 50%; transform: translateY(-40%); transition: 0.3s; }
	.header .h_nav nav dl dt.cur::after{ transform: translateY(-40%) rotate(90deg); }
	.header .h_nav nav dl dt a{ padding: 20px 0;}
	.header .h_nav nav dl dd{ display: none; padding: 15px 35px; border-bottom: 1px dashed #D7D7D7; }
	.header .h_nav nav dl dd li{  }
	.header .h_nav nav dl dd li a{ font-size: 16px; padding: 15px 0; }
}
@media (max-width: 768px) {
	.header .h_top .menuBtn{right: 3%;}
	.header .h_top .logo h3{padding-left: 10px; font-size: 15px;}
	.header .h_top .logo h3 span{ padding-top: 2px;}
	.header .h_nav nav dl dt{padding-right: 50px;}
}
@media (max-width: 480px) {
	.header .h_nav{padding-top: 65px;}
	.header .h_nav nav{ padding: 20px 0;}
	.mart{ height: 65px; }
	.header .h_top{height: 65px;}
	.header .h_top .logo{height: 65px;}
	.header .h_top .logo h1{height: 35px;}
	.header .h_top .logo h3{display: none;}
}







/* 底部 */
.footer{ background: url(../images/footerbg.jpg) no-repeat center; background-size: cover; padding: 70px 0 50px; }
.footer .c-flex{ align-items: stretch; }
.footer *{ color: #FFFFFF; }
.footer .fnav{ width: 30%; padding-top: 30px; border-top: 1px solid #FFFFFF; }
.footer .fnav ul{ align-items: stretch; border-bottom: 1px solid #FFFFFF; }
.footer .fnav ul li{ width: 33.333%; font-size: 16px; padding-bottom: 20px; }
.footer .fnav ul li a{ display: block; padding-left: 50px; position: relative;}
.footer .fnav ul li a:hover{ color: #EF8329;}
.footer .fnav ul li a::before{ content: ""; display: block; background: url(../images/fnav_icon.png) no-repeat center; background-size: cover; width: 4px; height: 6px; position: absolute; left: 20px; top: 50%; margin-top: -3px;}
.footer .fnav h3{ font-weight: normal; padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.footer .fnav h3 span{ display: inline-block; }
.footer .fnav h3 span a:hover{ color: #EF8329; }
.footer .fnav span.tel{ font-weight: bold; font-size: 28px; padding-left: 50px; margin-right: 10px; background: url(../images/fnav_icon2.png) no-repeat center left; background-size: auto 100%; line-height: 35px; height: 35px; }
.footer .fnav span.albb{ font-size: 16px; line-height: ; padding-left: 30px; background: url(../images/alibaba.png) no-repeat center left;  }
.footer .contact{ width: 30%; padding-top: 30px; border-top: 1px solid #fff;  }
.footer .contact p{ font-size: 16px; padding: 8px 0; padding-left: 30px; background: no-repeat center left;  }
.footer .contact p a:hover{ color: #EF8329; }
.footer .contact p.add{ background-image: url(../images/f_icon_add.png); }
.footer .contact p.tel{ background-image: url(../images/f_icon_tel.png); }
.footer .contact p.mob{ background-image: url(../images/f_icon_mob.png); }
.footer .contact p.web{ background-image: url(../images/f_icon_web.png); }
.footer .contact p.mail{ background-image: url(../images/f_icon_mail.png); }
.footer .ewm{ padding-top: 30px; border-top: 1px solid #fff; width: 140px; text-align: center; }
.footer .ewm img{ max-width: 100%; }
.footer .ewm p{ font-size: 14px; padding-top: 10px; }
.copyright{ padding: 20px 0; background-color: #333333; color: #FFFFFF; font-size: 14px;}
.copyright *{ color: #FFFFFF; }
.copyright br{ display: none; }
.copyright .design{ float: right; }
@media (max-width: 1240px) {
	.footer .fnav ul li a{ padding-left: 20px; }
	.footer .fnav ul li a::before{ left: 0; }
	.footer .fnav span.albb{ margin-top: 15px; }
	.footer .contact{width: 40%;}
}
@media (max-width: 1024px) {
	.footer .fnav{width: 100%; }
	.footer .fnav ul{ justify-content: flex-start; padding-bottom: 10px; }
	.footer .fnav ul li{ width: 25%; }
	.footer .contact{ width: 100%; border-top: 0; padding-bottom: 30px; border-bottom: 1px solid #FFFFFF; }
	.footer .ewm{border-top: 0; width: 110px;}
}
@media (max-width: 480px) {
	.footer{padding: 50px 0 30px;}
	.footer .fnav{display: none;}
	.footer .contact{border-top: 1px solid #FFFFFF; padding: 20px 0;}
	.footer .contact p{font-size: 14px;}
	.copyright{ line-height: 24px; font-size: 12px; }
	.copyright a{ display: inline-block; }
	.copyright br{ display: block; }
	.copyright .design{ float: none; display: block; }
}