﻿@charset "utf-8";
/* CSS Document */
html,body{}
.header{clear: both;background: #fff;width: 100%; height:60px;position: fixed;left: 0;top: 0;z-index: 1000;}
.header .header_box{ width: 1000px;margin: 0 auto;height: 60px;}
.header .logo{width: 150px;float: left;overflow: hidden;margin-left: 5px;}
.header li{float: left;width: 90px;height:20px;line-height: 20px; text-align: center;border-left: 1px solid #999;margin: 20px 2px 0 2px;position: relative;border-bottom: 1px solid #fff;background: #fff;}
.header li span{height: 1px;display: block;background: #ffa700;position: absolute;left: 15px;top: 25px;width:0px;z-index: 1001;}
.header li a{font-size: 14px;}
.header li div{position: absolute;z-index: 999; width: 90px;background: #fff;filter:alpha(opacity=80);opacity:0.8;left: 0;padding-top: 10px; top: 20px;display: none;}
.header li div a{display: block;width: 100%;height: 28px;line-height: 28px;font-size: 12px;border-bottom: 1px solid #eee;}
.header li div a:last-child{border:0;}
.header .hot_line{float: right;}


.i-wrap1{z-index: 1002;}
.wrap1_top .top_box{clear: both;overflow: hidden;background: #eee;height: 25px;line-height: 25px;width: 100%;}
.wrap1_top .top_nav{width: 1000px; margin: 0 auto;font-size: 12px;font-family: "宋体";color: #999;}
.wrap1_top .top_nav p{display: inline-block;float: right;}
.wrap1_top .top_nav a{font-size: 12px;padding: 0 8px;border-right: 1px solid #999;color: #999;}
.wrap1_top .top_con_box{background: #fff;clear: both;overflow: hidden;}
.wrap1_top .top_con{width: 1000px;height: 155px;margin: 0 auto;background: url(../images/top_bg.jpg) no-repeat 500px top;overflow: hidden;}
.wrap1_top .top_con p{float: left;margin-top: 45px;margin-left: 10px;}
.wrap1_top .hot_line{float: right;background: url(../images/hot_line.png) no-repeat right bottom;height:55px;width: 220px;color: #5b5b5b;text-align: right;margin:40px 20px 0 0 ;position: relative;}
.wrap1_top .hot_line tel {position: absolute;right: 0;top: 55%;font-size: 22px;font-family: 微软雅黑;letter-spacing: 2px;color:#ff9900;}
.wrap1_top .nav_box{background: #3a3b3e;height: 45px;}
.wrap1_top .nav{width: 1000px;margin: 0 auto;}
.wrap1_top .nav a{color: #fff;font-size: 16px;display: block;width: 140px;height: 45px;}
.wrap1_top .nav li{float: left;width: 140px;height: 45px;line-height: 45px; text-align: center;position: relative;}
.wrap1_top .nav li div{position: absolute;z-index: 999; width: 140px;clear: both;overflow: hidden;background:#ff9900;filter:alpha(opacity=70);opacity:0.7;display: none;}
.wrap1_top .nav li div a{height: 35px;line-height: 35px;font-size: 14px;border-bottom: 1px solid #fff;}
.wrap1_top .nav li.on{background: #ff9900;}
.wrap1_top .nav li.on a{font-weight: bold;}
.wrap1_top .nav li:hover{background: #ff9900; }
.wrap1_top .nav li.on div a{font-weight: normal;}
.wrap1_top .banner{width: 100%;height:768px;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{width: 100%; overflow: hidden;}
.banner .bd li img{width:100%; vertical-align:top;  } 
.banner .hd{position: absolute;width: 100%;text-align: center;height: 3px;overflow: hidden;left: 0;bottom:50px;cursor: pointer;}
.banner .hd li{display:inline-block;*display:inline;width: 50px;margin: 0 5px; background: #fff;line-height: 30px; filter:alpha(opacity=50);opacity:0.5;}
.banner .hd li.on{background: #000;filter:alpha(opacity=50);opacity:0.5;}
.banner .prev,.banner .next{position: absolute;width:30px;height: 55px;display: block;top: 50%;margin-top:50px;background: url(../images/arrow.png) no-repeat 0 0 #000; filter:alpha(opacity=10);opacity:0.1;}
.banner .prev{left: 10px;}
.banner .next{ background-position:right 0;right: 10px; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=80);opacity:0.8 } 

.title{width: 1000px;text-align: center;clear: both;overflow: hidden;margin:20px auto 35px;padding: 20px 0 8px; color: #999;font-size: 16px;position: relative;}
.title p{color: #f39200;font-size: 24px;padding: 8px 0;}
.title span{display: block;width: 110px;height: 1px;background: #f39200;position: absolute;left: 50%;margin-left: -55px;bottom: 0;}
.more{clear: both;overflow: hidden;margin: 10px 0;}
.more a{width: 131px;height: 28px;display: block;text-align: center;line-height: 28px;color: #a4a4a4;background: url(../images/more_bg.png) no-repeat center top;margin: 0 auto;}
.more a:hover{color: #f39200;background: url(../images/more_bg.png) no-repeat center -28px;transform: scale(0.95);}


.i-wrap2{background: url(../images/bg2.jpg) no-repeat center center fixed;}
.wrap2_box{width: 1000px;height: 600px;overflow: hidden;position: absolute;top: 50%;margin-top: -300px;left: 50%;margin-left: -500px;}
.wrap2_box .advantage{width: 1000px;margin: 20px auto;clear: both;overflow: hidden;}
.advantage .advantage_m{float: left;width: 200px;cursor: pointer;}
.advantage .icon{width:127px;height:127px;background: url(../images/yq_bg.png) no-repeat -200px top;overflow: hidden;margin: 0 auto;}
.advantage_m:hover .icon{background: url(../images/yq_bg.png) no-repeat 0px top;}
.advantage .img_box{margin: 18px auto 0;width: 90px;height: 90px;position: relative;overflow: hidden;}
.advantage .icon p{width:180px;height:90px;overflow: hidden;position: absolute;left: 0;top: 0;}
.advantage .icon p img{float: left;}
.advantage .text{line-height: 18px;margin-top: 10px;text-align: center;}
.advantage_m:hover .text{transform: scale(0.95);}
.wrap2_box .quick_b{ clear: both;overflow: hidden;margin: 15px 0;}
.wrap2_box .quick_b div{float: left;width: 485px;height: 130px;margin: 0 7px 0 8px;overflow: hidden;position: relative;}
.wrap2_box .quick_b div img{width: 100%;}
.wrap2_box .quick_b p{position: absolute;width: 120px;height: 80px;overflow: hidden;left: 45px;top: 30px;font-size: 18px;}
.wrap2_box .quick_b span{display: block;clear: both;overflow: hidden;font-size: 14px;color: #999;font-family: arial;text-transform: uppercase;}
.wrap2_box .quick_b .mo{width: 73px;height: 23px;color: #fff;display: block;background: #d5d5d5;font-size: 12px;text-align: center;border-radius: 5px;}
.wrap2_box .quick_b div:hover img,.wrap2_box .quick_b div:hover p{transform: scale(0.95);}


.i-wrap3{background: url(../images/bg3.jpg) no-repeat center center fixed;}
.wrap3_box{width: 1000px;height: 540px;overflow: hidden;position: absolute;top: 50%;margin-top: -270px;left: 50%;margin-left: -500px;}
.wrap3_con{clear: both;overflow: hidden;}
.wrap3_con .wrap3_l{width: 355px;float: left;}
.wrap3_l .zxdp{position: relative;}
.zxdp .bd{ position:relative; z-index:0; }
.zxdp .bd li{text-align: center;line-height: 30px;}
.zxdp .bd li img{width: 355px;height: 267px; vertical-align:top; } 
.zxdp .hd{text-align: center;}
.zxdp .hd li{display: inline-block;width: 10px;height: 10px;overflow: hidden;line-height:100px;margin: 0 5px; background: url(../images/icon1.png) no-repeat center -15px;cursor: pointer;}
.zxdp .hd li.on{background-position: center 0;}
.zxdp .prev,.zxdp .next{position: absolute;background: url(../images/arrow.png) no-repeat left center;display: block;width: 15px;height: 30px;overflow: hidden;top: 133px;filter:alpha(opacity=80);opacity:0.8;}
.zxdp .prev{left: 0;}
.zxdp .next{background: url(../images/arrow.png) no-repeat right center;right: 0;}
.wrap3_con .wrap3_r{float: right;width: 600px;}
.wrap3_con .wrap3_r li{height: 105px;}
.wrap3_con .wrap3_r p{float: left;width: 55px;height: 55px;background: #cbcbcb;overflow: hidden;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 33px;}
.wrap3_con .wrap3_r p span{background: #bbb;height: 22px;line-height: 22px;font-size: 12px;font-weight: normal;display: block;clear: both;}
.wrap3_con .wrap3_r div{float: right;width: 525px;height: 55px;overflow: hidden;}
.wrap3_con .wrap3_r div a{font-size: 12px;line-height: 16px;display: inline-block;color: #999;}
.wrap3_con .wrap3_r div h5{height: 23px;line-height: 20px;overflow: hidden;}
.wrap3_con .wrap3_r div h5 a{font-size: 16px;color: #333;}
.wrap3_con .wrap3_r li:hover div a{color: #333;}
.wrap3_con .wrap3_r li:hover h5 a{color: #f90;}

.i-wrap4{background: url(../images/bg4.jpg) no-repeat center center fixed;}
.wrap4_box{width: 1000px;height: 480px;overflow: hidden;position: absolute;top: 50%;margin-top: -240px;left: 50%;margin-left: -500px;}
.wrap4_box .wrap4_info{line-height: 20px;text-indent: 2em;clear: both;overflow: hidden;}
.i-wrap4 .wrap4_box ul{clear: both;overflow: hidden;margin: 30px 0;}
.i-wrap4 .wrap4_box li{width: 175px;height: 170px;overflow: hidden;margin: 0 38px 0 37px;float: left;background: #f3f4f6;border-radius: 5px;cursor: pointer;}
.i-wrap4 .wrap4_box li:hover .text{transform: scale(0.95);}
.wrap4_box .icon{width: 60px;height: 60px;margin: 30px auto 15px;overflow: hidden;position: relative;}
.wrap4_box .icon p{width: 60px;height: 120px;position: absolute;left: 0;top: 0;}
.wrap4_box .icon p img{float: left;}
.wrap4_box .text{text-align: center;}
.wrap4_box .text a{font-size: 12px;color: #aaa;}
.wrap4_box .text p{height: 20px;line-height: 20px;}
.wrap4_box .text p a{font-size: 16px;color: #333;}

.i-wrap5{background: url(../images/bg5.jpg) no-repeat center center fixed;}
.i-wrap5 .wrap5_box{width: 1000px;height:150px;overflow: hidden;position: absolute;top: 50%;margin-top: -75px;left: 50%;margin-left: -500px;text-align: center;}
.i-wrap5 .wrap5_box P{font-size: 24px;}
.i-wrap5 .wrap5_box P span{color: #ef9000;font-weight: bold;}
.i-wrap5 .wrap5_box a{display: block;width: 248px;height: 55px;line-height:55px;margin: 20px auto;background: url(../images/btn_bg.png) no-repeat center center;color: #f39200;font-size: 20px;}


.footer{clear: both;overflow: hidden;}
.footer_con{width: 790px;padding-left: 210px; margin:20px auto;background: url(../images/logo_bottom.png) no-repeat left center;overflow: hidden;}
.footer_con .info{width: 469px; padding-left: 20px; float: left;height: 128px;overflow: hidden;border-left: 1px solid #aaa;}
.footer_con .info .tel p{/*clear: both;overflow: hidden;*/color: #f39200;font-size: 24px;line-height:30px;font-weight: bold;padding: 8px 0;}
.footer_con .info .tel p span{display: block;font-size: 14px;color: #333;font-weight: normal;}
.footer_con .qcode{float: right;}
.footer_con .qcode img{width: 128px;height: 128px;float: left;margin: 0 10px;}

.footer .copyright{width: 100%;clear: both;overflow: hidden;background: #333;color: #fff; padding: 20px;text-align: center;}
.footer .copyright a{color: #fff;}



.i-wrap1,.i-wrap2,.i-wrap3,.i-wrap4,.i-wrap5{overflow: hidden;position: relative;}
