/*初始化*/@font-face{font-family: 'ITCAvantGardeStd-XLt';src: url('../fonts/ITCAvantGardeStd-XLt.otf');src: local('☺'), url('../fonts/ITCAvantGardeStd-XLt.otf') format('woff'), url('../fonts/ITCAvantGardeStd-XLt.otf') format('truetype'), url('../fonts/ITCAvantGardeStd-XLt.otf') format('svg');font-weight: normal;font-style: normal;}
html{font-size:14px;font-family:Arial, Helvetica, sans-serif}
html,body{height:100%;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure{margin: 0;padding: 0;}
body{-webkit-overflow-scrolling: touch;text-align:left;max-height: 100%;}
a, a:hover{text-decoration: none;outline: none;}
p{margin:0;padding:0;}
:link, :visited{text-decoration: none;}
ul,li{list-style: none}
img{border: none;max-width:100%;}
input, select, textarea{border: none;outline: none;background: none}
em,i{font-style: normal}
h1, h2, h3, h4, h5, h6{font-weight: normal}
.clear{clear:both;width:100%;overflow:hidden;}
.clearfix::after{clear: both;display: block;height: 0;content: '';}
/* clear*/.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;}
.zj{width:1200px;margin:0 auto;display:block;}
a{text-decoration: none;outline: 0;blr:expression(this.onFocus=this.blur());/*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none;/*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标*/}

/* top*/
.top{width:100%;height:80px;margin:0 auto;background-color:rgb(98,170,24);position: fixed; top:0;z-index:999;}
.top1{ width:1260px;   /* padding: 0 10%;*/ box-sizing:border-box;height:80px;margin:0 auto;}
.banner{width:100%;height:450px;margin:0 auto;}
.banner{width:100%;height:450px;}
.logo{height:80px;float:left;}
.logo img{ height:72px; display:table; padding:4px 0 0}
/*.sy_top .top1{ width:100%; padding:0 8%;}
.sy_top .logo img{ height:80px; padding:0}
*/
/*导航*/
 #header ul li.navitem:hover a{color: #62aa18;background: #fff;}
#header ul#nav{font-size:16px;float: right;transition: all 0.3s ease-out 0s;}
#header ul li.navitem a{color: #999;display: block;}
#header ul li.navitem{height: auto;line-height: 40px;}
#header ul li.navitem{line-height: 20px;}
#header ul li.navitem ul.subnav li a{width:120px;height: 40px;line-height: 40px;background: #fff;display: block;font-size: 14px;transition: all 0.2s ease-out 0s;color: #999;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); margin-left:0px}
#header ul li.navitem ul.subnav li a:hover{text-indent: 10px;background: #EDEDED;color: #484848;}
#header ul li.navitem ul.subnav{border-top: 3px solid #7B7B7B;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);}
#header ul li.navitem ul.subnav li{border-bottom: 1px solid #FFF;}
#header{height: auto;float:right;padding-top: 20px;font-size: 14px;transition: all ease .3s;z-index: 99;transition-property: padding, background;}
.nobanner #header{background: rgba(255, 255, 255, 0.9);}
#header.mini{background-color: rgba(0,0,0,.51);}
#header.mini ul li.navitem{padding-bottom: 0;}
#header ul li.navitem{width: auto;height:38px;padding:0px 0 0;float: left;position: relative;text-align:center; width:105px;}
#header ul li.navitem ul.subnav{transition: all 0.3s ease-out 0s;position: absolute;width:120px;border-top: #838383 3px solid;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); margin-left:0px}
#header ul li.navitem:hover ul.subnav{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
#header ul li.navitem a{ font-size:15px; color:#fff; line-height:38px; height:38px; border-radius:25px; width:100%; text-align:center; display:table; margin-left:8px}
#header ul li.navitem ul.subnav a{ border-radius:0}

.bann{ width:100%; text-align:center; height:440px; padding:80px 0 0}
.bann img{ margin:0; padding:0; display:block; width:100%; }
/**/
.bt{ display:table; text-align:center; margin:0 auto; padding:45px 0 35px;}
.bt h1{ font-size:40px; color:#333; font-weight:bolder; line-height:60px;}
.bt h2{ width:50px; height:7px; background:#62aa18; border-radius:20px; display:table; margin:0 auto }
.bt h3{ font-size:16px; text-transform:uppercase; line-height:1; color:#333}

.wrap_n{ min-height:400px; width:1200px; display:table; margin:0 auto}
.about{ font-size:16px; line-height:36px; color:#333333; width:1180px; margin:0 auto; display:table; padding:15px 0 30px 0;}
.wrap_n .bt2{padding: 45px 0 30px;}

.nav1{ text-align:center; margin:0 auto ; display:table; padding:0px 0 30px; }
.nav1 a{ font-size:16px; color:#393838; text-align:center; border:1px solid #393838; width:136px; line-height:42px; display: inline-block; margin:0 6px ;  border-radius:5px;cursor:pointer;}
.nav1 a:hover,.nav1 .active{ background:#62aa18; color:#fff; border:1px solid #62aa18  }

/*cp*/
.cp,.cp1{ width:1200px; padding:10px 0 0}
.cp ul li{width:380px; display:block; color:#000000;float:left; margin:0 10px 12px ;}
.cp ul li a{ width:380px;  margin:0 auto; display:block;}
.cp ul li a h1{ font-size:18px;  color:#444444;line-height:52px; display:block; text-align:center;width:380px; margin:0 auto;}

.cp ul li a .cp_t{ width:380px; height:506px;  display:block;  overflow: hidden;  box-sizing:border-box; border:1px solid #CCC}
.cp ul li a .cp_t img{ width:380px; height:506px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t img{transform: scale(1.05);}
.cp ul li a:hover .cp_t{ border:3px solid #62aa18}
.cp ul li a:hover h1 { color:#fff; background:#62aa18}
.cp ul li a:hover .cp_t{ }

.cp1 ul li{width:380px; display:block; color:#000000;float:left; margin:0 10px 12px ;}
.cp1 ul li a{ width:380px;  margin:0 auto; display:block;}
.cp1 ul li a h1{ font-size:18px;  color:#444444;line-height:52px; display:block; text-align:center;width:380px; margin:0 auto;}

.cp1 ul li a .cp_t{ width:380px; height:258px;  display:block;  overflow: hidden; box-sizing:border-box; border:1px solid #CCC}
.cp1 ul li a .cp_t img{ width:380px; height:258px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1 ul li a:hover .cp_t img{transform: scale(1.05);}
.cp1 ul li a:hover .cp_t{ border:2px solid #62aa18}
.cp1 ul li a:hover h1 { color:#fff; background:#62aa18}
.cp1 ul li a:hover .cp_t{ }

/*news*/
.xw1{ display: table; width:1160px; margin:0 auto;}
.xw1 ul{ margin:0px auto 20px; display:table;}
.xw1 li{ width:1160px; float:left; height:110px; margin:10px 20px;}
.xw1 li a{ background:#f4f3f3; display:block; padding:20px 15px;}
.xw1 li .sj1{ width:99px; /*height:90px; */text-align:center; font-size:14px; color:#9d9b9b; float:left; border-right:1px solid #dcdcdc; }
.xw1 li .sj1 h1{ font-size:48px;line-height:48px; margin-bottom:4px;  color:#333;}
.xw1 li .xw_z{ float:left; margin:0px 20px; width:880px; height:71px; color:#747474; font-size:12px; line-height:22px;}
.xw1 li .xw_z h1{ font-size:16px; color:#313131; font-weight: bolder; line-height:26px; margin-bottom:2px;}
.xw1 li a .jt{ background: url(../images/jt3.png) no-repeat center center; float:right; width:37px; height:71px; margin-right:30px;}
.xw1 li a:hover .jt{background: url(../images/jt4.png) no-repeat center center;}
.xw1 li a:hover .sj1{  text-align:center; color:#fff; float:left; border-right:1px solid #fff;}
.xw1 li a:hover .xw_z,.xw1 li a:hover .xw_z h1,.xw1 li a:hover .sj1 h1{ color:#fff;}
.xw1 li a:hover{ background:#62aa18;}

/*news*/
.news{ width:1200px; margin:0 auto; display:block;}
.news a{ width:1158px; margin:0 auto; border-bottom:1px dashed #dcdcdc; font-size:14px; color:#535353; line-height:24px; height:230px; display: block; padding:30px 1px ;}
.news a .news_t{ width:330px; height:230px; margin:0;  float: left; overflow: hidden;}
.news a .news_t img{width:330px; height:230px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.news a:hover .news_t img{transform: scale(1.1);}
.news a .news_r{ width:780px; margin:0 0 0 38px;float: left;}
.news a .news_r time{ font-size:28px; color:#a7a7a7; line-height:48px;}
.news a .news_r h1{ font-size:16px; color:#2e2e2e;line-height:48px; margin-bottom:6px;}
.news a .news_r h2{ height:48px; display:block; overflow:hidden; margin-bottom:28px;}
.news a .news_r .more2{ width:110px; height:30px; border:1px solid #727171; background:url(../images/news_jt2.png) no-repeat center center; display:block;}
.news a:hover .news_r .more2{  border:1px solid #62aa18; background:url(../images/news_jt1.png) no-repeat center center; display:block;}
.news a:hover h1{ color:#19a25f;}

.lx_k{ /*width:1168px;*/ display:table; margin:0 auto;}
.lx{}
.lx dt{ width:576px; height:200px; margin:0 11px; float:left; border:1px solid #d9d9d9; font-size:18px; color:#333333; text-align:center; padding:0 20px; box-sizing:border-box}
.lx dt span{ width:90px; height:80px; background:url(../images/lx.png); display:block; margin:20px auto 0;}
.lx dt .lxt1{background-position:0 0;}
.lx dt .lxt2{ background-position: -90px 0;}
.lx dt .lxt3{background-position:-180px 0;}
.lx dt .lxt4{ background-position: -270px 0;}
.lx dt:hover .lxt1{background-position:0 80px;}
.lx dt:hover .lxt2{ background-position: -90px 80px;}
.lx dt:hover .lxt3{background-position:-180px 80px;}
.lx dt:hover .lxt4{ background-position: -270px 80px;}
.lx dt:hover{ background:#039d59; color:#fff;}
.lx dt:hover h2{ color:#fff;}

.lx dt h1{ font-size:18px; line-height:45px;}
.lx dt h2{ font-size:22px; color:#191919; line-height:30px;}

.lx_t{ display:table; border:3px solid #e4e4e4; margin:40px auto 60px;}

.cont{ width:964px; margin:0 auto;}
.cont .ts { font-size:16px; color:#636363; text-align:center; margin:35px auto 25px;}
.cont dt input{ background:#fff; border:1px solid #c0bec0; width:435px;  height:48px; line-height:48px; padding-left:15px; font-size:14px; color:#bbbbbb; float:left; margin:10px 15px;}
.cont dt textarea{background:#fff; border:1px solid #c0bec0; font-size:14px; color:#757575; padding:15px; width:902px; height:180px;margin:10px 15px;}
.cont .btn { width:240px; font-size:16px; height:42px; line-height:42px; text-align:center; display:block; background:#0d874b; border-radius:5px; color:#fff; margin:40px auto;}


.fo_ab{ width:100%; background:#4c920e}
.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align: left;  margin:0 auto;line-height:30px; padding:5px 0;   width:1200px;}
.fo2 a{color:#fff; }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }