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

@font-face {
  font-family: "Roboto-Regular_0";
  src: url("../fontface/Roboto-Regular_0.woff2") format("woff2"),
       url("../fontface/Roboto-Regular_0.woff") format("woff"),
       url("../fontface/Roboto-Regular_0.ttf") format("truetype"),
       url("../fontface/Roboto-Regular_0.eot") format("embedded-opentype"),
       url("../fontface/Roboto-Regular_0.svg") format("svg");
}
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family:'Roboto-Regular_0';font-size:14px;color:#333; overflow-x:hidden; 
    background-attachment: fixed;
    background-position: center 0;
    will-change: background-position; }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #00b140;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block;}
.clearfixed:after{ content: ""; clear:both; display:block;}
input{ outline:none;}

input:focus {
	border: 1px solid #00b140 !important;
}
.fl{float:left;}
.fr{float:right;}
.wrap{ width:1400px; margin:0 auto;}
header{ width:100%; height:42px; background:#f1f1f1;}

.logo{ display:inline-block; padding-top:32px;}
.mobile-logo{ display:none;}
.yy{ line-height:42px; background:url(../images/yy.png) no-repeat left center; padding-left:30px; font-weight:bold;}
.sou{ padding:7px 0 0 16px;}
#search-bar{
    background: #85cc9f;
    background: -webkit-gradient(linear,left top,right top,from(#16a148),to(#85cc9f));
    background: -webkit-linear-gradient(left,#16a148 0%,#85cc9f 100%);
    background: -o-linear-gradient(left,#16a148 0%,#85cc9f 100%);
    background: linear-gradient(to right,#16a148 0%,#85cc9f 100%); height:70px; display:none; padding-top:10px;}
.se-xi{ width:552px; height:45px; background:#fff; border-radius:25px; margin:0 auto; position:relative;}
.se-xi input{ border:none; background:none; height:45px; width:100%;border-radius:20px; display:block; outline:none; padding-left:20px;}
.se-xi button{border-radius: 25px;
    font-size: 20px;
    height: 45px;
    width: 60px;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    outline: none;
	background:url(../images/s02.png) no-repeat center center;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
	outline:none;
	border:none;
    cursor:pointer
}
.t-cd { background:#fff; height:110px;}
.se-xi div:hover{ background:url(../images/s01.png) no-repeat center center #00b140;  cursor:pointer}
nav { width:75%;}
nav ul li{ float:left; line-height:110px; position:relative;}
nav ul li a{ font-size:18px; padding:0 18px; display:block; position:relative;}
nav ul li a:hover,nav ul .on a{ background:#f7f5f5;color: #00b140;}
/*nav ul li a:after{ content:""; width:6px; height:7px; background:url(../images/nav-icon.png) no-repeat center; position:absolute; right:10px; top:25px;}*/
.tttt{ width:200px; position:absolute; left:0; top:110px; display:none;  background:#f9f9fa; text-align:left; padding:0 15px; transition-duration:.5s; z-index:9999;-moz-box-shadow:1px 1px 5px #696969; -webkit-box-shadow:1px 1px 5px #696969; box-shadow:1px 1px 5px #696969;}
nav .tttt li{ padding-bottom:0; float:left; width:100%; transition-duration:.5s; border-bottom:1px solid #e5e5e5; line-height:42px; margin-right:6%; position:relative;}
nav .tttt li:nth-child(2n){ margin-right:0;}
nav .tttt li a{ color:#333; font-size:14px; padding:0;}
nav .tttt li a:hover{ color:#00b140; background:none;}
nav .tttt li a:after{ display:none;}
nav ul .on .tttt li a{ color:#333;}
nav ul .on .tttt li a:hover{color:#00b140}
nav .on .tttt li a{ background:#f9f9fa;}
nav .on .tttt li a:hover{ background:none;}
.tttt li:after{ content:""; width:4px; height:0; top:20%; position:absolute; left:0; transition-duration:.5s; background:#097b32}
.pro-ttt{ width:280px;}








/*小屏导航*/
.xs-top{display: none;}

.mobile{width: 100%; z-index: 9998; position: fixed; top: 0; right: 0; height: 50px;}
.mobile-inner{ margin-right: auto;margin-left: auto; position: relative;}

.mobile-inner-header{width: 55px; height: 55px; position: fixed; top: 0; right: 0; display:none; transition-duration:.3s;}
.mobile-inner-header-icon{color: #ffffff;background: #00b140; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#00b140; width: 100%; position: fixed; top: 55px;left: 0px; display: none; z-index:9998;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom: 1px solid #00c848;
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia1.png) no-repeat 96% center;
  color:#fff;
}
.t-pa{ top:55px;}
.currentDt1{
	background: url(../images/jian1.png) no-repeat 96% center #03c147;
}
.navContent1{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#03c147;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*菜单结束*/
.oa a:hover{ color:#00b140 !important}



.m_link{text-align:center; border-bottom:1px solid #dbdcde;display:none;}
 .m_link.active{background:#d5d9df;}
.m_link .tab{color:#fff; font-size:18px;  padding:10px 48px 10px 0; display:inline-block; *display:inline; *zoom:1; position:relative;}
.m_link .tab:before{content: '';
    background: url(../images/xia.png) no-repeat;
    width: 50px;
    height: 27px;
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    right: -15px;
    background-size: 38%;
    margin: auto;
    transition-duration: .5s;}
/*.m_link .tab:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} */
/*.m_link .tab:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}*/
/*.m_link .tab.active:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#b3b3b3;}*/
.m_link .tab_con{display:none; line-height:40px; border-top:1px solid #ced0d4; padding:5px 0; font-size:14px;}
.m_link .tab_con ul{overflow:hidden; padding:0 20px;}
 .m_link .tab_con ul li{float:left; width:33.33%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:25px;}
 .m_link .tab_con ul li a{ color:#fff;}

.m_link .xz-jia:before{ content: '';
    background: url(../images/up.png) no-repeat;
    width: 50px;
    height: 27px;
    display: block;
    position: absolute;
    top: 18px;
    bottom: 0;
    right: -15px;
    background-size: 38%;
    margin: auto;
    transition-duration: .5s;}


.cssSelect{white-space:nowrap;float: none;
    width: 100%;
    height: 40px;
    position: relative;}
.cssSelect *{display:block;}
.cssSelect a{color:#666;outline-width:0;text-decoration:none}
.cssSelect .selectBox{cursor:pointer;  width: 100%;}
.cssSelect .selectLt{cursor:pointer;float:left;text-align:left}
.cssSelect .selectRt{cursor:pointer;background:url(../images/down.png) no-repeat center center #a7a6a6; float:left}
.cssSelect .selectBox{}.cssSelect .selectLt{overflow:hidden;height:41px;line-height:41px;padding:0 10px;background:none transparent scroll repeat 0% 0%;color:#fff; width:100%; opacity:0; z-index:3; position:relative;}
.cssSelect .selectRt{height:41px;padding-bottom:0;padding-top:0;padding-left:0;padding-right:28px; width:41px;position: absolute;
    right: 0;}
.cssSelect .sNormal{background-position:0 0}.cssSelect .sHover{background-position:0 -50px}
/*.cssSelect .sHover .selectRt{background:url(../images/skin_icons.png) -49px -160px no-repeat #e6e6e6}
.cssSelect .sPressDown{}.cssSelect .sPressDown .selectRt{background:url(../images/skin_icons.png) -49px -160px no-repeat #e6e6e6}*/
.cssSelect .optionsBox{position:absolute;border:1px solid #dbdbdb;padding:2px;margin:0;background:#fff;z-index:100; width:100%;}
.cssSelect .optionsInnerBox{}.cssSelect .optionBox{cursor:pointer;padding:2px 30px 2px 18px;margin:0;height:25px;line-height:25px; color:#333;}
.cssSelect .optionBox span{cursor:pointer;font-size:12px}
.cssSelect .oNormal{}.cssSelect .oHover{background:#00b140;color:#fff}
/*.cssSelect .selected{background:#ff4a00;color:#fff}*/

.in-ti{ position:relative; padding-bottom:38px;}
.in-ti h1{ font-size:36px; text-align:center;}
.in-ti p{ text-align:center; line-height:0.4;}
.in-ti .ti01{display: inline-block;width: 138px;height: 1px;background: #00b140;}
.in-ti .ti02{display: inline-block;width: 113px;height: 1px;background: #00b140;}
.footer{ width:100%; background:#595757; padding-top:28px; color:#fff;}
.f-le{ width:300px; padding-bottom:10px;}
.f-le ul{ padding-top:37px;}
.f-le ul li a{ color:#fff; display:block; width:50%; font-size:16px; float:left; padding-bottom:19px;}
.f-le ul li a:hover{ color:#00b140}
.f-ri{ width:376px; text-align:right;}
.f-ri ul{padding-bottom:22px;}
.f-ri li{ display:inline-block; width:42px; height:42px; background:#979696; border-radius:50%; margin-left:28px; margin-top:5px; transition-duration:.5s;}
.f-ri li a{ display:block; position:relative; width:100%; height:100%;}
.f-ri li a img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.f-ri li:hover{ background:#00b140}
.f-ri li:nth-child(4){ width:113px; height:38px; background:url(../images/logo8.png) no-repeat #595757; border-radius:0;}
.f-ri li:nth-child(4):hover{background:url(../images/logo11.png) no-repeat #595757;}
.f-ri p{ font-size:16px; line-height:2; }
.f-ri p span{ padding-left:10px;}
.banquan{ width:100%; background:#4a4a4a; text-align:center; padding:15px 0; line-height:1.6;}
.banquan p{ color:#fff; opacity:0.5; }
.banquan p a{ color:#fff;}
.banquan p a:hover{ color:#00b140}

.pc-lc{ width:100%; }
.picFocus{ margin:0 auto;  width:100%;  position:relative; padding-bottom:80px; padding-top:30px;  }
		.picFocus .hd{ width:100%; overflow:hidden; padding-bottom:80px; position:relative; }
		.picFocus .hd:after{ content:""; width:100%; height:1px; background:#fff; position:absolute; top:50px; left:0; z-index:1;}
		.picFocus .hd ul{ zoom:1; cursor:pointer }
		.picFocus .hd ul li{float:left; position:relative; }
		.picFocus .hd ul li p{color:#fff; background:url(../images/b-yuan.png) no-repeat bottom center; font-size:18px; padding:0 32px 40px; position:relative; z-index:3; }
		.picFocus .hd ul li.on p{ background:url(../images/l-yuan.png) no-repeat bottom center; }
        .picFocus .hd ul li:nth-of-type(odd):after{ content:""; position:absolute; left:-33%; width:94px; height:5px; background:url(../images/lx.png) no-repeat; bottom:9px; z-index:2;}
		.picFocus .bd li{ vertical-align:middle; text-align:center; }
		.picFocus .bd li p{ font-size:24px; color:#fff;}

@media screen and (max-width: 1450px){
	.wrap{ width:1230px;}
	nav ul li a{ padding:0 10px;}
	nav { width:75%;}
	.picFocus .hd ul li p{padding:0 26px 40px; }
        .picFocus .hd ul li:nth-of-type(odd):after{ left:-45%; }

	}
@media screen and (max-width:1261px){
	.wrap{ width:960px;}
	nav ul li a{ font-size:16px; padding:0 3px;}
	}

@media screen and (max-width:769px){
	.wrap{width: 100%;padding:0 18px;}
	nav,.f-left,.f-right{ display:none;}
	#search-bar{ height:60px;}
	.se-xi{ width:80%; height:40px;}
	.se-xi input,.se-xi button{ height:40px;}
	.logo{ width:42%; padding-top:12px;}
	.pc-logo{ display:none;}
	.yy{ line-height:55px; background-size:25%; padding-left:20px;}
	header{ height:55px; position:fixed; z-index:9999;width: 100%; transition-duration:.5s;}
	.sou{ padding-top:15px;}
	header .wrap{ padding:0 10px;}
	.t-ri{ padding-right:56px;}
	.xs-top{display: block;}
	.m_link{ display:block;}
	.f-center{ border:none; margin-top:0; text-align:center; padding:10px 0 20px 0;}
	.in-ti h1{ font-size:20px;}
.in-ti .ti01{ width:108px;}
.in-ti .ti02{ width:90px;}
.in-ti{ padding-bottom:15px;}
	.mobile-inner-header{ display:block; position:absolute;}

	.mobile-logo{ display:block;}
	.t-cd{ height:auto;}
	.footer{ padding-top:20px;}
	.f-logo{ width:50%;}
	.f-le ul li a{ width:auto; font-size:14px; float:none; padding:0 5px 10px;}
	.f-le ul{ padding-top:20px; text-align:center}
	.f-le ul li{ display:inline-block;}
	.f-ri ul{ background:none; text-align:center; width:100%; padding-right:0; padding-bottom:10px;}
	.f-ri{ width:100%; float:none !important; text-align:left; padding-bottom:20px;}
	.f-ri li{ width:35px; height:35px; margin-top:0; margin-left:10px; margin-right:10px;}
	.f-ri p{ padding-top:10px; font-size:14px; line-height:1.3;}
	.banquan{ height:auto; line-height:1.6; position:relative; text-align:center; font-size:12px; padding:10px 0;}
	.banquan:after{ content:""; clear:both; display:block;}
	#search-bar{ position:fixed; width:100%; padding-top:7px; z-index:9999}
	}






@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}