@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; vertical-align: middle; }
li { vertical-align: middle; }
em { font-style:normal;} i{ font-style: normal;}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, button, select, textarea, a { outline:none }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a { background: transparent; text-decoration: none; color: #333;transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { color:#dc3400; }
body { color: #000; font:12px/2 Helvetica, Arial, Verdana, sans-serif; word-break:break-all; }
.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s; }
.o8:hover { filter:alpha(opacity=80); opacity:0.8; }

/*自定义常用配制*/
/*.fl { float:left; }.fr { float:right; }*/
.w { width:100%; }.h { height: 100%; }.hfw{ width: 50%;}
.cer { width:1200px; max-width: 100%; height: 100%; margin:0 auto;}
.b { font-weight:bold } .n{ font-weight: normal;}
.tc { text-align:center }.tr { text-align:right }
.posr { position:relative }.posa{ position: absolute;}
.dn { display:none }.db { display:block }.dib{ display: inline-block;}
.ov { overflow:hidden }.cur { cursor:pointer }.vm{ vertical-align: middle;}
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}
.op70 { filter:alpha(opacity=70); opacity:0.7;}
.mlr10{ margin: 0 10px;} .pt10{ padding-top: 10px; }
/*font-style*/
.t12 { font-size: 12px; }.t14 { font-size: 14px; }.t16 { font-size: 16px; }.t18 { font-size: 18px; }
.t24{font-size: 24px;}.t26 { font-size: 26px;}.t28 { font-size: 28px;}
.t30{ font-size: 30px;}.t32{ font-size: 32px;}.t34{ font-size: 34px;}.t36{ font-size: 36px;}
.ti2 { text-indent:2em; }.lh1-5{ line-height: 1.5em;} .lh36{ line-height: 36px;}
.ffy { font-family:'微软雅黑';}.ffs{ font-family:'宋体';}
.ell { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.ttc { text-transform:capitalize; }.ttl { text-transform:lowercase; }.ttu { text-transform:uppercase; }
.c3 { color:#333 }.c6 { color:#666 }.c9 { color:#999 }.ca{ color: #aaa;} .cf{ color: #fff;}
.ora{ color: #f70;}.red{ color: #f00;} .blue{ color: #004f8b;}.lblue{ color: #00b4ff;} 
.yel{ color: #ffa800;}.dred{ color: #e84643;}.green{ color: #3c2;}.dblue{color: #06559a; font-weight: bold;}
.bsb{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.yj3{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.shadow6{ box-shadow: 0 0px 6px 0  #d9d9d9;}
.guodu{transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; 
	-webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;}
.guodu2{transition: all 0.3s linear; -moz-transition: all 0.3s linear; 
	-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.rotate90{-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); transform: rotate(90deg); float: left;}
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);  filter: grayscale(100%); filter: gray;}


.pageList{ padding: 0 0 130px; text-align: center; font-family: 'arial';}
.pageList ul.l{display: none;}
.pageList ul li { line-height: 30px;display: inline;}
.pageList ul li a{ color:#828282; display: inline-block; line-height: 30px; font-size: 30px;
 	padding: 0 20px; height: 30px;}
.pageList ul li a:hover{ color: #009cff;}
.pageList ul li a.selected,.pageList ul li:hover a{ color: #009cff;}
 


input.btn{ padding: 0; cursor: pointer; text-align: center; border: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
 	transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
input.btn:hover{ opacity: 0.8; filter:alpha(opacity=80);}


/*表单验证相关*/
.Validform_checktip{ margin-left:28px; line-height:24px; height:24px; overflow:hidden; color:#999; font-size:12px;}
.Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center;}
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center;}
.Validform_loading{ padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center;}
.Validform_error{background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
.v{ position:relative;}i.v{ display:inline-block; }
.v span.Validform_checktip{ position:absolute; left:0; top:100%;}
.v p.message{ position: absolute; left:31px; top:100%; height: 40px; line-height: 40px; 
	font-size: 16px; color: #f00; font-weight: bold;}

html,body{height: 100%;}
.all{ width: 100%; min-width: 320px; min-height: 100%; margin:0 auto; font-size: 14px; position: relative;}

/* banner */
#banner{ width: 100%; overflow:hidden; position:relative;}
#banner .hd{ height:45px; overflow:hidden; position:absolute; left:50%; margin-left: -68px; bottom:27px; z-index:1; }
#banner .hd ul{ overflow:hidden; zoom:1; float:left;}
#banner .hd ul li{ float:left; margin:0 9px; width:30px; height:45px; cursor:pointer; 
		background: url(../images/drop1.png) center; text-align: center; line-height: 52px;}
#banner .hd ul li.on{ background: url(../images/drop2.png) center;}

#banner .bd{ position:relative; width: 100%;  z-index:0;}
#banner .bd li{ width: 100%; zoom:1; position: relative; overflow: hidden;}
#banner .bd img{ width: 100%; display:block;}

/* 下面是前/后按钮代码 */
#banner .prev,#banner .next{ position:absolute; top:50%; margin-top:-30px; display:block; 
	width:50px; height:60px; filter:alpha(opacity=50);opacity:0.5;}
#banner .prev{ left: 0;  background:url(../images/xiaoyu01.png) center no-repeat;} 
#banner .next{ right:0;  background:url(../images/dayu01.png) center no-repeat;}
#banner .prev:hover,#banner .next:hover{ filter:alpha(opacity=100);opacity:1;}

 @media screen and (max-width:600px){#banner .hd{ display: none;}}

 
/* pc导航 */
.nav{ float: left; width: 950px; height: 100%; position: relative; margin-left:70px;}
.nav li{ float: left; width: 120px; padding-top: 32px; padding-bottom: 20px; position: relative; margin-left:15px;}
.nav li:hover{  z-index: 1; background-color:#50b844; color:#fff;}

.nav li>a{ display: block; text-align: center; line-height: 22px; }
.nav li>a span{ display: block; font-size: 16px; color: #535353; font-weight: bold;}
.nav li>a em{ display: block;color: #747474;}
/*.nav .yellowbar{ position: absolute; top:100%; left: 0; 
	width: 120px; height: 5px; background-color:#000; }*/

.nav2{ position: absolute; overflow: hidden; background-color: #eee; opacity: 0.8; filter:alpha(opacity=80);
	left: 0; z-index: 1; top:101px; display: none; box-shadow: 0 0px 6px 0  #bbb;}
.nav2.long{ width: 480px;}
.nav2 dl{ width: 80px; padding: 20px 20px; float: left;}
.nav2 dl.long{ width: 200px;}
.nav2 dt{ color: #003b70; font-weight: bold; line-height: 36px; margin-bottom: 10px;
	padding-left: 9px; background: url('../images/ddbg02.jpg') left center no-repeat;}
.nav2 dd{ padding-left: 8px; background: url('../images/ddbg01.jpg') left 13px no-repeat;}
.nav2 dd a{ color: #666; font-weight: bold; line-height: 30px;}
.nav2 dd:hover a{ color: #000;}

/* 头部 */
.head-out{ width: 100%; height: 96px; background-color: #737373; border-top: 5px solid #50b844;
	position: relative; z-index: 6;   background: url('../images/icon1.jpg') repeat scroll left top;}
	
	
	
	
.head{ width: 1300px; margin: 0 auto; position: relative; max-width: 1300px; /*max-width: 100%;*/}
.head a.logo{ float: left; height: 100%; line-height: 96px; margin-right: 20px; margin-top:-1px;}
.head a.logo2{ float: right; height: 100%; line-height: 96px;}
.headwx{ float: left; width: 145px; height: 28px; /*background:url('../images/headwx.jpg')*/;
	cursor: pointer; margin-top: 20px; margin-left: 30px; position: relative;}
.headwx img{ position: absolute; left: 0; top:150%; z-index: 1; width: 116px; height: 116px; display: none;}

/*.navbtn{
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 4px;
    margin-top: -25px; display: none;

}
.navbtn s{
	position: absolute;
	left: 18.75%;
	display: block;
	width: 62.5%;
	height: 6.25%;background-color: #fff;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	transform-origin:0;
	-moz-transform-origin:0;
	-ms-transform-origin:0;
	-o-transform-origin:0;
	-webkit-transform-origin:0;
	}
.navbtn>s:nth-child(1){top: 25%;}
.navbtn>s:nth-child(2){top: 47.5%;}
.navbtn>s:nth-child(3){top: 70%;}
.navbtn.on s:nth-child(1) {
	-webkit-transform: translateX(16.9%) rotate(45deg);
	transform: translateX(16.9%) rotate(45deg);
}
.navbtn.on s:nth-child(2) {opacity: 0}
.navbtn.on s:nth-child(3) {
	-webkit-transform: translateX(16.9%) rotate(-45deg);
	transform: translateX(16.9%) rotate(-45deg);
}*/


 @media screen and (max-width:1320px){ .headwx{ display: none;}
	.head a.logo2{ margin-right: 20px;}}
 @media screen and (max-width:1200px){
	.head a.logo2{ display: none;}}
 @media screen and (max-width:1000px){ .nav{ /*display: none;*/ width:1000px; margin-left:-70px;}
 	.head a.logo2{ float: left; display: block;} 
	/*.navbtn{ display: block;}*/
 }
  @media screen and (max-width:600px){
/*  	.head a.logo2 {line-height: 50px;}
  	.head a.logo2 img{height: 18px; }
  	.head a.logo img{height: 14px;}
 	.head-out{ height: 50px;}
 	.head a.logo{ margin-left: 10px; line-height: 50px;}*/
}

/* 手机导航 */
/*#navsj{ position: absolute; top:0; left:0; width: 100%; box-shadow: 0 3px 10px 0 #888; }
#navsj>li{ border-bottom: 1px solid #ccc; line-height: 40px;
	 text-indent: 15px; text-align: left; position: relative;
	background: #07569b url(../images/sjnavbg01.png ) 85% center no-repeat;}
#navsj li>a{ font-size: 16px; color: #fff;}
#navsj>li.on{ background-color: #291c0e; background-image: url(../images/sjnavbg02.png );}
#navsj li:hover{ background-color: #291c0e;}
#wrapper2{ position: absolute; height: 440px; top:105%; right:0; z-index: 2; width: 60%; display: none;}
#close { position: absolute; left: 0; top: 0; width: 100%; background:url('../images/op0-60.png');
    height: 100%; z-index: 5; display: none; cursor: pointer; }*/

.navtwo{ width: 100%; overflow: hidden; display: none;}
.navtwo a{ display: block; text-indent: 30px; height: 50px; background-color: #f6f6f6;
	color: #636363; font-size: 14px; border-bottom: 1px solid #ccc; line-height: 50px;}
.navtwo a:hover{ color: #f70;}

/* 内页banner */
.inbanner{ position: relative; width: 100%; height: 280px; overflow: hidden;}
.inbanner img{ position: absolute; top:0; z-index: 0; left: 50%; margin-left: -950px; height: 100%;}

.incat-out{ width: 100%; height: 50px; background:url('../images/op0-60.png'); position: absolute;
	bottom: 0; z-index: 1;}
.incat{ color: #fff; line-height: 50px;}
.incat *{ vertical-align: top;}
.incat span{ font-family: '微软雅黑'; font-size: 28px; font-weight: bold;}
.incat a{ color: #fff;}
.incat a:hover{ color:#f8c301;}
.incat span.treesx{ margin: 0 15px; font-weight: normal;}
.incat em.treedayu{ margin: 0 10px;}
 @media screen and (max-width:1200px){ .incat{ text-indent: 10px;}}

/* 尾部 */
.footer-out{ width: 100%; padding: 30px 0; background-color: #eeeeee;}
.footer{ overflow: hidden; color: #080808; font-size: 12px; text-align:center;}
.footer span{ display: inline-block;}
.footer span.jishu a{ color:#969696; }
.f-tel,.f-fax,.f-eml,.f-adr{ padding-left: 25px; padding-right: 20px;}
.f-tel{ background:url('../images/f-tel.png') left no-repeat;}
.f-fax{ background:url('../images/f-fax.png') left no-repeat;}
.f-eml{ background:url('../images/f-eml.png') left no-repeat;}
.f-adr{ background:url('../images/f-adr.png') left no-repeat;}

.footewm{ margin-right: 20px;}
.footsx{ width: 1px; height: 40px; background-color: #3b3b3b; margin-right: 40px; margin-top: 15px;}
@media screen and (max-width:1080px){
	.footer.cer{ padding: 0 2%; width: 96%;}
	.footer .fl,.footer .fr{ float: none;}
	.footer .fr,.footsx{ display: none;}}
@media screen and (max-width:420px){
 .footer-out{ padding: 10px 0;}
 .footer .fl{ text-align: center;}
 .footer .mlr10{ display: none;}}

.totop{ position: fixed; width: 53px; height: 53px; right: 50px; bottom: 100px; z-index: 10; 
 	background: #b2b2b2 url('../images/up.png') center no-repeat;}
.totop:hover{ background-color: #009cff;}
@media screen and (max-width:750px) {.totop{ bottom:50px; right: 20px;}}
.main{ width: 1200px; margin:0 auto; overflow: hidden;}
@media screen and (max-width:1200px) {.main{width:100%}}


.cate2{ width: 1200px; margin: 30px auto 20px; line-height: 30px; font-family: '微软雅黑';}
.cate2 a{ display: inline-block; padding: 0 40px; height: 30px; margin-right: 10px; margin-bottom: 10px;
	background-color: #8b929b; color: #fff; text-align: center;}
.cate2 a:hover,.cate2 a.on{ background-color: #009ae0;}
.cate2.long a{ padding: 0 40px;}
@media screen and (max-width:1200px){ .cate2{width:100%;}}

@media screen and (max-width:750px){ .cate2 a{ margin: 0 1% 10px;}}


.all{width:100%;overflow:hidden;position:relative} .all.show{opacity:1;-webkit-transition: opacity .35s;transition: opacity .35s}
.AniDo{position:relative; } .AniDo,.lazyimg{opacity:0} .AniDoing,.Done {opacity: 1;}
.lazyimg.Done{-webkit-transition: opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;}
.AniDo,.HovAni{-webkit-animation-duration:.75s;animation-duration:.75s;animation-fill-mode: both;-webkit-animation-timing-function:ease;animation-timing-function:ease;}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}