@charset "utf-8";
*{font:normal 14px/100% "微软雅黑",Verdana,sans-serif}
ul,ol,li {list-style:none}
h1,h2,h3,h4,h5,form,div,p,i,ul,li,ol,body,dd,dl,dt,input,table,th,td,thead,tbody{margin:0; padding:0}
img{border:0}
a{text-decoration:none;}
div,p{display:block}
form{background:0;border:0; padding:0; margin:0}
html,body{width:100%; height: auto;}
body{background:#F1F1F1;overflow-x:hidden; float: left;-webkit-tap-highlight-color: rgba(0,0,0,0);}
textarea{resize:none;}

.headbox{width: 100%;  float: left; background-color: #000;}
.head{  width: 1100px; margin: 0 auto;}
.head p{  float: left; width: auto;font-size: 15px;font-weight: 700;line-height:50px;color:#fff;margin: 10px 4% 0 4%}
.head a{float: left; width: auto;font-size: 15px;font-weight: 700;line-height:50px;color:#fff;margin: 10px 4% 0 4%}

.logo{ margin: 5px; float: left; height: 40px;}
.search{width: 15%; background-color: #fff; margin-top: 10px; float: left; border-radius: 10px; border:none;}
.searchicon{ height: 15px; margin-left: 10px; margin-top: 17px; float: left;}
.search1{width: 15%; background-color: #fff; margin-top: 23px; float: left; border-radius: 10px; border:none;}
.searchicon1{ height: 15px; margin-left: 10px; margin-top: 25px; float: left;}

.banner{width: 100%;position: absolute;overflow: hidden;float: left;}
.banner ul{position: absolute;height: 100%}
.banner ul li{width: 100%;height: 100%;float: left;background:  no-repeat ;background-size: center center;}
.banner ol{height: 20px;background: rgba(0,0,0,0.5);position: absolute;left:50%;bottom: 30px;padding: 0 10px;border-radius: 10px;}
.banner ol li{width: 10px;height: 10px;float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;}
.banner ol .current{background: rgba(255,255,255,1);}
.banner i{width: 58px;height: 120px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
.banner .left{left: 60px;background: url('../img/left_right.png') no-repeat 0 0px;}
.banner .right{right: 60px;background: url('../img/left_right.png') no-repeat 0px -120px;}
.banner .left:hover , .banner .right:hover{background-color: rgba(0, 0, 0, 0.31);}
.main{ width: 100%; float: left;margin-top: 50px; padding-bottom: 50px; background-color: #fff; }
.main1{ width: 100%; float: left;background-color: #fff; }

.bt_x{ width: 100%; float: left; text-align: center; font-size: 14px; line-height: 80px;}
.bt_z{ width: 100%; float: left; text-align: center; font-size: 18px; font-weight: 700}
.bt_m{width: 100%; float: left; text-align: center; font-size: 18px;line-height: 40px; font-weight: 700; margin-top: 55px}
.bt_c{width: 100%; float: left; text-align: center; font-size: 14px; }
.bt_b{ width: 100%; float: left; text-align: center; font-size: 18px; font-weight: 700; color: #fff;  line-height: 50px;}
.bt_v{width: 100%; float: left; text-align: center; font-size: 14px; color: #fff; line-height: 40px; margin-bottom: 3%;}
.bt_box{ width: 28.3%;float: left; margin: 0 2.5% 0 2.5%}
.bt_box img{ width: 100%}
.xc_t{ width: 95%; float: left; margin-left: 2.5%; background-repeat: no-repeat; margin-top: 50px; background-position: center center;}
.xc_t img{ width:3%; float: left; margin: 3% 0  0 48.5%}
.logo_b{ width: 15%; float: left; margin-left: 42.5%; margin-top: 3%}
.footbox{ width: 100%; background-color: #000;float: left; margin-top: 30px;}
.foot{  width: 1100px; margin: 0 auto;}
.f_t{ float: left; width: 15%; margin-top: 3%}
.f_t p{ color: #666666; float: left; width: 100%; line-height: 30px;}
.f_t a{color:#fff;}
.ba{ width: 100%; float: left; border-top:1px solid #666; margin-top: 3%}
.ba p{ float: left; color: #666; line-height: 40px;}
.ba span{ color: #fff}
.ba a{color: #fff}
.mainbox{ width: 1100px; margin: 0 auto;}
.menbanner{ width: 100%; float: left; margin-top: 30px;}
.type_line{ width: 100%; float: left; margin-top: 30px; border-bottom: 1px solid #929292}
.type_line p{ line-height: 30px; color: #929292; float: left;}
.goodstype{ width: 20%; float: left;margin-left: 2.5%;}
.goodstype img{ width: 100%; float: left;}
.goodstype p{ width: 100%; float: left; text-align: center; color: #666666; line-height: 30px;}
.blogbanner{ width: 100%; float: left; position: relative; }
.bb_img{ position: absolute; width: 100%; top: 0}
.b_title{position: absolute;top: 110px; left: 24%; width: 31%}
.b_ctc{ position: absolute; color: #fff; width: 31%; line-height: 30px; font-size: 17px; top: 260px; left: 24%}
.more{ background-color: #000; width: 10%; line-height: 60px; text-align: center; position: absolute; top: 400px;left: 24%; color: #fff; font-size: 20px}
.blog_k{ width: 23%; float: left; position: relative;margin:30px 1% 0 1%;}
.img_box{ width: 100%; float: left; overflow: hidden;  margin-bottom: 10px}
.blog_k img { width: 100%;float: left;}
.blog_k p{ line-height: 15px; font-size: 10px;  display: -webkit-box; width: 100%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.tag{ position: absolute; width: 70%; background-color: #FFF200; top: 52%; left: -10px; line-height: 20px; padding: 10px; text-align: center; font-weight: 800}
.picbox{ width: 98%; margin-left: 1%; float: left;}
.pic_t{ width: 100%; float: left; position: relative;}
.pic_t img{ width: 100%; float: left;}
.pic_x{ position: absolute; background-color: #FFF200; color: #000; text-align: center;  width: 200px; border-radius: 100%; font-weight: 800; font-size: 20px;  }
.bt_e{ width: 100%; float: left; text-align: center; font-size: 30px; line-height: 50px; margin-top: 50px;}
.linebg { background-image: url(../img/line.png); background-size: 100% auto}
.hr{ width: 6%; float: left; border:2px solid #000; margin-left:47%  }
.team_b{ width: 30%; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-top: 30px;}
.team_b img{ width: 100%; float: left;}
.tb_t{ font-size: 16px; font-weight: 900; line-height: 30px;}
.tb_t a{ font-weight: 600;  padding: 5px 10px 5px 10px; color: #000}
.tb_t a:hover{ background-color: #FFE200; color: #fff}
.menu{ position: absolute; right: 5%; top:40%}
.menu_box{ position: fixed; width: 100%; background-color: #000;  padding-bottom: 50px; display: none; z-index: 999}
.menu_box p{ width: 80%; float: left;margin-left:10%; color: #fff; border-bottom: 1px solid #1A1A1A; line-height: 50px;}
.menu_box p a{color:#fff;}
.mail{ width: 90%; left: 5%;position: absolute;color: #376F77; top: 40%; text-align: center;}
.mail span{  color: #53A2AD}
.w_t{ width: 100%; float: left; text-align: center; line-height: 50px; font-size: 18px;}
.more1{ width: 100%; text-align: center; line-height: 50px; }
@media screen and (max-width: 414px) {
    .logo{margin:5% 35%;}
    .fixed{position: fixed; z-index: 999}
    .banner{width: 100%;position: relative;overflow: hidden;float: left;}
	.banner ul{position: absolute;height: 100%; float: left;}
	.banner ul li{width: 100%;height: 100%;float: left;background-repeat:  no-repeat ;background-size:100% 100%;}
	.banner ol{height: 20px;background: rgba(0,0,0,0.5);position: absolute;left:50%;bottom: 30px;padding: 0 10px;border-radius: 10px;}
	.banner ol li{width: 10px;height: 10px;float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;}
	.banner ol .current{background: rgba(255,255,255,1);}
	.banner i{width: 58px;height: 68px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
	.banner .left{left: 10px;background: url('../img/left_right.png') no-repeat 0 0px; background-size: 100% 200%}
	.banner .right{right: 10px;background: url('../img/left_right.png') no-repeat 0px -70px; background-size: 100% 200%}
	.banner .left:hover , .banner .right:hover{background-color: rgba(0, 0, 0, 0.31);}
	.main{ margin-top: 0px; padding-bottom: 30px;}
	.bt_x{ line-height: 20px;  line-height: 0.4rem; margin-top: 0.2rem}
	.bt_box{ width: 95%}
	.bt_m{ margin-top:0px}
	.bt_c{ line-height: 30px;}
	.bt_box{ margin-top: 30px;}
	.bt_m{ line-height: 80px;}
	.xc_t img{ width: 15%; margin-left: 42.5%; margin-top: 10%}
	.bt_v{ width: 90%;  margin-left: 5%; text-align: center;}
	.logo_b{ width: 40%; margin-left: 30%}
	.footbox{ margin-top: 0; position: relative;}
	.footbox img{ width: 100%; float: left;}
	.xc_t{ width: 100%; margin-left: 0; }
	.menbanner{ margin-top: 0}
	.goodstype{ width: 45%}
	.blog_k{ width: 90%; float: left; position: relative;margin:15px 5% 15px 5%;}
	.tag{top: 60%}
	.b_ctc{ width: 75%;  font-size: 0.1rem;top: 20%; line-height: 20px; left: 4%}
	.more{ width: 16%; line-height: 28px; top:65%; font-size: 0.1rem;left: 4%}
	.pic_x{ width: 30%; font-size: 0.1rem}
	.wap_pic{ width: 100%; float: left; margin: 10px 0 10px 0;}
	.team_b{ width: 97%; margin-top: 0.2rem}
	.team_b a{ line-height: 40px;background-color: #FFE200; color: #000; padding: 0.1rem}
}