@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}


html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}


.swiper-container{
	width: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	position:relative;
}

.g-adv { height:24rem;width: 100%; position: relative;}
.g-adv img{ width:100%;}
.g-adv .swiper-pagination{bottom: -1.3rem;position: absolute;z-index: 0}
.g-adv .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;background: #ececec;opacity: 1}
.g-adv .swiper-pagination-bullet-active{background: #00c0ff;}


.g_pp{padding-top: 2.2rem;height: 39rem;}
.g_pp h2{background:url(../images/pptit.jpg) no-repeat;background-size: 100%; height: 5.3rem;text-align: center;font-size: 2rem;font-weight: bold;color: #462a15;}
.g_pp h2 em{display: block;font-size: 1.2rem;color: #333333;font-weight: normal;}
.g_pp p{padding: 0 2%;font-size: 1.1rem;line-height: 1.5rem;color: #666666;overflow: hidden;margin-bottom: 1rem;}
.g_pp .pplst{margin-left: 3%;}
.g_pp .pplst li{position: relative; float: left;width: 20%;margin-right: 18%;font-size: 0.9rem;font-weight: normal;color: #5d5d5d;padding-top: 7rem;height: 3rem; text-align: center;}
.g_pp .pplst li:nth-child(3n){margin-right: 0;}
.g_pp .pplst li:before{content: "";position: absolute;width: 1px;height: 3.2rem;background: #ddd;right: -3.5rem;top:2.3rem;}
.g_pp .pplst li:hover{color: #462a15;font-weight: bold;}
.g_pp .pplst .pp01{background:url(../images/pp01.jpg) no-repeat; background-size: 100%}
.g_pp .pplst .pp01:hover{background:url(../images/pp01h.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp02{background:url(../images/pp02.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp02:hover{background:url(../images/pp02h.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp03{background:url(../images/pp03.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp03:hover{background:url(../images/pp03h.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp04{background:url(../images/pp04.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp04:hover{background:url(../images/pp04h.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp05{background:url(../images/pp05.jpg) no-repeat;background-size: 100% }
.g_pp .pplst .pp05:hover{background:url(../images/pp05h.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp06{background:url(../images/pp06.jpg) no-repeat;background-size: 100%}
.g_pp .pplst .pp06:hover{background:url(../images/pp06h.jpg) no-repeat;background-size: 100%}


/* 产品中心 */
.g_pro{background: #f5f5f5;padding-top: 2.4rem;padding-bottom: 1.2rem; }
.g_pro h2{background:url(../images/protit.jpg) no-repeat;background-size: 100%;height: 6.2rem;text-align: center;font-size: 2rem;color: #462a15;font-weight: bold;}
.g_pro h2 em{display: block;font-size: 1.2rem;color: #333;font-weight: normal;}
.g_pro h2 a{color: #462a15}
.g_pro h3{height: 3rem;line-height: 3rem;background: #462a15;padding: 0 3%;font-size: 1rem;color: #fff;}
.g_pro h3 a{color: #fff}
.g_pro h3 span{color: #aea6a1;}
.g_pro .fl3{padding: 1rem 0 1rem 3%;}
.g_pro .fl3 li{float: left;width: 29%;font-size: 1rem;color: #666666;line-height: 2.2rem;position: relative; padding-left: 4%; overflow: hidden;height: 2.2rem;}
.g_pro .fl3 li a{color: #666666;}
.g_pro .fl3 li:before{content: "";position: absolute;background:url(../images/flico.jpg) no-repeat;background-size: 100%; width: 1rem;height: 1rem;left:0;top:0.7rem;}
.g_pro .fl01{padding: 0 3%;}
.g_pro .fl01 dt,.g_pro .fl01 dt img{width: 100%;display: block;}
.g_pro .fl01 h4{margin-top: 1rem;height: 2.5rem;line-height: 2.5rem;border-bottom: 1px solid #d9d9d9;font-size: 1.2rem;color: #454545;font-weight: bold; margin-bottom: 1.1rem;}
.g_pro .fl01 h4 a{color: #454545;}
.g_pro .fl01 h4 b{position: relative;width: 1.3rem;height: 1.3rem; padding-left: 5%;display: inline-block;top:0.3rem;}
.g_pro .fl01 h4 b img{width: 100%;display: block;}
.g_pro .fl01 .td li{font-size: 1rem;line-height: 1.3rem;color: #666666;margin-bottom: 1rem;}
.g_pro .cpshow h5{height:3rem;line-height: 3rem;font-size: 1rem;color: #454545;font-weight: bold; }
.g_pro .cpshow{height: 12.9rem;}
.g_pro .cpshow li{float: left;width:24%;margin-right: 1%; }
.g_pro .cpshow li img{width: 100%;display: block;}
.g_pro .cpshow li em{display: block;width: 100%;height:2.2rem;line-height: 2.2rem;text-align: center;font-size: 0.9rem;color: #454545;overflow: hidden; }



.g_ys{height: 47rem;padding-top: 2.4rem; position: relative;}
.g_ys h2{background:url(../images/ystit.jpg) no-repeat; padding-top: 3.5rem;height: 5.5rem;text-align: center;font-size: 2rem;color: #462a15;font-weight: bold;}
.g_ys h2 em{display: block;font-size: 1.2rem;font-weight: normal;color: #333333;}
.g_ys h3{padding-left: 18%;  font-size: 1.2rem;color: #7f5f4a;font-weight: normal;height:4.2rem;position: relative; padding-top: 0.6rem;}
.g_ys h3 em{font-size: 1.3rem;color: #462a15;font-weight: bold;display: block;}
.g_ys h3 b{position: absolute;left:3%;top:0.2rem;font-size: 2.7rem;color: #151515;font-weight: bold;}
.g_ys p{position: relative; padding: 0 3% 1.5rem 22%;font-size: 1rem;color: #666666;line-height: 1.3rem;}
.g_ys p:before{content: "";position: absolute;background:url(../images/ysico.jpg) no-repeat;background-size: 100%; left:18%;top:0.3rem; width: 0.9rem;height: 0.8rem;}
.g_ys span{display: block;margin: 0 3%;}
.g_ys span img{width: 100%;display: block;}
.g_ys .swiper-button-next{background:url(../images/rjt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; right:23%;top:45rem;}
.g_ys .swiper-button-prev{background:url(../images/ljt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; left:23%;top:45rem;}

.g_ys .swiper-pagination{padding-left: 39%;width: 61%;bottom: 3rem;}
.g_ys .swiper-pagination-bullet{float: left;width: 0.8rem;height: 0.8rem;background: #555555; margin: 0 0.6rem;opacity: 1}
.g_ys .swiper-pagination-bullet-active{background: #7f5f4a;}


/* 应用案例 */
.g_an {height: 27.2rem;position: relative;}
.g_an h2{background:url(../images/pptit.jpg) no-repeat 0 0.5rem;background-size:100%; height: 5.6rem;text-align: center;font-size: 2rem;color: #462a15;font-weight: bold; }
.g_an h2 em{display: block;font-size: 1.2rem;font-weight: normal;color: #333333;}
.g_an h2 a{color: #462a15;}
.g_an .m_an{padding: 0 3%;}
.g_an li{position: relative; width: 33%;float: left;}
.g_an li img{width: 100%;display: block;}
.g_an li em{position: absolute;left:0;top:0;background: rgba(0,0,0,.4); width: 100%;height: 8.35rem; padding-top: 5rem;text-align: center;font-size: 0.6rem;color: #fff;display: none;}

.g_an li em:before{content: "";position: absolute;background:url(../images/jia.png) no-repeat;background-size: 100%; left:50%;top:6.3rem; width:1rem;height:1rem; margin-left: -0.5rem;}
.g_an li:hover em{display: block;}
.g_an .swiper-button-next{background:url(../images/rjt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; right:23%;top:22rem;}
.g_an .swiper-button-prev{background:url(../images/ljt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; left:23%;top:22rem;}

.g_an .swiper-pagination{padding-left: 45%;width: 55%;bottom: 3.5rem;}
.g_an .swiper-pagination-bullet{float: left;width: 0.8rem;height: 0.8rem;background: #555555; margin: 0 0.6rem;opacity: 1}
.g_an .swiper-pagination-bullet-active{background: #7f5f4a;}


/* 应用案例 */
.g_hz {height: 18.6rem; padding-top: 3.6rem; position: relative;background:url(../images/hzbg.jpg) no-repeat;background-size: 100%; }
.g_hz h2{background:url(../images/hztit.jpg) no-repeat 0 0.5rem;background-size:100%;  height: 5.6rem;text-align: center;font-size: 2rem;color: #462a15;font-weight: bold; }
.g_hz h2 em{display: block;font-size: 1.2rem;font-weight: normal;color: #333333;}
.g_hz h2 a{color: #462a15;}
.g_hz .m_hz{padding: 0 3%;}
.g_hz li{position: relative; width: 31%;margin-right: 2%; float: left;}
.g_hz li img{width: 100%;display: block;}
.g_hz li:nth-child(3){margin-right: 0;}
.g_hz .swiper-button-next{background:url(../images/rjt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; right:23%;top:18rem;}
.g_hz .swiper-button-prev{background:url(../images/ljt.png) no-repeat;background-size: 100%; width: 4rem;height: 4rem; left:23%;top:18rem;}

.g_hz .swiper-pagination{padding-left: 40%;width: 60%;bottom: 3.5rem;}
.g_hz .swiper-pagination-bullet{float: left;width: 0.8rem;height: 0.8rem;background: #555555; margin: 0 0.6rem;opacity: 1}
.g_hz .swiper-pagination-bullet-active{background: #7f5f4a;}



/*资讯*/
.g_zx{height:27.6rem;padding-top: 3.5rem; overflow: hidden;}
.g_zx .swiper-slide{width: 100%;}
.g_zx h2{width: 100%;height: 4rem;}
.g_zx h2 img{width: 100%;display: block;}
.g_zx .newtit{background: #462a15;height: 3.2rem;line-height: 3.2rem;}
.g_zx .newtit a{display: block;float: left;width: 20%;text-align: center;font-size: 1rem;font-weight: bold;color: #fff;}
.g_zx .newtit .active{background: #7f5f4a;}
.g_zx h3{position: absolute;width: 1.4rem;height: 1.4rem;right: 3%;top:8.5rem;}
.g_zx h3 img{width: 100%;display: block;}
.g_zx ul{padding: 2.3rem 0 0 3%;background: #f3f3f3;height: 15rem;}
.g_zx li{position: relative;padding-left: 5%;width: 26rem;height: 3.1rem;line-height: 3.1rem;border-bottom: 1px dashed #b5b5b5; font-size: 1rem;color: #555; overflow: hidden;}
.g_zx li:before{content: "";position: absolute;background:url(../images/dtico.jpg) no-repeat;background-size: 100%; left:0;top:1.2rem; width:1rem;height:1rem;}
.g_zx li a{color: #555;}
.g_zx li:last-child{border-bottom: none;}





/* 走进*/
.g_zj{height: 29rem; }
.g_zj h2{background:url(../images/zjtit.jpg) no-repeat 0 0.5rem;height: 5.3rem;text-align: center;font-size: 2rem;color: #462a15;font-weight: bold; }
.g_zj h2 em{display: block;font-size: 1rem;font-weight: normal;color: #666666;text-transform: uppercase;}
.g_zj h2 a{color: #462a15;}
.g_zj dl{margin: 0 3% ;}
.g_zj dt{width: 100%; margin-bottom: 1.4rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj h3{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1.1rem;color: #333333;font-weight: normal;margin-bottom: 0.2rem;text-align: center;}
.g_zj h3 a{color: #333333;}
.g_zj dd p{color: #666666;font-size: 1rem;height: 7rem; line-height: 1.4rem;overflow: hidden;}