@charset "utf-8";
/* CSS Document */
body, div, p, span, ul, li, dl, dt, dd, a, ol, input, button, img, h1, h2, h3, h4, h5, h6, header, section, footer, select, input { padding: 0; margin: 0; list-style: none; border: 0; box-sizing: border-box; }
body { font-family: "微软雅黑"; color: #3333; background: #fff; line-height: 24px; width: 100%; }
a { color: #ffffff; text-decoration: none; }
 a:hover { text-decoration: none; }
input, button { outline: none; font-family: "微软雅黑"; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
i { font-style: normal; }
img {vertical-align: middle;width: 100%;}

.all{width:100%; min-width:320px; max-width:420px; margin:0 auto;}
.banner_img{position:relative; height:141px; overflow:hidden;}
.banner_img .img_1 img{width:30%; position:relative; top:5px; left:5px; z-index:9999; }
.banner_img ul{overflow:hidden; width:500%; position:absolute; top:0; left:0; height:141px;}
.banner_img ul li{float:left; width:20%; height:141px;}
.banner_img ul li img{height:141px; width:100%;}
.banner_img ol{overflow:hidden; position:absolute; bottom:5px; right:10px;}
.banner_img ol li{float:left; width:10px; height:10px; background:#000000; border-radius:50%; margin-left:10px;}
.banner_img ol .act{background:#ff0000;}

.nav{width:100%; background:url(../images/pp_banner_bg.png) repeat-x 0 0; position:relative; height:114px; padding:0 10px;}
.left_1{float:left; line-height:114px; width:110px;}
.right_1{float:right; width:168px; z-index:999;}
.right_1 li a{display:inline-block; width:56px; height:51px; background:url(../images/pp_buttons.png) no-repeat 0 0; background-size:700% 200%;}
.right_1 li{float:left;}
.right_1 li .a_2{background-position:-56px 0;}
.right_1 li .a_3{background-position:-112px 0;}
.right_1 li .a_4{background-position:-168px 0;}
.right_1 li .a_5{background-position:-224px 0;}
.right_1 li .a_6{background-position:-280px 0;}
.right_1 li .a_7{background-position:-336px 0;}
.right_1 li a:hover{background:url(../images/pp_buttons.png) no-repeat 0 56px; background-size:700% 200%;}
.right_1 li .a_1:hover{background-position:0px -51px;}
.right_1 li .a_2:hover{background-position:-56px -51px;}
.right_1 li .a_3:hover{background-position:-112px -51px;}
.right_1 li .a_4:hover{background-position:-168px -51px;}
.right_1 li .a_5:hover{background-position:-224px -51px;}
.right_1 li .a_6:hover{background-position:-280px -51px;}
.right_1 li .a_7:hover{background-position:-336px -51px;}

.content{background:url(../images/main_box_bg.jpg) no-repeat 0 0;}
.quan{position:relative; padding-bottom:50px; height:400px;}
.quan .ba{width:90%; margin:0 auto; position:relative;}
.quan .ba a{display:inline-block; width:49px; height:50px; background:url(../images/center_r_buttons_bg.png) no-repeat 0 0; background-size:200% 800%; }
.quan .ba li{width:49px; height:50px;}
.quan .ba .a_1,.quan .ba .li_1{background-position:0 -0px; position:absolute; top:110px; left:0;}
.quan .ba .a_2{background-position:0 -51px; position:absolute; top:100px; left:0;}
.quan .ba .a_3{background-position:0 -102px; position:absolute; top:30px; left:35px;}
.quan .ba .a_4{background-position:0 -153px; position:absolute; top:300px; left:85px;}
.quan .ba .a_5{background-position:0 -204px; position:absolute; top:300px; right:85px;}
.quan .ba .a_6{background-position:0 -255px; position:absolute; top:30px; right:85px;}
.quan .ba .a_7{background-position:0 -306px; position:absolute; top:110px; right:0;}
.quan .ba .a_8{background-position:0 -357px; position:absolute; top:230px; right:0;}
.quan .ba .li_3{position:relative; z-index:99;}
.quan .ba .a_1:hover{background-position:-54px -0px;}
.quan .ba .a_2:hover{background-position:-54px -51px;}
.quan .ba .a_3:hover{background-position:-54px -102px;}
.quan .ba .a_4:hover{background-position:-54px -153px;}
.quan .ba .a_5:hover{background-position:-54px -204px;}
.quan .ba .a_6:hover{background-position:-54px -255px;}
.quan .ba .a_7:hover{background-position:-54px -306px;}
.quan .ba .a_8:hover{background-position:-54px -357px;}

.quan .jiu{overflow:hidden; width:162px; margin:0 auto; position:absolute; top:100px; left:50%; margin-left:-85px;}
.quan li{float:left;}
.quan .jiu a{display:inline-block; width:54px; height:54px; background:url(../images/center_buttons_bg.png) no-repeat 0 0; background-size:200% 900%;}
.quan .jiu .a_1{background-position:0 -322px;}
.quan .jiu .a_2{background-position:0 -53px;}
.quan .jiu .a_3{background-position:-0px -105px;}
.quan .jiu .a_4{background-position:-0px -162px;}
.quan .jiu .a_5{background-position:-0px -215px;}
.quan .jiu .a_6{background-position:-0px -270px;}
.quan .jiu .a_7{background-position:-0px -378px;}
.quan .jiu .a_8{background-position:-0px -431px;}
.quan .jiu .a_9{background-position:-0px 3px;}
.quan .jiu .a_1:hover{background-position:-54px -322px;}
.quan .jiu .a_2:hover{background-position:-55px -53px;}
.quan .jiu .a_3:hover{background-position:-55px -105px;}
.quan .jiu .a_4:hover{background-position:-55px -162px;}
.quan .jiu .a_5:hover{background-position:-55px -215px;}
.quan .jiu .a_6:hover{background-position:-55px -270px;}
.quan .jiu .a_7:hover{background-position:-55px -378px;}
.quan .jiu .a_8:hover{background-position:-55px -431px;}
.quan .jiu .a_9:hover{background-position:-55px 3px;}


.jieshao{background:url(../images/about_bg.gif) repeat 0 0;}
.bg_1{height:50px; background:url(../images/edge_02.jpg) repeat-x 0 0;}
.bg_2{height:60px; background:url(../images/tengman_bg.png) no-repeat 0 0; background-size:100%;}
.left_2 img{width:18%;}
.right_2{color:#ffffff; padding:20px 10px;}
.right_2 p{margin-top:10px; font-size:14px;}

.copyright{padding:10px 0; background:#000000;}
.copyright p{text-align:center; font-size:12px; color:#ffffff;}
.copyright .p_1 i a{display:inline-block; width:47px; height:25px; background:url(../images/icon.gif) no-repeat 0 center; background-size:50%;}