﻿.foot-wap,.head-wap{display: none;}
.foot{ background: url(../images/foot_02.jpg) no-repeat; background-size: cover; width: 100%;color: #333333; padding-top: 60px; font-size: 14px; }
.copy{font-size: 14px;margin-top: 40px; color: #333333; text-align: center; line-height: 80px;}
.copy a{color: #333333;}
.copy .des{ float:right;}
.foot_icon{ width: 40px; height: 40px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.18); margin-left: 20px; text-align: center; line-height: 40px;}
.foot_icon a{ font-size:20px; color:#fff;}
.foot_top{ padding-bottom:30px; margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.18);}
.foot .f-nav{align-items: flex-start; width: 100%;}
.foot .f-nav li:nth-child(2){margin:0 auto;}
.foot .f-nav li:nth-child(2) a:nth-child(2){ display:none;}
.foot .f-nav li b{font-size: 18px;display: block; font-family: opensb;}
.foot .f-nav li a{display: block;line-height: 34px;color: #333333;}
.foot .f-nav li p{font-size: 14px;line-height: 18px;display: block;margin-top: 15px; padding-left: 20px;}
.foot .f-nav li:nth-child(4){max-width: 340px;}
.foot .biage input{max-width: 300px;width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 3px;font-size: 12px;color: #999;padding-left: 10px;margin-bottom: 10px;}
.foot .biage .sub{max-width: 200px;background: #09d6dd;color: #fff;font-size: 16px;cursor: pointer;}
.foot_bottom{ padding-bottom: 85px;}

.foot .f_contact i,.foot .f_contact span{ font-size: 14px; line-height: 30px;}
.foot .f_contact i{ font-size: 18px; margin-left: -20px; color: #2e71b6;}
.foot .follow h3{ font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.foot .follow h3 span{ color: #086400;}

.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
.m_img .headlf{padding-top:7px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:40px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.foot-com{background: url( ../images/sy08.jpg) no-repeat center;background-size: cover;padding-top: 90px;}
.foot-com .copy{color: #f2f2f2;font-size: 14px;text-align: center;padding: 12px 0;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 90px;}
.foot-com .copy a{color: #f2f2f2;margin-left: 20px;}
.foot-com .copy a:hover{text-decoration: underline;}
.foot-com ul{display: flex;flex-flow: row wrap;justify-content: space-between;color: #fff;}
.foot-com li.fir .flogo{height: 54px;overflow: hidden;margin-bottom: 25px;}
.foot-com li.fir .flogo img{transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.foot-com li.fir p{display: block;max-width: 430px;line-height: 24px;}
.foot-com li.fir b{display: block;margin: 60px 0 15px;}
.follow a{display: block;float: left;border-radius: 100%;margin-right: 10px;}
.foot .follow span{font-size: 16px;color: #fff; float:left; margin-right:5px;}
.follow a:hover span{color: #004498;}
.foot-com li .ftit{color: #fff;position: relative;margin-bottom: 34px;height: 46px;border-bottom: 1px solid rgba(255,255,255,.1);width: 100%;display: block;}
.foot-com li .ftit::before{content: '';position: absolute;top: 42px;left: 0;width: 45px;height: 4px;background: #fff;}
.foot-com li.send{max-width: 360px;}
.foot-com li.send dt{margin-bottom: 15px;line-height: 24px;color: rgba(255,255,255,.8);}
.foot-com li.send dt span{margin-right: 6px;color: #fff;}
.foot-com li.thir{max-width: 300px;}
.foot-com li.thir p{line-height: 24px;display: block;margin-bottom: 15px;}
.foot-com li.thir input{width: 100%;height: 50px;line-height: 50px;background: #fff;padding-left: 12px;color: #666;}
.foot-com li.thir .sub{background: #004498;text-align: center;color: #fff;cursor: pointer;margin-top: 8px;padding-left: 0;}
.xiala-fl{position: absolute;width: 95px;height: 98px;background: url(../images/menu2_06.png) no-repeat center;top: 0;right: 0;transition: transform .3s ease-out; border-left: 1px solid #dedede;}
#menubtn{display:block;z-index:999}
#fixmenu{display:none;background :#aaa;position:fixed;width:100%;height:680px;top:0px;left:0;z-index:991}
#fixmenu .icon-guanbi{width: 95px;height: 80px;height: 80px;background:  url("../images/close.png") no-repeat center;position: absolute;top: 0;right: 0; cursor: pointer; text-align: center; line-height: 80px; font-size: 40px; color: #fff;}

.menubtn_center{width: 1200px;margin: 0 auto;}
.menubtn_center li{width: 33.33%;float: left;border-right: 1px solid rgba(255,255,255,0.1);height: 680px;}
.menubtn_center li:first-child{border-left: 1px solid rgba(255,255,255,0.1);}
.menubtn_center li .pad{padding: 100px 30px 0 30px;}
.menubtn_center li b{font-size: 30px;display: block;margin-bottom: 15px;color: #fff;font-weight: normal;text-transform: uppercase;}
.menubtn_center li a{display: block;font-size: 24px;color: #fff;line-height: 34px;}
.menubtn_center li a:hover{text-decoration: underline;}
.menubtn_center .three form{max-width: 260px;background: #fff;border-radius: 500px;height: 40px;line-height: 40px;overflow: hidden;}
.menubtn_center .three input{font-size: 14px;height: 40px;line-height: 40px;}
.menubtn_center .three .inp{padding-left: 15px;color: #999;}
.menubtn_center .three .sub{color: #fff;background: #2d2d2d;padding: 0 10px;cursor: pointer;}
.menubtn_center .three .follow,.menubtn_center .three .pad_contact{margin-top: 40px;}
.menubtn_center .three .pad_contact{ color: #fff; }
.menubtn_center .three .pad_contact i{ margin-right: 10px;}
.menubtn_center .three .pad_contact .item{ margin-bottom: 15px;}
.menubtn_center .three .pad_contact .item a{ font-size:16px; display:inline-block;}
.menubtn_center .three .follow p{font-size: 24px;color: #fff;display: block;margin-bottom: 14px;}
.follow2 a{border: 1px solid #ddd;}
.follow2 a span{color: #004498;font-size: 20px;}
.follow2 a:hover{background: #004498;}
.follow2 a:hover span{color: #fff;}
.follow2 p{line-height: 38px;display: block;margin-right: 10px;}

@media (max-width: 1400px){
	
}
@media (max-width: 1024px){
	.foot-wap,.head-wap{display: block;}
	.waph{height: 54px;}
	.waph2{height: 60px;}
	.foot-com,#menubtn{display: none;}
	.page-logo .img, .page-logo .img-w{height: 36px!important;}
	.h-lang a{color: #333;border: 1px solid #333;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
	.page-header{padding-right: 2%;}
	.page-main{margin-top: 60px;}
	.foot{ padding: 0;}
	.foot_center{ display: none;}
	.copy{ margin-top: 0;}
}

@media (max-width: 1024px){
	.page-logo .img, .page-logo .img-w{height: 40px!important;}
}