﻿*{padding: 0;margin:0;box-sizing:border-box;text-decoration: none;list-style: none;
	 font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;border:none;letter-spacing:0.4px;}
input[type="button"]{cursor: pointer;}
body{overflow-x:hidden;background: #fff; }
.header{width: 100%;background: #f2efeb;position: relative;}
/*.logo{display: block;height: 100%;margin: 0 auto;}*/
.logo{display: block;height: 53px;margin: 0 auto;}
.head_control{position: absolute;top: 0;right:0;cursor: pointer; }
.head_control img{margin: 0 auto;position: relative;z-index: 10}
.head_head{position: absolute;background: rgba(255,255,255,0.8);z-index: 5;display:none;}
.head_head h2{color: #664c33;font-weight: bold; font-size:15px; line-height: 46px;}
.head_head p{color: #333333; font-size:14px; line-height:40px; height:40px;}
.banner{width: 100%;overflow: hidden;}
.banner img{width: 100%;display: block;}

.banner_list{width: 440px;height: 130px;position: relative;}
.banner_list img{width: 129px!important;height: 129px!important;border:3px solid #fff !important;}
.swiper-button-prev{left:-40px; height: 25px;width: 25px;background: url(../images/arrow_03.png);top:75px;}
.swiper-button-next{right:-40px; height: 25px;width: 25px;background: url(../images/arrow_05.png);top:75px;}


.video{width:960px;height:;margin:118px auto 47px auto;}
.banner_video{width: 960px;height: 190px;position: relative;margin:0 auto 55px auto; background: #fff; padding-right: 2px;}
.banner_video img{width: 240px;height: 190px;padding: 2px 0px 2px 3px;}
.banner_video .swiper-button-prev{left:-40px; height: 25px;width: 25px;background: url(../images/arrow_03.png);top:100px;}
.banner_video .swiper-button-next{right:-40px; height: 25px;width: 25px;background: url(../images/arrow_05.png);top:100px;}

//.banner_video p { color:#fff; position: absolute; bottom: 10px; margin: 0 auto; width: 100%; padding:0 10px;}
.banner_video p { bottom: 10px; margin: 0 auto; width: 100%; padding:7px 10px;}
.banner_video p  b { font-weight:normal; float:right;}

.class{width: 100%;background: #f2efeb;padding-top: 0.1px; min-height: 376px;}
.class h2{position: relative;color: #664c33;font-weight: normal;}
.class h2 span{position: absolute;left: 0;top: 0;background: #ea3d2f;}
.class h3{border-top: 3px solid #c7c2bd;position: relative;}
.class h3 span{position: absolute;left: 0; font-size:16px !important; color: #ea3d2f;font-weight: normal;}
.class h3 img{display: block;margin:0 auto;}
.class p{background: #fff;}
.class p span{display:block;color: #ea3d2f;font-weight: bold;float: left;}
.class p i{display:block;color: #664c33; font-size:16px !important;font-weight: bold;float: left;font-weight: normal;font-style: normal;overflow: hidden;}
.class p i b { font-weight:normal !important;}
.class p img{float: right;}

.new{width: 100%;background: #d8d5d1;padding-top: 0.1px; padding-bottom: 20px;}
.new h2{position: relative;width:50%; margin:35px auto 20px;}
.new h2 a  img{width: 90%;}
.new h3 {color: #ea3d2f;font-weight: normal; font-size: 16px; line-height: 30px;}
.new p{background: #fff;}
.new p span{display:block;color: #ea3d2f;font-weight: bold;float: left;}
.new p i{display:block;color: #664c33;font-weight: bold;font-size:16px;float: left;font-weight: normal;font-style: normal;overflow: hidden;}
.new p img{float: right;}
.new h4  { margin:10px auto; width:60%; margin-top:15px;}
.new h4 a { 
    	  color: #fff;
    	  padding: 15px 36px;
    	  height: 55px;
    	  line-height: 60px;
    	  border-radius: 50px;
    	  background: #ea3d2f;
    	  margin-left: 20px;
    	}

.end{border-top: 3px solid #c7c2bd;}
.foot{background: #c7c2bd;position:relative}
.foot p{text-align: center;color: #999594;}

.page_m_list{
width:100%;
height:auto;
margin:0px auto;
display:table;
}
.page_m_list ul{
width:auto;
height:auto;
display:inline-block;
margin:80px 0 80px 200px;
transform:scale(0.7);
opacity:0.8;
}
.page_m_list ul li{
width:192px;
height:192px;
border-radius:50%;
background:#ea3d2f;
float:left;
text-align:center;
cursor:pointer;
overflow:hidden;
position:relative;
}
.page_m_list ul li:nth-child(3n){
margin-right:0px;
}
.page_m_list ul li.thisclass{
width:270px;
height:270px;
font-size:120px;
color:#fff;
font-family:"微软雅黑";
line-height:270px;
}
.page_m_list ul li.pre{
font-size:0px;
margin-top:39px;
margin-right:160px;
}
.page_m_list ul li.next{
font-size:0px;
margin-top:39px;
margin-left:160px;
}
.page_m_list ul li.pre{
font-size:0px;
}
.page_m_list ul li a{
font-size:0px;
display:block;
width:192px;
height:192px;
position:relative;
}
.page_m_list ul li.pre i{
width:0px;
height:0px;
display:block;
border-bottom:40px solid transparent;
border-top:40px solid transparent;
border-right:70px solid #fff;
left:50px;
top:55px;
position:absolute;
}
.page_m_list ul li.next i{
width:0px;
height:0px;
display:block;
border-bottom:40px solid transparent;
border-top:40px solid transparent;
border-left:70px solid #fff;
right:50px;
top:55px;
position:absolute;
}
.page_m_list ul li.thisclass em{
    display: inline-block;
    width: 0px;
    height: 200px;
    border-left: 4px solid #fff;
    transform: rotate(30deg);
    margin-top: 35px;
    float: left;
    left: 130px;
    position: absolute;
}
.page_m_list ul li.thisclass .left{
    font-size: 60px;
    position: absolute;
    width: 100px;
    height: 70px;
    display: block;
    line-height: 70px;
    top: 80px;
    right: 140px;
}
.page_m_list ul li.thisclass .right{
    font-size: 70px;
    position: absolute;
    width: 100px;
    height: 70px;
    display: block;
    line-height: 70px;
    bottom: 80px;
    left: 140px;
    font-weight:bold;
}



.page{position: relative;}
.page li { display:block;}
.page_prev{position: absolute;cursor: pointer;}
.page_prev img{width: 100%;height: 100%;}

.page_now{position: absolute;background: url(../img/phone_10.jpg);background-size: 100% 100%;cursor: pointer;}
.page_next{position: absolute;cursor: pointer;}

.page_next img{width: 100%;height: 100%;}
.page_now span{position: absolute;color: #fff;}
span.now {
    width: 50%;
    left: 21%;   
    top: 17px;
    z-index: 999999;
    position: absolute;
    line-height: 4em;
    text-align: center;
}
span.now  a { color: #fff;    font-size: 13px;}
span.all{width: 50%;left: 47%;top: 0;line-height: 4em;display: inline-block;text-align: center;padding-top: 1em;}
.production{background:#d8d5d1;}
.production ul li img{width: 100%;display: block;}
.production ul li p{color: #664c33;background:#fff;}
.production ul li p img{float: right;}

.brand{background:#fff;}
.brand h2{position: relative;color: #664c33;font-weight: normal;}
.brand h2 span{position: absolute;left: 0;top: 0;background: #ea3d2f;}
.brand_box ul li{float: left;}
.brand_box ul li p{color: #664c33;border-bottom:3px solid #c7c2bd; line-height: 2em;}
.clear{clear:both;}
.brand_box .brand_img{overflow: hidden;background:#f2efeb;box-shadow: 2px 4px 4px #b5b0b0;}

.brand_box1 ul li{ width:93%;}
.brand_box1 ul li p{color: #664c33;border-bottom:3px solid #c7c2bd; line-height: 2em;}
.brand_box1 ul li p a { color:#664c33;}
.brand_box1 .brand_img{overflow: hidden;background:#f2efeb;box-shadow: 2px 4px 4px #b5b0b0;}
.brand_box1 .brand_img img { width:100%; height:100%; margin-left:0 !important; margin-top:0 !important;}

/*地图*/
.dt{width:88%; margin:0 auto;}
.dt h2 {
	font-size: 20px;
	color: #664c33;
	font-weight: normal;
	margin-top: 60px;
	background-image: url(../img/dt_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:100%;
	background-size:22% 7%;
	padding-top:20px;
}
.dt h3 { font-size: 13px; color:#ff0000; line-height:28px; margin-bottom: 15px;}
.dt p { margin-top:25px;}
.dt .con {font-size: 100%;
	color: #615f5e;
	line-height:33px;}
.dt .con p { 
	font-size:18px;
	text-align:justify;
	text-justify:distribute-all-lines;
}
.dt dt { text-align:right;}
.dt1 {
	text-align: center;
}
.dt1 p {
	font-size: 80%;
	color: #ea3d2f;
	line-height: 60px;
	margin-top: 50px;
	margin-bottom: 70px;
}
.dt1 h1 {
	width: 7%;
	margin-right: auto;
	margin-left: auto;

}
.dt1 h2 {
	width: 15%;
	margin:20px auto;
}

.dt2 {
	text-align: center;
}
.dt2 p {
	font-size: 80%;
	color: #ea3d2f;
	line-height: 20px;
	margin-top: 25px;
    margin-bottom: 45px;
}
.dt2 h1 {
	width: 7%;
	margin:20px auto 0;
}
.dt2 h2 {
	width: 15%;
	margin:20px auto;
}

.v_baener .swiper-button-prev9{top:50%;left:10px;}
.v_baener .swiper-button-next9{top:50%;right:10px;}