@charset "utf-8";
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:16px;font-family: "MicrosoftYaHei";position:relative;height:100%;}
ul,li,ol{list-style:none;}
em,i{font-style:normal;}
b,strong{font-weight:normal;}
a,u{text-decoration:none;margin:0;padding:0;}
fieldset,input,img{border:0;}
input{outline:none;margin:0;padding:0;}
button{margin:0;padding:0;}
img{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:16px;}
textarea{resize:none;}
span,p,dl,dt,dd{margin:0;padding:0;}

input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #888;  
}  
  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #888;  
}  
  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #888;  
} 

.fl{float:left;}
.fr{float:right;}

.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.container{margin:0 auto;width:87.5%;}

#header{width:100%;height:100px;overflow:hidden;background:#fff;box-shadow:5px 0px 5px rgba(0,0,0,.15);text-align:center;position:fixed;z-index:999;}
.headlogo{margin-top:22px;}
.headnav{display:inline-block;}
.headnav ul{font-size:0px;}
.headnav ul li{display:inline-block;font-size:16px;}
.headnav ul li a{display:block;height:100px;line-height:100px;color:#888;padding:0px 22px;}
.headnav ul li a:hover{background: #f7f3f0;transition:all 0.75s;}
.headsearch{margin-top:30px;}
.headsearch input{background:#f7f3f0;height:40px;vertical-align:middle;padding:0px 0px 0px 20px;} 
.headsearch button{display:inline-block;vertical-align:middle;width:40px;height:40px;background:#f7f3f0 url(../images/search.png)no-repeat center;border:none;}


#banner{overflow:hidden;height:auto; padding-top: 100px;}
#banner img{width:100%;height:auto;}
.swiper-wrapper img{max-width:100%; display:block;}
.swiper-slide {
  	text-align: center;
  	position:relative;
  	font-size: 18px;
  	background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center; 
    align-items: center;
}
.swiper-slide dl{position:absolute;background:rgba(0,0,0,.9);color:#fff;width:100%;padding:2%;top:83%;}
.swiper-slide dl dt{font-size:16px;font-family:"MicrosoftYaHei";}
.swiper-slide dl dd{font-size:10px;font-family:"Arial";}

#area .swiper-button-prev{left:40%;top:92%;--swiper-navigation-size:24px;}
#area .swiper-button-next{right:40%;top:92%;--swiper-navigation-size:24px;}



.titbox{padding:3% 0%;background:#fff;}
.titbox h1{font-size:82px;font-family:"Arial";font-weight:500;color:#7c5852;}
.titbox h2{font-size:32px;font-family:"MicrosoftYaHei";font-weight:500;margin:8px 0px 5px 15px;}
.titbox span{font-size:13px;font-family:"Arial";margin:0px 0px 0px 15px;}
.titbox i{display:inline-block;width:50px;height:50px;border-radius:50px;background:url(../images/tri.png)no-repeat center;border:2px solid #c3c3c3;margin-top:18px;}
.titbox i:hover{background:#7c5852 url(../images/trih.png)no-repeat center;border:2px solid #7c5852;transition:all 0.75s;}
.titbox .tel{height:26px; line-height: 26px; background: url(../images/icon-tel.png) left no-repeat; font-size: 24px; padding-left: 36px; font-family: -webkit-pictograph; font-weight: bolder; color:#7c5852; margin-top:32px}
.titbox .tel a{color:#7c5852;}

#production{overflow:hidden;background:#fff;}
.probox{float:left;overflow:hidden;}
.probox img{max-width:100%;}
.probox:nth-child(2){background:#f6efe9;}
.proboxbig{width:50%;}
.proboxbigtxt{padding:4% 12.5%;}
.proboxbigtxt h1{font-size:28px;line-height:68px;color:#3b3b3b;font-weight:500;}
.proboxbigtxt p{font-size:14px;line-height:24px;color:#767676;}
.proboxbigtxt a{font-size:12px;color:#959191;background:#f5eee9;padding:2% 3%;display:inline-block;margin-top:3%;}
.proboxbig:hover{background:#7c5852;transition:all 0.75s;}
.proboxbig:hover a{background:#fff;color:#7c5852;transition:all 0.75s;}
.proboxbig:hover .proboxbigtxt h1{color:#fff;transition:all 0.75s;}
.proboxbig:hover .proboxbigtxt p{color:#fff;transition:all 0.75s;}


.proboxsmall{width:25%;}
.proboxsmalltxt{padding:8% 25% 10% 12.5%;}
.proboxsmalltxt h1{font-size:28px;line-height:68px;color:#3b3b3b;font-weight:500;}
.proboxsmalltxt p{font-size:14px;line-height:24px;color:#767676;}
.proboxsmalltxt a{font-size:12px;color:#959191;background:#f5eee9;padding:4% 6%;display:inline-block;margin-top:6%;}
.proboxsmall:hover{background:#7c5852;transition:all 0.75s;}
.proboxsmall:hover a{background:#fff;color:#7c5852;transition:all 0.75s;}
.proboxsmall:hover .proboxsmalltxt h1{color:#fff;transition:all 0.75s;}
.proboxsmall:hover .proboxsmalltxt p{color:#fff;transition:all 0.75s;}



#area{overflow:hidden;height:auto;}
#area img{width:100%;height:auto;}

#about{overflow:hidden;padding:5% 0% 0% 0%;background:#fff;}
.aboutleft,.aboutright{width:50%;}
.aboutleft img{max-width:100%;}
.abouttxt{width:70%;padding:6% 0%;}
.aboutbtn{width:30%;text-align:right;}
.abouttxt h1{font-size:36px;line-height:148px;color:#3b3b3b;font-weight:300;}
.abouttxt p{font-size:15px;line-height:24px;color:#767676;}
.aboutbtn i{display:inline-block;width:50px;height:50px;border-radius:50px;background:url(../images/tri.png)no-repeat center;border:2px solid #c3c3c3;margin-top:80%;}
.aboutbtn i:hover{background:#7c5852 url(../images/trih.png)no-repeat center;border:2px solid #7c5852;transition:all 0.75s;}


#news{overflow:hidden;background:#f7f3f0;padding-bottom:5%;}
#news .titbox{background:#f7f3f0;}
.newsbox{margin-bottom:1%;height:298px;overflow:hidden;}
.newsbox a{padding: 0px;}
.newsimg{width:40%;}
.newsimg img{max-width:100%;}
.newstxt{width:60%;}
.newstxt h1{font-size:26px;line-height:78px;height:78px;overflow: hidden; color:#3b3b3b;font-weight:300;margin:3% 0% 0% 10%;}
.newstxt p{font-size:15px;line-height:24px;color:#767676;margin:0% 5% 0% 10%; height:72px; overflow: hidden;}
.newstxt .more{font-size:12px;color:#959191;background:#f5eee9;padding:1% 2%;display:inline-block;margin:3% 0% 8% 10%;}
.newstxt:hover{background:#ede7e3;transition:all 0.75s;}
.newstxt:hover .more{background:#7c5852;color:#fff;transition:all 0.75s;}


#footer{overflow:hidden;background:#fff;}
.footcontact{width:73.5%;padding:3% 0% 0% 6.5%;border-right:2px solid #e3e3e3;border-bottom:2px solid #e3e3e3;}
.footcontact img{margin:0% 0% 3% 0%;}
.foottel{width:100%;display:block;margin-bottom:40px;}
.footcontact dl{float:left;margin-right:5%;}
.footcontact dl dt{font-size:15px;line-height:28px;color:#888;font-family:"MicrosoftYaHei";}
.footcontact dl dd{font-size:18px;line-height:20px;color:#313131;font-family:"Arial";}
.footcontact dl dd a{font-size:18px;line-height:20px;color:#313131;font-family:"Arial";}
.footcontact dl:nth-child(4){float:right;margin-right:4.5%;}
.footcontact dl:nth-child(4) dd{font-size:13px;background:#f7f3f0;color:#959191;;padding:12px 20px;border:1px solid #e9e2dc;}
.footcontact dl:nth-child(4) dd i{display:inline-block;width:20px;height:20px;background:url(../images/qq.png)no-repeat center;position:relative;top:4px;margin-right:5px;}
.footcontact dl:nth-child(4) dd a{font-size:14px;line-height:14px;color:#888;font-family:"Microsoft YaHei";}

.link{padding:24px 0px 0px 6.5%;}
.link a{color:#666}
.link a:hover{color:#7c5852}

.select{ position:relative;margin:10px auto;    float: left;
    width: 200px;
    margin-left: 20px;}
.select>.in{ position:relative; display:block; cursor:pointer; height:40px;line-height:40px; padding:0 10px; border:1px solid #ddd;background:#fff; font-size:14px; color:#666;}
.select>.in:after{ position:absolute;z-index:1; right:10px;top:50%; margin-top:-8px; width:16px; height:16px; opacity:.5; background:url("../images/icon-arrow-down-grey.png") no-repeat; background-position:50% 50%; background-size:100% auto;content:''; transition:all .35s; }
.select>.active:after{transform:rotate(180deg)}
.select>.con{display:none; position:absolute;z-index:3;left:0;bottom:40px; padding:5px 0; width:100%; max-height:160px; overflow-y:auto; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
.select>.con>a{display:block;padding:10px; color:#666; font-size:14px;transition:all .35s;}
.select>.con>a:hover{background:#f7f7f7;}

.copright{display:inline-block;width:70%;padding:0% 3.5% 0% 6.5%;border-right:2px solid #e3e3e3;}
.copright p{font-size:13px;line-height:24px;margin:20px 0px;color:#767676;font-family:"Microsoft YaHei";}
.copright a{color:#767676;}
.copright a:hover{color:#7c5852;}
.footcode{display:inline-block;padding:3% 6.5% 0 0;text-align:center;}
.footcode span{font-size:13px;line-height:34px;color:#767676;}

@media only screen and (max-width: 1680px){
	.newsbox{height:auto}
	.abouttxt{padding-left:5%; width:80%;}
	.aboutbtn{width:15%;}
	.newstxt h1{margin-top: 1%;}
	.newstxt .more{margin-bottom:5%;}
}
@media only screen and (max-width: 1600px){
	.newstxt .more{margin-bottom:4%;}
}


@media only screen and (max-width: 1460px){
}

@media only screen and (max-width: 1366px){
	.newsbox:hover{background:#ede7e3;}
	.newstxt .more{margin-bottom:2%; margin-top: 1%}
}

@media only screen and (max-width: 1300px){
}

@media only screen and (max-width: 1180px){
}

@media only screen and (max-width: 1024px){
	.btn-menu { display:block; float: right; position: relative;  z-index: 111; background: transparent; cursor: pointer; padding: 23px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s;}
	.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #7c5852; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
	.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
	.btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
	.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
	.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
	.btn-menu.active span { opacity: 0; }
	.btn-menu.active:before { background-color: #7c5852; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.btn-menu.active:after { background-color: #7c5852; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	#header{height:61px; overflow: inherit; }
	.headlogo{margin-top:5px; max-width:80%;}
	.headlogo img{max-width: 100%; margin-top:8px;}
	.headnav{display: none; width:100%;background-color:rgba(255,255,255,0.8); box-shadow: 0px 5px 5px -5px #7c5852; position:absolute; z-index: 999; top:61px; left:0px;}
	.headnav ul li a{height:60px; line-height: 60px;}

	.headsearch{margin-top: 12px; margin-right: 20px;}


	#banner{padding-top: 61px;}

	.proboxsmalltxt{padding:5%;}
	#about{padding:5% 0px;}
	.abouttxt{width:90%;padding: 0px; padding-left: 10%; }
	.aboutbtn{display: none;}
	.abouttxt h1{line-height:72px}

	.newstxt h1{margin-top:0px; line-height: 56px; height: 56px;}
	.footcode{width:10%;}
	.footcode img{max-width:100%;}


}

@media only screen and (max-width: 960px){
}

@media only screen and (max-width: 780px){
	.swiper-slide dl{top:78%;}
	.aboutleft, .aboutright{width:100%;}
	.abouttxt{padding-left:0px; width:100%;}
	.abouttxt h1{font-size: 32px; }

	.newstxt h1{font-size: 20px;}
	.footcontact dl:nth-child(4) dd{display: none;}
	.footcode span{font-size: 12px;}
	.newstxt h1{line-height:32px; height:32px;}
	.newstxt p{font-size: 12px;}

}

@media only screen and (max-width: 640px){
	.headsearch{display: none;}
	.titbox h2{font-size: 20px;}
	.titbox span{font-size: 10px;}
	.titbox h1{font-size: 64px;}
	.titbox i{margin-top: 11px; width:36px; height: 36px;}
	.proboxbig{width:100%;}
	#production img{max-width:100%;}
	.proboxbigtxt{padding:3% 6.5%;}
	.proboxbigtxt h1{font-size: 18px; line-height:48px;}
	.proboxbigtxt p{font-size: 10px;}
	.proboxsmall{width:100%;}
	.proboxsmalltxt h1{font-size: 18px; line-height:48px;}
	.proboxsmalltxt p{font-size: 10px;}

	#area .swiper-button-prev{left:30%;top:92%;--swiper-navigation-size:16px;}
	#area .swiper-button-next{right:30%;top:92%;--swiper-navigation-size:16px;}

	.newsimg{width:100%;}
	.newstxt{width:100%;}
	.newstxt h1{margin:3% 0px;}
	.newstxt p{margin: 0% 0% 0% 0%;}
	.newstxt .more{margin-left: 0px; margin-bottom:2%}
	.footcontact{width:100%;}
	.copright{width:100%;}
	.footcode{display: none;}
	.copright .fr{width:100%;}
	.copright p{margin:10px 0px;}
	.footcontact img{max-width: 90%;}

	.titbox .tel{display:none;}

}

/*内样样式*/
#banner .pc{display: block;}
#banner .mob{display: none;}

.pagecon{border-bottom: 5px solid #f7f3f0; padding-bottom:48px;}

.aboutcon{width:55%;}
.aboutimg{width:40%;}
.aboutcon .con{line-height:36px; font-size: 16px; text-indent: 2em;}
.aboutcon .con img{max-width:100%}
.aboutcon .honorcon img{max-width:100%; margin:0 auto;}
.aboutimg img{max-width: 100%;}
.aboutcon h2{font-size:24px; line-height:48px; border-bottom:1px solid #ccc;     padding-bottom: 6px; margin-bottom:12px;}

.procate{width:100%; background:#f7f3f0; height:64px; line-height: 64px;}
.procate .procateitem{float:left; width:16.66%; font-size:18px; text-align:center;}
.procate .procateitem a{display:block; color:#888; border-right: 1px solid #e3e3e3}
.procate .procateitem a:hover{background:#7c5852; color:#fff;}
.procate .procateitem a.act{background:#7c5852; color:#fff;}

.prolist{margin:48px 0px;}
.prolist .items {float: left; width: calc(25% - 23px); margin-right: 30px; position: relative; overflow: hidden; margin-bottom: 30px;}
.prolist .items:nth-child(4n) { margin-right: 0;}
.prolist .items .img {overflow: hidden; border: 1px solid #ddd;}
.prolist .items .img img{width: 100%;}
.prolist .items:hover .word {transition: .5s ease-in-out;bottom: 0;}
.prolist .items:hover .word .i1 {transition: .5s ease-in-out; opacity: 1;}
.prolist .items .word {position: absolute; bottom: -72px; left: 0; width: 100%; line-height: 1.3; font-size: 18px; transition: .5s ease-in-out; color: #fff;}
.prolist .items .word:after {position: absolute; content: ""; transition: .5s ease-in-out; width: 100%; height: 150%; background: rgba(124, 88, 82, 0.6); transform: skewY(-5deg); left: 0; bottom: -45%;}
.prolist .items .word-ik { padding: 32px 16px; padding-bottom: 56px; position: relative; z-index: 3; transition: .5s ease-in-out; overflow: hidden;}
.prolist .items .i1 {transition: .5s ease-in-out; opacity: 0; margin-top: 32px;}
.prolist .items .i0{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
@media only screen and (max-width: 1680px){
	.prolist .items .word{bottom:-32px;}
	.prolist .items .word-ik{padding-bottom: 32px;}
}
@media only screen and (max-width: 1366px){
	.prolist .items .word{bottom:-16px;}
	.prolist .items .word-ik{padding: 16px;}
	.prolist .items .i1{margin-top:12px;}
}

.prodetail{padding: 56px 0px;}
.pro_view{width:72%; padding-right:64px; border-right:1px solid #f7f3f0;box-sizing: border-box;}
.pro_hot{width:28%; padding-left:64px; box-sizing: border-box;}
.pro_view .pro_name{width:100%; font-size:24px; font-weight: 600; text-align: center; line-height:64px; color:#7c5852; border-bottom: 2px solid #f7f3f0;}
.product_detail_img{width:64%; margin:32px auto; text-align: center;}
.product_detail_img img{max-width: 100%; display: block; margin:0 auto;}
.prod_tit{border-left:5px solid #7c5852; line-height: 48px; font-size:20px; font-weight: bold; color:#7c5852; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px; width:100%;}
.procon{width:100%; padding:24px 0px; line-height: 32px;
    text-indent: 2em;}
.procon img{display: block; max-width: 100%; margin:0 auto;}

.pro_hot .prohottit{border-left:5px solid #7c5852; line-height: 48px; font-size:20px; font-weight: bold; color:#7c5852; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px;}

.proshotlist .items {float: left; width:100%; margin-right:0px; position: relative; overflow: hidden; margin-bottom: 30px;}
.proshotlist .items .img {overflow: hidden; border: 1px solid #ddd;}
.proshotlist .items .img img{width: 100%;}
.proshotlist .items:hover .word {transition: .5s ease-in-out;bottom: 0;}
.proshotlist .items:hover .word .i1 {transition: .5s ease-in-out; opacity: 1;}
.proshotlist .items .word {position: absolute; bottom: -42px; left: 0; width: 100%; line-height: 1.3; font-size: 18px; transition: .5s ease-in-out; color: #fff;}
.proshotlist .items .word:after {position: absolute; content: ""; transition: .5s ease-in-out; width: 100%; height: 150%; background: rgba(124, 88, 82, 0.6); transform: skewY(-5deg); left: 0; bottom: -45%;}
.proshotlist .items .word-ik { padding: 32px 16px; padding-bottom: 26px; position: relative; z-index: 3; transition: .5s ease-in-out; overflow: hidden;}
.proshotlist .items .i1 {transition: .5s ease-in-out; opacity: 0; margin-top: 32px;}
.proshotlist .items .i0{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
@media only screen and (max-width: 1680px){
	.proshotlist .items .word{bottom:-32px;}
	.proshotlist .items .word-ik{padding-bottom: 32px;}
}
@media only screen and (max-width: 1366px){
	.proshotlist .items .word{bottom:-16px;}
	.proshotlist .items .word-ik{padding: 16px;}
	.proshotlist .items .i1{margin-top:12px;}
}
@media only screen and (max-width: 768px){
	.pro_view{width: 100%; padding-right: 0px; border:0px;}
	.pro_hot{width:100%; padding-left: 0px;}
	.pro_view .pro_name{font-size: 18px;}
}



.prevpage{width:100%;}
.prevpage a{display:block; width:100%; height:42px; line-height:42px; font-size: 14px; background: #f7f3f0; margin-bottom:6px; color:#000; padding-left: 10px;box-sizing: border-box; overflow: hidden;}
.prevpage a:hover{background: #7c5852; color:#fff;}


.pagecon .newsbox{padding: 42px 0px; display: block;}
.pagecon .newsbox a .img{ width:40%; text-align:left; overflow:hidden;}
.pagecon .newsbox a .img>img{width:100%; height:auto; transition:all 1s;}
.pagecon .newsbox a .con{width:50%;text-align:left; padding:0 5%;}
.pagecon .newsbox a .con>.ntit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
.pagecon .newsbox a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pagecon .newsbox a .con>.more{ text-align:left;}
.pagecon .newsbox a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#7c5852; border:1px solid #7c5852; border-radius:30px;transition:all .35s;}
.pagecon .newsbox:hover{ background:#eee;}
.pagecon .newsbox:hover a:after{ background:none;}
.pagecon .newsbox:hover .con>.more>span{ margin-left:6px; color:#fff; background:#7c5852;}
@media only screen and (max-width: 960px){
  .pagecon .newsbox a .con>.tit{ font-size:22px;}
  .pagecon .newsbox a .con>.txt{ height:40px; line-height:21px; font-size:14px;-webkit-line-clamp:2;}
  .pagecon .newsbox a .con>.more>span{ padding:6px 26px; font-size:13px;}
}
@media only screen and (max-width: 780px){
  .pagecon .newsbox a .con>.tit{ font-size:20px;}
  .pagecon .newsbox a .con>.txt{ margin:10px 0;}
  .pagecon .newsbox a .con>.more>span{font-size:12px;}
}
@media only screen and (max-width: 640px){
  .pagecon .newsbox a .img{ float:none; width:100%;}
  .pagecon .newsbox a .con{ float:none; width:100%;padding:20px 0;}
  .pagecon .newsbox a .con>.tit{ font-size:22px;}
  .pagecon .newsbox a .con>.txt{ margin:20px 0;}
  .pagecon .newsbox a .con>.more>span{font-size:14px;}
}
.new_view{width:72%; padding-right:64px; border-right:1px solid #f7f3f0;box-sizing: border-box;}
.new_view .title{width:100%; font-size:18px; font-weight: 600; text-align: center; line-height:48px;}
.new_view .time{width:100%; font-size:14px; text-align: center; line-height: 32px; border-bottom: 2px solid #f7f3f0;}
.new_view .content{padding:24px 0px; line-height: 36px; font-size: 14px;}
.new_view .content p{text-indent: 2em;}
.new_view .content img{max-width:100%; display: block; margin:0 auto;}

.news-hot{width:28%; padding-left:64px; box-sizing: border-box;}
.news-hot .newshottit{border-left:5px solid #7c5852; line-height: 48px; font-size:20px; font-weight: bold; color:#7c5852; padding-left: 12px; background:#f7f3f0; margin-bottom: 6px;}
.newshotlist a{display:block; width:100%; height:42px; line-height:42px; font-size: 14px; background: #f7f3f0; margin-bottom:6px; color:#000; padding-left: 10px;box-sizing: border-box; overflow: hidden;}
.newshotlist a:hover{background: #7c5852; color:#fff;}



.contactcon{width:40%;}
.contactcon h2{font-size:42px; color:#7c5852;}
.contactcon p{line-height:44px;}
.contactmap{width:60%; min-height: 400px;}
.contactmap iframe{border:0px; height: 400px; width:100%;}
@media only screen and (max-width: 1460px){
}

@media only screen and (max-width: 1366px){
	.new_view{padding-right:48px;}
	.news-hot{padding-left: 48px;}
}

@media only screen and (max-width: 1300px){
}

@media only screen and (max-width: 1180px){
}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 960px){
}

@media only screen and (max-width: 780px){
	#banner .pc{display:none;}
	#banner .mob{display: block;}

	.pagecon .fr,.pagecon .fl{float: none;}
	.aboutcon{width:100%;}
	.aboutimg{width:100%;}
	.procate{height:52px; line-height:52px;}
	.procate .procateitem{font-size: 14px; width:25%;}

	.prolist{margin:32px 0px;}

	.prolist .items{margin-right:12px; width:calc(25% - 10px); margin-bottom:15px;}
	.prolist .items .word{font-size: 12px;}
	.pagecon .newsbox a .img{float:left;}
	.pagecon .newsbox a .con{float:right;}

	.new_view{width:100%; padding-right: 0px; border:0px;}
	.news-hot{width:100%; padding-left: 0px;}
}

@media only screen and (max-width: 640px){
	.procate{height:156px;}
	.procate .procateitem{width:50%;}
	.procate .procateitem:nth-child(2n) a{border-right:0px;}
	.procate .procateitem:nth-child(1) a{border-bottom:1px solid #e3e3e3;}
	.procate .procateitem:nth-child(2) a{border-bottom:1px solid #e3e3e3;}
	.procate .procateitem:nth-child(3) a{border-bottom:1px solid #e3e3e3;}
	.procate .procateitem:nth-child(4) a{border-bottom:1px solid #e3e3e3;}
	.prolist .items{    margin-right: 12px; width: calc(50% - 10px); margin-bottom: 15px;}
    .prolist .items:nth-child(2n){margin-right: 0px;}
    .prodetail{padding:32px 0px;}

    .contactcon{width:100%;}
    .contactmap{width:100%;}
    .contactcon h2{font-size: 24px; margin-top: 24px;}
}

.page_list{text-align: center;}
.pagination {
  width:100%;
  text-align:center;
  width:100%;
  margin:20px 0;
  position:relative;
  overflow:hidden;}
.page {
  display:inline-block;
  text-align: center;
  font: 12px/28px "微软雅黑", Tahoma, "宋体";
  *display:inline;
  :1;
  *zoom:1;}
.page span,.page strong {
  float:left;}
.page a,
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#333;
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  height:28px;
  margin-right:5px;
  min-width:15px;
  padding:0 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
line-height: 28px;}
.page strong{
  background:#7c5852;
  border:1px solid #7c5852;
  color:#fff;
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  height:28px;
  margin-right:5px;
  min-width:15px;
  padding:0px 8px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  _width:15px;
  line-height: 28px;
}
.page a:hover {
  border:1px solid #7c5852;
  color:#7c5852;
  text-decoration:none;}
.page span.disabled {
  background:#FFF;
  border:1px solid #CCC;
  color:#CCC;}
.page span.ellipsis {
  float:left;
  font: 14px/24px "微软雅黑", Tahoma, "宋体";
  line-height:22x;
  margin-right:5px;}
.page .page_txt {
  line-height:20px;
  float:right;
  width:auto;}
.page a.page-curpage {
  background:#7c5852;
  border:1px solid #7c5852;
  color:#FFF;
  font-weight:bold;}
.page input {
  font: 14px Verdana;
  padding:0 0 0 1px;
  width:40px;
  height:14px;}

.pagecon .con dl{
	margin:20px 0px;
}
.pagecon .con dl dt{
	font-family: "Microsoft Yahei";
	font-size:14px;
	color:#888;
	line-height: 24px;
}
.pagecon .con dl dd{
	font-family: "Microsoft Yahei";
	font-size:16px;
	color:#888;
	line-height: 24px;
}
.pagecon .con dl a{
	font-family: "Microsoft Yahei";
	font-size:16px;
	color:#888;
	line-height: 24px;
}