@font-face{
    font-family: "SourceHanSansCN";
    src: url('SourceHanSansCN-Regular.otf');
    src: local('?'), url('SourceHanSansCN-Regular.otf') format('woff'), url('SourceHanSansCN-Regular.otf') format('truetype'), url('SourceHanSansCN-Regular.otf') format('svg');
}

@charset "utf-8";
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 SourceHanSansCN,微软雅黑, 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; }
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;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body { color: #666; background:#fff;}
a { color: #666; }
a:hover { color: #008042; }
.wrap { width: 1606px; margin: 0 auto;}
.g-in{ width:1600px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.b-in{ width:1600px; margin:0 auto; }.b-in:after{content:'\20';display:block;height:0;clear:both}.b-in{*zoom:1}
.s-in{ width:1200px; margin:0 auto; }.s-in:after{content:'\20';display:block;height:0;clear:both}.s-in{*zoom:1}
.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}

.top02 { float:right; margin-top:17px;position: relative;z-index: 99 }
 
.menu_btn { position:relative; cursor: pointer; width:80px; height:75px; border-radius: 10px 0px 0px 10px; background-color:#024bb9; color:#fff; }
.menu_ico {position: absolute;right: 0; display:block; width:25px; height:44px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 9;display: none }
.menu_ico div { position:absolute; left:0; 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; }
.menu_ico div i { position:absolute; left:0; top:0; display:block; width:25px; height:3px; background:#fff; border-radius:3px; }
.menu_ico .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.menu_ico .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.menu_ico .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.top02.on .menu_ico {position: absolute;top: 3%; right: 2%; transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
.top02.on .menu_ico  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
.top02 .menu_ico  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); border-radius:0; }
.top02.on .menu_ico .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
.top02.on .menu_ico .u-menu-middle { display:none; }


.menu_box { position:fixed; top:0; left:0; right:0; transform: scale(0) translateZ(0px); z-index:99; }
.menu_bg {  border-radius:0 0 0 100%; bottom:100%;  left: 100%; position: fixed; right: 0; top: 0; width:0; height:0;background: #008042; background:#008042 url(aabb.png) no-repeat 75% center;background-size: contain; z-index:1; transition: all 1.3s; }
.menu_box .wrap { position:relative; height:100vh; z-index:5; }

.nav_top { height:110px; display:flex; align-items: center; margin-top:10px; transition: all 0.6s; opacity:0; }
.nav_top .img02 { display:none; }

.nav_menu { margin-top:30px; min-height:520px; text-align:center; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.nav_menu>div { opacity: 0; transform: translateY(50px) translateZ(0px); transition: all 0.6s; }

.nav_menu .p1 { font-size:20px; color:#fff; }
.nav_menu .p1 a { color:#fff; }
.nav_menu .p2 { margin-top:15px; }
.nav_menu .p2 ul li:nth-child(n + 2) { margin-top:15px; }
.nav_menu .p2 ul li a { display:block; font-size:16px; color:rgba(255,255,255,0.7); }

.nav_bottom { border-top: 1px solid #a2a2a265; padding-top:80px; transition: all 0.6s; opacity:0; }
.nav_bottom .p1 { float:left; }
.nav_bottom .p1 a { display:inline-block; font-size:14px; border: 1px solid #ffffff5c; color:#fff; border-radius: 4px; padding:0 20px; line-height:45px; }

.nav_bottom .p2.on { width:220px; border:1px solid #fff; border-radius:3px; }
.nav_bottom .p2.on i { display:none; }
.nav_bottom .p2.on .txt { width:190px; padding:0 10px; }
.nav_bottom .p2.on .btn { width:30px; }

.nav_bottom .p2 .txt::-webkit-input-placeholder { color:rgba(255,255,255,0.6); opacity: 1; }
.nav_bottom .p2 .txt::-moz-placeholder { color:rgba(255,255,255,0.6); opacity: 1; }
.nav_bottom .p2 .txt::-ms-input-placeholder { color:rgba(255,255,255,0.6); opacity: 1; } 
.nav_bottom .p2 .txt::placeholder { color:rgba(255,255,255,0.6); opacity: 1; }

.nav_bottom .p3 { float:right; font-size:14px; color:#fff; margin-top:7px;  }
.nav_bottom .p3 a { display:inline-block; color:#fff; margin-right:20px; line-height:30px; }


.top02.on .menu_box { transform: none; }
.top02.on .menu_bg { bottom:-50%;  left:-50%; width:150%; height:150%; }
 

.top02.on .nav_top { margin-top:0; opacity:1; }

.top02.on .nav_menu>div { opacity: 1; transform: none; }
.top02.on .nav_menu>div:nth-child(1) { transition-delay:0.5s; }
.top02.on .nav_menu>div:nth-child(2) { transition-delay:0.7s; }
.top02.on .nav_menu>div:nth-child(3) { transition-delay:0.9s; }
.top02.on .nav_menu>div:nth-child(4) { transition-delay:1.1s; }
.top02.on .nav_menu>div:nth-child(5) { transition-delay:1.3s; }
.top02.on .nav_menu>div:nth-child(6) { transition-delay:1.5s; }
.top02.on .nav_menu>div:nth-child(7) { transition-delay:1.7s; }

.top02.on .nav_bottom { padding-top:40px; transition-delay:1.9s; opacity:1; }
 
@media all and (max-width:1608px){
	.nav_menu { min-height:400px; }
	.nav_menu .p1 { font-size:18px; }
	.nav_menu .p2 ul li a { font-size:14px; }
}
@media all and (max-width:1200px){
	.topArea { padding:10px 0 0 2%; }
	.top02 { float:right; margin-top:0; }
 
	.menu_btn { width:60px; height:60px; }
	/*.menu_ico { left:8px; top:8px; }*/
	 
	/*.top02.on .menu_ico { left:15px; }*/
	 .top02.on .menu_ico{top: 2%;}
 
	.nav_top { height:60px; }
	.nav_top .img01 { display:none; }
	.nav_top .img02 { display:block; max-height:50px; width:auto; }
}
@media all and (max-width:1000px){
	.nav_menu { min-height:10px; padding-bottom:30px;margin-top: 45px; }
	.nav_menu>div { width:100%; text-align:left; }
	.nav_menu>div:nth-child(n + 2) { margin-top:22px; }
	.nav_menu .p1 { position:relative; font-size:16px; }
	.nav_menu .p1 i { position:absolute; display:block; top:0; right:0; width:20px; height:20px; background:url(nav01.png) no-repeat center; background-size:15px 15px!important; z-index:2; cursor:pointer; }
	.nav_menu .p2 { display:none; }
	
	.nav_menu>div.on .p1 i { background:url(nav02.png) no-repeat center; }
	.nav_menu>div.on .p2 { display:block; }
	
	.top02.on .nav_bottom { padding-top:20px; }
	.nav_bottom .p1 a { padding:0 15px; line-height:30px; }
	.nav_bottom .p2 { display:none; }
	.nav_bottom .p3 { margin-top:0; }
}
@media all and (max-width:750px){
	/*.wrapper { padding-top:80px; }*/
	.topArea { padding:10px 0 10px 2%; background:#024bb9; }
	
	/*.nav_top { height:0; }*/
	
	.top02.on .menu_btn { position:fixed; top:10px; right:0; z-index:9999; }

	.menu_bg{background: #008042 url(aabb.png) no-repeat 100% center;
    background-size: 220% auto;}
}

.header .nav ul li .shownav{position:absolute;text-align: center; width:150px;  top:111px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-radius:5px;z-index: 99;display: none;}
.header .nav ul li .shownav a{white-space: nowrap;height:50px;line-height:50px;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.header .nav ul li .shownav a:last-child{border-bottom:0}
.header .nav ul li .shownav a{ padding: 0 10px;  font-size:16px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.header .nav ul li .shownav a:hover{background:#008042}
.header .nav ul li .shownav a:hover{color:#fff!important;}
.header .nav ul li .shownav:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}
.header .nav ul li .shownav{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
/*.header .nav ul li:hover .shownav{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }*/
/*.header .nav ul li>a:hover:after{top:0}*/

@media only screen and (max-width:1608px){
	.g-in{max-width: 1200px;}
	.wrap{max-width: 1200px;}

	.header .nav ul li .shownav{top:99px;}
	.header .nav ul li .shownav a{font-size: 14px;line-height: 40px;height: 40px;}
}
@media only screen and (max-width:1200px){
	.g-in{max-width: 92%;}
	.wrap{max-width: 92%;}
	
	.u-menu{display: block;}

}
@media only screen and (max-width:750px){
	
}

.search { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search .searchp { position:absolute; top:30%; left:50%; margin-left:-300px;width:600px;  font-size:16px; z-index:9; }
.search form{border-radius: 25px;overflow: hidden;}
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; background:#fff;}
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#008042; color:#fff; cursor:pointer;-webkit-appearance:none;border-radius: 0; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }
@media only screen and (max-width:1200px){
	.search .searchp {width: 80%;left:10%;margin-left: 0;font-size: 14px;}
	.search form .txt{width: 75%;height: 50px;line-height: 50px;}
	.search form .btn{width: 25%;height: 50px;line-height: 50px;}
	.serclose{width: 50px;height: 50px;right: -10px;}
	.search form{border-radius: 15px;}
}

@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.banner{ width:100%; position:relative; overflow:hidden}
.banner .swiper-slide:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: url(head_bg.png) no-repeat center;background-size: cover;}
.banner .swiper-slide{ width:100%; overflow:hidden;/* opacity:0;*/ transition:all 2s linear; background:#fff;position: relative;overflow: hidden;}
.banner .swiper-slide.swiper-slide-active { /*opacity:1*/}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide.swiper-slide-active img{ width:100%;-webkit-animation: scaleBigToSmall 2s;-moz-animation: scaleBigToSmall 2s;-o-animation: scaleBigToSmall 2s; animation: scaleBigToSmall 2s;}
.banner img.img01{ display:block}
.banner img.img02{ display:none}
.banner .swiper-slide .ban{position: absolute;left: 0;top:50%;width: 100%;text-align: center;transform: translateY(100%);z-index: 3}
.banner .swiper-slide.swiper-slide-active .ban{transform: translateY(-50%);opacity: 1;
	transition: all 2s;
	-moz-transition: all 2s; 
	-webkit-transition: all 2s; 
	-o-transition: all 2s;}
.banner .swiper-slide .ban .bana{font-size: 48px;color: #ffffff;font-weight: bold;text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.banner .swiper-slide .ban .banb{font-size: 28px;color: #ffffff;font-weight: bold;text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.banner .swiper-num{ position:absolute; left:50%; margin-left:-800px; bottom:50px; z-index:9; display:flex;align-items: center;justify-content: center;}
.banner .swiper-num .active{ font-size:22px; font-weight:bold; color:#ffffff; font-family:Arial, Helvetica, sans-serif}
.banner .swiper-num .total{ font-size:22px; font-weight:bold; color:#ffffff; font-family:Arial, Helvetica, sans-serif}
.banner .swiper-num .pagination01{ width:66px; margin:0 10px; position:relative; height:2px; top:auto; left:auto; bottom:auto; background:rgba(255,255,255,0.6); opacity:1}
.banner .swiper-num .pagination01 span{ background:#fff}
.banner .swiper-button-prev{ background:url(banner_prev_06.png) center no-repeat;opacity:.8; left:auto;right:50%; margin-right:-740px;background-size: 10px 15px;top:auto;bottom: 50px}
.banner .swiper-button-next{ background:url(banner_next_03.png) center no-repeat;opacity:.8; right:50%; margin-right:-800px;background-size: 10px 15px;top:auto;bottom: 50px}
.draw_h{ width: 50px !important; height: 50px !important; line-height: 46px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;box-sizing: border-box;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
.sdown{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);text-align: center;z-index: 9;}
@-webkit-keyframes bounce-down {
  0% {
    top: -10px;
  }
  50% {
    top: 0;
  }
  100% {
    top: -10px;
  }
}
@keyframes bounce-down {
 	0% {
    top: -10px;
  }
  50% {
    top: 0;
  }
  100% {
    top: -10px;
  }
}
.sdown .sdowna{-webkit-animation: bounce-down 1000ms ease-out infinite;animation: bounce-down 1000ms ease-out infinite;position: relative;top:0;}
.sdown .sdownb{font-size: 18px;color: #ffffff;margin-top: 10px;}
.banner .pagination01{position: absolute;left: 0;bottom: 5%;text-align: center;width: 100%;z-index: 10;}
.banner .pagination01 .swiper-pagination-bullet{width: 23px;height: 23px;background: url(banner_hd1_05.png) no-repeat center;background-size: cover;opacity: 1;margin:0 2px;}
.banner .pagination01 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(banner_hd2_03.png) no-repeat center;background-size: cover;}

@media only screen and (max-width:1608px){
	.banner .swiper-slide .ban .bana{font-size: 40px;}
	.banner .swiper-slide .ban .banb{font-size: 24px;}
	.banner .swiper-num{margin-left: -600px;}
	.banner .swiper-button-prev{margin-right: -540px;}
	.banner .swiper-button-next{margin-right: -600px;}
	.banner .pagination01 .swiper-pagination-bullet{width: 20px;height: 20px;}
}
@media only screen and (max-width:1200px){
	.banner .swiper-slide .ban .bana{font-size: 32px;}
	.banner .swiper-slide .ban .banb{font-size: 20px;}
	.banner .swiper-num{left: 4%;margin-left: 0;}
	.banner .swiper-button-prev{margin-right: 0;right: calc(4% + 60px)}
	.banner .swiper-button-next{margin-right: 0;right: 4%;}
	.banner .pagination01 .swiper-pagination-bullet{width: 17px;height: 17px;}
}
@media only screen and (max-width:750px){
	.banner .swiper-slide .ban .bana{font-size: 20px;}
	.banner .swiper-slide .ban .banb{font-size: 14px;}
	.banner img.img02{ display:block}
	.banner img.img01{ display:none}
	.sdown{display: none;}
	.banner .swiper-num{bottom: 15px;}
	.banner .swiper-num .active{font-size: 16px;}
	.banner .swiper-num .total{font-size: 16px;}
	.banner .swiper-num .pagination01{width: 56px;}
	.banner .swiper-button-prev{bottom: 15px;right: calc(4% + 50px)}
	.banner .swiper-button-next{bottom: 15px;}
	.draw_h{width: 36px !important; height: 36px !important; line-height: 32px !important;}
	.banner .pagination01 .swiper-pagination-bullet{width: 14px;height: 14px;}
}

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; font-size:0; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }

.sjArea{display: none;}

@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }

	.sjArea{display: block;}
	.pcArea{display: none;}
}

.head .nav li .shownav{position:absolute;text-align: center; width:160px;  top:100px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-radius:5px;z-index: 99;visibility: hidden;}
.head .nav li .shownav a{line-height:1.3;padding: 10px 0;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.head .nav li .shownav a:last-child{border-bottom:0}
.head .nav li .shownav a{ padding:12px 0;  font-size:16px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.head .nav li .shownav a:hover{background:#008042}
.head .nav li .shownav a:hover{color:#fff!important;}
.head .nav li .shownav:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}
.head .nav li .shownav{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
.head .nav li:hover .shownav{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }
/*.header .nav ul li>a:hover:after{top:0}*/

.head{position: fixed;top:0;left: 0;width: 100%;z-index: 98;}
.head .headc{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2}
.head .headc .logo{flex: 1;text-align: center;}
.head .headc .topl{flex: 1.8;padding-left: 6.25%;}
.head .headc .nav{display: flex;justify-content: space-between;align-items: center;}
.head .headc .nav li{position: relative;}
.head .headc .nav li a.a1{font-size: 18px;color: #ffffff;font-weight: bold;display: block;line-height: 100px;}
.head .headc .nav li:hover a.a1,.head .headc .nav li.current a.a1{color: #0e7b41;}
.head .headc .nav li a.a1 s{display: inline-block;vertical-align: middle;width: 11px;height: 6px;background: url(nav1_03.png) no-repeat center;margin-left: 8px;}
.head .headc .topr{flex: 1.8;padding-right: 6.25%;position: relative;}
.head .headc .topr .lau{position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.head .headc .topr .lau .laua{padding: 41px 0;cursor: pointer;}
.head .headc .topr .laub{position: absolute;width: 140px;right: 0;background: #fff;border-radius: 5px;text-align: center;overflow: hidden;top:150px;opacity: 0;transition: all 0.6s;z-index: 10;visibility: hidden}
.head .headc .topr .lau .laub ul li{line-height: 2.4;}
.head .headc .topr .lau .laub ul li a{display: block;font-size: 14px;color: #333;}
.head .headc .topr .lau .laub ul li:hover a{background: #008042;color: #fff;}
.head .headc .topr .lau.on .laub{top:99px;opacity: 1;visibility: visible;}
.head.head_fix,.head:hover{background: #fff;box-shadow: 0px 7px 10px 0px rgb(51 74 110 / 8%);}
.head.head_fix .headc .nav li a.a1,.head:hover .headc .nav li a.a1{color: #000000;}
.head.head_fix .headc .nav li a.a1 s,.head:hover .headc .nav li a.a1 s{background: url(nav2_05.png) no-repeat center;}
.head.head_fix .menu_ico div i,.head:hover .menu_ico div i{background: #333}

.head.head_fix .headc .nav li:hover a.a1,.head.head_fix .headc .nav li.current a.a1{color: #0e7b41;}

@media only screen and (max-width:1608px){
	.head .headc .topl{padding-left: 0}
	.head .headc .nav li a.a1{font-size: 16px;line-height: 90px;}
	.head .headc .logo img{height: 90px;}
	.head .headc .topr .lau .laua{padding: 36px 0;}
	.head .headc .topr .laub{top:140px;}
	.head .headc .topr .lau.on .laub{top:89px;}
	.head .nav li .shownav a{font-size: 14px;line-height: 44px;height: 44px;}

}
@media only screen and (max-width:1200px){
	.head .headc .topl{display: none;}
	.head .headc .nav{display: none;}
	.head .headc .logo{text-align: left;}
	.head .headc .logo img{height: 80px;}
	.head .headc .topr .lau{right: 55px;}
	.head .headc .topr .lau .laua{padding: 31px 0;}
	.head .headc .topr .laub{top:130px;}
	.head .headc .topr .lau.on .laub{top:79px;}
	.menu_ico{display: block;top:18px;z-index: 98}
}
@media only screen and (max-width:750px){
	.head .headc .logo img{height: 70px;}
	.menu_ico{top:13px;}
}

.footer{background: url(ft_bg_02.jpg) no-repeat center;background-size: cover;}
.ftac{display: flex;justify-content: space-between;padding: 108px 0 140px;}
.ftac .ftacl{width: 40%;}
.ftac .ftacl .ftacla{display: flex;align-items: flex-end;}
.ftac .ftacl .ftacla .ftaclal img{height: 113px;}
.ftac .ftacl .ftacla .ftaclar{margin-left: 20px;}
.ftac .ftacl .ftacla .ftaclar .ftaclara img{width: 35px;}
.ftac .ftacl .ftacla .ftaclar .ftaclarb{font-size: 36px;font-weight: bold;color: #fff;}
.ftac .ftacl .ftaclb{margin-top: 30px;font-size: 18px;color: #ffffff;line-height: 2;}
.ftac .ftacl .ftaclx{margin-top: 25px;}
.ftac .ftacl .ftaclx .ftacli{display: inline-block;position: relative;margin:0 6px 0 0;}
.ftac .ftacl .ftaclx .ftacli .ftaclia{width: 30px;opacity: 0.5;}
.ftac .ftacl .ftaclx .ftacli .ftaclia img{width: 100%}
.ftac .ftacl .ftaclx .ftacli:hover .ftaclia{opacity: 1;}
.ftac .ftacl .ftaclx .ftacli .ftaclib{position: absolute;bottom:100%;left: 0;width: 150px;display: none;}
.ftac .ftacl .ftaclx .ftacli:hover .ftaclib{display: block;}
.ftac .ftacr{width: 58%;display: flex;justify-content: space-between;}
.ftac .ftacr dl dt{margin-bottom: 15px;}
.ftac .ftacr dl dt a{font-size: 24px;color: #f0e4d4;font-weight: bold;}
.ftac .ftacr dl dd{line-height: 42px;}
.ftac .ftacr dl dd a{font-size: 18px;color: #fff;}
.ftb{text-align: center;line-height: 26px;padding: 20px 0;font-size: 18px;color: rgba(255,255,255,0.37);}
.ftb a{color: rgba(255,255,255,0.37);}
@media only screen and (max-width:1608px){
	.ftac{padding: 80px 0 110px;}
	.ftac .ftacl .ftacla .ftaclal img{height: 103px;}
	.ftac .ftacl .ftacla .ftaclar .ftaclarb{font-size: 30px;}
	.ftac .ftacl .ftaclb{margin-top: 20px;font-size: 16px;}
	.ftac .ftacl .ftaclx{margin-top: 20px;}
	.ftac .ftacl .ftaclx .ftacli .ftaclib{width: 140px;}
	.ftac .ftacr dl dt a{font-size: 22px;}
	.ftac .ftacr dl dd{line-height: 36px;}
	.ftac .ftacr dl dd a{font-size: 18px;color: #fff;}
	.ftb{line-height: 24px;padding: 15px 0;font-size: 16px;}
	.ftac .ftacl .ftacla .ftaclar .ftaclara img{width: 30px;}
}
@media only screen and (max-width:1200px){
	.ftac{padding: 55px 0 80px;}
	.ftac .ftacr{display: none;}
	.ftac .ftacl{width: 100%;}
	.ftac .ftacl .ftacla .ftaclal img{height: 93px;}
	.ftac .ftacl .ftacla .ftaclar .ftaclarb{font-size: 24px;}
	.ftac .ftacl .ftaclb{margin-top: 15px;font-size: 14px;}
	.ftac .ftacl .ftaclx{margin-top: 15px;}
	.ftac .ftacl .ftacla .ftaclar .ftaclara img{width: 25px;}
	.ftb{line-height: 22px;padding: 10px 0;font-size: 14px;}
}
@media only screen and (max-width:750px){
	.ftac{padding: 40px 0 10px;}
	.ftac .ftacl .ftacla{display: block;text-align: center;}
	.ftac .ftacl .ftacla .ftaclal img{height: 83px;}
	.ftac .ftacl .ftacla .ftaclar{margin-left: 0;margin-top: 20px;}
	.ftac .ftacl .ftacla .ftaclar .ftaclarb{font-size: 20px;}
	.ftac .ftacl .ftaclb{margin-top: 10px;font-size: 13px;line-height: 1.8;text-align: center;}
	.ftac .ftacl .ftaclx{margin-top: 10px;display: none;}
	.ftac .ftacl .ftacla .ftaclar .ftaclara img{width: 20px;}
	.ftb{line-height: 20px;font-size: 13px;}
}











