/*CSS reset*/
.container{
	width:1100px;
	margin:0 auto;
	position:relative;
}
a{
	color:#000;
}

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

#cur{
	background:url(../image/nav_hover.png);
}
#cur a{
	color:#F6AA00;
}
/*header*/
.header{
	height:156px;
	background-color:#EEEEEE;
	position:relative;
}
.header .h_logo{

	margin-top:20px;
}
.header .h_logo img{
	width:150px;
	margin-left:30px;
}
.header .h_b{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.header .h_b img{
	width:100%;
}
.header .nav{
	position:absolute;
	bottom:0;
	right:10px;
	height:45px;
	width:59%;
}
.header .nav li{
	width:125px;
	height:45px;
	line-height:45px;
	float:left;
	text-align:center;
	font-size:14.5px;

}
.header .nav a{
	padding: 5px 15px;
}

.header .nav .on{
	background:url(../image/nav_hover.png);
	
}
.on a{
	color:#F6AA00;
}



/*banner*/
.banner {width:100%;margin:0 auto;}
/*.banner .focusBox { position: relative; width:100%;margin:0 auto;height: 27rem;}
.banner .focusBox .pic{ position:relative; z-index:0; }
.banner .focusBox .pic img { width:100%;display: block;max-width:1920px; }
.banner .focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.banner .focusBox .hd li{margin: 0 5px; background: url(../image/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../image/dot8.png) no-repeat 0 -16px;
}
.banner .focusBox .hd .on{ background-position:0 0; }

.banner .focusBox .prev,
.banner .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.banner .focusBox .prev { left: 0; }
.banner .focusBox .next { background-position: 0 -90px; right: 0; }
.banner .focusBox .prev:hover,
.banner .focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }*/

/*輪播*/
.focusBox { position: relative; width:100%; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%;max-width:1903; display: block; }
.focusBox .hd { width:100%;max-width:1903px; position: absolute; bottom: 30px; text-align: center; font-size:0; z-index:1; margin:0 auto;}
.focusBox .hd li{ margin: 0 5px; background: url(../image/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1;  _background: url(../image/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }




.product{
	height:630px;
	width:100%;
	background-color:#363638;
	float:left;
}


.title{
	width:600px;
	height:102px;
	margin:0 auto;
	position:relative;
	margin-top:50px;
}
.title div{
	width:135px;
	height:83px;
	margin:0 auto;
	background:url(../image/title_bg.png) top center no-repeat;
}
.title p{
	width:600px;
	margin:0 auto;
	text-align:center;
	line-height:83px;
	position:absolute;
	top:0;
} 

.title a{
	color:#EDD971;
	font-size:20px;
}



/*product*/
.product_list li:hover{
	box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2);
	transform: translate3d(0, -4px, 0);
}
.product_list{
	margin-top:60px;
}
.product_list li{
	float:left;
	width:228px;
	margin-left:38px;
}
.product_list li img{
	width:228px;
	height:243px;
}
.product_list li p{
	width:100%;
	text-align:center;
	padding:10px 0;
	background-color:#100F0E;
}
.product_list li p a{
	color:#E8A101;
}
.product_list li p a:hover{
	color:#fff;
}
.product_list li div{
	border-top:solid 5px #F5A900;
}

/*about*/
.about{
	width:100%;
	height:550px;
	position:relative;
	float:left;
	background:url(../image/about_bg.jpg);
	background-position:center;
}
.about .container{
	z-index:101;
}

.bc_1{
	background-color:#1D1D1D;
}
.about_c1{
	width:475px;
	position:absolute;
	bottom:-80px;
	left:200px;
	z-index:100;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.about_c1:hover{
    transform: scale(1.0);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.about_text{
	width:58%;
	margin-top:40px;
	margin-right:25px;
	float:right;
}
.about_text p{
	font-size:15px;
	line-height:35px;
	color:#8C784C;
	width:100%;
	margin-bottom:20px;
}

.more_btn{
	text-align:center;
	width:124px;
	height:42px;
	display:block;
	line-height:42px;
	background:url(../image/more_bg.png);
}

/*news*/
.news{
	width:100%;
	height:620px;
	background:url(../image/news_bg.jpg);
	float:left;
	position:relative;
	background-position:center;
}
.news_c1{
	position:absolute;
	right: 80px;
	bottom: 80px;
	width: 400px;
}
.news_list{
	width:637px;
	height:378px;
	margin-top:60px;
}
.news_list li{
	height:68px;
	margin-top:25px;
	font-size:15px;
}
.news_list li a{
	color:#AF9260;
}
.news_list li a:hover{
	color:#fff;
}
.news_list li div{
	height:58px;
	margin-left:70px;
	border-bottom:dashed 1px #AF9260;
}
.news_list li span{
	display:block;
	float:right;
	color:#AF9260;
}
.news_list .more_btn{
	margin-top:50px;
}
.news_bg1{
	background:url(../image/o_1.png) top left no-repeat;
}
.news_bg2{
	background:url(../image/o_2.png) top left no-repeat;
}
.news_bg3{
	background:url(../image/o_3.png) top left no-repeat;
}

/*contact*/
.contact{
	width:100%;
	height:440px;
	background:url(../image/contact_bg.jpg);
	float:left;
	background-repeat: repeat;
    background-position: center -100px;

}
.contact_info{
	width:100%;
	margin-top:30px;
}
.contact_info p{
	width:100%;
	text-align:center;
	line-height:30px;
	font-size:14px;
	color:#AF9260;
}
.contact_info p span{
	color:#F7B52C;
}
.contact_info h3{
	width:100%;
	font-size:25px;
	text-align:center;
	margin-top:30px;
	color:#F7B52C;
}

/*footer*/
.footer{
	width:100%;
	height:213px;
	border-top:solid 5px #F7B52C;
	float:left;
	background-color:#313131;
	padding-bottom:30px;
	text-align:center;
}
.footer_nav{
	display:inline-block;
	margin: 0 auto;
	height:56px;
	padding-top:50px;
	color:#fff;
}
.footer_nav li{
	display:inline-block;
}

.footer_nav  a{
	color:#fff;
	padding:5px 23px;
}
.footer_nav a:hover{
	color:#F7B52C;
}
.line_1{
	width:100%;
	height:1px;
	border-bottom:solid 1px #363636;
}
.footer_info p{
	width:100%;
	text-align:center;
	color:#9A907E;
	font-size:14px;
	line-height:25px;
}


/*��Ʒ����*/
.position{
	width:1205px;
	height:58px;
	margin:0 auto;
	margin-top:-26px;
	background:url(../image/position_bg.gif);
	position: relative;
}
.position p{
	height:58px;
	line-height:58px;
	padding-left:80px;
	font-size:22px;
}

.pro{
	width: 860px;
	margin: 0 auto;
	margin-top:50px;
}
.pro_list{
	width: 350px;
	height: 430px;
	margin-left:55px;
	margin-bottom:59px;
	border-bottom:solid 2px #ADABAB;
	position:relative;
}
.pro_list .pro_img{
	width: 350px;
	height: 380px;
}
.pro_list .pro_title{
	width:100%;
	height:48px;
	line-height:48px;
	background:url(../image/you.png) center right no-repeat;
}
.pro_list p span{
	display:block;
	width:80%;
	margin:0 auto;
	color:#585656;
}
.pro_list:hover{
	border-bottom:solid 2px #F6DB98;
}
.pro_bg{
	display:none;
	width: 350px;
	height: 380px;
	position:absolute;
	top:0;
	left:0;
	background:url(../image/sha2.png);
}
.pro_bg img{
	width:70px;
	display:inline-block;
	margin-top:150px;
	transition:All 0.8s ease-in-out;    
	-webkit-transition:All 0.8s ease-in-out;    
	-moz-transition:All 0.8s ease-in-out;    
	-o-transition:All 0.8s ease-in-out;
}
.pro_bg img:hover{
	 transform:rotate(360deg);    
	 -webkit-transform:rotate(360deg);    
	 -moz-transform:rotate(360deg);    
	 -o-transform:rotate(360deg);    
	 -ms-transform:rotate(360deg);
}
.pro_bg p{
	width:350px;
	height:217px;
	text-align:center;
}

/*��������*/
.n_list{
	width:100%;
	margin: 50px auto;
}
.n_list li{
	width:100%;
	height:88px;
	padding:9px 0;
	border-bottom: 1px dashed #dbd4cd;
	overflow: hidden;
	margin: 10px 0;
}
.time, .conts{
	display:inline-block;
}

.n_list .time{
	background: #d9d9d9;
	width: 99px;
	height: 76px;
}
.n_list .wp-new-ar-pro-time{
	display:block;
	color: #666666;
	font-size: 24px;
	height: 41px;
	line-height: 41px;
	text-align:center;
}
.n_list .date{
	display:block;
	color: #666666;
	font-size: 13px;
	display: block;
	height: 18px;
	line-height: 18px;
	text-align:center;
}  

.n_list .conts{
	margin-left: 50px;
	width:950px;
}
.n_list .conts .n_title a{
	display: inline-block;
	font-family: Microsoft YaHei;
	font-size: 20px;
	color: #5A5A5A;
	font-weight: normal;
	text-decoration: none;
	line-height: 140%;
}

.n_list .abstract{
	display: inline-block;
	font-family: Microsoft YaHei;
	font-size: 12px;
	padding-top: 15px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	line-height: 140%;
}
.n_list .conts a:hover{
	color:#F7B52C;
}
/*��ͨ�ĵ�*/
.content{
	width:100%;
	margin-top:50px;
}
.content .content_title{
	width:100%;
	font-size: 22px;
	line-height: 150%;
	color: #000;
	text-align:center;
}
.content .content_rt{
	width:100%;
	font-size: 14px;
	height:30px;
	line-height:40px;
	color:#777777;
	text-align:center;
}
.content .auto_link{
	margin: 20px 0;
	border:0;
	border-top: 1px solid #EEEEEE;
}
.content .content_info{
	width:80%;
	margin:30px auto;
	color:#777777;
	font-size:14px;
	line-height:25px;
}
.content .next{
	width:80%;
	margin: 50px auto;
	color:#666;
	font-weight:bold;
}
.content .next p{
	width:400px;
	padding-left:50px;
	display:inline-block;
	height:35px;
	line-height:35px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.content .next p a{
	color:#333333;
}

.content .next p a:hover{
	color:#F5A900;
}


.content .content_img_info{
	width:100%;
	margin: 0 auto;
	border-left: 3px solid #bb7e04;
	background: #f3f3f3;
	margin: 15px 0;
	padding: 10px 15px;
	font-size: 14px;
	color: #666;
}
.content .content_img{
	display:block;
	width:600px;
	border-radius:15px;
	margin:10px auto;
}



/*pages*/
.pages{
	text-align: right;
	font-size: 0;
	height: 38px;
	line-height: 38px;
	padding-right: 10px;
	width:80%;
	margin:0 auto;
}
.pages li{
	display:inline-block;
}
.pages a{
	display: inline-block;
	font-size: 15px;
	background-color: #fff;
	padding: 0px 13px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	border: 1px #ddd solid;
	color: #bbb;
	font-family: Arial;
	margin-left: 5px;
	vertical-align: top;
}
.pages .thisclass a{
    background-color: #fabe00;
    color: #fff;
}
.pages span{
	font-size: 16px;
	padding-right: 10px;
	text-align: right;
	line-height: 38px;
	color:#595959;
}

/*��������*/
.content .about_header {
    padding-bottom: 50px;

}
.content .about_title{
	color: #444;
	font-size:24px;
	text-align:center;
}
.content .subtitle{
	color: #c1c1c1;
	font-size: 16px;
	text-align:center;
}

.content .postbody {
    width: 1100px;
    overflow: hidden;
	   line-height: 24px;
    font-size: 13px;
    color: #6a6a6a;
}
.content .postbody hr {
    height: 1px;
    border: none;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px dotted rgb(211, 211, 211);
    margin-top: 20px;
    margin-bottom: 20px;
}

/*����*/
.content .youshi_content .youshi_title1{
	font-size: 24px; 
	display:block;
	padding-bottom:20px;
}
.content .youshi_content p{
	line-height:35px;
}
.content .youshi_title2{
	font-size:15px;
	font-weight:bold;
	padding-bottom:20px;
}

/*����*/
.message_left{
	float:left;
	width:500px;
	padding-bottom:100px;
}
.message_right{
	float:right;
	width:500px;
	padding-bottom:50px;
	margin-right:50px;
}

.message_right .agent-info{
	text-align:center;
	padding:35px 0;
	margin-top:50px;
	background: #F1F1F1;
	position: relative;
	
}
.message_right .agent-info p{
	font-family: 'PT Serif', sans-serif;
	font-style: italic;
	color: #383838;
	margin: 0;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 15px;
}
.message_right .agent-info h3{
	font-family: 'PT Serif', sans-serif;
	color: #444444;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	line-height: 50px;
	margin: 0;
	margin-top: 38px;
	margin-bottom: 8px;
}
.message_right .agent-info img {
    margin-bottom: 30px;
}

.message_right .agent-info::before {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    content: '';
    border: 1px solid #fff;
    z-index: 1;
}

.message_right .agent-info .contact_info{
	display: block;
	padding: 0;
	position: relative;
	z-index: 99;
}


@media (max-width:1100px) {
	.container{
		width:auto;
	}
	/*
	.pro_list{
		width: 32%;
		margin-left: 1%;
	}

	.pro {
		width: 100%;
	}
	*/
	.position{
		width:auto;
	}
	.header .nav{
		width:auto;
	}
	.content .content_img_info{
		/*padding:0px;*/
	}
	.n_list .conts{
		width:750px;
	}
	.content .postbody{
		width:95%;
		margin:0 auto;
	}
	.footer_nav{
		width:95%;
		margin:0 auto;
	}
	.n_list{
		width:95%;
	}
	.message_left{
		float:none;
		margin:0 auto;
	}
	.message_right{
		float:none;
		margin:0 auto;
	}
	.content .content_img_info{
		width:95%;
		margin:0 auto;
	}

	
	.pro{
		width:100%;
	}
	.pro_list{
		width:70%;
		margin-left: 15%;
		height:auto;
	}
	.pro_list .pro_img{
		width:100%;
		height:auto;
	}

}

@media (max-width:470px) {
	.pro{
		width:100%;
	}
	.pro_list{
		width:100%;
		height:auto;
	}
	.pro_list .pro_img{
		width:100%;
		height:auto;
	}
	.youshi .youshi-item{
		margin-left:5px;
	}
	.content .content_info .youshitext{
		font-size:17px;
	}
}