/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

a:hover{
	text-decoration:none;
	color: #ca1c28;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/
.top{width:100%;height:100px;background:#fff;}
.top .logo{float:left;margin-top:22px;font-size:0px;}
.nav{float:right;line-height:100px;}
.navul li{float:left;height:100px;position:relative;}
.navul li>a{font-size:16px;padding:0px 25px;display:block;}
.navul li.cur>a{color:#fff;background-color:#8d6152;}
.navul li>a:hover{background-color:#8d6152;color:#fff;}
.navul li .nav_son{display: none;position: absolute;left: 50%;top: 100px;z-index:100;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);margin-left: -50%;width: 114px;font-size: 14px;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center; color:#222;display:block;padding:10px 0px;border-bottom:1px solid #ebebeb;line-height:23px;}
.navul li .nav_son a:hover{color:#8d6152;background:#f5f5f5;}
/* .navul li .line{width:0px;height:3px;position:absolute;top:66px;left:0px;background:#008b92;} */
/* .navul li:hover .line{width:100%;} */
.navul li:hover .nav_son{display:block;}
.top .header_phone{float:right; width:230px;margin-right:-100px;}
.top .header_phone img{float:left;margin-top:35px;margin-right:6px;}
.top .header_phone p{line-height:100px;font-size:25px;color:#8d6152;font-weight:100px;}
	
	/*banner*/
#indexbanner{width:100%;height:689px; float: left; overflow: hidden; position: relative;}
.bx-controls{ position: absolute; left: 0; bottom: 60px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
.bx-controls .bx-pager{ text-align: center;}
.bx-controls .bx-pager div{ display: inline-block; margin: 0 6px;}
.bx-controls .bx-pager div a{ display: block; width: 6px; height: 6px;border:4px solid #bfbfbf;border-radius:10px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.6);}
.bx-controls .bx-pager div a.active{ background-color: rgba(185,73,73,0.8);border:4px solid #fff;}
.bx-controls .bx-controls-direction{ display: none;}

#insidebanner{width:100%;height:289px; float: left; overflow: hidden; position: relative;}





/* .tit{width:100%;text-align:center;} */
/* .tit p{font-size:29px;font-weight:regural;color:#333;} */
/* .tit span{font-size:20px;text-transform:uppercase;font-weight:regural;} */





#indexproduct{width:100%;height:612px;overflow:hidden;}
.product{width:1200px;height:100%;margin:auto;overflow:hidden;}
.product .tit{padding-top:84px;width:325px;margin:auto;}
.product .tit p{float:left;font-size:29px;font-weight:regural;color:#333;}
.product .tit .line{width:2px;height:18px;background:#000;margin-top:11px;float:left;margin-left:12px;margin-right:15px;}
.product .tit span{float:left;margin-top:11px; font-size:20px;text-transform:uppercase;font-weight:regural;}
.product .tab{width:100%;height:40px;margin-top:55px;overflow:hidden;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;height:36px;text-align:center;line-height:36px;margin-right:48px;position:relative;right:50%;}
.product .tab ul li a{width:100%;height:100%;display:block;overflow:hidden;color:#666;text-transform:uppercase;}
.product .tab ul li a:hover{ color: #f45151; }
.product .tab ul li:hover span{display:block;margin:auto;width:25px;height:3px;background:#d04752;}
.product .tab ul li:first-child a{color:#f45151;}
.product .tab ul li:last-child{margin-right:0px;}
.product .cpzs{width:100%;height:281px;margin-top:39px;}
.product .cpzs ul{display:none;}
.product .cpzs ul:first-child{display:block;}
.product .cpzs ul li{width:387px;height:338px;float:left;margin-right:18px; position: relative;}
.product .cpzs ul li:nth-child(3n){margin-right:0px;}
.product .cpzs ul li .pic{ width:387px;height:268px; display:block;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.product .cpzs ul li .pic:hover{}
.product .cpzs ul li .tt{ width:100%; line-height:60px;text-align:left;text-transform:uppercase;}
.product .cpzs ul li .tt a{color: #666; }
.product .cpzs ul li .tt span{width:44px;height:4px;background:#81402d;display:block;}
.product .cpzs ul li .tt a:hover{color: red; }
.product .cpzs ul li img{transition: transform 0.9s ease 0s;max-width:110%;max-height:110%;margin:auto;}
.product .cpzs ul li img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari å’Œ Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}






#indexabout{width:100%;height:586px;background:#f2f2f2;}
.about{width:1200px;margin:auto;overflow:hidden;}
.about .left{width:670px;height:586px;float:left;}
.about .left .tit{width:246px;overflow:hidden;height:108px;border-bottom:1px solid #dbdbdb}
.about .left .tit p{margin-top:62px;float:left;font-size:29px;font-weight:100;color:#333;}
.about .left .tit .line{width:2px;height:18px;background:#000;margin-top:73px;float:left;margin-left:12px;margin-right:12px;}
.about .left .tit span{float:left;margin-top:73px; font-size:20px;text-transform:uppercase;font-weight:100;}
.about .left .con{width:640px; margin-top:50px;line-height:30px;text-align:left;}
.about .left .more{width:140px;height:43px;line-height:43px;background:#666666;text-align:center;color:#fff;display:block;margin-top:36px;position:relative;z-index:5;}
.about .left .more:before{content:"";width:0;height:43px;position:absolute;top:0;left:0;background:#8d6152;z-index:-1;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;}
.about .left .more:hover:before{width:100%;}
.about .left .xx{margin-top:70px;text-align:center;}
.about .left .xx .detail{display:block;float:left;width:60px;height:70px;margin-right:85px}
.about .left .xx .detail:last-child{margin-right:0;}
.about .left .xx .detail .pic{width:100%;height:50px;position:relative;}
.about .left .xx .detail .tt{color:#999;}
.about .left .xx .detail .pic img{
	position: absolute;
	margin: auto;display: block;
	left:-45px;
	border-right:0px solid transparent;
	/*-webkit-filter:drop-shadow(59px 0 0px red);*/
	filter:drop-shadow(55px 0 0px #8f8f8f);}
.about .left .xx .detail:hover .pic img{
	position: absolute;
	margin: auto;display: block;
	left:-45px;
	border-right:0px solid transparent;
	/*-webkit-filter:drop-shadow(59px 0 0px red);*/
	filter:drop-shadow(55px 0 0px #a24c33);
}
.about .right{width:530px;height:586px;float:right;position:relative;}
.about .right .img1{position:absolute;top:214px;left:207px;}
.about .right .img2{position:absolute;top:0px;left:0px;}
.about .right .img3{position:absolute;top:0px;left:322px;}
.about .right .img4{position:absolute;top:487px;left:0px;}



#indexnews{width:100%;height:710px;background:url('../images/newbg.jpg');overflow:hidden;}
.news{width:1200px;margin:auto; }
.news .tit{padding-top:74px;width:320px;margin:auto;}
.news .tit p{float:left;font-size:29px;font-weight:regural;color:#333;}
.news .tit .line{width:2px;height:18px;background:#000;margin-top:11px;float:left;margin-left:12px;margin-right:15px;}
.news .tit span{float:left;margin-top:11px; font-size:20px;text-transform:uppercase;font-weight:regural;}
.news .left{width:800px;height:540px;float:left;margin-top:64px;}
.news .left ul li{width:800px;height:270px; position:relative;}
.news .left ul li .pic{width:400px;height:270px;float:left; overflow:hidden;}
.news .left ul li img{width:400px;height:270px;transition:0.9s;}
.news  ul li:hover img{transform:scale(1.1,1.1); 
 -ms-transform:scale(1.1,1.1); 	/* IE 9 */ 
 -moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
 -o-transform:scale(1.1,1.1); 	/* Opera */}
.news .left ul li:nth-child(2n) .pic{width:400px;float:right;}
.news .left ul li .block1{width:400px;height:270px;float:right;overflow:hidden;background:#f2f2f2;}
.news .left ul li .tt{font-size:16px;margin-top:50px;color:#003333;margin-left:33px;}
.news .left ul li .date{font-size:13px;margin-left:33px;height:36px;line-height:36px;}
.news .left ul li .des{font-size:13px;margin-left:33px;width:300px;line-height:25px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
}
.news .left ul li .more{margin-top:20px;margin-left:33px;font-size:13px;color:#d04752; }
.news .left ul li .line{position:absolute; top:56px;left:380px; width:40px;height:4px;background:#d04752;	}




.news .right{width:400px; height:540px;float:right;margin-top:64px;}
.news .right ul li{width:400px; height:540px; position:relative;}
.news .right ul li .pic{width:400px;height:270px;float:left; overflow:hidden;}
.news .right ul li img{width:400px;height:270px;transition:0.9s;}
.news .right ul li .block1{width:400px;height:270px;overflow:hidden;background:#f2f2f2;}
.news .right ul li .tt{font-size:16px;margin-top:50px;color:#003333;margin-left:33px;width:300px;}
.news .right ul li .date{font-size:13px;margin-left:33px;height:36px;line-height:36px;}
.news .right ul li .des{font-size:13px;margin-left:33px;width:300px;line-height:25px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;}
.news .right ul li .more{margin-top:20px;margin-left:33px;font-size:13px;color:#d04752; }
.news .right ul li .line{position:absolute; top:250px;left:33px; width:4px;height:40px;background:#d04752;	}

#indexcontact{margin-top:58px;height:318px;width:100%;overflow:hidden;}
.indexcontact{margin:auto;width:1200px;}
.indexcontact .title{margin:auto;width:1200px;height:30px;}
.indexcontact .title .tit{width:320px;margin:auto;}
.indexcontact .title .tit p{float:left;font-size:29px;font-weight:regural;color:#333;}
.indexcontact .title .tit .line{width:2px;height:18px;background:#000;margin-top:11px;float:left;margin-left:12px;margin-right:15px;}
.indexcontact .title .tit span{float:left;margin-top:11px; font-size:20px;text-transform:uppercase;font-weight:regural;}

.indexcontact .con{margin-top:65px; width:100%;height:153px;border:1px solid #e8e8e8; display:block;}
.indexcontact .con ul li{width:399px; float:left;height:153px; border-left:1px solid #e8e8e8;position:relative;}
.indexcontact .con ul li:first-child{border-left:none;}
.indexcontact .con ul li img{position:absolute;top:51px;left:30px;}
.indexcontact .con ul li p{position:absolute;top:59px;left:89px;color:#2d2d2d;}
.indexcontact .con ul li span{position:absolute;top:83px;left:89px;font-size:13px;}

#ne_nav{width:100%;height:40px;background:#f5f5f5;}
#ne_nav p{line-height:40px;padding-left:30px;background:url(../images/home.png) no-repeat left center;}

.inset{margin:50px auto;}


.col{width:100%;min-height:450px;line-height:220%;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}



.maintit{text-align:center;margin-top:45px;}
.maintit p{font-size:30px;color:#333;font-weight:lighter;margin-bottom:10px;}
.maintit span{font-size:16px;color:#999;text-transform:uppercase;}
.son_nav{margin-top:25px;text-align:center;}
.son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;}
.son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;}
.son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;}



.pxxm{ width: 1200px;margin: auto; overflow: hidden; min-height: 350px;}
.pxxm  ul li{ width:291px;margin-right: 8px;float: left; height: 256px;margin-top: 27px;}
.pxxm  ul li:nth-child(4n){margin-right: 0px;}
.pxxm  ul li .pic{ width:291px;height: 194px;overflow: hidden;display: table-cell;vertical-align: middle;border:2px solid #f5f5f5; }
.pxxm  ul li .pic img{ transition-duration:0.9s;display: block; margin: auto; max-width: 291px;max-height: 194px;
	vertical-align: middle;}
.pxxm  ul li:hover{ background: #fff; }
.pxxm  ul li:hover .pic img{
	transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */
}
.pxxm ul li p{text-align:center; color: #3e3e3e;font-weight: 300;line-height: 60px; }




.online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.online form{padding-left:150px;}
.online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}
.online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:927px;height:205px;float:left;margin-bottom:20px;}
.online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;}
.online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:20px;}
.online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;}
.online .verify img{cursor:pointer;}
.online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;}
.online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;}






.xwzx{width:1200px;min-height:300px;margin: auto;
	overflow: hidden;}
.xwzx ul{width:100%;height: 100%;}
.xwzx ul li{width:100%;height:180px;display: block; border-bottom:1px dashed #dedede;transition: all 0.3s ease 0s;position:relative;}
.xwzx ul li .pic{ position: absolute; left: 0;top:20px; width: 270px; height: 140px; overflow: hidden;}
.xwzx ul li img{ width: 270px; height: 140px;max-width:100%;max-height:100%; transition: transform 0.9s ease 0s;transition-duration: 1s; }
.xwzx ul li .dongfrN{width: 900px;float: right;position: relative;}
.xwzx ul li .dongfrN .riqiN{ position: absolute; right:0px; top: 40px;line-height: 30px;height: 30px;  transition-duration: 0.3s;}
.xwzx ul li .dongfrN h5{  transition-duration: 0.3s; position: absolute; left:0px; top: 40px; font-size: 16px; line-height: 30px;height: 30px;font-weight: lighter; width: 750px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.xwzx ul li .dongfrN p{  transition-duration: 0.3s; position: absolute; left:0px; top: 90px; line-height: 30px;height: 60px; width: 750px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;  }
.xwzx ul li .dongfrN span{  transition-duration: 0.3s; position: absolute;right: 0px; top: 90px; line-height: 30px;height: 30px; width: 80px; text-align: center;}

.xwzx ul li:hover img{ transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari å’Œ Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.xwzx ul li:hover .riqiN{ margin-right: 20px; color: #c80614; }
.xwzx ul li:hover .dongfrN h5{padding-left: 20px; color: #c80614; }
.xwzx ul li:hover .dongfrN p{padding-left: 20px  }
.xwzx ul li:hover .dongfrN span{ background: #434343;color: #fff; }





.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}






/*footer*/
#footer{width:100%;height:189px;background:#272727;}
.footer_top{height:103px;}
.footer_nav{margin-top:30px;text-align:center;}
.footer_nav ul {width:780px;margin:auto;}
.footer_nav ul li{float:left;width:130px;}
.footer_nav ul li .title a{color:#fff;line-height:73px;}
.footer_bottom{width:1200px;text-align:center;margin:auto;border-top:1px solid #34374a; height:85px;line-height:85px;color:#d3d3d3;}



.mypage{
    text-align: center;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}




#colunm{ width: 100%;margin:auto;height: 99px; box-shadow: 0px 5px 5px #f5f5f5; overflow: hidden;display:block;}
.colunm_con{ width: 1200px; height:99px;margin: auto; line-height: 99px;}
.colunm_con .left{ float: left;line-height: 99px;margin-left: 25px;}
.colunm_con .left p{float: left; }
.colunm_con .left .line{ width: 5px;height: 99px;float: left; }
.colunm_con .right{ float: right;}
.colunm_con .right ul li{ float: left;padding: 0px 10px; border-right: 1px solid #e5e5e5;height: 15px;margin-top: 42px;}
.colunm_con .right ul li:last-child{ border: none;}
.colunm_con .right ul li a {display: block;  text-align: center;margin: auto;margin-top: -42px; }
.colunm_con .right ul li a span:hover{  color: #c80614; }
.colunm_con .right ul li a.cur> span{ color: #c80614;  }

