@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:#128; }
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;}
.cer2 { max-width:1200px; padding: 0 15px; 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{ line-height:20px; height:20px; 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: 840px; height: 100%; position: relative;}
.nav li{ float: left; width: 120px; padding-top: 32px; padding-bottom: 20px; position: relative;}
.nav li:hover{  z-index: 1;}
.nav li>a{ display: block; text-align: center; line-height: 22px; }
.nav li>a span{ display: block; font-size: 16px; color: #fff; font-weight: bold;}
.nav li>a em{ display: block;color: #6199ca;}
.nav .yellowbar{ position: absolute; top:100%; left: 0; 
	width: 120px; height: 5px; background-color: #e6c30b;}

.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.long2{ width: 320px;}
.nav2 dl{ width: 100px; padding: 20px 30px; float: left;}
.nav2 dl.long{ width: 250px;}
.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: #003b70;}

/* 头部 */
.head-out{ width: 100%; height: 96px; background-color: #07569b; border-bottom: 5px solid #013f78;
	position: relative; z-index: 6;}
.head{ width: 1300px; margin: 0 auto; position: relative; max-width: 100%;}
.head a.logo{ float: left; height: 100%; line-height: 96px; margin-right: 20px;}
.head a.logo2{ float: right; height: 100%; line-height: 96px;}
.headwx{ float: left; width: 108px; height: 28px; background:url('../images/headwx.jpg');
	cursor: pointer; margin-top: 36px; 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.logo{ margin-left: 20px;}
	.head a.logo2{ margin-right: 20px;}}
 @media screen and (max-width:1200px){
	.head a.logo2{ display: none;}
}
 @media screen and (max-width:1040px){ .nav{ display: none;}
 	.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% 13px no-repeat;}
#navsj li>a{ font-size: 16px; color: #fff;}
#navsj>li.on{ background-color: #291c0e; background-image: url(../images/sjnavbg02.png ); background-position: 85% 16px;}
#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: 0; width: 100%; height: 100%; object-fit:cover;}

.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:#09f;}
.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: #252525;}
.footer{ overflow: hidden; color: #969696; font-size: 12px;}
.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}


.head {width: 1200px;} 

.nav {margin-left: 50px;}
.nav .yellowbar {background-color: #fff;opacity: .5;}
.nav li>a em {color: #fff;opacity: .5;}
.nav2 dt {background-image: none;position: relative; }
.nav2 dt:before {content:"";background-color: currentColor; position: absolute;left: 0;top: 50%; margin-top: -5px; width: 2px;height: 10px;border-radius: 2px;}



.headwx {float: right;border: solid 1px rgba(0,0,0,.2); background-color: rgba(0,0,0,.15); background-image: none; padding-left: 28px; padding-right: 24px; width: auto;}
.headwx ._displayed {color: #fff;opacity: .75;}
.headwx ._displayed:before,
.headwx ._displayed:after {content:"";opacity: .75;position: absolute; top: 50%; margin-top: -10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 50% 50%;}

.headwx ._displayed:before {left: 6px; background-size: 16px;background-image: url(../images/icon-wechat.svg);}
.headwx ._displayed:after {right: 0; background-size: 20px;background-image: url(../images/icon-arrow.svg);}

@media screen and (max-width:600px){
  	.head a.logo img{height: 24px;}
  	.navbtn {width: 44px;height: 44px;margin-top: -22px;}
}

#navsj>li { background-image: none;}
#navsj>li:after {content:'';position: absolute;right: 4%;top: 50%;margin-top: -12px;width: 24px;height: 24px;background-image: url(../images/icon-arrow.svg);opacity: .75;background-repeat: no-repeat; background-position: 50% 50%; background-size: contain}

#navsj>li {background-color: #bb0014;}
.head-out {background-color: #bb0014;border-bottom-color: #74000a;}
.nav2 dt,
.nav2 dd a:hover {color: #bb0014;}
#navsj>li:hover {background-color: #74000a;}