/* CSS Document */
*{ margin:0; padding:0;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family:Microsoft YaHei,Tahoma, Helvetica, Arial, sans-serif; font-size:16px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; /*transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;*/}
a:active, a:hover { text-decoration:none}
/*a, area, a:active{ blr:expression(this.onFocus=this.blur());}*/
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} 
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie内核滚动条颜色*/
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000; 
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#222; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.c{ *zoom:1;}
.c:before,.c:after{ display:table; content:''; line-height:0;}
.c:after{ clear:both;}

.w{ width:1550px; margin-left:auto; margin-right:auto;}
.fl{ float:left;}
.fr{ float:right;}
.center{ text-align:center;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mb30{ margin-bottom:30px;}


/*------ TOP ------*/

/*---- nav ----*/
.head{ position:relative; line-height:100px;}
.nav li{ float:left; position:relative;}
.nav li h3 a{ display:inline-block; font-size:18px; color:#333; margin:0 30px;}
.nav li.now a,.nav li a:hover{ color:#007535; font-weight:bold;}
.nav li .nav_son{ position:absolute; top:100%; left: 0;z-index: 222;width: 100%; height:0; }
.nav li .nav_son dd{height:0; line-height:45px; text-align:center; background-color:#fff; border-top:1px solid #e0e0e0; opacity:0;-webkit-transition:all .2s;
-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;overflow:hidden; padding:0 1%;}
.nav li .nav_son dd a{ display:block; font-size:16px; color:#333;}
.nav li .nav_son dd a:hover{ color:#007535;}
.nav li:hover .nav_son{ height:auto;}
.nav li:hover .nav_son dd{ height:45px; opacity:1;}

/*------ search ------*/
.searbox{ height:100px; width:30px; cursor:pointer; position:relative; float:right;}
.search{ position:absolute; width:0; height:100%; top:0; right:0; background:white; overflow:hidden; transition:width 0s ease-in;}
.search .sub-se{ display:inline-block; width:22px; height:22px; background:url(../image/sub-se.png) no-repeat center left; border:0; margin-right:10px; cursor:pointer;}
.search .txt-se{ width:650px; height:100px; border:none;  font-size:16px; color:#000;}
.search .close-se{ display:inline-block; width:14px; height:14px; background:url(../image/close-se.png) no-repeat; vertical-align:middle; margin-left:20px;}

.search span{ display:inline-block; color:#007535; position:absolute; top:55px; left:22%;}

.searbox.on .search{width:1024px; transition:width .6s ease-in;}

/*------ footer ------*/
#footer{ background-color:#f7f7f7; margin-top:54px; padding:100px 0;} 
.f-intro{ width:400px; float:left;}
.f-intro dt{ font-size:16px; color:#666; margin-bottom:35px;}
.f-intro dd{ font-size:14px; color:#666; line-height:30px;}
.f-ico a{ display:inline-block; width:20px; height:20px; margin-right:20px; background:url(../image/ico.png) no-repeat; position:relative;}
.f-ico a.i_sina{ background-position:0 -30px;}
.f-ico a.i_qq{ background-position:-40px -30px;}
.f-ico a.i_wx{ background-position:-80px -30px;}
.f-ico a.i_sina:hover{ background-position:0 4px;}
.f-ico a.i_qq:hover{ background-position:-40px 4px;}
.f-ico a.i_wx:hover{ background-position:-80px 4px;}

.f-ico a img{ position:absolute; top:100%; display:none;}

.f-ico a:hover img{ display:block;}
.f-zx{ width:828px; float:right;}
.f-zx h3{ font-size:16px; color:#007535; margin-bottom:35px;}
.f-zx li{ margin-bottom:17px;}
.f-zx span{ display:inline-block; width:32%; padding-bottom:5px; margin-right:1.5%; position:relative;}

.f-zx span p{ border-bottom:1px solid #dedede; overflow:hidden;}
.f-zx span.end{ margin-right:0;}
.f-zx li.end{ position:relative;}
.f-zx b{display:inline-block; position:absolute; left:0; bottom:-14px; width:100%;}
.f-zx label{ color:#007535;}
.f-zx i{ display:inline-block; color:#b5bece; width:12%; float:left; font-size:14px;}
.f-zx .z-txt{ border:none; width:85%; height:24px; float:right; background-color:transparent; font-size:14px;}
.f-zx em{ display:block; color:#b5bece; margin-bottom:10px; font-size:14px;}
.f-zx .z-area{ width:100%; height:80px; border:none; border-bottom:1px solid #dedede; background-color:transparent; font-size:14px;}
.f-zx .z-sub{ display:inline-block; border:1px solid #dedede; font-size:16px; color:#666; width:106px; height:36px; background-color:transparent; border-radius:18px; cursor:pointer; margin-top:1%;}
.f-zx .z-sub:hover{ border-color:transparent; color:#fff; background-color:#007535;}

#copyright{ background-color:#007535; height:37px; line-height:37px;}
#copyright .fl a{ display:inline-block; margin-right:15px; color:#fff; font-size:14px;}
#copyright .fr span{ display:inline-block; font-size:14px; color:#fff; margin-left:15px;}

#copyright .fr a{ font-size:14px; color:#fff;}

.cbl{ position:fixed; right:0; top:45%; z-index:9;}
.cbl li{ position:relative; height:57px; padding-right:60px;}
.cbl li em{ display:inline-block; width:57px; height:57px; border:1px solid #e1e1e1; background:url(../image/i_pf.png) no-repeat #fff; cursor:pointer; position:absolute; right:0; top:0; z-index:1;}
.cbl li em.zx{ background-position:0 0;}
.cbl li em.wx{ background-position:-57px 0;}
.cbl li em.sina{ background-position:-114px 0;}
.cbl li em.top{ background-position:-174px 0; background-color:#878786; border-color:#878786;}
.cbl li em.zx.now,.cbl li em.zx.on{ background-position:0 -57px; background-color:#007535;}
.cbl li em:hover{ background-color:#007535;}
.cbl li em.wx:hover{ background-position:-57px -57px;}
.cbl li em.sina:hover{ background-position:-114px -57px;}

.cbl li .z{ width:0; opacity:0;}

.cbl li .z dl{ width:0; height:203px; background-color:#fff; opacity:0; z-index:-1;}
.cbl li .z dt{ height:57px; line-height:57px; background-color:#007535; color:#fff; font-size:16px; padding:0 25px;}
.cbl li .z dt i{ font-size:16px; color:#fff; float:right; cursor:pointer;}
.cbl li .z dd{ padding-left:20px; border:1px solid #e1e1e1; margin-top:-1px;}
.cbl li .z dd.qq{ padding-top:10px;}
.cbl li .z dd.qq{ background-color:#f5f5f5; height:47px;}
.cbl li .z dd.qq p{ font-size:14px; color:#878786;}
.cbl li .z dd.tel{ padding-top:20px; padding-bottom:20px;}
.cbl li .z dd.tel h3 i{ display:inline-block; width:20px; height:20px; background:url(../image/i_tel.png) no-repeat; margin-right:8px; vertical-align:middle;}
.cbl li .z dd.tel h3,.cbl li .z dd.tel p{ font-size:16px; color:#878786;}
.cbl li .z dd.tel p{ margin-top:5px;}

.cbl li .z dd.wx{ padding-top:20px; padding-bottom:20px;}
.cbl li .z dd.wx h3 i{ display:inline-block; width:20px; height:20px; background:url(../image/i_wx.png) no-repeat; margin-right:8px; vertical-align:middle;}
.cbl li .z dd.wx h3{ font-size:16px; color:#878786;}
.cbl li .z dd.wx p{ margin-top:5px;font-size:14px; color:#878786;}



.cbl li.on .z{ z-index:9; position:relative;}
.cbl li.on .z dl{ width:173px; opacity:1; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.cbl li.now .z,.cbl li.on .z{ width:auto; opacity:1; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.cbl li.now .z dl{opacity:1; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

.imgLarge img{
	-webkit-transform: scale(1, 1);
	-webkit-transition: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	width: 100%;
	height: auto;
}
.imgLarge:hover img{
	-webkit-transform: scale(1.06, 1.06);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.06,1.06);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.06, 1.06);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	position: relative;
	z-index: 3;
}
.tcbox{ position:fixed; right:0; bottom:0; z-index:999;}
.tcbox em{ position:absolute; right:1%; bottom:98%; line-height:45px; font-size:45px; color:#007535; letter-spacing:2px; cursor:pointer; display:none;}
.tcbox:hover em{ display:block;}

.page{ margin:35px 0;text-align:center;}
.page .pagebreak{ display:inline-block; *display:inline;}
.page .pagebreak a,.page .pagebreak b{ display:inline-block; margin:0 5px; cursor:pointer; color:#000; font-size:18px;}
.page .pagebreak b{ color:#007535;}
.mobile{display:none;float: right;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;
padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background:#000;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}

@media screen and (max-width:1440px){
	.w{ width:98%;}	
}
@media screen and (max-width:1360px){
	.nav li h3 a{ margin:0 25px;}	
}
.pcbox,.searbox .pc-sear{ display:block;}
.phobox,.searbox .pho-sear{ display:none;}
.nav-pho{ display:none;}
@media screen and (max-width:1200px){
	body{ padding-top:65px;}
	.w{ overflow-x:hidden;}
	.cbl,.tcbox,.searbox .pc-sear{ display:none;}
	.pcbox{ display:none;}
	.phobox,.searbox .pho-sear{ display:block;}
	.mobile{ display:block; margin-top:10px;}
	.head{ background-color:#fff; height:65px; line-height:65px; position:fixed; width:100%; top:0; z-index:999; border-bottom:1px solid #e0e0e0;}	
	.logo{ position:absolute; left:50%; width:195px; margin-left:-97px;}
	.logo img{ max-width:100%;}
	
	.searbox{ position:absolute; left:1%;}
	.searbox em{ display:inline-block;}
	.searbox em img{ max-width:100%;}
	.search{position: fixed; top:66px;left:0;right:0; overflow:hidden; height:0; padding:0 8%; width:100%; background-color:#fff; z-index:9999; transition: 0.3s ease-in-out; box-sizing:border-box; text-align:center;}
	.search .txt-se{ border-bottom:1px solid #333; height:50px; width:78%}
	.search .close-se{ display:none;}
	.search form{ margin-top:3%;}
	.searbox.active .search{ height: -webkit-calc(100vh - 65px);height: -moz-calc(100vh - 65px);height: calc(100vh - 65px); }
	.nav{position: fixed; top:66px;left:0;right:0; overflow:hidden; height:0; padding:0 8%; background-color:#fff; z-index:9999; transition: 0.3s ease-in-out; box-sizing:border-box;}
	.nav ul{ overflow:auto; max-height:calc(100% - 65px);}
	.nav ul::-webkit-scrollbar{ display:none;}
	.nav li h3 a{ margin:0;}
	.nav li:first-child{ display:none;}
	.nav li{ float:none; padding:3% 0; border-bottom:1px solid #eee;}
	.nav li h3{ line-height:45px; position:relative;}
	.nav li h3 a{ color:#666;}
	.nav li h3:after{content: ''; display: block; width: 14px; height: 14px; background: url(../image/ico_03.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0; top: 50%; margin-top: -7px;}
	.nav li.on h3:after{ background-image:url(../image/ico_03_h.png);}
	.nav li .nav_son{ position:static; line-height:30px; margin-top:-1.5%; background-color:transparent; display:none;}
	.nav li .nav_son dd{ text-align:left; color:#666; background-color:transparent; border-top:none;}
	.nav li .nav_son dd a{ color:#333; font-size:14px;}
	.head.active .nav{ height: -webkit-calc(100vh - 65px);height: -moz-calc(100vh - 65px);height: calc(100vh - 65px);z-index:9;}
	
	.nav-pho{ display:block;}
	.nav-pho{ height:45px;}
	.nav-pho .swiper-slide{ float:left; width:auto;}
	.nav-pho .swiper-slide a{ display:inline-block; line-height:45px; font-size:18px; color:#fff; outline:none; color:#666; padding:0 28px;}
	.nav-pho .swiper-slide.cur a{ color:#007535;}
	
	#footer{ padding:8% 0; margin-top:3%;}
	.f-intro,.f-zx,#copyright .fr{ width:100%; float:none;}
	.f-intro dt{ margin-bottom:2%;}
	.f-zx{ margin-top:5%;}
	.f-zx span{ display:block; width:100%; margin-bottom:3%;}	
	.f-zx span p{ width:50%}
	.f-zx .z-txt{ float:none; }
	#copyright{ height:auto; padding:3% 0;}
	#copyright .fl,#copyright .fr{ float:none; text-align:center}
	#copyright .fr{ text-align:center; line-height:24px;}	
	#copyright .fr span{ margin:0;}
}

@media screen and (max-width:768px){
	.nav-pho .swiper-slide a{ padding:0 17px;}
}

@media screen and (max-width:420px){
	.logo{ position:absolute; left:50%; width:150px; margin-left:-75px;}
	.searbox em{ width:32px;}
	.nav li h3{ line-height:36px;}
	.f-zx i{ width:20%;}
	.f-zx .z-txt{ width:80%;} 
	#copyright .fr span{ font-size:12px;}
	#copyright .fr span:last-child{ display:block;}
}
@media screen and (max-width:375px){
	#copyright .fr span:nth-child(1){ letter-spacing:-1px;}
}