body{ font-family:"Microsoft YaHei"; }
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,img { margin:0; padding:0; font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none; color:#000; display: block; transition: all 0.3s ease;}
a:hover { color: #fdbdcc;}
img{ display:block;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}

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


@font-face{ font-family:"fz"; src:url('../images/ft.eot'),url('../images/ft.TTF'), url('../images/ft.eot?#iefix') format('embedded-opentype'),url('../images/ft.woff') format('woff'), url('../images/ft.svg#fzcyjt') format('svg');}

/*���˵绰*/
.phone_0 { position: fixed; right:21px; top:0; z-index: 999; background: url("../images/phone_bg.png") no-repeat; color: #e60012; width: 222px; text-align: center;}
.phone_0 span {font-size: 24px; font-weight: bold; padding:26px 0 19px; display: block;}

/*����*/
#menu { position: fixed; left: 10px; top:10px; z-index: 998; }

#nav_box { width: 267px; position: fixed; left:0; top:0; z-index: 999; transition: all 1s ease;}
#nav_box:hover { left:0;}
nav { background: #000; width: 195px; height:100vh; overflow: hidden;border-right:#000 solid 1px;}
nav .logo img { margin: 57px auto 0; display: block;}
nav ul { position:absolute; top:20%; left:30px;}
nav ul li { transition:all 0.3s ease;}
nav ul li a { color: #fff; font-size: 16px; line-height: 48px; padding-left: 33px; display: block; transition: all 0.3s ease;}
nav ul li:hover {}
nav ul li:hover a { color: #ff0014;}



nav .official { width: 96px; position: absolute; bottom:108px; left:47px;}
nav .official span { color: #2c2d2e; display:inline-block; margin: -5px 17px 0;}
nav .official a { display: inline-block; margin-bottom: -5px;}

nav .phone { background: #fdbdcc; position: absolute; bottom:0; left:0; width:195px; text-align: center; padding: 12px 0;}
nav .phone p { color: #fff; font-size: 27px; line-height: 33px;}
nav .phone span { font-size: 16px; display: block; line-height: 21px;}

/*banner*/
.banner { width:100%; height:80%; overflow:hidden;}
.banner ul { position: absolute; left:0; top:0; width:100%; height:84%; min-width: 1200px;}
.banner ul li { position:absolute; left:0; top:0; opacity:0; overflow:hidden; width:100%;}
.banner ul li img { transform:scale(1.08); transition:all 1.5s ease-out; width:100%;}

/*��ϵ����*/
footer { background: #fdbdcc; background-size:cover; overflow: hidden;}
footer h2 { color: #fff; margin: 66px 0 40px; text-align: center; font-weight: bold; font-size:44px;}
footer h2 span { text-transform: uppercase; display: block; font-weight: bold; font-family: "fz";}
footer .text { width: 565px; margin: auto;}
footer a { color: #fff;}
footer a:hover { color: #000;}
footer .p1 { text-align: center; font-size: 26px;}
footer .p2 { text-align: center; font-size: 21px;}
footer .p3 { text-align: center; font-size: 20px;}
footer .p33 { font-size: 32px; text-align: center;}
footer .p22 { font-size: 27px; text-align: center;}
footer .phone { font-size:30px; text-align: center;}
footer .bbs { width: 565px; border:#fff solid 3px; box-sizing: border-box; font-size: 38px; font-weight: bold; text-align: center; line-height: 60px; letter-spacing:2px; margin: 12px 0 66px;}
footer .bbs:hover { border:#000 solid 3px;}


/*�ײ�����*/
.footer_nav {}
.footer_nav ul { width: 1200px; margin:70px auto 30px; overflow: hidden;}
.footer_nav ul li { float: left; margin: 0 43px;}
.footer_nav ul li a { font-size: 16px; line-height: 30px;}
.footer_nav ul li > a { font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #e9e9e9 solid 3px;}
.footer_nav ul li div a { color: #909090;}
.footer_nav ul li div a:hover { color: #fdbdcc;}

.footer_logo { margin:0 auto 50px;}
.footer_nav .p12 { text-align: center; line-height: 40px; font-size: 12px;}