@charset "utf-8";
/* CSS Document */
#head{ width:100%; height:24px; background:url(../images/head-bg.png) center center no-repeat;}
.head{ width:1000px; height:24px; line-height:24px; margin:0px auto;}
.head p{ font-size:12px; color:#fff; float:right; text-align:center;}
.head p span{ display:inline-block; padding-left:15px; background:url(../images/phone.png) left center no-repeat;}
.head > span{ float:right;font-size:12px; color:#fff; margin-right:34px;}
.head > span a{ color:#fff;}
.change-color{color:#e8340b!important;}
#nav{ width:100%; background:#fff;}
.nav{ width:1000px; height:135px; margin:0px auto; overflow:hidden;}
.logo{ float:left; width:85px; height:81px; background:url(../images/logo.png) no-repeat; margin-top:27px;}
.nav-list{ float:right;}
.nav-list ul li{ float:right; margin:27px 0px 0px 85px;}
.nav-list ul li em{display:block; width:55px; height:55px;}
.nav-list ul li p{ font-size:12px; color:#888787; text-align:center; margin-top:8px;}
.nav1{  background:url(../images/nav1.png) no-repeat;}
.nav2{  background:url(../images/nav2.png) no-repeat;}
.nav3{  background:url(../images/nav3.png) no-repeat;}
.nav4{  background:url(../images/nav4.png) no-repeat;}
.nav5{  background:url(../images/nav5.png) no-repeat;}
.nav-on .nav1{  background:url(../images/nav1-on.png) no-repeat!important;}
.nav-on .nav2{  background:url(../images/nav2-on.png) no-repeat!important;}
.nav-on .nav3{  background:url(../images/nav3-on.png) no-repeat!important;}
.nav-on .nav4{  background:url(../images/nav4-on.png) no-repeat!important;}
.nav-on .nav5{  background:url(../images/nav5-on.png) no-repeat!important;}
.nav-on p{ color:#7fbe25!important;}
.footer{ font-size:12px; color:#fff; width:100%; height:35px; line-height:35px; background:#7fbe25; text-align:center; margin-top:65px;}
#main{ width:100%;}
.footer2{width:100%;}
.f-top{ height:100px; background:#555555; padding-top:32px;}
.f-top p{ line-height:35px; font-size:14px; color:#f0f0f1; text-align:center;}
.f-top p span{ margin-right:15px;}
.f-bottom{ height:40px; line-height:40px; text-align:center; background:#333333; font-size:12px; color:#f0f0f1;}
.fixed{ position:fixed; right:10px; top:50%; margin-top:-143px; z-index:99999;}
.shape1{ width:66px; height:68px; display:block; background:url(../images/Shape.png) no-repeat;}
.shape2{ width:66px; height:68px; display:block; background:url(../images/Shape2.png) no-repeat; margin-top:5px;}
.shape3{ width:66px; height:68px; display:block; background:url(../images/Shape3.png) no-repeat;margin-top:5px;}
.shape4{ width:66px; height:68px; display:block; background:url(../images/arrow.png) no-repeat;margin-top:5px;}
.fixed a:hover{ opacity:0.7;filter:  alpha(opacity=70);}