/*头部样式*/
header{width:100%;min-width: 300px;height:auto;z-index:10;background: #fff;position: relative;}
/* transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-webkit-animation-name: header_in;animation-name: header_in;animation-duration: 1.2s; -webkit-animation-duration: 1.2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;z-index: 10 !important; */
@-webkit-keyframes header_in{
	from {opacity: 0;top: -300px;}
	to {opacity: 1;top: 0;}
}
@keyframes header_in{
	from {opacity: 0;top: -300px;}
	to {opacity: 1;top: 0;}
}
header .top{max-width: 1760px;}
.header_links{position: absolute;right: -12px;top: 3px;}
.header_links a{display: inline-block;color: #0d6148;font-family: arial;position: relative;padding: 0 31px;line-height: 50px;height: 50px;}
.header_links a::after{content: '';display: block;width: 1px;height: 18px;background: #dedede;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.header_links a.wechat::before{content: '';display: inline-block;background: url(../images/header_wechat.png) center no-repeat;width: 20px;height: 16px;vertical-align: middle;margin: 0 6px 0 0;}
.header_links a.wechat .hover_box{position: absolute;top: 100%;width: 100px;padding: 10px;background: #fff;left: 50%;transform: translateX(-50%);z-index: 2;box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;}
.header_links a.wechat .hover_box img{display: block;}
.header_links a.wechat:hover .hover_box{display: block;}

.search_btn{height: 50px;z-index:600;width: 50px;position: relative;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 0 0 10px;background: url(../images/search_btn.png) center no-repeat;z-index: 999;}
.search_box{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.search_box.on{display: block;}
.search_box .close{background: url(../images/close.png) center no-repeat;background-size: 60%;width: 80px;height: 80px;position: absolute;right: 50px;top: 50px;}

.ser{height: 45px;z-index:600;width: 500px;position: absolute;margin: 0 13px 0 20px;z-index: 999;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.ser .search{width: 500px;height: 45px;background: #fff;position: absolute;/* top: 40px; */right: 0;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,.4);}
.ser .search input.notxt{position:absolute;width: calc(100% - 150px);height: 100%;color: #666;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.ser .search input.notxt1{position:absolute;width: 120px;height: 100%;border:none;background: none;right: 0;cursor: pointer;z-index: 3;font-size: 0;bottom: 0;background: url(../images/search_btn_w.png) center no-repeat #9a0000;}
.ser.on .search{display: block;}

.wrapTop{width: 100%;position: relative;z-index: 2;}
.header .top{position:relative;z-index: 2;/* max-width: 1400px; */}
.logo{width: 307px;padding: 17px 0;position: relative;}
.logo a{display: block;position: absolute;top: 0;bottom: 0;z-index: 3;}
.logo a.logo1{width: 100%;left: 0;}
.logo img{width: 100%;display: block;}
.logo .color2{display: none;}

.nav{position: absolute;left: 650px;right: 0px;bottom: 0px;}
.nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 60px;height: 60px;}
.nav ul li > a{font-size: 21px;display: block;position: relative;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;}
.nav ul li:hover > a,.nav ul li > a.on{color: #333;text-shadow: none;}
.nav ul li:hover > a::after,.nav ul li > a.on::after{content: '';display: block;width: 100%;height: 5px;background: url(../images/nav_bg.png) center no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.subNav{background: #f3f3f3;white-space: normal;position: absolute;top: 100%;display: none;left: 50%;width: 160px;padding: 6px;margin: 0 0 0 -80px;}
.subNav.less{max-width: 270px;}
.nav ul li:last-child .subNav,.nav ul li:nth-last-child(2) .subNav,.nav ul li:nth-last-child(3) .subNav{/* left: auto; *//* right: 0; */}
/* .subNav::before{content: '';display: block;width: 3px;height: 68px;background: #b5b5b5;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);} */
.subNav dl{}
.subNav dd{display: block;}
.subNav a{color: #454545;padding: 6px 0;display: block;line-height: 24px;font-size: 16px;/* white-space: nowrap; */text-align: left;text-align: center;}
.subNav a:hover{background: rgba(0,0,0,0.1);}

.nav ul li:hover .subNav{-webkit-animation-name: opShow ;animation-name: opShow ;animation-duration: 0.25s; -webkit-animation-duration: 0.25s;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);}
}
@keyframes opShow{
	from{opacity: 0;}
	to {opacity: 1;}
}


header.currents{position: fixed;background: #fff;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.15);-webkit-animation-name: headerShow;animation-name: headerShow;animation-duration: 0.7s; -webkit-animation-duration: 0.7s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;}
header.currents .c1,header.currents .h1{display: none;}
header.currents .c2{display: block;}
header.currents .logo{padding: 13px 0;}
header.currents li > a{text-shadow: none;color: #323232;}
@keyframes headerShow{
	from{oopacity:0;transform:translateY(-100%);}
	to {transition:all 0.7s ease-in-out 0.5s;transform:none;opacity:1;}
}

header.pa-t{z-index: 10;background: transparent;}
header.pa-t .search_btn{background-image: url(../images/search_btn_w.png);}
header.pa-t .header_links a{color: #fff;}
header.pa-t .header_links a.wechat::before{background-image: url(../images/header_wechat_w.png);}
header.pa-t .logo .color1{display: none;}
header.pa-t .logo .color2{display: block;}
header.pa-t .nav ul li > a{color: #fff;}
header.pa-t .nav ul li:hover > a,header.pa-t .nav ul li > a.on{color: #fff;}
header.pa-t .nav ul li:hover > a::after,header.pa-t .nav ul li > a.on::after{background-image: url(../images/nav_bg_w.png);}
/* header.currents.pa-t{background: #0d6148;} */
header.currents.pa-t{background: #fff;}
header.currents.pa-t .search_btn{background-image: url(../images/search_btn.png);}
header.currents.pa-t .header_links a{color: #0d6148;}
header.currents.pa-t .header_links a.wechat::before{background-image: url(../images/header_wechat.png);}
header.currents.pa-t .logo .color1{display: block;}
header.currents.pa-t .logo .color2{display: none;}
header.currents.pa-t .nav ul li > a{color: #333;}
header.currents.pa-t .nav ul li:hover > a,header.pa-t .nav ul li > a.on{color: #0d6148;}
header.currents.pa-t .nav ul li:hover > a::after,header.pa-t .nav ul li > a.on::after{background-image: url(../images/nav_bg.png);}


.mobile-header{width: calc(100% - 216px);position:absolute;top: 0;right: 0;z-index: 10;overflow: auto;background: #0d6148;padding: 44px 33px 24px;min-width: 240px;}
.mobile-header.on{animation-duration: 0.5s;animation-fill-mode: both;animation-name: y_scale;}

.mob_nav_btn{height: 37px;width: 37px;z-index: 999;position: absolute;right: 26px;top: 50%;transform: translateY(-50%);background: url(../images/m_nav11.png) center no-repeat;background-size: 100% 100%;} 
header.pa-t .mob_nav_btn{background-image: url(../images/m_nav1.png);}
.mob_nav_btn:hover{opacity:0.8;cursor: pointer;}
.mob_nav_btn.on,header.pa-t .mob_nav_btn.on{background-image: url(../images/m_nav2.png);width: 30px;height: 31px;top: 18px;}

.mobile-nav{width: 100%;padding-top: 0;}
.mobile-nav a{display: inline-block;line-height: 48px;text-decoration: none;width: 100%;font-size: 1.4rem;color: #fff;border-top: solid 1px rgba(255,255,255,.35);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.mobile-nav a:hover{color:#fff;}
.mobile-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;}
}
.mobile-nav li{position: relative;}
.mobile-nav li strong{color: #fff;position: absolute;right: -16px;top:0;font-size: 0;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;background: url(../images/mobile_arrow1.png) center no-repeat;}
.mobile-nav li strong.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mobile-nav li > a{font-weight: bold;}
.mobile-nav .mobile_subNav{display: none;padding-left:10px;}
.mobile-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 1.2rem;}

.mobile_links{text-align: center;margin: 12px 0 0;}
.mobile_links a{color: #fff;display: inline-block;margin: 0 6px;vertical-align: middle;}
.mobile_links a.wechat{max-width: 100px;}
.mobile_links img{display: block;background: #fff;}

.mobile_search{clear: both;position: relative;background: #fff;overflow: hidden;margin: 16px 0 0;}
.mobile_search .search{width: 100%;height: 40px;background: #fff;z-index: 999;}
.mobile_search .search input.notxt{position:absolute;width: 100%;height: 100%;color: #eee;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.mobile_search .search input.notxt1{position:absolute;width: 46px;height: 100%;border:none;right: 0;cursor: pointer;z-index: 4;font-size: 0;bottom: 0;background:url(../images/search_btn.png) no-repeat center center;padding: 0;}

footer{clear: both;position: relative;background: url(../images/footer_bg.png) top center no-repeat;background-size: cover;padding: 116px 0 153px;}
footer .row{max-width: 1400px;}
footer .f1{padding: 0 0 0;float: left;width: 183px;overflow: hidden;margin-right: calc(25% - 236px);}
.footer_logo{display: block;width: 183px;}
.footer_share{max-width: 120px;}
.footer_share .code{margin: 42px 0 9px;background: rgba(7,97,72,.1);padding: 10px;}
.footer_share p{text-align: center;}
.footer_share img{display: block;width: 100%;background: #fff;}

footer .f2{padding: 0 0 0;float: left;max-width: 260px;margin-right: calc(33.3% - 373px);}
.footer_links h3{font-weight: normal;color: #076148;line-height: 34px;margin: 0 0 23px;}
.footer_links li{width: 100%;}
.footer_links a{margin: 0 0 0;line-height: 36px;font-weight: lighter;}
.footer_links .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

footer .f3{padding: 0 0 0;float: left;max-width: 270px;font-weight: lighter;}
.footer_info{line-height: 36px;padding: 57px 0 20px;position: relative;color: #333;}
.copy_right{line-height: 36px;padding: 0 0 16px;width: 400px;margin: 40px 0 0 -133px;}
.copy_right span{display: inline-block;*display: inline;*zoom:1;padding: 0 10px;vertical-align: middle;}

footer .f4{padding: 0 0 0;float: right;max-width: 352px;font-weight: lighter;text-align: justify;}
.footer_introduce{line-height: 28px;padding: 61px 0 52px;}
footer .support_us{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;border-radius: 10px;position: relative;font-weight: bold;}
footer .support_us .text{background: #940609;position: relative;border-radius: 10px;top: 5px;left: 5px;}
footer .support_us:hover .text{-webkit-animation: support_us 2s ease-in-out infinite;animation: support_us 2s ease-in-out infinite;}
footer .support_us::after{content: '';display: block;position: absolute;width: 100%;height: 100%;border: 1px solid rgba(210,91,91,.5);left: 5px;top: 5px;border-radius: 10px;z-index: -1;box-sizing: border-box;}
@-webkit-keyframes support_us{
	from{top: 5px;left: 5px;}
	50%{top: 0px;left: 0px;}
	to {top: 5px;left: 5px;}
}
@keyframes support_us{
	from{top: 5px;left: 5px;}
	50%{top: 0px;left: 0px;}
	to {top: 5px;left: 5px;}
}


.go_top{width: 65px;height: 65px;background: rgba(255,255,255,.5);text-align: center;font-size: 16px;line-height: 20px;position: fixed;right: 20px;bottom: 20px;z-index: 10;display: none;cursor: pointer;border-radius: 50%;box-shadow: 0 0 16px 2.4px rgba(107,107,107,.5);}
.go_top img{display: block;margin: 4px auto -8px;width: 45px;}
.go_top p{text-align: center;font-size: 12px;line-height: 16px;color: #0152ac;}

@media screen and (max-width: 1840px){
	header .top{max-width: calc(100% - 80px);}
	
}
@media screen and (max-width: 1480px){
	.header .top{}
	.logo{}
	.nav{left: 420px;}
	.nav ul li > a{font-size: 16px;}
	.header_links{}
	
	
}
@media screen  and (max-width:1300px) {
	.logo{/* width: 360px; */}
	.nav{left: 400px;}
	
	footer{padding: 60px 0 80px;}
	footer .f1,footer .f2{margin-right: calc(33.3% - 236px);}
	footer .f3{float: right;}
	footer .f4{float: none;clear: both;width: auto;max-width: initial;position: relative;padding: 30px 220px 0 0;}
	.footer_introduce{padding: 0;}
	footer .support_us{position: absolute;right: 0;top: 30px;}
	
}
@media screen  and (max-width:1040px) {
	.footer.row{overflow: visible;}
	/* .top_link,.nav{right: 20px;} */
	
	.footer_info h3{font-size: 16px;}
	
}
@media screen  and (max-width:992px) {
	header{animation: none;-webkit-animation: none;border-top: 5px solid #0d6148;}
	.header.currents{display: none !important;}
	.header .h1,.nav,.top_link,.header_links{display: none;}
	.header .top{height: auto;width: auto;}
	.logo{top: 0;padding: 12px 0;}
	
	footer{background-size: cover;}
	footer .f1{}
	.footer_logo{margin: 0 auto;max-width: 180px;display: block;float: none;}
	.footer_share .code{margin: 20px 0 0;}
	
	footer .f2{float: right;margin: 0;}
	.footer_links h3{margin: 0 0 20px;}
	.footer_links a{line-height: 28px;}
	
	footer .f3{width: auto;float: none;clear: both;max-width: initial;}
	.footer_info{padding: 30px 0 10px;line-height: 28px;}

	.go_top{width: 40px;height: 40px;}
	.go_top p{display: none;}
	.go_top img{width: 35px;}
	
}
@media screen  and (max-width:767px) {
	.logo{overflow:hidden;width: 180px;max-width: 100%;/* margin:0 auto; */text-align: center;position: relative;padding: 8px 0;}
	
	.mobile-nav{}
	.mobile-nav ul{}
	.mobile-nav a{font-size: 16px;}
	
	footer .f1{margin: 0 auto;float: none;}
	.footer_share{margin: 0 auto;}
	footer .f2{float: none;margin: 30px 0 0;max-width: initial;}
	.footer_links h3{margin: 0;}
	
	footer .f4{padding: 30px 180px 0 0;}
	
}
@media screen and (max-width:413px) {
	.footer_links li{width: 100%;}
	
	footer .f4{padding: 0;}
	footer .support_us{position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 30px auto 0;}
}
@media screen and (max-width:380px) {
	/* .logo{float:left;} */
	
	
}