@charset "utf-8";

article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,header,html,input,label,legend,li,mark,menu,nav,ol,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight:400;}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ol,ul{list-style:none;}
img{border:0 none;vertical-align:middle;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:none;}
table{border-collapse:collapse;border-spacing:0;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:0 0;}
input::-ms-clear{display:none!important;}
html{scroll-behavior:smooth;}
body{background:#fff;font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;scroll-behavior:smooth;}
a{color:#333;text-decoration:none;-webkit-transition: .3s color ease;transition: .3s color ease;-ms-transition: .3s color ease;}
a:hover,a:focus{color: #000;text-decoration:none;}
a,button,input,a:focus{outline: none;}



.outer,.inner{position: relative;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-two-line{display:-webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-four-line{display:-webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}


.clear{*zoom:1;}
.clear:after{content: '';display: block;clear:both;}

.black_bg01{position: fixed;background-color:#000;opacity: 0.7;width:100%;height:100%;display: none;filter: alpha(opacity=70)}

.header{width:100%;min-width: 300px; height:auto; z-index:99999999;position:relative;top:0;left:0;}
.header.current .black_bg01{display: block;}
.header-right{float:right;}
.header-search{position:relative;margin-top: 0px;margin-right: 15px;width: 300px;height:40px;}
.search-input{display:block;padding:0 10px;width:100%;height:40px;border:1px solid #226aba;border-radius: 0;background:transparent;color:#333;font-size: 14px;line-height:40px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color:#226aba;}
.search-input::-moz-placeholder{color:#226aba;}
.search-input::-ms-input-placeholder{color:#226aba;}
.search-submit{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:none;border-radius: 0;background: transparent url(../image/icon_search.png) no-repeat center;background-size:20px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.search-input:focus,.search-submit:focus{box-shadow:0 0 10px rgba(0,0,0,.1);}
.search-submit:hover{background-color:rgba(0,0,0,.1);}
.topWrap{width: 100%; background:url(../image/header_bg.jpg) no-repeat top center #ffffff;}
.top{height: 156px;line-height: 60px;width: 1225px;margin:0 auto;}
.top a{color:#226aba;display: inline-block;*display: inline;*zoom:1;}
.top span{color:#0b6273;margin:0 5px;display: inline-block;*display: inline;*zoom:1;}
.top a:hover{opacity: 0.8;}
.top_lf{float:left;}
.top_rt {float:right; margin-top: 20px;}
.top_rt_link {float:right;}
.nav-wrapper{position: absolute; width: 100%;height: 50px;background: rgba(23, 203, 217, 0.7);}
.logo{width: 100%;height: 0;position: relative; z-index: 99992;top: 39px;margin:0 auto; transition: all 0.3s ease;}
.logo_bg{width: 260px;height: 0;position: relative; z-index: 99990;top:75px;margin:0 auto;}
.nav{width:1225px;margin:0 auto; z-index: 9992;}
.nav_lf{width: 100%; float:left;}
.nav_rt{width: 41.24%;float:right;}
.nav ul{}
.nav ul li{float:left; height: 41px;padding-top: px; transition: all 0.3s ease; position: relative;}
.nav ul > li{width:10%;}
.nav ul li > a{padding:0;text-align:center;line-height:42px;height: 42px;color:#fff; transition: all 0.3s ease;}
.nav ul li > a{font-size:16px;font-size:1.6rem; display: block; font-weight:bold;}
.nav ul li.on > a,.nav ul li:hover > a{color: #fff;background-color:#1070c0; height:41px;line-height: 41px;}.nav ul li.on{height:40px; }
.nav ul li.on .subNav{display: block;}


.nav1{width:1440px;margin:0 auto; z-index: 9992;}
.nav1_lf{width: 100%; float:left;}
.nav1_rt{width: 41.24%;float:right;}
.nav1 ul{}
.nav1 ul li{float:left; height: 50px;padding-top: px; transition: all 0.3s ease; position: relative;}
.nav1 ul > li{width:9%;}
.nav1 ul li > a{padding:0;text-align:center;line-height:50px;height: 50px;color:#fff; transition: all 0.3s ease;}
.nav1 ul li > a{font-size:16px;font-size:1.6rem; display: block; font-weight:bold;}
.nav1 ul li.on > a,.nav1 ul li:hover > a{color: #fff;background-color:#11d8ec; height:50px;line-height: 50px;}.nav1 ul li.on{height:40px; }
.nav1 ul li.on .subNav{display: block;}
.nav1 > li{position: relative; display: block;}
.nav1 > li > a{padding: 10px 15px; position: relative; display: block;}

.huodong {
background: #169aa6 repeat;
text-align:center;
overflow: hidden;
padding-top: 22px;
padding-bottom: 22px;
}

.responjianying {
margin-left: -17px;
padding-left: 17px;
}

.icon-box{
margin: 15px;
}


.icon-con-1 {
float: left;
width: 33.3333%;
height: 105px;
overflow: hidden;
padding: 8px 20px 10px;
font-size: 18px;
color: #333;
font-weight: 600;


background: #006470;
}

.icon-con-1:hover {
background: url(images/icon_bg.png) center top no-repeat;
color: #fff;
}
.icon-tu {
margin: 0 auto;
width: 70px;
height: 50px;
overflow: hidden;
position: relative;
}
.icon-tu img {
width: 70px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-bt {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-bt1 {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-con-1:hover .icon-tu img {
bottom: -50px;
}
.icon-con-2 {
float: left;
width: 33.3333%;
height: 105px;
overflow: hidden;
padding: 8px 20px 10px;
font-size: 18px;
color: #333;
font-weight: 600;


background: #027f83;
}
.icon-con-2:hover {
background: url(images/icon_bg.png) center top no-repeat;
color: #fff;
}
.icon-tu {
margin: 0 auto;
width: 70px;
height: 50px;
overflow: hidden;
position: relative;
}
.icon-tu img {
width: 70px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-bt {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #fff;
}
.icon-bt:hover {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-con-2:hover .icon-tu img {
bottom: -50px;
}
.icon-con-3 {
float: left;
width: 33.3333%;
height: 105px;
overflow: hidden;
padding: 8px 20px 10px;
font-size: 18px;
color: #333;
font-weight: 600;


background: #14979f;
}
.icon-con-3:hover {
background: url(images/icon_bg.png) center top no-repeat;
color: #fff;
}
.icon-tu {
margin: 0 auto;
width: 70px;
height: 50px;
overflow: hidden;
position: relative;
}
.icon-tu img {
width: 70px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-bt {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #fff;
}
.icon-bt:hover {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-con-3:hover .icon-tu img {
bottom: -50px;
}
.icon-con-4 {
float: left;
width: 33.3333%;
height: 105px;
overflow: hidden;
padding: 8px 20px 10px;
font-size: 18px;
color: #333;
font-weight: 600;


background: #12b5be;
}
.icon-con-4:hover {
background: url(images/icon_bg.png) center top no-repeat;
color: #fff;
}
.icon-tu {
margin: 0 auto;
width: 70px;
height: 50px;
overflow: hidden;
position: relative;
}
.icon-tu img {
width: 70px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-bt {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #fff;
}
.icon-bt:hover {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-con-4:hover .icon-tu img {
bottom: -50px;
}
.icon-con-5 {
float: left;
width: 33.3333%;
height: 105px;
overflow: hidden;
padding: 8px 20px 10px;
font-size: 18px;
color: #333;
font-weight: 600;


background: #17ced6;
}
.icon-con-5:hover {
background: url(images/icon_bg.png) center top no-repeat;
color: #fff;
}
.icon-tu {
margin: 0 auto;
width: 70px;
height: 50px;
overflow: hidden;
position: relative;
}
.icon-tu img {
width: 70px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.icon-bt {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #fff;
}
.icon-bt:hover {
margin-top: 12px;
line-height: 22px;
text-align: center;
color: #000;
}
.icon-con-5:hover .icon-tu img {
bottom: -50px;
}



























.subNav{width:100%;background:url(../image/subNav_bg.png) repeat;}
.subNav{position: absolute;left:0;top: 50px;display: none;}
.subNav dd {}
.subNav a{color:#fff;padding:8px 15px;display: block;}
.subNav a:hover{background-color:#15b1c1;}
.header.currents .logo{width: 100%;top: 6px;}
.header.currents .nav1 ul li{height: 40px;}
.header.currents .nav1 ul li.on > a,.header.currents .nav1 ul li:hover > a{height:41px;line-height: 41px;}
.header.currents .subNav{top:41px;}
.header.currents .nav-wrapper{height: 41px;}
.header.currents{box-shadow: 0 0px 0px rgba(0,0,0,0.4)}
.flipInY {
-webkit-animation-name: flipInY ;
animation-name: flipInY ;
animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

visibility: visible !important;
display: block;
}


@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}




.serBtn{background:url(../images/serBtn.png) no-repeat center center;cursor: pointer;display: inline-block;*display: inline;*zoom:1;width: 18px;height: 42px;}
.serWrap{height:0;overflow:hidden}
#ser{width:100%;overflow: hidden;padding:20px 0 ;background-color:#fff;border-bottom:1px solid #ededed;display: none;}
.ser{width:800px; height:38px; line-height:34px; background-color:#fff;z-index:9999994; margin:0 auto;position: relative;}



.search input{position:absolute; height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#a4a4a4; padding:0 0 0 7px;width:83%;border:1px solid #bfbfbf;}
.search input.notxt1 {position: absolute;width: 15%;height:34px;right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0;color:#fff;border:none;background-color: #df4c36;border:1px solid #df4c36;height: 36px;}




.goTop {position: fixed;bottom: 40px;right: 20px;z-index: 9999999;color: #fff;text-align: center;font-size: 14px;transition: none;background-color:#000;width: 50px;height: 50px;line-height: 50px;text-align: center;}
.goTop:hover{color:#fff;background-color:#e46856;}

.mobile{width: 100%;height: 42px;display: none;top:0;right: 0;z-index: 99991;background:#1bbaec;}
.mobile_title{width: 100%;float:left;color:#fff;position: absolute;left:0;top: 0;width: 50%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;font-weight:normal;}
.mobile_title a{float:left;margin-left: 10px;color:#fff;line-height: 31px;height: 31px;}
.mobile-inner-header{width:100%;
height: 42px;position: absolute;top: 0;right: 0px; }
.mobile-inner-header-icon{
color: #ffffff; height: 40px;font-size:25px;text-align: center;
float:right;width: 40px;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:hover{
opacity:0.8;
cursor: pointer;
}



.mobile-inner-header-icon span.mobile_home{font-size: 14px;width: 40px;border-top:0;height:100%;text-align:center;font-weight: normal;display: block;border:1px solid #ccc;border-radius: 2px;}
.mobile-inner-header-icon{
color: #fff; height: 28px;line-height: 28px; text-align: left;float:right;width: 40px;position: relative; cursor: pointer;margin-right: 10px;font-weight: bold;text-align: right;margin-top: 5px;}


@keyframes clickfirst {
0% {
transform: translateY(4px) rotate(0deg);

}

100% {
transform: translateY(0) rotate(45deg);
}
}

@keyframes clicksecond {
0% {
transform: translateY(-4px) rotate(0deg);
}

100% {
transform: translateY(0) rotate(-45deg);
}
}

@keyframes clickthird {
0% {
opacity: 0
}

100% {
opacity: 0
}
}

@keyframes outfirst {
0% {
transform: translateY(0) rotate(-45deg);
}

100% {
transform: translateY(-4px) rotate(0deg);
}
}



@keyframes outsecond {
0% {
transform: translateY(0) rotate(45deg);
}

100% {
transform: translateY(4px) rotate(0deg);
}
}
@keyframes outthird {
0% {
transform: translateY(0) rotate(90deg);
}

100% {
transform: translateY(12px) rotate(0deg);
}
}

.mobile-inner-nav{ background-color:#eaeef5;width: 100%; position: absolute;top: 42px; left: 0px;padding-top: 10px;padding-bottom: 25px;display: none;}
.mobile-inner-nav a{display: inline-block;line-height: 45px;
text-decoration: none; width: 100%;font-size: 1.4rem;
border-bottom: solid 1px #d3d3d3;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s;
-o-transition: all 0.5s; transition: all 0.5s; }
.mobile-inner-nav a:hover{color:#0050a5;}
.mobile-inner-nav li{position: relative;padding: 0 20px;}
.mobile-inner-nav li a{text-indent: 15px;}
.mobile-inner-nav li strong{color:#aaa;position: absolute;right:20px;top:0;font-size: 2.5rem;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;
-o-transition: all 0.5s; transition: all 0.5s; }
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes returnToNormal {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}


.services {
padding-top:20px;
}
.services .container-fluid {
padding-left: 13px;
padding-right: 13px;
}
.services .col-md-4 {
padding-left: 2px;
padding-right: 2px;
}
.services .service-item {
margin-bottom: 3px;
background-color: #eaebef;
padding: 50px;
text-align: center;
transition: all 0.5s;
}
.services .service-item-1 {
margin-bottom: 3px;
background-image: url(../image/bg0627.png);
padding: 50px;
text-align: center;
transition: all 0.5s;
}
.services .service-item .icon {
width: 50px;
height: 50px;
display: inline-block;
margin-bottom: 30px;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.5s;
}
.services .service-item-1 .icon {
width: 50px;
height: 50px;
display: inline-block;
margin-bottom: 30px;
background-size: cover;
background-repeat: no-repeat;
transition: all 0.5s;
}
.services .first-item-1 .icon {
background-image: url(../image/icon_01.png);
}
.services .first-item-1:hover .icon {
background-image: url(../image/icon_hover_01.png);
}
.services .first-item-2 .icon {
background-image: url(../image/icon_02.png);
}
.services .first-item-2:hover .icon {
background-image: url(../image/icon_hover_02.png);
}
.services .first-item-3 .icon {
background-image: url(../image/icon_03.png);
}
.services .first-item-3:hover .icon {
background-image: url(../image/icon_hover_03.png);
}
.services .first-item-4 .icon {
background-image: url(../image/icon_04.png);
}
.services .first-item-4:hover .icon {
background-image: url(../image/icon_hover_04.png);
}
.services .first-item-5 .icon {
background-image: url(../image/icon_05.png);
}
.services .first-item-5:hover .icon {
background-image: url(../image/icon_hover_05.png);
}
.services .sixth-item .icon {
background-image: url(../images/icon_06.png);
}
.services .sixth-item:hover .icon {
background-image: url(../images/icon_hover_06.png);
}
.services .service-item:hover {
background-color: #1bced5;
}
.services .service-item-1:hover {
background-color: #1bced5;
}
.services .service-item:hover h4,
.services .service-item:hover p {
color: #fff;
}
.services .service-item h4 {
margin-bottom: 20px;
transition: all 0.5s;
}
.services .service-item p {
margin-bottom: 0px;
transition: all 0.5s;
}
.services .service-item-1 h4 {
margin-bottom: 35px;
transition: all 0.5s;
height: 20px;
margin-top: 35px;
color: #fff;
}
.services .service-item-1 p {
margin-bottom: 0px;
transition: all 0.5s;
}

.services .icon{
float: left;
width: 8%;
margin-left: 2%;
text-align: center;
cursor: pointer;
}
.services .icon> a > img{height:64px;max-width:80%}









.motto{
text-align:center;
margin:30px;
padding-bottom:50px;
}
.motto img{
max-width:100%;
}
.link-tags li{
float: left;
margin-bottom: 5px;
margin-right: 5px;
height: 42px;
}
.quick-link h4{
color:#a32525;
padding-left:25px;
padding: 10px;
}

.link-tags li a {background: #fff none repeat scroll 0 0;color: #222;display: inline-block;font-size: 11px;font-weight: 600;line-height: 17px;padding: 12px;text-transform: uppercase;}
.link-tags li a:hover{border-bottom: 2px #0b6273 solid;}






.benkesheng2{

text-align: center;

float: left;

background: #fff;

padding: 0 6px 1px 6px;

margin: 0px 0px 1px 2px;
font-size: 27px;
font-weight: 600;
height: 40px;

}
.benkesheng2:hover{
border-bottom: 2px #0b6273 solid;
}
.mpa{

text-align: center;

float: left;

background: #f1f1f1;

padding: 0 6px 1px 6px;

margin: 0px 0px 1px 2px;
font-size: 27px;
font-weight: 600;
height: 40px;

}
.mpa:hover{
border-bottom: 2px #0b6273 solid;
}

.news3{margin-left: 4px;}
.news_t{ padding:0px 10px 14px 10px; font-size: 26px; font-weight:bold;}
.news_t1{ padding:0px 0px 4px 0px; font-size: 25px; font-weight:bold;}
.tcl{
line-height: 30px;
margin-bottom: 5px;
}
.right-date{
color: #aaaaaa;
font-size: 12px;
float: right;
}


.benkesheng{

text-align: center;

float: left;

background: #f1f1f1;

padding: 0 6px 1px 6px;

margin: 0px 0px 1px 2px;
font-size: 27px;
font-weight: 600;
height: 40px;
}
.benkesheng :hover{
border-bottom: 2px #0b6273 solid;
}












.mobile_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 1.2rem;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 30px 0;border:1px solid #d3d3d3;border-radius: 30px;overflow: hidden;}
.mobile_search input.notxt{width: 90%;color:#333;margin-left:55px;border:none;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;right:auto;left:0;background:url(../image/icon_search.png) no-repeat center center;border:none;}
.mobile-links{width: auto;margin:0 20px 10px;overflow: hidden;border-bottom:solid 1px #d3d3d3;padding:6px 0;}
.mobile-links span{float:left;padding:0 15px;}
.mobile-links span a{border:none;line-height: 25px;padding:4px 0;}


.footer{width: 100%;background:url(../images/footer_bg.jpg) no-repeat top center #459690;padding:27px 0;text-align: center;}
.footer span,.footer strong{display: inline-block;*display: inline;*zoom:1;font-size:14px;color:#fff;line-height: 27px;}
.footer strong{color:#5389c3;margin:0 25px;}
.tel{background:url(../images/tel_bg.png) no-repeat left center;padding-left:42px;}

@media screen and (max-width:1225px) {
.top,.nav1{width: auto;padding:0 15px;}
.footer{background:#114984;padding:15px;width: auto;}


}

@media screen and (max-width:1024px) {
.nav{display: block;}





}
@media screen and (max-width:992px) {


}
@media screen and (max-width:768px) {
.services .icon{width: 22%;}
.responjianying {margin-left: -50px;}
.mobile{display: block;}
.footer strong{display: none;}
.nav-wrapper{display: none;}
.topWrap{display: none;}
.mobile{height: 83px;}
.mobile-inner-nav{top: 83px;}
.mobile-inner-header-icon{margin-top: 29px;}
}
@media screen and (max-width:640px) {
.right-date{display: none;}
.mpa{font-size: 16px;}
.mpa :hover{font-size: 16px;}
.benkesheng2{font-size: 16px;}
.benkesheng2 :hover{font-size: 16px;}
.benkesheng2{width: 37.33%;}
.services .icon{width: 22%;}
.responjianying {margin-left: -50px;}
.footer strong{display: none;}
.nav-wrapper{display: none;}
.topWrap{display: none;}
.mobile{height: 64px;}
.mobile-inner-nav{top: 64px;}
.mobile-inner-header-icon{margin-top: 29px;}
}
@media screen and (max-width:600px) {
.right-date{display: none;}
.mpa{font-size: 16px;}
.mpa :hover{font-size: 16px;}
.benkesheng2{font-size: 16px;}
.benkesheng2 :hover{font-size: 16px;}
.benkesheng2{width: 37.33%;}
.services .icon{width: 22%;}
.responjianying {margin-left: -50px;}
.footer strong{display: none;}
.nav-wrapper{display: none;}
.topWrap{display: none;}
.mobile{height: 59px;}
.mobile-inner-nav{top: 59px;}
.mobile-inner-header-icon{margin-top: 29px;}
}



@media screen and (max-width:480px) {
.right-date{display: none;}
.mpa{font-size: 16px;}
.mpa :hover{font-size: 16px;}
.benkesheng2{font-size: 16px;}
.benkesheng2 :hover{font-size: 16px;}
.benkesheng2{width: 37.33%;}
.services .icon{width: 22%;}
.responjianying {margin-left: -50px;}
.footer strong{display: none;}
.nav-wrapper{display: none;}
.topWrap{display: none;}
.mobile{height: 53px;}
.mobile-inner-nav{top: 42px;}
.mobile-inner-header-icon{margin-top: 13px;}
}
@media screen and (max-width:360px) {
.mobile_title a{font-size:12px;
}

}



.news{padding: 0 0 20px 0;}
.news1{padding: 0 0 32px 6px;}
.news2{margin-left: 4px;}
.news_t{ padding:0px 10px 14px 10px; font-size: 26px; font-weight:bold;}
.news_t1{ padding:0px 0px 4px 0px; font-size: 25px; font-weight:bold;}
.tcl{
line-height: 30px;
margin-bottom: 5px;
}
.right-date{
color: #aaaaaa;
font-size: 12px;
float: right;
}

.active_t{
border-bottom: 2px #0b6273 solid;
}
.active_t1{
border-bottom: 2px #226aba solid;
float: left;
margin-right: 5px;
}
.nav-tabs {


border-bottom: 1px solid #ddd;
width: 100%;
}

.nav-tabs1 {
border-bottom: 0px solid #ddd;text-align: center;
}

@media screen and (max-width:1440px) {
.news1{padding: 0 0 34px 6px;}
.news_t{padding: 0 0 4px 0;font-size: 25px;font-weight:bold;}

}

@media screen and (max-width:1200px) {
.news1{padding: 9px 0 36px 6px;}
.news_t{padding: 0 0 6px 0;font-size: 18px;font-weight:bold;}
}



@media screen and (max-width:992px) {
.news_t{padding: 0px;font-size: 18px;font-weight:bold;}


}
@media screen and (max-width:768px) {
.news_t{padding: 0px;font-size: 20px;font-weight:bold;}
}

.footer{padding: 10px 0 0;border-top: 4px solid #459690;background:#fff;}

.footer-logo{padding:50px 0 20px;width: 100%;height: auto;}
.footer-logo img{max-width: 100%;max-height: 100px;}

.footer-info{padding: 30px 0 0 20px;color: #333;text-align: left;}
.footer-info h3{margin-bottom: 20px;font-size: 24px;}
.footer-info p{margin: 0;color: #333;line-height: 30px;}
.footer-copyright{padding: 10px 0;background: #f0f0f0;color: #333;text-align: center;font-size: 14px;}

.footer-qrcode{padding: 10px 0 10px;text-align: center;}
.footer-qrcode img{max-width:100%;}
.footer-link{padding-bottom: 20px;width: 100%;max-width: 100%;}
.footer-link ul>li{position:relative;display:inline-block;width:100%;height:40px;border-radius: 0;}
.footer-link >ul>li:hover{border-bottom: 2px solid #226aba;}
.footer-link ul>li:hover .footer-link-list{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.footer-link-button{display:inline-block;padding-left:15px;width:100%;height:35px;border:none;border:1px solid #f0f0f0;background-color:#f0f0f0;color:#333;text-align:left;font-weight:600;}
.footer-link-button i{float:right;margin-top:8px;margin-right:5px;width:14px;height:8px;background-image:url(../img/icon/icon_link_more.png);background-position:center;background-size:auto;background-repeat:no-repeat;vertical-align:middle;}
.footer-link-list{position:absolute;right:0;bottom:100%;left:0;z-index:10;visibility:hidden;width:100%;background-color:#fff;box-shadow:0 -5px 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:.3s all ease;transition:.3s all ease;-webkit-transform:translateY(-15px);transform:translateY(-15px);-ms-transform:translateY(-15px);-ms-transition:.3s all ease;}
.footer-link-list li a{display:block;padding:8px 10px;border-bottom:1px dashed #fff;color:#333;text-align:left;font-size:14px;-webkit-transition:.3s all ease;transition:.3s all ease;-ms-transition:.3s all ease;}
.footer-link-list li:last-child a{border-bottom:none;}
.footer-link-list li a:hover{background-color:#fff;color:#226aba;}


.panel-footer{
background-color:#169aa6;
}
.panel-footer img{
max-width:100%;
}
.panel-footer p{
color:#fff;
}
.panel-footer .text-left{
text-align: center;
}
.panel-footer .text-center{
text-align: center;
margin-top: 20px;
}
.panel-footer .text-right{
text-align: center;
}
.panel-footer .erweima{
margin-left: 33.33%;
margin-right: 33.33%;
}
.panel-footer .copyright{
padding-top:25px;
}