*{ margin: 0; padding: 0; }
li { list-style-type: none; }
img{vertical-align:bottom}
a { text-decoration: none;transition-duration: .5s; cursor: pointer;}
a:hover{ text-decoration: none;}
body { margin: 0 auto; font: 13px "微软雅黑", Arial, Helvetica, sans-serif; overflow-x: hidden; background: #ffffff;}
.width{ width:1000px; margin: 0 auto;}
.show{ display:block!important;}
.shownav{ display: none;}
#pages { padding:50px 0;text-align:center}
#pages a { display:inline-block; padding:0px 14px; height:32px;font-size:12px;line-height:32px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:32px; line-height:32px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 14px; height:34px; line-height:32px; background:#2d2523; color:#fff; text-align:center; }
#pages .noPage { display:inline-block;  padding:0px 12px; height:32px; line-height:32px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.layui-tab-title li{ font-size: 12px!important;}


header{ width: 100%; height: 135px; background: url(../jpg/headbg.jpg) repeat-x ; }
header .top{ height: 100%; margin: 0 auto; position: relative;}
header .top .kuaijie{ height: 21px; line-height: 19px; float: right; padding-right:10px;  }
header .top .kuaijie a{ float: right; padding-left: 10px; font-size: 12px; color: #333;}
header .top .kuaijie a img{ height: 16px; }
header .top .soso{ width:362px; height:33px; background: url(../jpg/sosobg.jpg) no-repeat; position: absolute; top: 50px; left: 320px;}
header .top .soso form .input{ width:326px; margin-left: 31px; height: 29px; background: none; border: none; color: #eb7700}
header .top .soso form .button{ display: none;}

header .top .logo{ width: 130px; float: left; position: absolute; top:35px; left: 0;}
header .top .logo img{ width: 100%;}
header .top .nav{ width: 100%; height: 45px; position: absolute; bottom: 0; left: 0;overflow: hidden;}
header .top .nav ul li{ height: 45px; line-height: 45px; float: left; padding-right:20px;}
header .top .nav ul li a{ width: 100%; height: 45px; padding: 0 20px; font-size: 13px; color: #eb7700; display: block;}

.navSonBox{width:100%; display: none; background:#2f2725; border-top:3px solid #3e3a39; position: absolute; top: 132px; left: 0; z-index: 999;}
.navSonBox p{  font-size: 18px; width: 980px; height: 30px; line-height: 30px; margin:  auto; color: #eb7700;padding: 10px 0 ;}
.navSonBox .box2{ width:100%; border-top: 1px solid #eb7700;}
.navSonBox .box2 ul{font-size: 14px; width: 980px; height: 30px; line-height: 30px; margin:  auto; padding: 10px 0 ;}
.navSonBox .box2 ul li{float:left; padding-right: 30px;}
.navSonBox .box2 ul li a{color: #eb7700;}

.banner{ width: 100%; height:400px; z-index: 998}

.main1{ width:100%; background:url(../jpg/bg1.jpg) repeat-x; z-index: 999; padding-bottom: 90px;}
.main1 .box{ height:362px; margin: 0 auto; margin-top: -50px;position: relative; display: flex;}
.main1 .box div{ flex: 1; height:290px; margin: 20px 0; float: left; background: #eb7700; border-radius: 40px; border:1px solid #231815; text-align: center;}
.main1 .box div img{ width: 90%; height: 117px; margin: 20px 5%;border-radius: 30px;}
.main1 .box div span{ width: 90%; height: 30px; margin: 0 5%; display: block; text-align: left; font-size: 20px;color: #231815; overflow: hidden;}
.main1 .box div p{ width: 90%; height: 60px; margin: 0 5%; display: block; text-align: left; font-size: 14px;color: #231815; overflow: hidden; padding-bottom: 10px;}
.main1 .box div a{ width:90%; height: 14px; margin: 0 5%; display: block; font-size:14px; text-align: left; color: #333;}

.main1 .box2{ height:280px;margin: 0 auto; position: relative; display: flex;}
.main1 .box2 a{ flex: 1; height:320px; margin: 20px 10px; float: left; background: #eb7700; border-radius: 40px; border:1px solid #231815;}
.main1 .box2 a img{ width: 90%; height: 117px; margin: 20px 5%;border-radius: 30px;}
.main1 .box2 a span{ width: 90%; height: 30px; margin: 20px 5% 0 5%; display: block; text-align: left; font-size: 20px;color: #231815;}
.main1 .box2 a p{ width: 90%; height: 97px; margin: 0 5%; display: block; text-align: left; font-size: 14px;color: #231815; overflow: hidden;}

.liml{ margin-left: 30px;}
.limr{ margin-right: 30px;}

.sonMain{padding-top: 40px; }
.sonMain .title{ font-size: 30px; text-align: left;}
.sonMain .proBox {display: flex; padding-top: 30px;}
.sonMain .proBox li{flex:1; display: block; height: 300px; border:1px solid #bbbbbb; border-radius: 20px;}

.sonMain .proBox li .box{ width:70%; height: 260px; padding-top: 30px; margin: 0 auto; overflow-y: auto}
.sonMain .proBox li .box span{ width:100%; height: 30px; font-size: 20px; display: block; padding-bottom: 20px;border-bottom: 1px solid #eb7700;}
.sonMain .proBox li .box a{ width:100%; height: 40px; overflow: hidden; line-height: 40px; font-size: 14px; display: block; border-bottom: 1px solid #eb7700; color: #333;}


.sonMain .page4-box {display: flex; padding: 30px 0;}
.sonMain .page4-box li{flex:1; display: block; height: 350px; border:1px solid #bbbbbb; border-radius: 20px;position: relative;}
.sonMain .page4-box li .box{ width:86%; height: 260px; padding-top: 20px; margin: 0 auto; }
.sonMain .page4-box li .box img{width:100%;}
.sonMain .page4-box li .box span{ width:100%; height: 30px; font-size: 20px; display: block; padding-bottom: 20px;}
.sonMain .page4-box li a{ width:84%; height: 40px; line-height: 40px; font-size: 14px; display: block; border-top: 1px solid #eb7700; color: #333; position: absolute; bottom: 0; left: 8%;}


.sonMain .picture-ban{ width:100%; height: 278px;margin-top: 30px;}
.sonMain .picture-txt{ width:100%; line-height: 24px; font-size: 13px; padding: 30px 0;}
.picture-box {display: flex; padding: 30px 0;}
.picture-box li{width:293px;display: block; height: 350px; border:1px solid #bbbbbb; border-radius: 20px;position: relative;}
.picture-box li .box{ width:86%; height: 260px; padding-top: 20px; margin: 0 auto; }
.picture-box li .box img{width:100%;}
.picture-box li .box span{ width:100%; height: 30px; font-size: 20px; display: block; padding-bottom: 20px;}
.picture-box li a{ width:84%; height: 40px; line-height: 40px; font-size: 14px; display: block; border-top: 1px solid #eb7700; color: #333; position: absolute; bottom: 0; left: 8%;}

.product-box { padding: 30px 0; overflow: hidden;}
.product-box li{width:296px;display: block; float: left;height: 350px; border:1px solid #bbbbbb; border-radius: 20px;position: relative; margin: 0 20px 30px 10px;}
.product-box li .box{ width:86%; height: 260px; padding-top: 20px; margin: 0 auto; }
.product-box li .box img{width:100%;}
.product-box li .box span{ width:100%; height: 30px; font-size: 20px; display: block; padding-bottom: 20px;}
.product-box li a{ width:84%; height: 40px; line-height: 40px; font-size: 14px; display: block; border-top: 1px solid #eb7700; color: #333; position: absolute; bottom: 0; left: 8%;}

.product-box2 { padding: 30px 0; overflow: hidden; text-align: center;}
.product-box2 li{width:296px;display: block; float: left;height: 320px; border:1px solid #bbbbbb; border-radius: 20px;position: relative; margin: 0 20px 30px 10px;}
.product-box2 li .box{ width:86%; padding-top: 20px; margin: 0 auto; }
.product-box2 li .box img{width:100%;}
.product-box2 li span{ width:100%; height: 30px; font-size: 20px; display: block; padding-bottom: 20px;}
.product-box2 li a{  color: #333;}

.Product_show{ width: 100%; overflow: hidden; padding-top: 20px;}
.Product_show .jianjie{ width: 65%; min-height: 270px; float:left; padding-top: 30px; line-height: 24px;}
.Product_show img{ width: 300px; height: 300px; float:right; }

.sonMain .page5-box{padding-top: 30px; overflow: hidden;}
.sonMain .page5-box img{ float:left}
.sonMain .page5-box .cent{ width: 410px; height: 215px; margin-left: 40px; float:left; border:1px solid #c6c7c8; border-radius: 20px; padding: 20px 30px;}

.page-con{}

.slideBox{height:280px; overflow:hidden; position:relative; margin-top: 10px; padding: 20px; background: #ececed; border-radius: 20px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }


.slideBox .bd{ position:relative; height:100%; z-index:0; width: 862px; margin: 0 50px; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd ul li a { display: block; height: 246px; width: 100%; border-bottom: 2px solid #eb7700}
.slideBox .bd ul li a p{ width: 470px; height:280px; float: left; position: relative;}
.slideBox .bd ul li a p span{ width: 470px; height:40px; display: block;line-height: 40px; font-size: 19px; color: #333;}
.slideBox .bd ul li a p font{line-height: 24px; font-size: 14px; color: #333;}
.slideBox .bd ul li a p b{ position: absolute; bottom: 0; left: 0; color: #333;}
.slideBox .bd img{ width:350px; height:234px; display:block; float: right;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;   }
.slideBox .next{ left:auto; right:2%; background-position:8px 5px; }
.slideBox .prev{ background: url(../png/prev.png) no-repeat center;}
.slideBox .next{ background: url(../png/next.png) no-repeat center;}

.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.Atricle-list{ overflow: hidden; padding-top: 20px;}
.Atricle-list .left{ width:200px; float: left; border-top: 1px solid #eb7700;}
.Atricle-list .left li{ width:100%; border-bottom: 1px solid #eb7700; position: relative;}
.Atricle-list .left li a{ width:86%; height: 20px; display: block; padding: 10px 5%; color: #333; overflow: hidden; line-height: 20px;text-overflow:ellipsis;
white-space: nowrap;}
.Atricle-list .left li span{ float: right; position: absolute; top: 10px; right: 10px}
.Atricle-list .left li.jd{ background: #ececed;}
.Atricle-list .right { float:right; width: 780px;}
.Atricle-list .right li { width:100%; height: 40px; display: block; line-height: 20px; margin-bottom:8px;}
.Atricle-list .right li a{ width:94%; height: 20px; display: block; padding: 10px 3%; background: #ececed; color: #333;  }

.backhome{ height: 30px; line-height: 30px; padding-top: 40px; }
.backhome a{ color: #333; font-size: 16px; }


footer{ width:100%; height: 150px; padding-top: 30px; margin-top: 40px; color:#868686; clear: both; background: #ececed}
footer .box{ height: 150px; margin: 0 auto; text-align: center;}
footer .box p{ width:100%; font-size: 14px; line-height: 24px; }




@media only screen and (max-width: 1100px) {
	.width{ width:100%;}
	header { height: 95px; z-index: 999;position:relative}
	header .top .nav{ display: none; width:  100%; height: 320px; bottom: 0;left:inherit; right: 0; top: 95px; background: #2f2725;}
	header .top .nav ul li{ width:100%; border-bottom: 1px solid #4e4543;}
	header .top .nav ul a{ text-indent: 20px;}
	header .shownav{ display: block; position: absolute; top: 30px; right: 20px; width:50px; height: 50px; background: url(../png/nav.png) no-repeat center; background-size: 80%;}
	.fullSlide .hd{bottom:30px!important;}
	.show{ display:none!important;}
	.soso{ display:none;}
	.banner ,.fullSlide,.fullSlide .bd li,.fullSlide .bd li a { height:280px!important;}
	.fullSlide .bd li{background-size: 100%;}
	.main1{padding-bottom: 30px;}
	
	.main1 .box div img,.main1 .box2 a img{ height:auto;}
	.main1 .box div{ height:auto;}
/*	.main1 .box,.main1 .box2 a{ height: 282px;}*/
	.sonMain .page5-box img{ width:100%;}
	.sonMain .page5-box .cent{ margin-left: 0; margin-top:20px; width: 100%;padding: 20px 30px; box-sizing: border-box;}
	
	.sonMain .page4-box{display: block}
	.sonMain .page4-box li{ margin-top:20px;}
	.sonMain .page4-box .limr{ margin-left:20px;}
}

@media only screen and (max-width: 560px) {
	.main1 .box {display: block;float: none; }
	.main1 .box div a{ padding-bottom: 20px;}
	.main1 .box2 {display: block;float: none; }
	.main1 .box2 a{height: auto; padding-bottom: 20px;}
	.proBox{display: block!important;}
	.proBox li{flex: none!important; margin: 20px auto;}
	.sonMain { width:95%;}
	.slideBox .bd{width:90%;margin:0 5%;}
	.slideBox .bd ul li a p{ width:100%;}
	.slideBox .bd img{display:none;}
	.Atricle-list .left{ display:none}
	.Atricle-list .right{ width:100%;}
	.picture-box{ display:block;}
	.picture-box li{ width:90%;    margin:20px auto}
	.sonMain .picture-ban{ height:120px;}
	#box_content textarea{ width:100%; box-sizing: border-box}
	.Product_show .jianjie{ width:100%; height: inherit}
	.Product_show img{ width:100%;}
	.sonMain {width: 95%;}
	.Product_show img{ float: left !important;}
}


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

}