@charset "utf-8";

/* CSS Document */



/*全局样式开始*/



::selection {

    background-color: : #f00;

}



::-moz-selection {

    background-color: : #f00;

}



::-webkit-selection {

    background-color: : #f00;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555

}



* {

    padding: 0;

    margin: 0;

    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.clear{clear:both;}





/*全局样式结束*/







/*top_box*/

.top_box{ background:#101010; height:35px;}

.top{ width:1180px; margin:0 auto; line-height:35px; color:#fff;}

.top a{ color:#FFF;}

.top a:hover{ color:#565656;}

.top_left{ width:300px; float:left;}

.top_right{ width:300px; float:right; text-align:right;}





/*header_box*/

.header_box{ width:1180px; margin:30px auto;}

.header_left{ width:500px; float:left;-webkit-animation:fadeInDown 1s .2s ease both;

-moz-animation:fadeInDown 1s .2s ease both;}

.logo{ width:211px; height:62px; float:left;}

.logo_wen{ width:270px; float:right; font-size:20px; line-height:28px;}

.logo_wen p{ font-weight:bold; font-size:24px;}

.logo:hover{-webkit-animation:pulse 1s .2s ease both;

-moz-animation:pulse 1s .2s ease both;}



.header_right{ width:270px; float:right;-webkit-animation:fadeInDown 1s .2s ease both;

-moz-animation:fadeInDown 1s .2s ease both;}

.phone_tu{ width:54px; height:52px; float:left; padding-top:5px;}

.phone{ width:200px; float:right; line-height:28px; font-size:18px; }

.phone p{font-family:Impact; color:#ad651d; font-size:34px;}

.phone_tu:hover{-webkit-animation:pulse 1s .2s ease both;

-moz-animation:pulse 1s .2s ease both;}





@-webkit-keyframes pulse{

0%{-webkit-transform:scale(1)}

50%{-webkit-transform:scale(1.1)}

100%{-webkit-transform:scale(1)}

}

@-moz-keyframes pulse{

0%{-moz-transform:scale(1)}

50%{-moz-transform:scale(1.1)}

100%{-moz-transform:scale(1)}

}







/*nav_box*/

.nav_box{ background:url(../images/nav_bg.jpg)  repeat-x; height:54px; line-height:54px; margin-top:30px;}

.nav_box ul{ width:1180px; margin:0 auto;}

.nav_box ul li{ float:left; display:block; width:167px; text-align:center;}

.nav_box ul li a{ font-size:16px;}

.nav_box ul li:hover{ background:url(../images/nav_hover.jpg) no-repeat; color:#FFF;-webkit-animation:swing 1s .2s ease both;

-moz-animation:swing 1s .2s ease both;}

.nav_box ul li:hover a{ color:#FFF;}

.another{ background:url(../images/nav_hover.jpg) no-repeat; color:#FFF;}

.another a{ color:#FFF;}







@-webkit-keyframes swing{

20%,40%,60%,80%,100%{-webkit-transform-origin:top center}

20%{-webkit-transform:rotate(15deg)}

40%{-webkit-transform:rotate(-10deg)}

60%{-webkit-transform:rotate(5deg)}

80%{-webkit-transform:rotate(-5deg)}

100%{-webkit-transform:rotate(0deg)}

}

@-moz-keyframes swing{

20%,40%,60%,80%,100%{-moz-transform-origin:top center}

20%{-moz-transform:rotate(15deg)}

40%{-moz-transform:rotate(-10deg)}

60%{-moz-transform:rotate(5deg)}

80%{-moz-transform:rotate(-5deg)}

100%{-moz-transform:rotate(0deg)}

}







/*footer_box*/

.footer_box{ background:url(../images/footer_bg.jpg) repeat-x; height:419px; width:100%;}

.footer{ width:1180px; margin:0 auto;}

.footer_nav{ line-height:65px; color:#FFF; font-size:14px;}

.footer_nav a{ color:#FFF; padding:0 53px;}

.footer_di{ line-height:26px; text-align:center; color:#FFF; padding-top:20px; font-size:14px;}

.f_erweima{ background:url(../images/erweima_bg.jpg) no-repeat; width:133px; height:155px; margin:20px auto;}

.f_erweima img{ padding:10px;}

.footer_box a{ color:#FFF;}











/*固定的悬浮窗*/

.yb_conct {

	position: fixed;

	z-index: 9999999;

	top: 200px;

	right: -127px;

	cursor: pointer;

	transition: all .3s ease;

}

.yb_bar ul li {

	width: 180px;

	height: 53px;

	font: 16px/53px 'Microsoft YaHei';

	color: #fff;

	text-indent: 54px;

	margin-bottom: 3px;

	border-radius: 3px;

	transition: all .5s ease;

	overflow: hidden;

}

.yb_bar .yb_top {

	background: #343434 url(../images/fixcont.png) no-repeat 0 0;

}

.yb_bar .yb_phone {

	background: #343434 url(../images/fixcont.png) no-repeat 0 -57px;

}

.yb_bar .yb_QQ {

	text-indent: 0;

	background: #343434 url(../images/fixcont.png) no-repeat 0 -113px;

}

.yb_bar .yb_ercode {

	/*height:200px;*/



	background: #343434 url(../images/fixcont.png) no-repeat 0 -169px;

}

.hd_qr {

	padding: 0 29px 25px 29px;

}

.yb_QQ a {

	display: block;

	text-indent: 54px;

	width: 100%;

	height: 100%;

	color: #fff;

}