/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}


/*banner*/
.banner{position: relative; overflow:hidden; height:620px; overflow:hidden;width: 100%; margin:-40px 0 0;width: 100%; min-width:1200px;}
.tempWrap{ margin:0 auto;}
.banner .bd ul li{height: 620px;overflow: hidden;}
.bd .banner01{background:url(../skins/default/img/index/banner01.jpg) no-repeat center 0;}
.bd .banner02{background:url(../skins/default/img/index/banner02.jpg) no-repeat center 0;}
.bd .banner03{background:url(../skins/default/img/index/banner03.jpg) no-repeat center 0;}
.banner p{position: absolute;top: 270px;width: 79px;height: 79px;}
.banner p a{display: block;width: 79px;height: 79px;}
.banner .prev{left: 50px;}
.banner .next{right: 50px;}
.banner .prev a{ background:url(../skins/default/img/index/ban_lico01.png) no-repeat;}
.banner .prev a:hover{ background:url(../skins/default/img/index/ban_lico02.png) no-repeat;}
.banner .next a{ background:url(../skins/default/img/index/ban_rico01.png) no-repeat;}
.banner .next a:hover{ background:url(../skins/default/img/index/ban_rico02.png) no-repeat;}

/**/
.exc{ padding:70px 0 0;height: 602px;font-size: 0;}
.exc b{display: block;width: 340px;height: 522px;position: absolute;top: 150px;left: 430px;}
.exc b img{width: 340px;height: 522px;}
.exc h2{font-size: 30px;color: #333;height: 80px;text-align: center;text-transform: uppercase;}
.exc_l{width: 465px; padding:48px 0 0;}
.exc dl{ padding:0 0 45px;width: 465px;height: 168px;}
.exc dl dt{width: 90px;height: 80px;z-index: 10;position: relative;}
.exc dl dt img{width: 90px;height: 80px;}
.exc dl dd{width: 340px;float: left;height: 168px;overflow: hidden;}
.exc dl dd h5{font-size: 20px;color: #333;height: 50px;line-height: 25px;overflow: hidden; margin:0 0 15px;}
.exc dl dd h5 i{display: block;}
.exc dl dd p{font-size: 12px;color: #333;line-height: 20px;}
.exc dl .exc_dd01{ border-bottom:#eee 1px solid;}
.exc .exc_l dl dt,.exc .exc_r dl dd{float: right;}
.exc .exc_r dl dt{float: left;}
.exc dl .exc_dt01,.exc dl .exc_dt03{ margin:15px 0 0;}
.exc dl .exc_dt02,.exc dl .exc_dt04{ margin:10px 0 0;}
.exc dl .exc_dt01{ background:url(../skins/default/img/index/exc_ico01.gif) no-repeat;}
.exc dl .exc_dt01:hover{ background:url(../skins/default/img/index/exc_ico05.gif) no-repeat;}
.exc dl .exc_dt02{ background:url(../skins/default/img/index/exc_ico02.gif) no-repeat;}
.exc dl .exc_dt02:hover{ background:url(../skins/default/img/index/exc_ico06.gif) no-repeat;}
.exc dl .exc_dt03{ background:url(../skins/default/img/index/exc_ico03.gif) no-repeat;}
.exc dl .exc_dt03:hover{ background:url(../skins/default/img/index/exc_ico07.gif) no-repeat;}
.exc dl .exc_dt04{ background:url(../skins/default/img/index/exc_ico04.gif) no-repeat;}
.exc dl .exc_dt04:hover{ background:url(../skins/default/img/index/exc_ico08.gif) no-repeat;}

/**/
.cp_bg{ background:url(../skins/default/img/index/cp_bg.gif) no-repeat center 0;height: 660px;font-size: 0;overflow: hidden;width: 100%; min-width:1200px;}
.cp_l{width: 819px;}
.cp_t{height: 154px;width: 819px; display:inline-block; padding:24px 0 0;}
.cp_t h2{font-size: 30px;color: #333;text-transform: uppercase;width: 225px;float: left;}
.cp_t p{font-size: 12px;color: #333;height: 40px;line-height: 20px;overflow: hidden;width: 595px;float: left;}
.cp_t p span{display: block;}
.cp_main{width: 740px;height: 360px;}
.cp_c{width: 690px;overflow: hidden;}
.cp_c ul li{width: 210px;position: relative;float: left; padding:0 10px;}
.cp_c ul li img{width: 210px;height: 270px;}
.cp_c ul li em{ width:210px;font-size: 12px;color: #fff; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_c ul li span{display: none;width: 210px;height: 270px; background:url(../skins/default/img/index/cp_picbg.png) repeat;position: absolute;top: 0;left: 10px;}
.cp_c ul li span a{display: block;font-size: 12px;color: #e72224;width: 110px;text-align: center;height: 32px;line-height: 32px;background: #fff; margin:120px auto 0;font-weight: bold; text-decoration:none;}
.cp_c ul li:hover span{display: block;}
.cp_main .prev{position: absolute;top: 128px;left: -40px;}
.cp_main .next{position: absolute;top: 128px;right: 0;}
.cp_main .prev a,.cp_r .prev a{ background:url(../skins/default/img/index/cp_lico01.gif) no-repeat;display: block;width: 30px;height: 30px;}
.cp_main .prev a:hover,.cp_r .prev a:hover{ background:url(../skins/default/img/index/cp_lico02.gif) no-repeat;}
.cp_main .next a,.cp_r .next a{ background:url(../skins/default/img/index/cp_rico01.gif) no-repeat;display: block;width: 30px;height: 30px;}
.cp_main .next a:hover,.cp_r .next a:hover{ background:url(../skins/default/img/index/cp_rico02.gif) no-repeat;}
.cp_r{width: 381px;height: 586px; padding:18px 0 0;}
.cp_rm{width: 381px;height: 586px;overflow: hidden;}
.cp_r ul li{width: 381px;height: 586px;float: left;position: relative;}
.cp_r ul li img{width: 380px;height: 586px;}
.cp_r ul li p{ display:none;width: 311px;height: 426px; background:url(../skins/default/img/index/cp_picbg.png) repeat;position: absolute;top: 0;left: 0; padding:160px 0 0 70px;}
.cp_r ul li p b{display: block;font-size: 16px;color: #fff; padding:0 0 12px;}
.cp_r ul li p b i{display: block;}
.cp_r ul li p span{display: block;font-size: 14px;color: #fff;line-height: 24px;}
.cp_r ul li:hover p{display: block;}
.cp_r .prev{position: absolute;top: 307px;left: -50px;}
.cp_r .next{position: absolute;top: 307px;right: -50px;}

/**/
.hz{ padding:0 0 70px;}
.hz h2{height: 78px;font-size: 30px;color: #333;text-align: center;text-transform: uppercase;}
.hz ul li{width: 220px;float: left; padding:0 10px;}
.hz ul li img{width: 216px;height: 116px; border:#eee 2px solid;display: block;}
.hz ul li:hover img{ border:#e72224 2px solid;}

/**/
.high{width: 570px;}
.high h2,.pack h2{font-size: 30px;color: #333;text-transform: uppercase;height: 75px;}
.high_l{ background:url(../skins/default/img/index/high_lbg.gif) no-repeat;width: 204px;height: 450px;}
.high_l ul{display: block;width: 124px; padding:30px 0 0 80px;}
.high_l ul li{font-size: 25px;color: #333;font-weight: bold; background:url(../skins/default/img/index/high_k01.gif) no-repeat;width: 124px;height: 130px;}
.high_l ul .on{color: #fff; background:url(../skins/default/img/index/high_k02.gif) no-repeat;}
.high_l ul li i{display: block; padding:45px 0 0 30px;}

.high_r{width: 320px; padding:50px 0 0;}
.high_r dl{width: 320px;}
.high_r dl dt{width: 320px;height: 170px;overflow: hidden;}
.high_r dl dt img,.jz dl dt img,.ab_r ul li img{width: 320px;height: 170px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
transition: 0.8s;}
.high_r dl dt img:hover,.jz dl dt img:hover,.ab_r ul li img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.high_r dl dd{width: 320px; padding:22px 0 0;}
.high_r dl dd p{font-size: 14px;color: #333;line-height: 24px;overflow: hidden;}
.high_r dl dd p i{display: block;}
.high_r dl dd span{display: block;width: 120px; padding:50px 0 0;}
.high_r dl dd span a{font-size: 12px;color: #262626;display: block;width: 116px;height: 26px;text-align: center;line-height: 26px; border:#262626 2px solid;}
.high_r dl dd span a:hover{background: #e72224;color: #fff; border:#e72224 2px solid; text-decoration:none;}

.pack{width: 560px; padding:0 0 50px;}
.pack01{ background:url(../skins/default/img/index/pack_k01.gif) no-repeat;width: 500px;height: 115px; padding:20px 0 0 60px; margin:0 0 25px;}
.pack01:hover{ background:url(../skins/default/img/index/pack_k02.gif) no-repeat;}
.pack01 b{display: block;font-size: 20px;color: #333;height: 40px;}
.pack01 p{display: block;font-size: 12px;color: #333;height: 43px;}
.pack01 span{display: block;font-size: 14px;color: #666;width: 100px;text-align: center;height: 32px;line-height: 32px;overflow: hidden;}
.pack01:hover span{color: #fff;}

/**/
.map_bg{ background:url(../skins/default/img/index/map_bg.jpg) no-repeat center 0;height: 560px;font-size: 0;overflow: hidden;width: 100%; min-width:1200px;}
.map h2{font-size: 30px;color: #fff;text-transform: uppercase; padding:55px 0 0;height: 60px;text-align: center;}
.map_l{width: 110px; padding:145px 0 0 520px;}
.map_l a{display: block;width: 110px;height: 32px;text-align: center;line-height: 32px;background: #262626;font-size: 12px;color: #fff;}
.map_l a:hover{background: #e72224; text-decoration:none;}

.map_r{width: 330px; background:url(../skins/default/img/index/map_line.gif) no-repeat 7px 55px;}
.map_r ul li{font-size: 14px;color: #fff; background:url(../skins/default/img/index/map_ico01.png) no-repeat 0 47px; padding:45px 0 0 34px;}
.map_r ul li i{display: block;}
.map_r ul li:hover{font-weight: bold;}

/*Customers*/
.jz{ padding:75px 0 80px;font-size: 0;}
.jz h2{font-size: 30px;color: #333;text-transform: uppercase;height: 75px;text-align: center;}
.jz dl{width: 360px; padding:0 20px;float: left;overflow: hidden;}
.jz dl dt{width: 360px;height: 220px;overflow: hidden;}
.jz dl dt img{width: 360px;height: 220px;}
.jz dl dd{width: 360px;height: 220px;}
.jz dl dd p{height: 88px;line-height: 22px;font-size: 12px;color: #333;overflow: hidden; padding:22px 0 0;}
.jz dl dd p em{display: block;}
.jz dl dd span{display: block;width: 120px; padding:42px 0 0;}
.jz dl dd span a{font-size: 12px;color: #262626;font-weight: bold;display: block;width: 116px;text-align: center;height: 26px;line-height: 26px;overflow: hidden; border:#262626 2px solid;}
.jz dl dd span a:hover{background: #e72224;color: #fff; border:#e72224 2px solid; text-decoration:none;}
.jz .jz_dl02 dd p{padding: 0;}

/**/
.about{ background:url(../skins/default/img/index/ab_bg.gif) no-repeat;height: 660px;font-size: 0;}
.ab_l{width: 860px;}
.ab_l h2{font-size: 30px;color: #333;text-transform: uppercase;height: 70px;}
.ab_l dl{width: 860px;}
.ab_l dl dt{width: 860px;height: 400px;overflow: hidden;}
.ab_l dl dt img{width: 860px;height: 400px;}
.ab_l dl dd{width: 860px; padding:26px 0 0;}
.ab_l dl dd p{font-size: 12px;color: #333;height: 60px;line-height: 20px;overflow: hidden;float: left;width: 740px;}
.ab_l dl dd p i{display: block;}
.ab_l dl dd span{display: block;float: left;width: 120px; padding:14px 0 0;}
.ab_l dl dd span a{font-size: 12px;color: #fff;font-weight: bold;display: block;width: 120px;text-align: center;height: 30px;line-height: 30px;background: #e72224;overflow: hidden;}

.ab_r{width: 280px; padding:50px 0 0;}
.ab_r ul li{width: 280px; padding:0 0 20px;}
.ab_r ul li:hover{ background:url(../skins/default/img/index/ab_line.gif) no-repeat right 0;}
.ab_r ul li em{display: block;width: 220px;height: 120px;overflow: hidden;}
.ab_r ul li img{width: 220px;height: 120px;}
.ab_r ul li span{font-size: 14px;color: #333; width:220px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;}

/**/