@charset "UTF-8";
*{margin: 0px;padding: 0px;}

body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/* style definition */

a:link,a:visited,a:hover,a:active{text-decoration:none;}

a{text-decoration: none;}

li{list-style-type:none;}

ul,ol{list-style-type: none;list-style-image: none;}

/* style definition */

 .detail-intro .intro p a {color:#333;}

.detail-intro .intro p a:hover {color:#ff9702;}



.main{

	width: 1200px;

	margin:0 auto;

}

.head{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.top{

	width: 100%;

	height: 40px;

	background: #f2f2f2;

	overflow: hidden;

}

.top p{

	color:#555555;

	font-size: 12px;

	float: left;

	line-height: 40px;

}

.top ul{

	float: right;

}

.top  ul li{

	float: left;

	line-height: 40px;

	padding: 0 10px;

	position: relative;

}

.top  ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #555555;

}

.top ul li a{

	color:#555555;

}

.top  ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.head{

	width: 100%;

	height: 124px;

 

}

.head .name{

	float: left;

	margin-top: 40px;

}

.head .tel{

	float: right;

	margin-top: 50px;

}



.nav{

	width: 100%;

	height: 60px;

	background: #4B362A;

}

.nav ul {

	width: 1200px;

	margin: 0 auto;

}

 

.nav ul li{

	float: left;

	width: 199px;

	height: 60px;

	line-height: 60px;

 

	text-align: center;

}

.nav ul li a{

	color:#fff;

	font-size: 16px;

	display:block;

}

.nav ul li:hover{

	background: #ff6c02;

}

.banner{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 left:45%; 

 bottom:10px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.banner .hd ul li{

 float:left; 

 margin-right:25px;  

 width:50px; 

 height:10px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 border: 1px solid #333;

 

}

.banner .hd ul li.on{

 background:#4B362A; 

 border: 1px solid #4B362A;

}

.banner .bd{

 position:relative; 

 height:100%;

  z-index:0; 

  width: 100%; 

}

.banner .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.banner .prev,

.banner .next{

 position:absolute; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.banner .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.banner .next {

	font-size: 

	58px;color:#fff;

}

.banner .prev{

	font-size: 

	58px;color:#fff;

}

.banner .prev:hover,

.banner .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}

.keywords{

	width: 1080px;

	margin:0 auto;

	height: 100px;

	margin-top: -50px;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	z-index: 100;

	background:#fff url(../images/bg03.png)no-repeat center;

 

}

.keywords .ad{

	margin-left: 20px;

}

.keywords .ad p{

	color:#000000;

	font-size: 18px;

	font-weight: bold;

}

.keywords .ad span{

	display: block;

	color:#666666;

	font-size: 18px;

	margin-top: 2px;

	font-weight: bold;

}

.keywords .hot {

	width: 550px;

	margin-right: 50px;

}

.keywords .hot  b{

	color:#000000;

	font-size: 16px;

}

.keywords .hot ul li{

	float: left;

	height: 28px;

	line-height: 28px;

	padding-left: 10px;

	color:#666666;

	font-size: 15px;

}

 

.title{

	width: 100%;

	height: auto;

	overflow: hidden;

 	border-bottom: 1px solid #999999;

	margin-top: 40px;

}



.title div{

	border-bottom: 1px solid #4B362A;

	display: table;

	float: left;

	height: auto;

	overflow: hidden;

	padding-bottom: 4px;

	margin-bottom: 5px;



}

 

.title div p{

	color:#333333;

	font-weight: bold;

	font-size: 28px;

	float: left;

}

.title div span{

	display: block;

	text-transform: uppercase;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	font-size: 18px;

	color:#999999;

}



.title a{

	float: right;

	margin-top: 10px;

}









.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;



}

.product .list{

	width: 230px;

	height:570px;

	border-bottom: 3px solid #4B362A;

	overflow: hidden;

	background: #f2f2f2;

	float: left;

	

}

.product .list .tit{

	width: 100%;

	height: 77px;

	border-bottom: 3px solid #705343;

	background: #4B362A;

 



}

.product .list .tit span{

	display: block;

	color:#fff;

	font-size: 50px;

	margin-left: 40px;

	float: left;

	font-weight: bold;

}

.product .list .tit p{

	color:#ffffff;

	margin-left: 5px;

	float: left;

	text-transform: uppercase;

	font-size: 12px;

	margin-top: 13px;

	margin-left:15px;

	line-height: 25px;

}

.product .list .tit b{

	font-size: 20px;

}



.product .list  .bd{

	height: auto;

	height: 270px;

	overflow: auto;

}

 

.product .list h4{

	width: 208px;

	margin: 0 auto;

	height: 38px;

	border: 1px solid #dcdcdc;

	line-height: 40px;

	background:#fff url(../images/icon01.png)no-repeat 190px center;

	margin-top: 10px;

}

.product .list h4 a{

	color:#000000;

	font-size: 14px;

	margin-left: 10px;

	width: 150px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-weight: normal;

}

.product .list h4:hover{

	background: #4B362A url(../images/h-icon01.png)no-repeat 190px center;

}

.product .list h4:hover a{

	color:#fff;

}



.product .list .on {

	background: #4B362A url(../images/h-icon01.png)no-repeat 190px center;

}

.product .list .on a{

	color:#fff;

}



.product .list ul{

	width:210px;

	height: auto;

	overflow: hidden;

	display: none;

	margin: 0 auto;

}



.product .list ul li{

	width: 100%;

	line-height: 30px;

	height: auto;

	overflow: hidden;

}

.product .list ul li span{

 	display: block;

	color:#222222;

	font-size: 14px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	text-indent: 50px;

	border-bottom: 1px solid #dcdcdc;

	line-height: 35px;

	background: url(../images/icon03.png) no-repeat 30px  center;

}



.product .list ul li span a{

	color:#222;

}

.product .list ul li ul li a{

	border: none;

	display: block;

	height: 30px;

	line-height: 30px;

	text-indent: 60px;

	position: relative;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	background: none;

}

.product .list ul li ul li a{

	color:#222;

}



.product .list ul li ul li a:after{

	content: "";

	width: 3px;

	height: 3px;

	position: absolute;

	left: 50px;

	top: 50%;

	margin-top: -2px;

	border: 1px solid #333;

	border-radius: 50%;

}



.product .ewm{

	width: 150px;

	margin: 0 auto;

	height: auto;

	margin-top: 20px;

	overflow: hidden;

}

.product .ewm img{

	display: block;

	width: 150px;

	height: 150px;

}

.product .ewm  p{

	text-align: center;

	color:#333333;

	font-size: 12px;

	line-height: 30px;

}

.product .pic{

	float: right;

	width: 950px;





}

.product .t{

	width: 100%;

	height: 47px;

	border-bottom: 3px solid #f2f2f2;

}

.product .t p{

	color:#4B362A;

	font-size: 20px;

	font-weight: bold;

	text-indent: 10px;

	border-bottom: 3px solid #4B362A;

	width: 100px;

	float: left;

	height: 47px;

	line-height: 47px;

}

.product .t a{

	display: block;

	float: right;

	margin-top: 20px;

}

.product .pic ul {

	margin-left: -16px;

	margin-top: 10px;

}

.product .pic ul li{

	float: left;

	width:304px;

	height: auto;

 	box-shadow: 0 0 3px 3px  #d0cecf;

	margin-left: 16px;

	 

	margin-top: 10px;

	margin-bottom: 7px;

}

.product .pic ul li img{

	display: block;

	width: 304px;

	height:202px;

}

.product .pic ul li p{

	width: 100%;

	height: 40px;

	text-align: center;

	color:#555555;

	font-size: 14px;

	line-height: 40px;

}

.product .pic ul li:hover p{

	color:#4B362A;

}

.about{

	width:1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}



.about .pic{

	float: left;

	width:632px;

	height:433px;

	overflow: hidden;

	padding-bottom: 15px;

	background: url(../images/bg01.png)no-repeat  center bottom;

}

.about .pic img{

	display: block;

	width: 622px;

	margin: 0 auto;

	margin-top: 20px;

	height: 374px;

}

.about .intro{

	float: right;

	width: 520px;

	height: auto;

	overflow: hidden;

	margin-top:35px;

}

.about .intro .tit{

	width: 100%;

	height: 40px;

	 

	position: relative;

}

.about .intro .tit:after{

	content: "";

	width: 36px;

	height: 3px;

	background: #4B362A;

	position: absolute;

	left: 0;

	bottom: -2px;

}

.about .intro .tit p{

	color:#4B362A;

	font-size: 24px;

	font-weight: bold;

	float: left;

}

.about .intro .tit span{

	display: block;

	color:#808080;

	float: left;

	font-size: 14px;

	text-transform: uppercase;

	margin-left: 10px;

	margin-top: 8px;

}

.about .intro .info{

	width: 100%;

	height: 220px;

	overflow: auto;

	margin-top: 20px;

}

.about .intro .info p{

	color:#1a1a1a;

	font-size: 15px;

	line-height: 24px;

	text-indent:2em;

	text-align:justify;

}



.about .intro a{

	display: block;

	width: 134px;

	height: 34px;

	text-align: center;

	line-height: 34px;

	color:#fff;

	border-radius: 5px;

	background: #4B362A;

	margin-top: 40px;

}

.adv{

	width: 100%; padding:0px 0 50px;

	overflow: hidden;

	margin-top: 0px;

	background: url(../images/bg02.png) no-repeat center top; background-size:cover;

}



 .adv-tit{

	width: 100%;

	height: 177px;

	background: url(../images/adv-tit.png)  no-repeat center;

}

.adv .box ul li:nth-child(2n) .pic{

	float: left;

}

.adv .box ul li:nth-child(2n) .intro{

	float: right;

}



.adv .box ul{

	width: 1154px;

	margin:0 auto;

	height: auto;

	overflow: hidden; padding:40px 0;

}

.adv .box ul li{

	width: 100%;

	height:auto;

	overflow: hidden;

 

}

.adv .box ul li .info {

	width: 640px;

	height: auto;

	float: left;

	margin-top: 30px;

}

.adv .box ul li .info .tit{

	width: 100%;

	height: 87px;



 

}

.adv .box ul li .info .tit img{

	display: block;

	float: left;

	margin-right: 10px;

}

.adv .box ul li .info .tit p{

	color:#4B362A;

	font-size: 26px;

	width: 470px;

	margin-top:15px;

	float: left;

}

.adv .box ul li .info .tit span{

	color:#4B362A;

	font-size: 12px;

	width: 470px;

	float: left;

	margin-top: 3px;

}

.adv .box ul li .info  .text{

	width: 520px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 92px;

}

.adv .box ul li .info  .text p{

	color:#333333;

	font-size: 15px;

	position: relative;

	padding-left: 20px;

	line-height: 25px;

	background: url(../images/icon04.png)  no-repeat left 5px;

}



.adv .box ul li .pic{

	float: right;

}



.honor{

	width: 100%;

	height: 453px;

	background: #f2f2f2;

	overflow: hidden;

	margin-top: 50px;

}

.honor .show{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.honor .show .box{

	width: 800%;

}

.honor .show .pic{

	float: left;

}

.honor .pic ul li{

	float: left;

	width: 390px;

	height: auto;

	overflow: hidden;

	margin-left: 15px;

}

.honor .pic ul li img{

	display: block;

	width: 390px;

	height: 282px;

	box-sizing: border-box;

	border: 1px solid #4B362A;

}

.honor .pic ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	color:#1a1a1a;

	font-size: 16px;

	text-align: center;

}

.section{

	width:1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.cases{

	background: #f2f2f2;

	width: 100%;

	height:600px;

	overflow: hidden;

	margin-top: 60px;

}

.cases .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

 

.cases .bd ul li{

	float: left;

	width:390px;

	border: 1px solid #cccccc;

	height: auto;

	overflow: hidden;

	margin-right: 10px;

	position: relative;

 

}

.cases .bd ul li img{

	display: block;

	width: 390px;

	height: 390px;

}

.cases .bd ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color:#fff;

	position: absolute;

	background: rgba(0,0,0,.6);

	bottom: 0;

	font-size: 15px;

}

.cases .bd ul li:hover {

	border: 1px solid #4B362A;

	background: #eeeeee;

}



.cases .next{

	float: left;

}

.cases .hd{

	display: table;

	margin: 0 auto;

	margin-top: 30px;

}

.cases .hd ul{

	float: left;

	margin-top: 12px;

	margin: 12px 10px;

}



.cases .hd ul li{

	float: left;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	line-height: 30px;

	overflow: hidden;

	margin: 0 3px;

	background: #a7a7a7;

}

.cases .hd .on{

	background: #4B362A;

}

.cases .prev{

	float: left;

}

 

.section{

	width: 1200px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

}

.news {

	width: 775px;

	height: 525px;

	border: 1px solid #e3e3e3;

	float: left;

 

	padding-top: 0;

	margin-top: 50px;

}

.news .title {

	width: 725px;

	margin: 0 auto;

	margin-top: 10px;

	border-bottom: 1px solid #999999;

}

 

 

 



.news .on{

	width: 725px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	border-bottom: 1px solid #e3e3e3;

	padding-bottom: 25px;

	margin-top: 20px;

}

.news .on img{

	display: block;

	float: left;

	width: 312px;

	height: 200px;

}

.news .on .intro{

	width: 395px;

	height: auto;

	float: right;

	overflow: hidden;

}

.news .on .intro h4{

	font-size: 16px;

	color:#333333;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news .on .intro p{

	color:#666666;

	font-size: 14px;

	line-height: 24px;

	margin-top: 15px;

	height:120px;

	display: -webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



.news .on  a{

	display: block;

	float: right;

	color:#666666;

	font-size: 14px;

	border-bottom: 1px solid #cccccc;

	line-height: 25px;

	margin-top: 10px;

}

.news  ul {

	width: 725px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.news  ul li{

	float: left;

	width: 358px;

	height: auto;

	line-height: 35px;

	overflow: hidden;

	position: relative;

}

.news  ul li:after{

	content: "";

	width:6px;

	height:6px;

	border-radius: 50%;

	background: #c6c6c6;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -3px;

	background: #c6c6c6;

}

.news  ul li a{

	display: block;

	margin-left: 15px;

	font-size: 14px;

	color:#333333;

	float: left;



}



.news  ul li span{

	display: block;

	float: right;

}



.news  ul li:nth-child(2n){

	float: right;

}

.news  ul li:hover a{

	text-decoration: underline;

}



.mssg{

	float: right;

	width: 360px;

	height: auto;

	overflow: hidden;

	border: 1px solid #e3e3e3;

	padding: 30px 25px;

	margin-top: 50px;

	background: #4B362A;

}



.mssg .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.mssg .tit div{

	float: left;

	position: relative;

	padding-right:65px;

}

.mssg .tit div:after{

	content: "";

	width: 40px;

	height: 2px;

	position: absolute;

	right: 0;

	bottom: 4px;

	background: #fff;

}

 

.mssg .tit p{

	color:#f6f6f6;

	font-weight: bold;

	font-size: 24px;

}



.mssg .tit span{

	display: block;

	text-transform: uppercase;

	color:#fff;

	font-size: 14px;

	margin-top: 3px;

}



.mssg  form{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.mssg  form ul li{

	width: 100%;

	height:auto;

	overflow: hidden;

	background: #ffffff;

	margin-bottom: 10px;

	border-radius: 5px;

	border: 1px solid #dadada;

	box-sizing: border-box;

}



.mssg  form ul li span{

	width: 45px;

	height: 26px;

	border-right: 1px solid #dadada;

	display: flex;

	float: left;

	justify-content: center;

	align-items: center;

	margin-top: 5px;

	margin-left: 5px;

}

.mssg  form ul li span img{

	display: block;

}



.mssg  form ul li:last-child span{

	border-bottom: 1px solid #dadada;

	height: 40px;

	 

}

.mssg  form ul li input{

	float: right;

	width: 295px;

	outline: none;

	border: none;

	font-size: 16px;

	font-family: '微软雅黑';

	color:#999999;

	height: 40px;

}



.mssg  form ul li textarea{

	float: right;

	width: 295px;

	outline: none;

	border: none;

	font-size: 16px;

	font-family: '微软雅黑';

	height: 165px;

	padding-top: 10px;

	color:#999999;



}



.mssg  form .btn{

	float: right;

	width: 100%;

	height: auto;

	overflow: hidden;

}



.mssg  form .btn input{

	width: 177px;

	height: 50px;

	background: #ff9702;

	border: none;

	color:#fff;

	font-size: 16px;

	border-radius: 5px;

	outline: none;

}

.mssg  form .btn input:last-child{

	float: right;

	background: #bfbfbf;

} 



 

.links{

	width: 100%;

	height: 80px;

	background: #eeeeee;

	margin-top: 60px;

}

.links .tit{

	width: 165px;

	height: 40px;

	background: url(../images/links.png)no-repeat center;

	margin-top: 25px;

	float: left;

}

.links .tit p{

	color:#666666;

	font-size: 22px;

	line-height:55px;

	margin-left: 45px;

}

.links ul{

	width: 850px;

	height: 45px;

	overflow: hidden;

	margin-top:18px;

	float: left;

}

.links ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 25px;

	position: relative;

}

.links ul li a{

	color:#666666;

	font-size: 13px;

}





.float{

	position: fixed;

	right: 5px;

	bottom: 260px;

	width: 71px;

	height: 243px;

	background: #eeeeee;



}

.float ul{

	width: 40px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 10px;

}

.float ul li a{

	display: block;

	width: 100%;

	height: 100%;

	color:#666666;

}

.float ul li{

	width: 40px;

	height: 40px;

	margin-bottom: 20px;

	background: url(../images/float.png) center -10px;

}



.float ul li:nth-child(2){

	background: url(../images/float.png) center -70px;

}



.float ul li:nth-child(3){

	background: url(../images/float.png) center -130px;

}



.float ul li:nth-child(4){

	background: url(../images/float.png) center -190px;

}



 

.float ul li p{

	width: 130px;

	height: 40px;

	background: url(../images/float02.png) no-repeat center;

	position: absolute;

	left: -130px;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	display: none;

	text-indent: -9px;

 

}

.float ul li:hover p{

	display: block;

}

.float ul li:hover img{

	display: block;

}

.float ul li  img{

	display: block;

	width: 120px;

	height: 120px;

	position: absolute;

	left: -130px;

	display: none;

	border: 2px solid #eeeeee;

}





.footer{

	width: 100%;

	height: 384px;

	position: relative;

	background: url(../images/bg4.png) no-repeat center;

}





.footer .fn{

	float: left;

	margin-top: 70px;

	margin-left: 50px;



}



.footer .fn .tit p{

	color:#ffffff;

	font-size: 22px;

}

.footer .tit{

	height: auto;

	overflow: hidden;

}

.footer .fn ul{

	width: 150px;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.footer .fn  ul li{

	width: 100%;

	height: 30px;

	line-height: 30px;

}

.footer .fn  ul li a{

	color:#fff;

	font-size: 13px;

	display: block;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.footer  .cont{

	float: left;

	margin-left: 20px;

	width: 420px;

	margin-top: 70px;

}

.footer  .cont .tit p{

	color:#ffffff;

	font-size: 22px;

}

.footer  .cont  .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.footer  .cont  .info p{

	color:#fff;

	font-size: 13px;

	line-height: 26px;

}



.footer .ewm{

	float: left;

	margin-top: 70px;

	margin-left: 60px;

}

.footer .ewm img{

	display: block;

	width: 140px;

	border:5px solid #fff;

	height: 140px;

}

.footer .ewm p{

	width: 100%;

	height: auto;

	overflow: hidden;

	line-height: 30px;

	color:#fff;

	font-size: 14px;

	margin-top: 5px;

	text-align: center;

}



.footer  .tel{

	float: right;

	margin-top: 70px;

}

.footer .tel .tit p{

	color:#fff;

	font-size: 20px;

	float: left;

	margin-left: 5px;

}

.footer .tel .tit  img{

	display: block;

	float: left;

}

.footer .tel .info{

	margin-top: 10px;

	width: 260px;

	height: auto;

	overflow: hidden;

}

.footer .tel .info  p{

	color:#fff;

	font-size: 20px;

}

.footer .tel .info b{

	color:#ff9702;

	font-size: 32px;

 

}

.footer .cr{

	position: absolute;

	width: 100%;

	height: 43px;

	border-top: 1px solid #666666;

	left: 0;

	bottom: 0;

	line-height: 43px;

}

.footer .cr a{

	color:#fff;

}

.footer .cr p{

	text-align: center;

	color:#fff;

	font-size: 13px;

}



.in-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	margin-top: 30px;

	overflow: hidden;

	margin-bottom: 50px;

}





.left-cont{

	width: 230px;

	height: auto;

	overflow: hidden;

	float: left;

}

.right-cont{

	float: right;

	width: 940px;

	height: auto;

	overflow: hidden;

}





.left-cont .list{

	width: 230px;

	height:auto;

	border-bottom: 3px solid #4B362A;

	overflow: hidden;

	background: #f2f2f2;

 

	

}

.left-cont .list .tit{

	width: 100%;

	height: 77px;

	border-bottom: 3px solid #705343;

	background: #4B362A;

	display: flex;

	justify-content: center;

	align-items: center;



}

.left-cont .list .tit span{

	display: block;

	color:#fff;

	font-size: 50px;

	font-weight: bold;

}

.left-cont .list .tit p{

	color:#ffffff;

	margin-left: 5px;

	font-size: 12px;

}

.left-cont .list .tit b{

	font-size: 20px;

}



.left-cont .list  .bd{

	height: auto;

	overflow:hidden;

	margin-bottom: 30px;

}

 

.left-cont .list h4{

	width: 208px;

	margin: 0 auto;

	height: 38px;

	border: 1px solid #dcdcdc;

	line-height: 40px;

	background: url(../images/icon01.png)no-repeat 190px center;

	margin-top: 10px;

}

.left-cont .list h4 a{

	color:#000000;

	font-size: 14px;

	margin-left: 20px;

	width: 150px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-weight: normal;

}

.left-cont .list h4:hover{

	background: #4B362A url(../images/h-icon01.png)no-repeat 190px center;

}

.left-cont .list h4:hover a{

	color:#fff;

}



.left-cont .list .on {

	background: #4B362A url(../images/h-icon01.png)no-repeat 190px center;

}

.left-cont .list .on a{

	color:#fff;

}



.left-cont .list ul{

	width:210px;

	height: auto;

	overflow: hidden;

	display: none;

	margin: 0 auto;

}



.left-cont .list ul li{

	width: 100%;

	line-height: 30px;

	height: auto;

	overflow: hidden;

}

.left-cont .list ul li span{

 	display: block;

	color:#222222;

	font-size: 14px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	text-indent: 50px;

	border-bottom: 1px solid #dcdcdc;

	line-height: 35px;

	background: url(../images/icon03.png) no-repeat 30px  center;

}



.left-cont .list ul li span a{

	color:#222;

}

.left-cont .list ul li ul li a{

	border: none;

	display: block;

	height: 30px;

	line-height: 30px;

	text-indent: 60px;

	position: relative;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	background: none;

}

.left-cont .list ul li ul li a{

	color:#222;

}



.left-cont .list ul li ul li a:after{

	content: "";

	width: 3px;

	height: 3px;

	position: absolute;

	left: 50px;

	top: 50%;

	margin-top: -2px;

	border: 1px solid #333;

	border-radius: 50%;

}





.left-cont .quick{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	background: #f2f2f2;

}

.left-cont .quick .tit{

	width: 100%;

	height: 80px;

	background: #4B362A;

	border-bottom: 3px solid #705343;

}



.left-cont .quick .tit p{

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	color:#fff;

	font-size: 24px;

	line-height: 80px;

}



.left-cont .quick ul{

	width: 94%;

	margin: 10px auto;

	height: auto;

	overflow: hidden;

}

.left-cont .quick ul li{

	width: 100%;

	height: 35px;

	line-height: 35px;

	border-bottom: 1px dashed #ccc;

}



.left-cont .quick ul li a{

	display: block;

	font-size: 14px;

	white-space: nowrap;

	   text-overflow: ellipsis;

	   overflow: hidden;

	color:#333;

}



.left-cont .quick .info{

	width: 94%;

	margin: 10px auto;

	height: auto;

	overflow: hidden;

	

}



.left-cont .quick .info p{

	font-size: 13px;

	line-height: 24px;

	color:#333;

}



.title-bar{

	width: 100%;

	position: relative;

	margin-top: 10px;

	height: 37px;

	background: url(../images/bg07.png) repeat-x left bottom;

}

.title-bar:after{

	content: "";

	width: 10px;

	height: 20px;

	position: absolute;

	left: 0;

	top:3px;

	background: #4B362A;

}

.title-bar h4{

	font-size: 18px;

 

	margin-left: 20px;

	color:#333333;

	font-size: 18px;

	float: left;

}



.crumbs{

	float: right;

}

.crumbs p{

	color:#666;

	font-size: 13px;



}



.crumbs img{

	display: block;

	float: left;

	margin-right: 10px;

}

.crumbs p{

	float: left;



}

.crumbs a{

	color:#666;

	font-size: 13px;

	padding-right: 10px;

	position: relative;



}

.crumbs a:after{

	content: ">";

	position: absolute;

	right: 0;

	color:#666;

	font-size: 12px;

	position: absolute;

	top: 0;

}

.crumbs a:last-child:after{

	display: none;

}

.pic-box{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.pic-box ul {

	margin-left: -14px;

}

.pic-box ul li{

	float: left;

	width:304px;

	height: auto;

 

	margin-left: 14px;

	 

	margin-top: 10px;

	margin-bottom: 7px;

}

.pic-box ul li img{

	display: block;

	width: 304px;

	height: 202px;

}

.pic-box ul li p{

	width: 100%;

	height: 35px;

	text-align: center;

	color:#555555;

	font-size: 14px;

	line-height: 35px;

}

.pic-box ul li:hover p{

	color:#4B362A;



}





.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

 

}

.page  ul{

	display: table;

	margin: 0 auto;

}



.page  ul li{

	border: 1px solid #ccc;

	padding: 0 10px;

	height:30px;

	line-height:30px;

	color:#333;

	float: left;

	margin: 0 3px;

}

.page  ul li a{

	color:#333;

	

}

.page ul  .thisclass{

	background: #333333;

	color:#fff;

}

 

.page  select{

	border: none;

	background: none;

	outline: none;

}





.detail-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height:300px;

	margin-top: 20px;

}

.detail-intro .tit{

	margin-bottom: 30px;

}

.detail-intro .tit p{

	color:#333333;

	font-size: 18px;

	height: 30px;

	border-bottom: 1px dashed #ccc;

	text-align: center;

}



.detail-intro .tit span{

	display: block;

	color:#333333;

	font-size: 12px;

	text-align: center;

	margin-top: 5px;

}



.detail-intro  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	

}

.detail-intro  .intro img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.detail-intro  .intro p{

	font-size: 16px;

	color:#333;

	line-height: 30px;

}







.fy{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;

}





 .fy p{

	width: 260px;

	height: 50px;

	float: left;

	line-height: 50px;

	text-align: center;

	border-left: 1px solid #d2d2d2;



}

 .fy p:first-child{

 	border: none;

 }



 .fy a{

 	color:#333333;

 	font-size: 14px;

 }



  .fy .return{

  	float: right;

  	line-height: 50px;

  	width: 140px;

  	border-left: 1px solid #d2d2d2;

  	text-align: center;

  }









.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top:10px;

}

.news-list ul li{

	width: 100%;

	height: 35px;

	line-height: 35px;

	border-bottom: 1px dashed #ccc;

}



.news-list ul li a{

	font-size: 14px;

	color:#333;

	width: 810px;

	display: block;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	float: left;

}

.news-list ul li span{

	display: block;

	float: right;

	color:#333;

	font-size: 12px;

}

.mssg-intro{

	width:820px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	width: 100%;

}



.mssg-intro form{

	width: 745px;

 	margin: 0 auto;

 	margin-top: 25px;

}

.mssg-intro form ul {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.mssg-intro form ul li{

	height: auto;

	overflow: hidden;

	float: left;

	width: 225px;

	margin-left: 35px;

	margin-bottom: 20px;



}

.mssg-intro form ul li:first-child{

	margin-left: 0;

}

.mssg-intro form ul li p{

	float: left;

	font-size: 16px;

	line-height: 40px;

	color:#333333;

}

 



.mssg-intro form ul li input{

	width: 175px;

	height: 40px;

	border: 1px solid #dcdcdc;

	background: #fff;

	border-radius:5px;

	outline:none;

	text-indent: 5px;

	border-radius: 5px;



	font-family: '微软雅黑';

	float: left;

}

.mssg-intro form ul li:last-child{

	width: 100%;

	margin: 0;

}

.mssg-intro form ul li textarea{

	width: 695px;

	height: 150px;

	resize: none;

	outline: none;

	text-indent: 5px;

	border-radius: 5px;

	padding-top: 10px;

	border: 1px solid #dcdcdc;

	float: left;

}

.mssg-intro form .btn{

	display: table;

	margin: 0 auto;

	margin-top: 30px;

	margin-bottom: 50px;

}

.mssg-intro form .btn input{

	width: 190px;

	height: 40px;

	letter-spacing: 5px;

	background: #999999;

	font-size: 18px;

	font-weight: normal;

	margin: 0 10px;

	border-radius: 5px;

	color:#fff;

	 

	border: none;

}

.mssg-intro form .btn input:first-child{

	background: #4B362A;



} 

.map{

	width: 100%;

	border: 3px solid #d2d2d2;

	box-sizing: border-box;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.map .allmap{

	width: 100%;

	height: 400px;

}











.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer;}

.side ul li a{color:#333}

.side ul li:hover{background:#4B362A;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}



.side ul li i.bgs6{background-image:url(../images/ios03.png)}



.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}





.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}





.side ul li.sideewm .ewBox{width: 130px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -152px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #4B362A;}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#4B362A}

.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}




/* ---- SKU block (XQF) ---- */
.sku-box{border:1px solid #e6ddd6;background:#faf7f4;padding:14px 16px;margin:0 0 16px;font-size:14px;line-height:1.7}
.sku-head{margin-bottom:10px}
.sku-name{font-size:17px;font-weight:bold;color:#4b362a;margin-right:12px}
.sku-code{color:#999;font-size:12px}
.sku-table{width:100%;border-collapse:collapse}
.sku-table th,.sku-table td{border:1px solid #e6ddd6;padding:6px 10px;text-align:left;vertical-align:top}
.sku-table th{width:90px;background:#f2ebe4;color:#4b362a;font-weight:normal;white-space:nowrap}
.sku-price{color:#a3341f;font-weight:bold}
.sku-price del{color:#999;font-weight:normal;font-size:12px;margin-left:8px}
.sku-note{color:#8a7a6d;margin:10px 0 0;font-size:12px}
.sku-cta{margin-top:12px}
.sku-btn{display:inline-block;background:#4b362a;color:#fff;padding:8px 22px;border-radius:2px;text-decoration:none}
.sku-tel{margin-left:12px;color:#666}
.svc-desc{display:block;font-size:12px;color:#888;padding:4px 8px 8px;text-align:left}
@media (max-width:768px){
.sku-table th{width:76px}
.main{width:100%!important;box-sizing:border-box;padding:0 12px}
.head .banner img{width:100%;height:auto}
.side{display:none!important}
.nav ul{flex-wrap:wrap}
.nav ul li a{padding:8px 10px;font-size:14px}
.in-content{display:block!important}
.left-cont,.right-cont{width:100%!important;float:none!important;box-sizing:border-box}
.footer .main{display:block}
.footer .fn,.footer .cont,.footer .ewm,.footer .tel{width:100%!important;float:none!important;margin-bottom:14px}
.cases .bd ul li{width:46%!important}
.product .pic ul li{width:46%!important}
.banner img{width:100%!important;height:auto!important}
img{max-width:100%;height:auto}
}

/* ---- Mobile adapt (XQF) ---- */
@media (max-width:768px){
html,body{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden}
body{font-size:14px}
div,ul,li,table,img{max-width:100%}
.main,[class*="cont"],[class*="wrap"]{width:100%!important;min-width:0!important;box-sizing:border-box;padding-left:12px;padding-right:12px}
.top .main p{width:100%;white-space:normal}
.top .main ul{display:none}
.head .name{width:auto!important;float:none!important;text-align:center}
.head .name img{max-width:82%!important;height:auto!important}
.head .tel{display:none}
.nav{width:100%!important}
.nav ul{width:100%!important;display:flex;flex-wrap:wrap}
.nav ul li{width:auto!important;flex:1 1 33%}
.nav ul li a{display:block;text-align:center;padding:10px 4px}
.banner{width:100%!important;height:auto!important}
.banner .bd,.banner .bd ul,.banner .bd ul li{width:100%!important;height:auto!important}
.banner .bd img{width:100%!important;height:auto!important}
.product .list,.product .pic,.cases .bd,.adv .main,.adv .box{width:100%!important}
.product .list .bd h4{width:46%;display:inline-block}
.product .list .ewm{display:none}
.product .pic ul li,.cases .bd ul li{width:47%!important;margin-right:2%}
.cases .bd ul li img{width:100%;height:auto}
.cases .hd{display:none}
.left-cont,.right-cont{width:100%!important;float:none!important}
.left-cont{margin-bottom:14px}
.side{display:none!important}
.footer .fn,.footer .cont,.footer .ewm,.footer .tel{width:100%!important;float:none!important;border:none;margin-bottom:12px}
.crumbs a{margin-right:4px}
.quick .info p{word-break:break-all}
.detail-intro .intro img{width:100%!important;height:auto!important}
.policy-links a{display:inline-block;margin:4px 6px}
}

/* ---- icon sizing (XQF) ---- */
.cases .hd a img{width:42px;height:42px}
.hotline-txt{font-size:18px}
@media (max-width:768px){
.product .pic ul li img,.cases .bd ul li img{width:100%!important;height:auto!important}
.hotline-txt{font-size:15px}
}

/* ---- form icon & about img sizing (XQF) ---- */
.about .info li span img{display:none}
.about .info li span{display:none}
.about .info li input{padding-left:10px!important}
.about .pic img{width:auto!important;height:auto!important;max-width:100%!important}
@media (max-width:768px){.about .pic img{width:100%!important;height:auto!important}}
img[src*="m01.png"],img[src*="m02.png"],img[src*="m03.png"],img[src*="m04.png"]{display:none!important}