@charset "utf-8";
/* CSS Document */

/*public start*/

*{ margin:0px; padding:0px;}
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,from,input,select,button,textarea,iframe,table,th,td{
	/*[disabled]margin : 0;*/
	margin:0px;
	padding:0px;
	font-family:"微软雅黑";
}

.clear{ clear:both; height:0px; width:100%; margin:0; padding:0; }
img{ border:0; }
ul,li{ list-style-type:none;}
body{ font-size:14px; font-family:"微软雅黑"; background:#FFFFFF; }
a{ text-decoration:none; }
a:link{ text-decoration:none; }
a:visited{ text-decoration:none; color:#000; }

header{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.header_logo{ width: 442px; height: auto; float: left; }
.header_logo img{ width: auto; height: auto; margin: 0 auto; display: block; padding: 9px 0; }
.header_nav{ width: 700px; height: auto; float: right; }
.header_nav li{ width: 116px; height: auto; float: left; text-align: center; font: normal 18px/100px "微软雅黑"; color: #000000; }
.header_nav li a{ color: #000000; }
.header_nav li a:hover{ color: #8c7e7b; }
.header_nav li .second{ display: none; }

#search{ width: 100%; height: 82px; background: #8d817b; }
.search{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.search form{ width: 336px; height: 47px; float: left; margin: 17.5px 3px; background: #FFFFFF; }
.search form input{ width: 280px; height: 47px; background: #FFFFFF; color: #8c7f7a; font: normal 18px/47px "微软雅黑"; text-indent: 20px; border: none; float: left; outline:none }
.search form button{ width: 56px; height: 47px; background: url(../images/search.png) no-repeat center; float: left; border: none;}
/* 点击搜索框获取焦点 placeholder消失-开始 */
/* WebKit browsers */

input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}


/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder {
color: transparent;
}


/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder {
color: transparent;
}


/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder {
color: transparent;
}
/* 点击搜索框获取焦点 placeholder消失-结束 */

.bd_bg{ width: 100%; height: auto; margin: 0 auto; display: table; background: url(../images/pp_bg.jpg) center; }

.brand{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.brand_title{ width: auto; height: auto; margin: 0 auto; display: table; padding: 70px 0; }
.brand_img{ width: auto; height: auto; margin: 0 auto; display: table; }
.brand_content{ width: 400px; height: 264px; float: right; background: #71625b; opacity: 0.8; position: relative; z-index: 999; margin: -316px 73px 0 0; padding-top: 12px; }
.brand_content p{ font: normal 13px/23px "微软雅黑"; color: #ffffff; letter-spacing: 2px; padding: 0 24px 0 36px; text-indent: 24px; }

.story_title{ width: auto; height: auto; margin: 0 auto; display: table; padding: 70px 0; }
.story_bg{ width: 100%; height: 210px; background: #8d817b; }
.story_content{ width: 1170px; height: 355px; background: #FFFFFF; margin: 0 auto; display: table; margin-top: -130px; }
.story_content img{ float: left; margin: -41px 0 0 61px; box-shadow: 0 0 30px 0 #333; }
.story_p{ width: auto; height: auto; display: table; margin-top: 25px; padding: 0 30px 0 40px; }
.story_p p{  display: table; font: normal 13px/23px "微软雅黑"; letter-spacing: 2px; color: #8d817b; text-indent: 30px; }
.story_p a{ width: 73px; height: 22px; display: table; text-align: center; font: normal 15px/22px "微软雅黑"; color: #71625b; border: 1px solid #71625B; margin-top: 25px; }

.press{ width: 1200px; height: auto; margin: 0 auto; display: table; }
.press_title{ width: auto; height: auto; margin: 0 auto; display: table; padding: 70px 0; }
.press_center{ width: 800px; height: auto; margin: 0 auto; display: table; }
.press_center .press_left{ width: 180px; height: auto; float: left; }
.press_center .press_video{ width: 790px; height: 430px; float: left; background: #383a41; position: relative; z-index: 999; margin: -501px 0 0 90px; }
.press_center .video_con{ width: 790px; height: auto; position: relative; }
.press_center .video_con img{ width: 790px; height: auto; }
.play_bg{ border-radius: 50%; width: 75px; height: 75px; background: url(../images/video.png) no-repeat rgba(255,255,255,0.3); position: absolute; top: 160px; left: 345px; z-index: 10; }
.play_bg:hover{ background-color: rgba(255,255,255,1); cursor: pointer; }

.press_content{ width: 890px; height: auto; margin: 0 auto; display: table; padding-bottom: 80px; }
.press_content p{ font: normal 13px/24px "微软雅黑"; color: #717170; text-indent: 30px; }

footer{ width: 100%; height: auto; background: #8d817b; display: table; padding-bottom: 50px; }
.footer{ width: 800px; height: auto; margin: 0 auto; display: table; }
.footer_content{ width: auto; height: auto; margin: 30px auto 20px; display: table; position: relative; }
.footer_content li{ width: 130px; height: auto; float: left;  text-indent: 5px; margin-right: 15px; line-height: 30px; color: #FFFFFF; cursor: pointer; }
.footer_content li img{ float: left; }
.er_block{ display: none; }
@keyframes ttt{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.footer_content li:hover .er_block{ display: block; position: absolute; top: -125px; animation: ttt 1s 1 forwards; }

.footer_nav{ width: 900px; height: auto; margin: 0 auto; display: table; }
.footer_nav li{ width: 180px; height: auto; float: left; }
.footer_nav li h1{ font: normal 18px/14px "微软雅黑"; color: #FFFFFF; text-align: center; margin: 10px 0 20px; border-left: 1px solid #FFFFFF; }
.footer_nav li:first-child h1{ border: none; }
.footer_nav li ul{ width: 157px; height: auto; margin: 0 auto; display: table; }
.footer_nav li ul li a{ margin: 0 auto; display: table; color: #FFFFFF; font: 14px/40px "微软雅黑"; }

.copyright{ width: 100%; height: 70px; background: #f6f4db; }
.copyright p{ font: normal 12px/22px "微软雅黑"; color: #333333; text-align: center; padding: 13px 0; }