@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family:'微软雅黑'; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color: #53b37a;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; position:relative; }
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}

.wrap{width: 1260px; margin:0 auto;}
.top-sj{ background:#53b37a; color:#fff; padding:10px 0; text-align:right;}
.language a{ color:#fff; font-size:17px; padding:0 8px; transition-duration:.5s;}
.language a:last-child,.sj-xi p:last-child{ padding-right:0;}
.language a:hover{ opacity:0.5;}
.sj-xi p{ display:inline-block; font-size:15px; margin-top:10px; padding:0 10px;}
.sj-xi p span iframe{ width:95px !important; height:25px; font-size:15px;}
.weather .cross-simple-icon{ padding-top:0 !important}
.top-nr{ position:relative}
.logo{ position:absolute; top:-53px;}
.top-nr ul{ float:left; padding-left:158px;}
.top-nr ul li{ float:left; line-height:81px; position:relative;}
.top-nr ul li a{ font-size:20px; font-weight:bold; padding:0 25px; display:block;}
.top-nr ul li:after{ content:""; position:absolute; top:31px; right:0; width:1px; height:22px; background:#cfcfcf}
.top-nr ul li:last-child:after{ opacity:0;}
.tttt{ width:130x; position:absolute; left:0; top:81px; display:none;  background:#f9f9fa; text-align:left; padding:0 15px !important; 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;}
.tttt li{ padding-bottom:0; float:none; width:100%; transition-duration:.5s; border-bottom:1px solid #e5e5e5; line-height:42px !important;position:relative; text-align:center;}

.tttt li a{ color:#333; font-size:16px !important; padding:0; border:none !important; font-weight:normal !important; padding:0 !important}
.tttt li a:hover{ color:#00b140}
.tttt li:after{ display:none !important;}


.tttt li:after{ content:""; width:4px; height:0; top:20%; position:absolute; left:0; transition-duration:.5s; background:#097b32}



.sou{ width:223px; height:46px; background:#f4f4f4; border-radius:3px; position:relative; margin-top:20px;}
.sou input{ width:100%; height:100%; border:none; background:none; padding-left:15px;}
.sou button{ width:24px; height:46px; background:url(../images/sou.png) no-repeat center center; position:absolute; top:0; right:10px; border:none;}
.banquan{ background:#088a87; text-align:center; padding:20px 0; color:#fff; font-size:16px; line-height:2;}
.footer{ background:#08a9a5; padding-top:22px;}
.f-le{ width:55%; border-right:1px dashed #83cac7; padding:42px 25px 42px 0;}
.f-le ul{border-bottom:1px dashed #83cac7; padding-bottom:21px; }
.f-le ul li{ float:left; text-align:center; color:#fff;}
.f-le ul li img{}
.f-le ul li p{ font-size:15px; padding-top:17px;}
.f-tel{border-bottom:1px dashed #83cac7; color:#fff; font-size:16px; line-height:80px;}
.f-ri{ width:45%; padding:42px 0 0 25px;}
.f-zi{color:#fff; font-size:16px;}
.f-ll span{ padding-left:80px;}
.f-cd{border-bottom:1px dashed #83cac7;border-top:1px dashed #83cac7; line-height:59px; margin-top:20px; margin-bottom:20px;}
.f-cd a{ color:#fff; font-size:18px; padding-right:17px;}
.f-cd a:last-child{ padding-right:0;}
.f-link h1{ font-size:16px; color:#fff; padding-bottom:10px;}
.f-link ul li a{ display:block; color:#fff; font-size:16px; width:50%; float:left; padding-bottom:10px;}
/*小屏导航*/
.mobile-top{ display:none;}
.mobile{width: 100%; z-index: 9998; position: fixed; top: 0; right: 0; height: 55px; background:#fff;}
.mobile-inner{ margin-right: auto;margin-left: auto; position: relative;}

.mobile-inner-header{width: 55px; height: 55px; position: absolute; top: 0; right: 0;}
.mobile-inner-header-icon{color: #ffffff;background: #53b37a; 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:#53b37a; 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;}
.subNavBox2{width:100%;}
.subNav2{display: block;
  width: 100%;
  border-bottom: 1px solid #82d0a1;
  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:60px;}
.currentDt2{
	background: url(../images/jian1.png) no-repeat 96% center #74cc97;
}
.navContent2{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#74cc97;}
.navContent2 li{ line-height:30px;}
.navContent2 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
.logo1 img{ width:66%; padding-top:4px;}

/*菜单结束*/
.mobile-footer {
    background: #08a9a5;
    padding-top: 22px; color:#fff; display:none;
}
.mobile-f-le ul{ border-bottom: 1px dashed #83cac7; padding-bottom:15px;}
.mobile-f-le ul li{ float:left; width:25%; text-align:center; font-size:10px;   }
.mobile-f-le ul li:nth-child(1) img{ width:75%;}
.f-tel{ line-height:1.6 !important; font-size:12px; padding:10px 0;}
.banquan{ font-size:12px !important;}


@media only screen and (max-width: 1440px){}
@media only screen and (max-width: 1366px){

	}
@media only screen and (max-width: 1280px){
	.wrap{width: 960px; margin:0 auto;}
	.language a,.sj-xi p{ font-size:13px;}
	.sj-xi p{ padding:0 2px;}
	.top-nr ul li a{ font-size:17px; padding:0 14px;}
	.sou { width:160px;}
	.tttt li a{ font-size:14px !important;}
	.f-le ul li{ width:25%;}
	.f-zi,.f-cd a,.f-link h1{ font-size:13px;}
	.f-cd a{ padding-right:10px;}
	.f-link ul li a{ font-size:12px;}
	}
@media only screen and (max-width: 960px){
.top{ display:none;}
.mobile-top{ display:block;}
.mobile-footer{ display:block;}
.footer{ display:none;}
	}

@media only screen and (max-width: 760px){


}


@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);}
}

@keyframes changeScale
{   0%   {transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); opacity: .2;}
50%   {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: .5;}
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.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); opacity: .2;}
50%   {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: .5;}
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.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); opacity: .2;}
50%   {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: .5;}
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.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); opacity: .2;}
50%   {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: .5;}
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}

}