﻿/* CSS Document */
*{
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-text-size-adjust: none;
	font-family: Arial, Helvetica, sans-serif;
	_font-family: Arial !important;
}
body{
	color: #333;
	background: #FFF;
	font-size: 100%;
	font-size: 13px;
}
ul, ol{list-style:none;}
a{text-decoration:none;color:#333; -webkit-transition: all .3s; transition: all .3s;}
a:hover{color:#DDB266;text-decoration:none;}
img{max-width:100%; border:0px;} 
.clear{display:block;float:none;clear:both;overflow:hidden;width:auto;height:0;margin:0 auto;padding:0;font-size:0;line-height:0;}
.relative{position:relative;}
.lf{
	float: left;
	width: 80%;
}
.rg{float:right}
.clears{zoom: 1;}
.clears:after{content: ""; display: block; height: 0; clear: both; overflow: hidden;}

.mt40{margin-top:40px;}
.pc{display:block;}
.mb{display:none;}
.sbt{
	font-size: xx-large;
	width: 100%;
	line-height: 65px;
	text-align: center;
	font-weight: normal;
	color: #333;
	padding-top: 35px;
}
.snr{
	width: 100%;
	text-align: center;
	font-weight: normal;
	color: #666;
	font-size: medium;
	line-height: 35px;
	
}
.dbt{
	font-size: xx-large;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e09900;
	line-height: 65px;
	text-align: center;
	font-weight: normal;
	color: #333;
	margin-bottom: 0px;
}
.anniu{
	border: 1px solid #999999;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-size: small;
	color: #333;
	border-radius: 50px;
	text-decoration: none;
	margin-top: 25px;
	line-height: 45px;
}
.anniu1{
	border: 1px solid #999999;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-size: small;
	color: #333;
	border-radius: 15px;
	text-decoration: none;
	margin-top: 25px;
	line-height: 45px;
}
.T1{
	font-size: xx-large;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e09900;
	line-height: 65px;
	text-align: LEFT;
	font-weight: normal;
	color: #333;
	margin-bottom: 0px;
		padding-right: 5px;
	padding-left: 5px;
	}
.T2{
	font-size: small;
	width: 100%;
	line-height: 25px;
	text-align: LEFT;
	font-weight: normal;
	color: #666;
	margin-bottom: 0px;
	padding: 5px;

		}
.T3{
	font-size: small;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 25px;
	text-align: LEFT;
	font-weight: normal;
	color: #666;
	margin-bottom: 0px;
	padding: 5px;
		}
.T4{
	font-size: medium;
	text-align: LEFT;
	font-weight: normal;
	color: #900;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	line-height: 35px;
		}
.anniu:hover{
	border: 1px solid #B3803E;
}
/*大背景*/
.overlay{position:absolute;z-index:9999;top:0px;left:0px;width:100%;height:100%; background:url(../Pic/bgs.png) repeat;}


/*头部菜单*/
.head{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	background: url(../Pic/bg.png) repeat;
	border-bottom: 1px solid #dfdfdf;
	height: 125px;
	transition: all .3s;
}
.moblie_head{display:none;}
.head .head_box{
	max-width: 1200px;
	margin: 0px auto;
}
.logo{
	margin-top: 12px;
	width: 100%;
	transition: all .3s;
	text-align: center;
}
.logo a{display:block;position:relative;overflow:hidden;}
.logo img{
	width: 30%;
	position: relative;
	z-index: 100;
}
.hx{
	text-decoration: none;
	height: 1px;
	margin-top: 15px;
	background-color: #626262;
}
.nav{
	width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.nav ul li{
	float: right;
	height: 70px;
	line-height: 70px;
	transition: all .3s;
	position: relative;
	width: 180px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.nav ul li .a1{line-height:32px;display:inline-block;text-align:center;font-size:16px;color:#333;transition:all .5s; background:url(../Pic/s_li.png) center bottom no-repeat; text-transform:uppercase;}
.nav ul li:hover .a1,.nav ul li .a1.curr{
	color: #e09900;
	background: url(../Pic/o_li.png) center bottom no-repeat;
}
.nav ul li .div1{
	display: none;
	background: url(../Pic/bg.png) repeat;
	width: 130px;
	left: 50%;
	margin-left: -125px;
	position: absolute;
	top: 61px;
	z-index: 100;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
}
.nav ul li .div1 .p1{width:100%; line-height:50px;}
.nav ul li .div1 .p1 a{
	display: inline-block;
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 13px;
	background: url(../Pic/s_li.png) center bottom no-repeat;
	transition: all .5s;
	text-align: center;
}
.nav ul li .div1 .p1 a:hover{
	border-bottom: 1px solid #fff;
	background: url(../Pic/o_li.png) center bottom no-repeat;
	color: #e09900;
}
.nav ul li .div2{
	display: none;
	background: url(../Pic/bg.png) repeat;
	width: 145px;
	left: 50%;
	margin-left: -125px;
	position: absolute;
	top: 61px;
	z-index: 100;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
}
.nav ul li .div2 .p2{width:100%; line-height:50px;}
.nav ul li .div2 .p2 a{
	display: inline-block;
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 13px;
	background: url(../Pic/s_li.png) center bottom no-repeat;
	transition: all .5s;
	text-align: center;
}
.nav ul li .div2 .p2 a:hover{
	border-bottom: 1px solid #fff;
	background: url(../Pic/o_li.png) center bottom no-repeat;
	color: #e09900;
}
.a_txt{display:none}

/*首页banner 切换*/
#banner{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 71px;
}
.swiper-container .swiper-pagination-bullet{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 10px  !important;
height: 10px  !important;
background: #ffffff !important;
}
.swiper-container .swiper-pagination-bullet-active{
background: #CD8A31 !important;
}
.swiper-container>.swiper-pagination{bottom:10px !important;}
.swiper-slide img{width:100%;}


/*主体*/
#container{
	overflow: hidden;
	width: 100%;
}

/*内页*/
.main_box{
	max-width: 1000px;
	overflow: hidden;
	font-size: medium;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.main_box2{
	max-width: 740px;
	overflow: hidden;
	font-size: medium;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.location{width:100%; overflow:hidden; margin-top:20px;}
.location span{display:inline-blcok; font-family:"宋体"; margin:0px 10px;}
/*内页banner*/
#sub_banner{
	margin-top: 75px;
	width: 100%;
	height: 400px;
}
#sub_banner .s_banner .banner_txt{position:absolute; width:100%; height:94px; top:50%; margin-top:-47px;}
#sub_banner .s_banner .banner_txt span{ font-size:26px;}
#sub_banner .s_banner .banner_txt em{font-size:23px;}

/*新闻动态*/
.news-list{
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
}
.news-list a{display:inline-block; width:32%; margin-left:2%; float:left; margin-top:30px;}
.news-list a:nth-child(3n+1){margin-left:0; clear:left;}
.news-list a dl{
	box-sizing: border-box;
	padding: 10px;
	background-color: f9f9f9;
}
.news-list a dl dt{overflow:hidden;}
.news-list a dl dt img{width:100%; display:block; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.news-list a:hover dl dt img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.news-list a dl dt video{width:100%; display:block; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.news-list a:hover dl dt video{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.news-list a dl dd{padding:15px 5px;}
.news-list a dl dd h4{
	font-size: medium;
	font-weight: normal;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-list a dl dd p{color:#888; margin-top:10px; line-height:180%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.news-list a dl dd span{
	display: inline-block;
	background: url(../images/time.png) left center no-repeat;
	color: #aaa;
	padding-left: 0px;
	margin-top: 10px;
}

/*新闻详情*/
.news_title{padding:30px; overflow:hidden; text-align:center;}
.news_title dl dt{width:100%;}
.news_title dl dt h4{width:100%; font-size:22px; font-weight:normal; margin-bottom:10px;}
.news_title dl dt span{
	background: url(../images/time.png) left center no-repeat;
	color: #B3B7B8;
	padding-left: 2px;
	font-size: 12px;
}
.news_title dl dt em{background:url(../images/view.png) left center no-repeat; color:#B3B7B8; padding-left:24px; font-size:12px; font-style:normal; margin-left:30px;}

.news_content{
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #dfdfdf;
	overflow: hidden;
}
.news_content .news_c_box{
	padding: 20px 10px;
	line-height: 200%;
	color: #666;
}
.news_content .news_c_box img{
	max-width: 98%;
}
.news_back{width:100%; text-align:center; margin-top:40px; overflow:hidden;}
.news_back a{display:inline-block; background:#FEB8AE url(../images/back.png) 40px center no-repeat; color:#fff; font-size:16px; padding:15px 45px 15px 85px;}

.nw_link{padding:30px 10px; overflow:hidden;}
.nw_link .nw_left{float:left; width:48%;}
.nw_link .nw_right{float:right; width:48%; text-align:right;}

#Product{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	color: #333;
	line-height: 21px;
}
#Product img{
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	border-radius: 5px;
}
#Product ul {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Product ul li{
	list-style-type: none;
	color: #666;
	text-align: center;
	float: left;
	width: 33%;
	float: left;
	line-height: 35px;
	margin-left: 0px;
	font-size: medium;
}
#Product ul li strong{
	font-size: large;
	color: #333;
}
#Product ul li a{
	color: #666;
}

/*产品详情*/
.location_box{max-width:1300px; margin:0px auto;}
.location_box span{font-family:"宋体"; display:inline-block; padding:0px 10px;}
.products_show_lefts{display:none;}
.products_show_left{
	width: 760px;
	float: left;
	font-size: 14px;
}
.preview{width:760px;position:relative;z-index:8;}
/*大图*/
.bigImg{position:relative;width:740px;height:490px;overflow:hidden; box-sizing:border-box;}
.bigImg #midimg{width:740px;height:490px;}
.bigImg #midimg img{width:740px;height:490px;}
.bigImg #winSelector{width:140px;height:140px;position:absolute;cursor:crosshair;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;background-color:#000;}
/*小图*/
.smallImg{width:740px;height:114px;position:relative;margin-top:15px;overflow:hidden;}
.scrollbutton{width:10px;height:114px;overflow:hidden;position:absolute;top:0px;cursor:pointer;background:url(../images/ico_zoom.gif) no-repeat;}
.scrollbutton.smallImgUp{background-position:0 0;left:0;}
.scrollbutton.smallImgDown{background-position:-10px 0;right:0;}
.scrollbutton.smallImgUp.disabled{background-position:-20px 0;}
.scrollbutton.smallImgDown.disabled{background-position:-30px 0;}
#imageMenu{width:740px;height:114px;overflow:hidden;position:absolute;left:0px;}
#imageMenu ul{width:1000%;}
#imageMenu li{width:189px;height:114px;float:left;overflow:hidden;}
#imageMenu li img{width:173px;height:114px;border:1px solid #ddd;cursor:pointer; box-sizing:border-box;}
#imageMenu li#onlickImg img,#imageMenu li img:hover{border-color:#DDB367;}
/*放大*/
#bigView{width:740px !important;height:490px !important;position:absolute;border:1px solid #ddd;top:0;left:741px;z-index:999;overflow:hidden;background:#fff !important; box-sizing:border-box;}
#bigView img{position:absolute;}

.products_show_right{width:510px;float:right; margin-top:40px;}
.products_show_right h4{font-size:24px; font-weight:normal;}
.products_show_right p{margin-top:30px; line-height:240%;}
.products_show_right .pro_contact{width:100%; overflow:hidden; margin-top:30px;}
.products_show_right .pro_contact a:nth-child(1){display:inline-block; background:#F9F5F2; font-size:14px; width:140px; height:38px; line-height:38px; text-align:center; float:left; color:#333;}
.products_show_right .pro_contact a:nth-child(2){display:inline-block; background:#FEB8AE; font-size:14px; width:140px; height:38px; line-height:38px; text-align:center; color:#fff; margin-left:10px; float:left;}
.products_show_right .share{margin-top:25px;}

.products_show_content{
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.products_show_content h4{width:100%; border-bottom:1px solid #ddd;}
.products_show_content h4 span{display:inline-block; font-size:15px; background:#ddd; color:#333; padding:8px 25px;}
.products_show_content .products_content{
	margin-top: 20px;
	overflow: hidden;
	line-height: 200%;
}

#Info {
	width: 30%;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
#Info img {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


#Info ul {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}
#Info ul li{
	list-style-type: none;
	color: #333;
	text-align: center;
	float: left;
	width: 50%;
}

#Footer {
	text-align: center;
	background-color: #1e1e1e;
	width: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-top: 35px;
	color: #666666;
	font-size: small;
	line-height: 25px;
}

#Footer ul {
	width: 98%;
	list-style-type: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#Footer ul li {
	height: 35px;
	float: left;
	width: 25%;
	padding-top: 25px;
}
#Footer a:link{
	text-decoration: none;
	color: #999999;
}
#Footer a:visited{
	text-decoration: none;
	color: #999999;
}
#Footer a:hover{
	text-decoration: none;
	color: #CCCCCC;
}
#Footer a:active{
	#B39B77text-decoration: none;
	color: #CCCCCC;
}


@media screen and (max-width:1100px){
.pc{display:none;}
.mb{display:block;}
/*头部菜单*/
.head{display:none}
.moblie_head{display:block;height:64px;background:url(../Pic/bg.png) repeat;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #dfdfdf;}
.moblie_head .lf{
	padding-top: 25px;
	padding-left: 2%;
}
.moblie_head .lf img{
	height: auto;
}
.moblie_head .rg{padding-right:2%;padding-top:22px;}
.moblie_head .rg a img{height:20px;vertical-align:top;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
.a_txt .div1{
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #000000;
}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.a_txt .div3{
	position: absolute;
	width: 80%;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 100;
	right: -80%;
	background-color: #000000;
}
.a_txt .div3 ul{padding-left:5%;padding-right:5%;}
.a_txt .div3 ul li{border-bottom:1px solid #232530;}
.a_txt .div3 ul li a{
	display: block;
	height: 45px;
	color: #FFFFFF;
	line-height: 45px;
	padding-left: 5%;
	font-size: 16px;
}
.a_txt .div3 ul li .a_js2{background:url(../Pic/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.a_txt .div3 ul li .a_js2_on{background:url(../Pic/reduce.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.a_txt .div3 ul li .a_txt2{display:none;}
.a_txt .div3 ul li .a_txt2 a{
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #CCCCCC;
}

/*首页banner 切换*/
#banner{width:100%; overflow:hidden; position:relative; margin-top:65px;}
.swiper-container .swiper-pagination-bullet{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 6px  !important;
height: 6px  !important;
background: #ffffff !important;
}
.swiper-container .swiper-pagination-bullet-active{
background: #CD8A31 !important;
}
.swiper-container>.swiper-pagination{bottom:3px !important;}

#sub_banner{
	margin-top: 65px;	height: 160px;
}
.sbt{
	font-size: x-large;
	line-height: 45px;
	padding-top: 25px;
}
.snr{
	font-size: 12px;
	line-height: 25px;
}

.dbt{
	font-size: large;
	width: 100%;
	border-bottom-width: 2px;
	line-height: 55px;
	color: #333;
}
.main_box{
	margin-top: 15px;
}
.T1{
	font-size: x-large;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e09900;
	line-height: 35px;
	text-align: LEFT;
	font-weight: normal;
	color: #333;
	margin-bottom: 0px;
		padding-right: 5px;
	padding-left: 5px;
	}
/*新闻动态*/
.news-list a{display:inline-block; width:100%; margin-left:0; float:left; margin-top:30px;}
.news-list a:nth-child(3n+1){margin-left:0; clear:none;}
.news-list a:nth-child(2n+1){margin-left:0; clear:left;}

#Product ul {
	width: 100%;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
#Product ul li{
	width: 33%;
	float: left;

}



/*产品详情*/

.products_show_right{width:100%;float:left; margin-top:40px;}

.location_box{width:96%; margin:0px auto;}
.products_show_content{width: 98%;}
.products_show_left{display:none;}
.products_show_lefts{display:block;}
.products_show_right{width:100%;float:none; margin-top:40px;}

.swiper-pagination4{text-align:center; margin-top:15px;}
.swiper-container4 .swiper-pagination-bullet{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 10px  !important;
height: 10px  !important;
background: #aaa !important;
}
.swiper-container4 .swiper-pagination-bullet-active{
background: #CD8A31 !important;
}

.swiper-container4 .swiper-slide{display:inline-block; position:relative; overflow:hidden;}
.swiper-container4 .swiper-slide a img{display:block;}
.swiper-container4 .swiper-slide a span{display:inline-block; position:absolute; z-index:2; width:100%; height:40px; line-height:40px; background:url(../images/txt-bg.png) repeat; color:#fff; font-size:14px; padding-left:20px; left:0px; bottom:0px;}
.swiper-container4 .swiper-slide a:hover span{color:#DDB266;}


#Info {
	width: 90%;
}
#Info img {
	width: 70%;
}
#Footer img{
	width: 20%;
}	
