﻿@charset "utf-8";

/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑";} 
body, dl, dt, dd, ul, ol,li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, th, td{ margin: 0; padding: 0; font-size: 12px; /*text-align: left;*/ }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#424141;}
ul{list-style: none;}
li { list-style: none }
:link, :visited{text-decoration: none;}
p{ margin:0; padding:0;}
img { border: none; max-width:100%;/* margin:0; display:block;*/}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit; font-style: inherit; font-weight: inherit; border: none; outline: none; background: none ;}
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
/* clear */
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; display: block; height: 0;  content: '';}
.zj{ width:1200px; margin:0 auto ; display:block;}
/*header*/
.header { width: 100%;  padding:0px 0; margin: 0 auto; min-width:1200px;}

.home{ height:36px; line-height:36px; color:#fff;  background:#039d59;min-width:1200px; width:100%; font-size:12px;}
.home_l{ float:left; width:550px;}

.home_r{ float:right; color:#fff;  float:right;  }
.home_r a{ color:#fff; margin:0 5px;}

.top1{ width:1200px; display:table; margin:0 auto; padding:10px 0;}
.top1 .logo{ float:left; width:554px; height:76px; display:table;}
.top1 .tel{ float:right; width:280px; height:76px;}

.top_k{ width:100%;  background:#fff; border-top:1px solid #e4e4e4;  margin:0px auto; height:58px; font-size:12px; line-height:58px; color:#fff;}
.menu{width:1200px;  margin:0px auto; height:58px; font-size:12px; line-height:58px; color:#fff;}
.menu li{ width:120px; float:left; text-align:center; margin:0  0 0 34px;}
.menu li a{ font-size:16px; color:#424242; line-height:53px; border-top: solid 3px #fff; display:block;}
.menu li a:hover,.menu li .on{border-top: solid 3px #039d59; color:#039d59;}


/* 本例子css */
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{ width:90px; margin:0 0 0 10px ;height:36px; float:right;   }
	.nav{ width:90px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
	.nav h3{ font-size:100%; font-weight:normal;  }
	.nav .m{  position:relative; float:left; width:90px; margin:0 ; background:#088f54; display:inline; text-align:center;   }
	.nav .m:hover{ background:#047e49;color:#fff; }
	.nav h3 a{ font-size:13px;  zoom:1;  height:36px; line-height:36px;  display: block; margin:0px auto; color:#fff; background:url(../images/wx_ico.png) no-repeat 4px center ; padding-left:24px; }
	.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
	/*.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }*/
	
	.nav .sub{ display: none; /*默认隐藏*/ width:130px; padding: 0; right:0; margin:0 ;  position:absolute; top:36px;  background-color: rgba(3, 157, 89, 0.7);  float:left; line-height:38px; }
	.nav .sub li{ text-align:center; color:#fff; font-size:16px;  }
	.nav .sub li img{ width:100px; height:100px; margin:15px 15px 0;}
	.nav .sub li span{ font-size:16px; height:38px; color:#fff;}

/* banner */
	.fullSlide{ width:100%;  position:relative;  height:655px; background:#fff;  min-width:1200px; }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:655px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:655px; }
	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:15px; left:0; height:30px; line-height:30px; }
	.fullSlide .hd ul{ text-align:center; }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:22px; margin:2px; overflow:hidden; background:url(../images/dot.png) no-repeat bottom center;  line-height:999px;}
	.fullSlide .hd ul .on{ background: url(../images/dot.png) no-repeat center 1px; }
	.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:44%; left:2%;  z-index:1; width:70px; height:70px;
	 background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
	.fullSlide .next{ display:block;  position:absolute; z-index:1; top:44%; left:2%;  z-index:1; width:70px; height:70px;
	 background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
	.fullSlide .next{ left:auto; right:2%;  }

/*wrap*/
  /*通用*/
.wrap{ color: #4b4b4b; margin:0 auto; min-width:1200px; }
.bt{ text-align: center; display: table; margin: 45px auto 35px; font-size: 24px; color: #848383; line-height: 30px; text-transform: uppercase; font-family:"宋体";}
.bt h1{ font-size:32px; color:#333333; font-weight:bolder; font-family:"微软雅黑"; line-height:32px;}
.bt img{ display:table; margin:18px auto 0;}
.more { width:190px; height:42px; display:table; margin:35px auto 45px;}
.more a{ margin: 0 auto; display: block; border-radius: 25px; text-align: center; border: 1px solid #fff; color: #fff; width: 188px; height: 40px; font-size: 15px; line-height: 40px; text-transform: uppercase; }
.more a:hover{ background:#fff; color:#22a46e; }


/*jj*/
.jj{ width:1200px; margin:0 auto; display:table;}
.jj_n{ font-size:16px; line-height:34px; width:1150px; margin:0 auto; color:#5e5e5e; text-align:center;}
.jj_fl{ width:1200px; display:table; padding:40px 0;}
.jj_fl a span{ width:60px; height:60px; margin:15px auto 0; background: url(../images/jj.png); display: block;}
.jj_fl a{ width:188px;  border:1px solid #dad8d8;color:#5a5959; height:140px; display:table; float:left; margin:0 25px; text-align:center;}
.jj_fl a h1{ font-size:16px; line-height:40px;}
.jj_fl a h2{ width:26px; background:#039d59; height:1px; display:block; margin:0 auto;}
.jj_fl a .t1{ background-position:0 0;}
.jj_fl a:hover{ border:1px solid #039d59; background:#039d59; color:#fff;}
.jj_fl a:hover h2{ background:#fff;}
.jj_fl a:hover .t1{ background-position:0 60px;}
.jj_fl a .t2{ background-position:-60px 0px;}
.jj_fl a:hover .t2{ background-position:-60px 60px;}
.jj_fl a .t3{ background-position:-120px 0px;}
.jj_fl a:hover .t3{ background-position:-120px 60px;}
.jj_fl a .t4{ background-position:-180px 0px;}
.jj_fl a:hover .t4{ background-position:-180px 60px;}
.jj_fl a .t5{ background-position:-240px 0px;}
.jj_fl a:hover .t5{ background-position:-240px 60px;}

.cp_k{ width:100%;  background: url(../images/cp.jpg) no-repeat top center ; height:700px; display:table;}
.cp_k .bt{ color:#fff;margin: 60px auto 50px;}
.cp_k .bt h1{ color:#fff;}

/*滚动*/
.al_Scroll{width:1200px;height:360px;margin:0px auto 0;position:relative;}
.al_Scroll .prev,.al_Scroll .next{width:20px; height:35px;position:absolute;top:150px;left:20px;z-index:100; cursor:pointer; background:url(../images/btn.png) no-repeat; }
.al_Scroll .next{ left:auto; right:0; background-position: 0 -70px;top:150px;right:20px;}
.al_Scroll .prev:hover{ background-position:0px -35px ; }
.al_Scroll .next:hover{ background-position: 0 -105px; }
.al_Scroll .scrollWrap{width:1200px;overflow:hidden;position:absolute;}
.al_Scroll  dl{float:left;width:374px; height:329px;text-align:center;position:relative; margin:0 13px; background:#fff;}
.al_Scroll  dl a{ width:370px; height:325px; display:block;border:2px solid #fff; }
.al_Scroll  dl a h1 { font-size:16px;text-align:center; width:100%; height:50px; line-height:50px; color:#1d1d1d; border-top:1px solid #dbe1de;}
.al_Scroll  dl a:hover h1{ color:#fff;  display:block; background:#fac247;border-top:1px solid #fac247;}
.al_Scroll  dl a .cp_t{ width:370px; height:274px; display:block;  overflow: hidden;}
.al_Scroll  dl a .cp_t img{width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll  dl a:hover img{transform: scale(1.05);}
.al_Scroll  dl a:hover{border:2px solid #fac247;}
/*xw*/
.xw_k{ width:1200px; display:table; margin:0 auto;}
.xw_l{ width:570px; float:left;height:340px; margin-left:10px; }
/*æ–°é—»åˆ‡æ¢*/
.hiSlider{ overflow: hidden; height:300px; width:580px; background: #eee;}
.hiSlider-item{	 float: left;}
.hiSlider-item a{height:300px; width:580px;  margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hiSlider-item a img{ width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.hiSlider-item a:hover img{transform: scale(1.05);}

.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:70px;width:40px;background:url(../images/focus_btn.png) no-repeat;overflow:hidden;}
.hiSlider-btn-prev{top: 50%;  margin-top: -37px;  left: 0;  background-position: 0 -74px;   cursor: pointer;}
.hiSlider-btn-next{top: 50%;  margin-top: -37px;  right: 0;  background-position: -40px -74px;  cursor: pointer;}
.hiSlider-btn-prev:hover{background-position: 0 0; }
.hiSlider-btn-next:hover{ background-position: -40px 0px; }

.hiSlider-title{ bottom: 0; width: 100%; height:44px; color: #fff; text-indent: 10px; background:url(../images/xw_bj.png) repeat; z-index: 2; font-size:14px; line-height:44px; cursor: pointer; }
.hiSlider-pages{bottom:7px;right:10px;text-align:right}
.hiSlider-pages a{height:10px;width:10px; border-radius:50%;margin:0 4px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;background:#fff;}
.hiSlider-pages a.active{background:#33972e;}

.xw_r{ width:570px; float:right; margin-right:10px;}
.xw_r dt{ height:59px; border-bottom:1px dashed #dcdcdc; width:570px;}
.xw_r dt a{ color:#888888; font-size:15px; line-height:59px;}
.xw_r dt a h1{ width:480px; float:left;font-size:15px;}
.xw_r dt a:hover h1{ color:#039d59;}

.kj{ width:1200px; margin:0 auto 30px; display:table; height:145px;}
.kj dt{ width:276px; height:145px; float:left; margin:0 12px;}
.kj dt a{ width:276px; height:145px; display:table; color:#fff;}
.kj dt a h1{ font-size:20px; font-weight:bolder; line-height:60px; margin:18px 0 0 30px;}
.kj dt a span{ width:30px; height:3px; background:#fff; display: block;margin-left:30px;}
.kj dt a h2{ font-size:13px;text-transform: uppercase; line-height:50px;margin-left:30px;}


/*fo*/
.fo_k{ width: 100%; height: 280px; background: url(../images/fo.jpg) no-repeat bottom center; color: #FFF; font-size: 14px;  }
.fo{ width:1200px; height:191px; margin:0 auto; padding:30px 0 0;}
.fo_l{ width:190px; float:left; margin:0px 0 0 0px;}
.fo_c{ width:720px; padding:0 0 0 36px; float:left; border-left:1px solid #4c5053; border-right:1px solid #4c5053; height:160px; display:block;}
.fo_c h1{ font-size:14px; line-height:36px; margin:10px 0 0 3px;}
.fo_c h1 a{color:#fff; margin:0 6px;}
.fo_c dt{ font-size:14px; line-height:30px; min-width:300px; float:left; margin:10px auto}
.fo_c dt img{ width:30px; height:30px; float:left; margin-right:10px;}

.fo_r{ width:230px; float:right;  text-align:center; font-size:13px; line-height:40px;}
.fo_r dt{ width:92px; float:left;  margin:15px 0 0 20px;}
.fo_r dt img{ width:92px; height:92px;}

.fo1{ width:100%; height:58px; line-height:58px; text-align:center; border-top:1px solid #4c5053;}
.fo1 a{ color:#fff;}


.fy{ text-align:center; font-size:14px; margin:30px 0 30px;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto 20px; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #626262;}
