/******************************
 ** 初始化
 ** 兼容到IE7
 ** power by:www.hnjing.com
 ******************************/
* { margin:0; padding:0;}
html { height:100%; }
body  { max-width:1920px; margin:0 auto; font:14px/1.5 "Microsoft Yahei", Arial; color:#333333; background:#FFF; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#3f4461; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6 { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#02a703; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.fl{ float: left;}
.fr{ float: right;}
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut,[nowrap] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1100px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:60px; padding-bottom: 50px;}
.clearfix:after{content:""; clear:both; height:0; line-height: 0px; font-size:0; }
[guodu] *{ transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
[this_guodu]{ transition: background 300ms; -webkit-transition: background 300ms; }

/******************************
 ** 首页风格
 ******************************/
.header { height:190px; background:#333; position:relative; z-index:11; position: relative; }
.header .top_box{width:100%; height:28px; background:#E0DEDE;  color:#858585;  }
.header .top_box .wrap{height:28px; line-height: 28px;}
.header .top_box a{float: right; padding-left:10px; color: #848383;}
.header .top_box span{color: #848383; padding-left: 10px; }
.header{height:142px; width: 100%;background:#fff;  }
.header .logo{ height:77px; margin-right: 18px; margin-top: 16px;}
.header .topAdv{  height:70px; font-weight: normal; padding-left: 18px; margin-top: 20px; border-left: 1px #40a640 solid;  }
.header .topAdv h3{font-size:20px; color:#02a703; font-weight:normal; line-height: 1.3;}
.header .topAdv h4{ font-size:31px; color:#ff9704;  line-height: 1.6; font-weight: normal;}
.topTel{ height: 52px;  margin-top: 19px;}
.topTel h6{  color:#02a703; font-weight: normal; font-size:26px;
  						height: 40px; line-height: 38px;}
.topTel h6 span{color: #ff9704; font-size: 32px;    }

/*nav*/
.nav { width:100%; height:68px; position:relative; z-index:10; background:#02a703; }
.nav .list { height:68px; }
.nav li { float:left; width:121px; height:68px; text-align:center; position:relative; border-left: 1px solid #8cdd8c;}
.nav li:first-child{    border-left:  none;}
.nav li > a { display:block; height:68px;  line-height:68px; font-size:18px;  color:#fff; }
.nav li.current, .nav li:hover { background:#ff9704; }
.nav li > a font{font-size:12px; color:#007fe3}

.nav li.current > a, .nav li:hover > a { color:#fff; }
.nav .drop { position:absolute; left:0; top:68px; width:100%; background:#02a703; overflow:hidden; display:none; }
.nav dl { width:100%; }
.nav dd { height:44px; line-height:44px; }
.nav dd a{color:#fff;font-size: 16px; }
.nav dd:hover{ background:#ff9704; }

.sousuo{ height: 57px;   background-color: #ff9704;  border-radius: 10px;  line-height: 57px; }
.sousuo h1{  font-size: 20px;  color: #fff; font-weight: normal; padding-left: 126px;  background:url(../images/sousuo_tel.jpg) 52px center no-repeat;}
.sousuo h1 font{  font-size: 25px;  font-weight: bold;  }
.searcher {float: right; width:288px; height:38px;  background:#c5c5c5;  position: relative;  top: 10px; right: 55px;
		background:url(../images/sousuo_bg.jpg) center top no-repeat; 
}
.searcher .txt { float:left; height:38px; line-height:35px; width:220px;  background:none;  border:0; color:#c2c0c0; padding:0 0 0 10px; font-size: 16px; }
.searcher .submit { float:right; width:42px; height:38px; background: none;  border:0; color:#c2c4d0; cursor:pointer; }
.searcher .submit:hover { opacity:.9;  }
  

.banner { width:100%; min-width:1100px; position:relative;  z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#F5F5F5; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .bannerBox{margin:0 auto; text-align:center;   width: 1100px; height:36px; border-radius: 36px;  position:absolute; left:50%; margin-left: -550px;   bottom:10px ; z-index:3; }
.banner .tip {   height:36px; text-align:center;   } 
.banner .tip span { display: inline-block; width:32px; height:36px; line-height:28px; background:url(../images/banner-tip.png) center top  no-repeat;color: #fff;
  			 cursor:pointer;  transition:all 300ms ease;  -webkit-transition:all 300ms ease; margin:0 3px;}
.banner .tip span.cur { background:url(../images/banner-tip.png) center -60px no-repeat; color: #fff;}
.banner, .banner ul,.banner img { height:450px; *overflow: hidden;}
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }

.ihead { height:84px;  text-align:center;  position: relative;}
.ihead h2 {width:210px;  height:36px;  width: 214px; margin:0 auto; line-height: 36px;font-size:18px; color:#333;  font-weight: normal; position: relative;text-align: center;  }
.ihead h2 i {  height:1px; width:50px;  background:#333;    position: absolute; left: 0; top: 50%; 
}
.ihead h2 i:first-child {  left: auto; right: 0; top: 50%; }
.ihead h4{   font-size:20px; line-height: 22px;  text-align: center; width:100%; color:#333; font-weight: bold;  text-transform: uppercase; }
.ihead h4 span{color: #0054AA;}
.ihead h4 font{color: #F84C00;}
.ihead h6{   font-size:14px; line-height: 18px; text-align: center; width:100%;  color:#949494; font-weight: normal;    }



/*ipro_title*/
.iproduct_title{height:74px;width:100%; position:relative; background:url(../images/gy_title_bg.png) no-repeat center top; text-align: center;}
.iproduct_title h1{ text-align:center;height:47px; line-height:52px;color:#02a703; font-size:30px; font-weight: normal; }
.iproduct_title h2{ text-align:center;height:22px; line-height:22px; font-size:18px;   text-transform: uppercase; }
.iproduct_title h2 a {color:#848383; }
/*ipro*/
.iproduct{width:1100px; margin:60px auto;  overflow: hidden; }
.iproduct .list{width:100%;  text-align: center;  padding-top: 8px; }
.iproduct .list li{ margin:0 5px;   display: inline-block; zoom:1;   *display: inline;   vertical-align: middle; width: 106px;  height: 26px; border: 1px #02a703 solid;  background-color: #fff;}
.iproduct .list li a{ display:block; width:100%; text-align:center; line-height: 26px;  color: #848383;}
.iproduct .list li:hover{background-color: #02a703; }
.iproduct .list li:hover a{color: #fff;}
.iproduct .list li.proHover{background-color: #02a703; }
.iproduct .list li.proHover a{color: #fff;}
.iproduct .iproBox{ height: 788px; width: 100%;  overflow: hidden; position: relative; }
.iproduct .iproBox .iproScroll{height: 960px;  width: 200%; position: absolute; left: 0; top: 0;  }
.iproduct .show{width:1132px; overflow:hidden;  padding-top: 30px; }
.iproduct .show li{ width:251px;  margin:0 32px 30px 0;   float: left;}
.iproduct .show li>a{ display:block;height:186px;width:249px; border: 1px #02a703 solid;  position:relative;overflow:hidden;  }
.iproduct .show li .img{height:186px;width:100%;  display: block; }
.iproduct .show li .big{height:50px;width:50px; position:absolute; top:50%; left:-105%; margin-top:-25px;  color: #fff ;  font-size: 16px; text-align: center; line-height: 50px; width: 100%;
	background:rgba(2, 167, 3, .7);  
}
@media \0screen\,screen\9 { 
.iproduct .show li .big{ 
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B202a703,endColorstr=#B202a703); 
background:url(about:blank);
    }
}
.iproduct .show li h5{ font-size:16px;color:#333; line-height:26px;  height: 70px; font-weight: normal; }
.iproduct .show li .ipro_bt{  overflow: hidden;   height: 32px; line-height: 32px; }
.iproduct .show li .ipro_bt >a{ font-size: 16px; color: #848383;  width: 83px; text-align: center; line-height: 27px;  height: 27px; display: block; }
.iproduct .show li .ipro_bt >a:hover{background-color: #02a703; color: #fff;}
.iproduct .show li span{color:#ff9704; font-size:17px;   }
.iproduct .show li span b{  font-size: 22px;  font-style: normal;  font-weight: normal; }

.iproduct .show li:hover .img{opacity:0.9;filter:alpha(opacity=90)}
.iproduct .show li:hover .big{left:0;    }
/*min_b*/
.min_b{ height: 212px;background:url(../images/min_bg.jpg) center center no-repeat ; }
.min_b h1{ height: 108px; padding-top: 68px; padding-left: 15px; }
.min_b h1 p{ float: left;  font-family: "华文行楷";font-size: 44px;  color: #fff;   line-height: 50px; font-weight: normal;  text-shadow: 4px 4px 4px rgba(0,0,0,.8);}
.min_b h1 span{font-family: "宋体";font-size:80px;  color: #fde403;    font-weight: normal; float: left;  line-height: 97px; font-weight: bold;}
.min_b .min_erwei{ width: 164px;  height: 164px;  position: relative; top: 30px; right:145px}
.min_b .min_erwei em , .min_b .min_erwei span , .min_b .min_erwei font , .min_b .min_erwei b {  display: block; position: absolute; width: 35px;  height: 35px;  font-style: normal;   font-weight: normal; }
.min_b .min_erwei em{ border-left: 1px solid #fde403;  border-top: 1px solid #fde403; left: 0; top: 0;  }
.min_b .min_erwei b{ border-right: 1px solid #fde403;  border-top: 1px solid #fde403; right: 0; top: 0;  }
.min_b .min_erwei font{ border-left: 1px solid #fde403;  border-bottom: 1px solid #fde403; left: 0; bottom: 0;  }
.min_b .min_erwei span{ border-right: 1px solid #fde403;  border-bottom: 1px solid #fde403; right: 0; bottom: 0;  }
.min_b .min_erwei h2{font-size: 18px;  color: #000; font-weight: normal;  text-align: center; height: 43px; line-height: 43px;  ;}
.min_b .min_erwei img{  display: block; margin:0 auto;  width: 96px; height: 96px;}

/*icase*/
.icase{width:1100px; margin:64px auto 34px;  overflow: hidden; }
.icase .list{width:100%;  text-align: center;  margin:8px auto 30px;}
.icase .list li{ margin:0 5px;   display: inline-block; zoom:1;   *display: inline;   vertical-align: middle; width: 106px;  height: 26px; border: 1px #02a703 solid;  background-color: #fff;}
.icase .list li a{ display:block; width:100%; text-align:center; line-height: 26px;  color: #848383;}
.icase .list li:hover{background-color: #02a703; }
.icase .list li.proHover{background-color: #02a703; }
.icase .list li:hover a{color: #fff;}
.icase .list li.proHover a{color: #fff; }
.icase .icase_box{width: 100%; height: 564px;overflow: hidden;  position: relative;  }
.icase .icase_box .icase_scroll{ width: 200%; height: 564px; position: absolute; left: 0; top: 0;}
.icase .show{width:1128px; overflow:hidden;}
.icase .show li{ width:249px; padding:2px; background-color: #02a703;  margin:0 29px 30px 0;   float: left;  position: relative; padding-bottom: 64px;}
.icase .show li>a{ display:block;height:186px;width:100%;  position:relative;overflow:hidden;  }
.icase .show li .img{height:186px;width:100%;  display: block; }
.icase .show li .icase_title{width: 100%;  position: absolute; left: 0; bottom: 0; height: 40px;  padding:12px 0; overflow: hidden;  background-color:#02a703;  }
.icase .show li:hover .icase_title{ height: 112px;    background-color: #ff9704;   }
.icase_title a.icase_con{width: 53px; display: block;  height: 52px; position: absolute; left: 50%; margin-left: -26px; top: -65px;   transition-delay:.3s;  opacity:0;
  		background: url(../images/icase_con.png) no-repeat center center;  }
.icase_title a.icase_con:hover{transform: rotate(360deg);  -web-transform: rotate(360deg);	}
.icase .show li:hover .icase_title a.icase_con{  top: 65px; opacity:1;}
.icase .show li .icase_title h5{ font-size:16px;color:#fff; line-height:1.2;   font-weight: normal;  text-align: center;}
.icase .show li .icase_title h5 a{ color: #fff; display: block; }
.icase .show li .ipro_bt{ text-align: center; font-size: 16px;color: #fff; }
.icase .show li .ipro_bt span{padding-left: 5px;  }
/*inews*/
.inews{   background: url(../images/inews_map.jpg) no-repeat center center; height: 461px;   padding-top: 40px;  margin-bottom: 74px; }
.inewsBox{padding-top: 20px;  }
.inewsBox .inewsLeft{height:320px; width: 474px; position: relative;overflow: hidden; border: 1px #02a703 solid; }
.inewsBox .inewsLeft img{display: block; width: 100%; height: 320px;  }

.inewsBox .inewsRit{width: 600px;  }
.inewsRit h1{position: relative;   background-color: #f4f4f4; color:#848383; height: 37px;   line-height: 37px;  overflow: hidden; }
.inewsRit h1:first-child{ margin-top:0;}
.inewsRit h1 a{ display: block;  font-size:16px;  color: #848383 ; font-weight: normal;}
.inewsRit h1 a span{color: #02a703;  padding-right: 16px; }
.inewsRit h1 > font{  position: absolute; right: 60px; top: 0; font-style: normal; display: block; width: 90px;  
  	height: 44px;  text-align: right; line-height: 26px;    font-size: 16px; font-weight: normal; 
 }
.inewsRit h1:hover a { color: #02a703;  }
.inewsRit .inews_one{  padding-bottom: 5px; }
.inews_one h6{font-size: 25px; font-weight: normal; color: #02a703;}
.inews_one h6 a{color: #02a703;}
.inews_one h6:hover a{color: #ff9704;}
.inews_one h5{font-size:16px; font-weight: normal; color: #848383; line-height: 27px; }
.inews_one >a{margin-top: 4px;  font-size:16px; font-weight: normal; color: #fff; line-height: 27px; width: 99px; height: 27px; background-color: #02a703;text-align: center;  display: block;}
.inews_one >a:hover{  width: 120px;}
/*gongju*/
.gongju{ background:url(../images/gongju.jpg) center center no-repeat; height: 249px;   }
.gongju .gongju_box{     top: 27px;}
.gongju_box a{width: 180px; margin:0 20px;  position: relative;   height: 197px; }
.gongju_box a img{display: block; width: 146px;  height: 146px; margin:0 auto; position: absolute; top: 0; left: 50%; margin-left: -73px;  z-index: 2;}
.gongju_box a p{width: 100%;  height: 125px; background-color: #02a703; text-align: center; font-size: 20px;  color: #fff;   line-height: 200px;  z-index: 1; position: absolute; bottom: 0; left: 0;  }
.gongju_box a.gongju_2 p{background-color: #ff9704;}
.gongju_box a.gongju_3 p{background-color: #4D98DB;}
.gongju_box a.gongju_4 p{background-color: #FA8AF6;}
.gongju_box a.gongju_5 p{background-color: #FF0054;}
.gongju_box a:hover img{ -webkit-transform:rotateY(360deg); transform:rotateY(360deg);  }
.gongju_box a:hover{opacity:.9  }
/*ibottom*/
.titleLeft{  background:url(../images/news_title.png) center center no-repeat; text-align: center; width: 185px; height: 42px; }
.titleLeft font{ font-size: 20px; color: #02a703;  height: 33px; line-height: 37px; display: block;}
.titleLeft em{font-style: normal; font-size: 12px;font-weight: bold;  color: #848383;  line-height: 1.2;display: block; }

.ibottom{padding-top: 64px;  padding-bottom: 50px; }
.news{ width:540px; height:auto; float:left; margin-top:10px;   }
.news_top{ width:100%; height:57px;  }
.news_top a{width: 99px; height: 27px;  float:right; color:#fff; background-color: #02a703; display:block; line-height:27px;text-align: center; position: relative; top: 7px;}
.news_top a:hover{ background-color: #ff9704;}
.news_bottom{ width:100%; overflow:hidden; padding:5px 0;}
.news_bottom ul{ width:100%; height:auto; overflow:hidden; margin-bottom:25px;}
.news_bottom ul li.n1{ width:100%; height:174px; overflow:hidden;  margin-bottom: 6px; border-bottom: 1px #ccc solid;}
.news_bottom ul li.n1 a.n_l{ width:212px; height:159px; float:left; display:block; position:relative;   border: 1px #02a703 solid;}
.news_bottom ul li.n1 a.n_l img{ width:100%; height:159px;  display: block;}
.news_bottom ul li.n1 a.n_l span{width:0; height:0px; background:#ea5200; display:block; position:absolute; z-index:-1; top:0; left:0;}
.news_bottom ul li.n1 a.n_r{ width:305px;  float:right; display:block;}
.news_bottom ul li.n1:hover h1{color: #ff9704 !important;}
.news_bottom ul li.n1 a.n_r h1{ width:100%; height:28px; line-height:26px; display:block; color:#02a703; font-size:18px; font-weight:normal;}
.news_bottom ul li.n1 a.n_r h1 b{font-weight: normal; color: #02a703; padding-right: 16px;}
.news_bottom ul li.n1 a.n_r span{ width:100%; height:128px; line-height:26px; display:block; color:#8d8c8c; cursor:pointer;}
.news_bottom ul li.n2{ width:100%; height:34px; line-height:34px;  display:block; border-bottom: 1px #e1e1e1 solid;}
.news_bottom ul li.n2 a{ width:100%; height:34px; line-height:34px; display:block; float:left;}
.news_bottom ul li.n2 a:hover span.n2_l,.news_bottom ul li.n2 a:hover span.n2_r{color:#02a703;}
.news_bottom ul li.n2 b{float: left; font-weight: normal; color: #02a703; padding-right: 16px;}
.news_bottom ul li.n2 span.n2_l{ float:left; color:#333333; cursor:pointer; display:block;  background:url(../images/inewsBg.png) left center no-repeat;  }
.news_bottom ul li.n2 span.n2_r{ float:right; color:#666666; cursor:pointer; display:block;}

.icontact{ width:530px; height:auto; float:right; margin-top:10px;   }
.icontact .news_bottom_right{  position: relative; padding-left: 200px; padding-top: 10px;}
.news_bottom_right img{  position: absolute; display: block; width: 179px;  height: 265px; border: 1px #02a703 solid; left: 0; top: 7px; }
.news_bottom_right h1{  height: 62px; line-height: 62px; color: #ff9704; font-size: 30px;  padding-left: 82px;
  			background:url(../images/ibt_tel.jpg) left center no-repeat; font-weight: normal; } 
.icontact h6{font-weight: normal; color: #848383;  font-size: 16px; line-height: 32px; padding-top: 15px; }
/*底部*/ 
.bottom{background-color: #02a703;    height: 78px; }
.bottom .bottomBox{ text-align: center;height: 146px; }
.bottomBox p{ height: 51px;width: 221px;     display: block;  font-size: 24px;   color: #fff;  font-weight: bold;
  					background:url(../images/link_line.png) center center no-repeat;
				position: absolute; left: auto; top: 13px;   
}
.bottomBox p b{ font-weight: normal; display: block;  font-size: 18px; font-weight: bold;  line-height: 1.2;}
.bottomBox .link{text-align: left;color: #fff;    height: 78px; line-height: 78px; padding-left: 304px;     }
.bottomBox .link a{color: #fff;  padding:0 40px	;  font-size: 20px; }
.bottomBox .link a:hover{color: #ff9704;  }

.bt_data{background-color: #019701;  height: 160px; border-bottom: 5px #02a703 solid;}
.code1{float: left;text-align: center; margin-top: 37px; width:216px;  font-size: 16px;  color: #fcf8f8;  height:80px;  }
.code1 img{width: 216px;height: 80px; display: block; }
.copyright { float: left;   color: #fff;  position: relative;  padding-left: 70px;  margin-top: 32px; }
.copyright a{color: #fff;}
.copyright .c_links{margin-top: 15px;}
.copyright .c_links a{ margin: 0 10px;}
.copyright p a:hover{text-decoration: underline; }
.copyright .bt_data{  font-size: 14px;   padding:12px ;   border: 1px #fff solid; float: left;}
.copyright .zhichi{  float: left; width: 100%;   line-height: 44px; font-size: 16px; }

.bt_nav_bg{  background-color: #019902 !important;}
/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.side-menu {  background-color: #f6f6f6; }
.topclass { width:100%; margin:0 auto; height:90px; padding-bottom: 10px;  background: url(../images/ipro_topbg.png) center top no-repeat #f6f6f6; text-align: center;}
.topclass h2 {   font-size:20px;text-align: center; color: #fff; line-height: 1.4; }
.topclass span { display: block; font-size:14px; color:#fff; text-transform: uppercase; line-height: 1.2; padding-top: 13px; }
.side-menu .list { margin:0 16px; padding:0 0 6px;  }
.side-menu dd { margin-bottom: 10px; }
.side-menu dd > a { display:block; height:40px; line-height:40px; border:1px solid #02a703;  text-align: center;  color: #535353;}
.side-menu dd > a:hover ,.side-menu dd.current > a { background:url(../images/ipro_hover.png) right center no-repeat; border: none;   background-color: #02a703;height: 42px; color: #fff; }
.side-menu .drop { width:100%; padding:0 0; background:;  display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:32px; }
.side-menu .drop a { display:block; padding:0 0 0 25px;  background:url(../images/ico-submenu.png) 10px center no-repeat;  }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { color:#02a703; background-color:; }
.side-menu .side_tel{ background-color: #02a703; color: #fff; padding:12px 0;}
.side-menu .side_tel h1{width: 134px; margin:0 auto; font-size: 18px; line-height: 28px;  color: #fff; font-weight: normal; padding-left: 30px;   text-align: center;  background:url(../images/side_tel.png) left center no-repeat; }
.side-menu .side_tel h2{font-size: 31px;   line-height: 34px;color: #fff; font-weight: normal; font-family: "impact";   text-align: center;}

.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-contact { margin-bottom:20px; position:relative; top:20px; background-color: #f6f6f6; border-top:4px solid #02a703; }
.side-contact .main { padding:0 12px 15px; line-height:2; }

.container { float:right; width:850px; }
.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#02a703; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; background:url(../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }



/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:193px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.list-product .item .img { width:100%; height:144px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.list-product .item .img img { width:100%; height:144px; }
.list-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.list-product .item h3 a { }
.list-product .item .order { text-align:center; display:none; }
.list-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.list-product .item:hover { border-color:#02a703; }
.list-product .item .order a:hover {  }

/* 图片4:3 */
.list-product2 { width:100%; }
.list-product2 .list { float:left; width:101.5%; padding-bottom:20px; }
.list-product2 .item { float:left; width:205px; margin:0 10px 0 0; }
.list-product2 .item .img { width:100%; height:154px; overflow:hidden; }
.list-product2 .item .img img { width:100%; height:154px; }
.list-product2 .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product2 .item h3 a { }
.list-product2 .item .order { text-align:center; }
.list-product2 .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.list-product2 .item:hover { border-color:#c8a48e; }
.list-product2 .item .order a:hover { background-image:url(../images/order-hover.png); }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 3:4 图文 */
.list-case2 { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case2 .list { padding:10px 0 10px; }
.list-case2 .item { padding:15px 0 15px 180px; height:126px; border-top:1px dashed #ddd; position:relative; }
.list-case2 .item:first-child { border-top:0; }
.list-case2 .item .img { position:absolute; left:0; top:15px; width:166px; height:126px; background:#f1f1f1; }
.list-case2 .item .img img { display:block; width:166px; height:126px; }
.list-case2 .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case2 .item h3 a {   }
.list-case2 .item h3 a:hover { color:#02a703; text-decoration:underline; }
.list-case2 .item p { max-height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case2 .item .detail { height:20px; }
.list-case2 .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#c8a48e; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#02a703; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#02a703; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { color:#02a703; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#02a703; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; color:#02a703; margin-bottom:20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; }
.product-photo .original img { display:block; width:auto; height:330px; margin:0 auto; }
.product-info { margin:0 0 0 470px; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(../images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:35px; color:#02a703; line-height:1.2; }
.product-info .order { margin-bottom:90px; }
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#02a703; text-align:center; }
.product-info .order a:hover { background:#FFA800; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }




/******************************
 ** 组件类
 ******************************/

.toolbar { width:62px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar  *{transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.toolbar dd { width:62px; height:62px; background:none; position:relative; border-top: 1px #ff9704 solid;}
.toolbar dd:first-child{border: none;}
.toolbar dd > i { display:block; width:62px; height:62px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:62px; line-height:62px; font-size:20px; color:#FFF; padding:0 0 0 62px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:90px; top: 50%; margin-top: -72px; background:#ff9704; display:none; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px; background:url(../images/tool-arrow.png) 0 0 no-repeat; }
.toolbar .pop-tel { width:116px; height: 116px;   margin-top: -58px; color:#FFF; text-align:center; }
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:49px; background:url(../images/tool-telphone2.png) center 19px no-repeat; }
.toolbar .pop-tel .item {line-height: 16px;
    font-size: 14px; }
.toolbar .pop-code { width:116px; height: 116px;  }
.toolbar .pop-code img { width:110px; height:110px; padding:3px;  display:block; }
.toolbar .pop-code p{ width:100%; height:28px;  line-height: 24px; text-align: center; background-color: #ff9704; color: #fff;}
.toolbar .qq { background:url(../images/tool-qq.png) 10px 10px no-repeat #02a703; }
.toolbar .qq:hover { background:url(../images/tool_qq_hover.png) 0 0 no-repeat #ff9704; }
.toolbar .tel { background:url(../images/tool-telphone.png) center center no-repeat #02a703; }
.toolbar .tel:hover { background:url(../images/tool-telphone.png) center center no-repeat #ff9704; }
.toolbar .code { background:url(../images/tool-code.png) center center no-repeat #02a703; }
.toolbar .code:hover { background:url(../images/tool-code.png) center center no-repeat #ff9704; }
.toolbar .top { background:url(../images/tool-top.png) center center no-repeat #02a703; }
.toolbar .top:hover { background:url(../images/tool-top.png) center center no-repeat #ff9704; }

.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd; background:#FFF; margin:0 -1px; color:#666;  }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#F0F6FF; color:#02a703; font-weight:700; }
.pager > a:hover { background:#F0F6FF; }

.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-news { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-news .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-news .head:before { content:''; width:40px; height:3px; background:#c8a48e; position:absolute; left:0; bottom:-1px; }
.recommend-news .head h2 { font-size:18px; color:#5f412e; }
.recommend-news .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-news .head .mo:hover { color:#5f412e; }
.recommend-news .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-news .list { float:left; width:120%; }
.recommend-news .item { float:left; width:360px; height:30px; line-height:30px; margin-right:88px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head:before { content:''; width:40px; height:3px; background:#02a703; position:absolute; left:0; bottom:-1px; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#5f412e; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:171px; margin:0 42px 0 0; }
.recommend-pro .item .img { width:100%; height:128px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%;height:128px; }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item:hover a {color:#02a703 }

.recommend-form { border:1px solid #ddd; padding:0 20px; }
.recommend-form .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-form .head:before { content:''; width:40px; height:3px; background:#02a703; position:absolute; left:0; bottom:-1px; }
.recommend-form .head h2 { font-size:18px; }
.recommend-form .main { width:100%; overflow:hidden; padding:40px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#02a703; }
.recommend-form .reset { background:#888; }
.recommend-form .submit:hover { background:#FFA800; }
.recommend-form .reset:hover { background:#777; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#666; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#999; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

.article { line-height:2; padding-bottom:20px; font-family:"microsoft YaHei UI" !important; }
.article img { max-width:100%; }

.article-adv { height:100px; background:#5f412e; margin-bottom:20px; }
.article-adv .icon { float:left; width:; height:80px; margin:10px 20px 0 20px; }
.article-adv .tel { float:left; margin:20px 0 0 0; }
.article-adv .tel dt { font-size:16px; color:#c8a48e; background:url(../images/ico-tel2.png) left center no-repeat; padding:0 0 0 25px; }
.article-adv .tel dd { line-height:1.2; font-size:32px; color:#f0c422; }
.article-adv .qiao { float:right; width:126px; height:36px; margin:32px 20px 0 0; background:url(../images/ico-qiao.png) center center no-repeat; line-height:33px; text-align:center; color:#5f412e; }
.article-adv .qiao:hover { background-image:url(../images/ico-qiao-hover.png); }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }



/******************************
 ** liuBinAnimation
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "avgr65w";
	src: url("../font/avgr65w.eot");
	src: url("../font/avgr65w.eot?#iefix") format("eot"),
		 url("../font/avgr65w.ttf") format("truetype");
}



/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }