@charset "utf-8";

*,*:before,*:after{box-sizing:border-box}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, i, var { font-style: normal; }

ul, ol { list-style: none; }

legend { color: #000; }

fieldset, img { border: 0; vertical-align: bottom;max-width: 100%; }

section, article, aside, header, footer, nav, dialog, figure { display: block; }

figure { margin: 0; }

button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"] { -moz-appearance: textfield; }

input { outline: none; outline-offset: 0; }

table { border-collapse: collapse; border-spacing: 0; }

.clear { display: block; height: 0; overflow: hidden; clear: both; }

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }

.clearfix { *zoom:1;}

a:link, a:visited, a:hover, a:active { text-decoration: none; }

/*a { blr:expression_r(this.onFocus=this.blur());}*/

a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }

.hidden { display: none; }

.invisible { visibility: hidden; }

.fl{ float:left; display:inline; }

.fr{ float:right; display:inline; }

.fn{ float:none; }

.tl{ text-align:left; }

.tr{ text-align:right; }

.tc{ text-align:center; }

.hide{ display:none; }

.show{ display:block; }

.noBg { background: none !important; }

.noBorder { border: none !important; }

.noMg { margin: 0!important; }

.mr0{ margin-right:0 !important; float:right !important;}

.f-left {float: left;}

.f-right {float: right;}



/*.info{text-align: justify; text-justify: inter-ideograph;}*/



/*Body*/

body { color: #333; background:#fff;}

a { color: #333; }

a:hover { color: #489c4e; }

.wrap { width: 1600px; margin: 0 auto; }

.g-in{ width:1600px; margin:0 auto; }



.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }

.wrapper img {  vertical-align:top; }



/* 网站地图 */

.webmap{padding:10px 0px 15px}

.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}

.webmap dt{width:15%;float:left;}

.webmap dd{float:left;width:85%;}

.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}

.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}

.webmap a:hover{background:#343434;text-decoration:none;color:#fff}





.header { position: relative; z-index: 6; }



.t-b{height:40px;background:#333;font-size:14px;position: relative;z-index: 8;}

.t-b a{color:#fff;float:right;height:22px;line-height:22px;margin-top:9px;}

.t-b a:hover{color: #fff;}

.t-b a { position: relative; border-left:1px solid #4e4e4e; padding:0 13px; }

.t-b a:last-child { border-left:none; }

.t-b a span { position: absolute; left: 50%; top: 25px; width: 120px; height: 120px; transform: translate(-50%,0); display: none; }

.t-b a.c_weixin:hover span { display: block; }

.t-b a.c_weixin em { display: block; width: 22px; height: 22px; background: url(../images/wx.png) no-repeat; font-size: 0; line-height: 1px; overflow: hidden; }



.header-g-in { position: relative; margin: 0 auto;height: 105px;}



.h-search {float:right;position: relative;top: 50%;margin:0px;transform: translate(0, -50%);z-index: 2;}

.h-search em { display: block; background: url(../images/search_icon.png) no-repeat center; width: 58px; height: 58px; cursor: pointer; }

.h-search form {position:absolute;top:58px;right:0;z-index: 18;width: 292px;display:none;border: 1px solid #489c4e;background-color: #fff;}

.h-search input[type="text"]{width: 220px;height: 45px;line-height:38px;background:#fff;float:left;padding: 0 12px;font-size:14px;}

.h-search input[type="submit"]{width: 70px;height: 45px;background:#489c4e;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;}



.flex-table {display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}



.nav {background: url(../images/header_vline.png) no-repeat right center;padding-right: 20px;position: relative;z-index: 1;}

.nav li { float: left; position: relative; margin-left: 2vw; }

.nav li a {font-size: 16px;display: block;padding: 0 20px;line-height: 105px;text-align: center;}

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

	.nav li a { padding: 0 10px; }

	.nav li{margin-left: 0.5vw}

}

.nav>li:after {

	content: '';

	display: block;

	width: 100%;

	height: 2px;

	background: #fff;

	position: absolute;

	left: 0;

	bottom: 0;

	-webkit-transition: cubic-bezier(0.215, .61, .355, 1) .45s;

	-o-transition: cubic-bezier(0.215, .61, .355, 1) .45s;

	-moz-transition: cubic-bezier(0.215, .61, .355, 1) .45s;

	transition: cubic-bezier(0.215, .61, .355, 1) .45s;

	-ms-transform: scaleX(0);

	-webkit-transform: scaleX(0);

	-moz-transform: scaleX(0);

	-o-transform: scaleX(0);

	transform: scaleX(0);

}

.nav>li.current:after,

.nav>li:hover:after {

	-ms-transform: scaleX(1);

	-webkit-transform: scaleX(1);

	-moz-transform: scaleX(1);

	-o-transform: scaleX(1);

	transform: scaleX(1);

	background: #489c4e;

}



.nav>li .lh-nav-lm {position:absolute;left:-13px;top:100%;width:500px;min-height:228px;background:#fff;display:none;z-index:10;padding:24px 30px;}

.nav>li .lh-nav-lm-l {width:45%;border-right:1px solid #e4e4e4;margin-right:5%;}

.nav>li .lh-nav-lm-l a {display:block;text-align:left;padding-left:14px;background:url(../images/1_04.png) no-repeat left center;-o-background-size:3px;background-size:3px; font-size: 13px; line-height: 30px; }

.nav>li .lh-nav-lm-r { width:50%;}

.nav>li .lh-nav-lm-r img {width:100%;height:120px;-o-object-fit:cover;object-fit:cover;}

.nav>li .lh-nav-lm-r h3 {font-size:16px;line-height:1;margin-top:20px;}

.nav>li .lh-nav-lm .lh-nav-lm-l a:hover {color:#489c4e;text-decoration:underline;}

.nav>li .lh-nav-lm .lh-nav-lm-l {line-height:36px;font-size:14px;text-align:center;}

.nav>li:nth-child(6) .lh-nav-lm,

.nav>li:nth-child(7) .lh-nav-lm,

.nav>li:nth-child(8) .lh-nav-lm,

.nav>li:nth-child(9) .lh-nav-lm{ left: auto; right: 0; }



.ss{position: relative;}

.banner { position: relative; width: 100%; }

.banner .bd li { position: relative; }

.banner .bd li img { width: 100%; height: auto; }



.ss .content { position: absolute; z-index: 5; left: 0; right: 0; top: 60%; color: #fff;text-align: center; }

.ss .content .list { font-size: 0; margin-top:0; }

.ss .content .list dd { margin-right: 6px; display: inline-block; font-size: 14px; text-align: left; background-color: #fff; width: 396px; height: 90px; position: relative; vertical-align: top; }

.ss .content .list dd:hover {background-color: #489c4e;}

.ss .content .list dd:last-child {margin-right: 0;}

.ss .content .list dd a { display: block; width: 100%; height: 100%; padding: 15px 35px; }

.ss .content .list dd:hover a {color: #fff;}

.ss .content .list dd .list_t {font-size: 18px;margin-bottom: 5px;}

.ss .content .list dd em {width: 62px;height: 50px;position: absolute;z-index: 5;right: 35px;top: 18px;}

.ss .content .list dd:nth-child(1) em {background: url(../images/banner_icon00.png) no-repeat center;}

.ss .content .list dd:hover:nth-child(1) em {background: url(../images/banner_icon01.png) no-repeat center;}

.ss .content .list dd:nth-child(2) em {background: url(../images/banner_icon10.png) no-repeat center;}

.ss .content .list dd:hover:nth-child(2) em {background: url(../images/banner_icon11.png) no-repeat center;}

.ss .content .list dd:nth-child(3) em {background: url(../images/banner_icon20.png) no-repeat center;}

.ss .content .list dd:hover:nth-child(3) em {background: url(../images/banner_icon21.png) no-repeat center;}



.banner .hd {position: absolute;z-index: 5;bottom: 110px;left: 0;right: 0;text-align: center;height: 5px;line-height: 30px;overflow: hidden;}

.banner .hd ul {position: relative;display: inline-block; vertical-align: top;}

/*

.banner .hd ul::after {content: '';position: absolute;z-index: 5;right: -47px;top: 0;width: 5px;height: 5px;border-radius: 5px;background-color: #fff;}

*/

.banner .hd li {display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #fff;margin: 0 50px 0 0;position: relative;overflow: hidden;vertical-align: top;}



.banner .hd li::before {content: '';width: 43px;height: 1px;position: absolute;z-index: 5;left: 5px;top: 2px;background-color: rgba(255,255,255,.3);}

.banner .hd li::after {content: '';width: 0;height: 1px;position: absolute;z-index: 5;left: 5px;top: 2px;background-color: rgba(255,255,255,1);}

.banner .hd li.on::after {content: '';width: 43px;transition: all 4s linear;}

.banner .hd li:last-child { margin-right: 0; }



.sj_banner{display: none;}



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

	.ss .content { width: 100%; }

	.ss .content .list dd { width: 32%; margin-right: 1%; }

	.ss .content .list dd a { padding: 15px 60px 15px 15px; }

	.ss .content .list dd em { right: 15px; }

}

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



}

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

	.ss { background-color: #0062b2; }

	.ss .content { top: auto; bottom:30px; display: none; }

	.ss .content .list { padding: 15px 15px 0; }

	.ss .content .list dd { display: block; width: 100%; margin-bottom: 5px; }

	.ss .hd { bottom: 15px; }



	.sj_banner{display: block;}

	.banner{display: none;}

}









.footer { position: relative; padding: 30px 0; background-color: #000; color: #666; z-index: 5; }

.footer a {color: #666;}

.footer a:hover {color: #fff;}

.copyright { }

.f-list li { float: left; margin-left: 5px; margin-top:0;position: relative; }

.f-list li>img {cursor: pointer;}

.f-list li .img { position: absolute; z-index:1; bottom: 30px; right: 50%; width: 114px; margin-right: -57px; display: none; }

.f-list li:hover .img {display: block;}



.g-in{ width:1600px; margin:0 auto; }



.u-menu { position:absolute; right:70px; top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; display:none; z-index:9; }

.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }

.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#489c4e; }

.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}

.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}

.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}



.m-menu {position:fixed;top:0;right:-255px;width:255px;height:100%;background: rgb(72 156 78 / 0.5);z-index:99;opacity:0;overflow:auto;}

.m-menu .site-nav {  padding:7% 5%;  min-height:400px; overflow-y:auto; }

.m-menu li {padding: 15px 0;font-size:15px;border-bottom: 1px solid rgba(255,255,255,0.2);}

.m-menu li:hover a,.m-menu .current a {color: #fff;}

.m-menu li dl { padding-left:15%; display:none; }

.m-menu li dt { padding-top:8px; padding-bottom:0; font-size:12px; }

.m-menu li a { color:#fff; text-transform:uppercase; }

.m-menu li dt a { color:#eee; }

.m-menu li dt.on a { color:#0062b2; }

.m-menu li:hover dt a,.m-menu .current dt a { color: #fff; }



.m-menu li.p dl { display:block; }



.m-menu01 { position:fixed; top:0; right:-50%; width:45%; height:100%; background:rgba(0,0,0,0.7); z-index:99; opacity:0; overflow:auto; }

.m-menu01 .site-nav {  padding:7% 5% 7% 15%;  min-height:400px; overflow-y:auto; }

.m-menu01 dl dt { padding-bottom:12px; font-size:15px; }

.m-menu01 dl dt a { color: #fff; }

.m-menu01 dl dt:hover a,.m-men01 .current a { color: #0062b2; }



.m-nav-show .u-mask { display:block; }

.u-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index: 9;  overflow: hidden; display:none;}



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

	.g-in { width:1200px; }

}

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

	.g-in { width:1000px; }

	.header-g-in { width: 100%; }

	.nav { display: none; }

	.u-menu { display: block; }

}

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

	.g-in { width:750px; }

	.header-g-in { padding: 0 15px; }

	.footer { padding: 15px; text-align: center; }

	.copyright { float: none; }

	.f-list { float: none; }

	.f-list li { float: none; display: inline-block; margin: 0 2px; margin-top: 15px; }

}



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

	.g-in { width:100%; }

	.header-g-in { height: 58px; }

	.logo img { width: auto; height: 58px; }

}



/* 分享 */

.bshare-custom .bshare-weixin { background: url(../images/icon_wx2.png) no-repeat !important; }

.bshare-custom .bshare-sinaminiblog { background: url(../images/icon_wb2.png) no-repeat !important; }

.bshare-custom .bshare-instagram { background: url(../images/icon_face.png) no-repeat !important; }

.bshare-custom .bshare-facebook { background: url(../images/icon_face.png) no-repeat !important; }

.bshare-custom .bshare-twitter { background: url(../images/icon_twi.png) no-repeat !important; }

.bsBox { height: 257px !important; width: 232px !important; }