@charset "utf-8";
/* CSS reset for c_b*/
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "寰蒋闆呴粦", Arial, Georgia, "Times New Roman", Times, serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 4px 12px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception, th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border :0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;background: none;border: none;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer;}

/*瀹氫綅*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.w1200{margin: 0 auto;width: 1200px;}
@media only screen and (max-width: 768px){
	.w1200{margin: 0 auto;width: 92%;}
}

/*header*/
.header_top{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #f0f0f0;background: #f9fafc;}
.header_top .tit{color: #666;}
.header_top ul{width: 35%;}
.header_top ul li{float: left;width: 33.33%;padding-left: 22px;box-sizing: border-box;color: #666;}
.header_top ul li:nth-child(1){background: url(../images/h_icon1.png) no-repeat center left;}
.header_top ul li:nth-child(2){background: url(../images/h_icon2.png) no-repeat center left;}
.header_top ul li:nth-child(3){background: url(../images/h_icon3.png) no-repeat center left;}
.header{width: 100%;height: 95px;line-height: 95px;}
.header .logo{height: 100%;}
.header .logo img{display: block;height: 100%;width: auto;}
.header .nav{width: 80%;}
.header .nav ul{height: 95px;}
.header .nav ul li{height: 100%;float: left;width: 12.28%;margin: 0 1%;position: relative;text-align: center;}
.header .nav ul li:last-child{margin-right: 0;}
.header .nav ul li a.hide{display: block;width: 100%;height: 100%;line-height: 22px;color: #666;transition: all ease .35s;padding-top: 25px;box-sizing: border-box;}
.header .nav ul li a.hide span{display: block;text-transform: uppercase;font-size: 13px;}
.header .nav ul li dl{position: absolute;left: calc(50% - 70px);top: 100%;width: 120%;padding: 10px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 3px;opacity: 0;transform: translateY(50px);transition: all ease .35s;z-index: 999;}
.header .nav ul li dl:after{content: ""; display: inline-block;border: 6px solid transparent;  position: absolute;bottom: 100%;left: calc(50% - 6px);border-bottom-color: #fff;}
.header .nav ul li dl a{display: block;color: #666;width: 100%;height: 38px;line-height: 38px;margin: 4px 0;}
.header .nav ul li dl a:first-child{margin-top: 0;}
.header .nav ul li dl a:last-child{margin-bottom: 0;}
.header .nav ul li:hover{background: #0d54a4;}
.header .nav ul li:hover a.hide{color: #fff;}
.header .nav ul li:hover dl{opacity: 1;transform: translateY(0);}
.header .nav ul li dl a:hover{color: #fff;background: #0d54a4;}
@media only screen and (max-width: 768px){
	.header_top{display: none;}
	.header{display: none;}
}

/*绉诲姩绔痟eader*/
.m_header{display: none;}
#menu{z-index: 110;}
#menu ul li a{display: block;color: #555;}
.m_head{padding-bottom: 60px;}
.head{height: 60px;position: fixed;width: 100%;z-index: 9999999;left: 0;top: 0;background: #fff;box-shadow: 0 0 5px #ccc;}
.head .m_logo{height: 60px;overflow: hidden;}
.head .m_logo img{height: 100%;width: auto;}
.head .m_nav{position: absolute;right: 15px;top: 20px;}
.head .m_nav img{height: auto;width: 25px;}
@media only screen and (max-width: 768px){
	.m_header{display: block;}
}

/*banner*/
.banner{position: relative;width: 100%;height: 100%;overflow: hidden;}
.banner .bd ul li{float: left;width: 100%;height: 100%;}
.banner .bd ul li img{display: block;width: 100%;height: 100%;}
.banner .hd{width: 100%;position: absolute;bottom: 4%;left: calc(50% - 85px);}
.banner .hd ul li{display: inline-block;margin: 0 6px;font-size: 0;width: 50px;height: 8px;cursor: pointer;background: rgba(0,0,0,.5);}
.banner .hd ul li.on{background: rgba(255,255,255,.8);}
@media only screen and (max-width: 768px){
	.banner{display: none;}
}

/*绉诲姩绔痓anner*/
.m_banner{position: relative;width: 100%;display: none;}
.m_banner img{display: block;width: 100%;}
.focus{width:100%; margin:0 auto;position: relative;overflow: hidden;}
.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}
.focus .hd ul{width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.2rem;}
.focus .hd ul li{display: inline-block;width: 30px;height: 4px;background: rgba(255,255,255,.4);margin: 0 1%;font-size: 0;}
.focus .hd ul .on{background: #fff;}
@media only screen and (max-width: 768px){
	.m_banner{display: block;}
}

/*footer*/
.footer{background: url(../images/f_bg.jpg) no-repeat center;color: #fff;height: 470px;padding-top: 45px;box-sizing: border-box;position: relative;}
.footer a{color: #fff;}
.footer .nav{border-bottom: 1px solid rgba(255,255,255,.2);height: 85px;box-sizing: border-box;}
.footer .nav h2{float: left;font-size: 24px;font-weight: bold;}
.footer .nav h2 span{display: block;font-size: 14px;font-weight: normal;margin-bottom: 4px;color: rgba(255,255,255,.6);}
.footer .nav ul{width: 60%;margin-top: 25px;}
.footer .nav ul li{float: left;width: 12.28%;margin: 0 1%;text-align: right;}
.footer .nav ul li:last-child{margin-right: 0;}
.footer .nav ul li a{color: rgba(255,255,255,.8);}
.footer .nav ul li a:hover{color: #f9a61a;}
.footer .pho{width: 100%;margin-top: 60px;}
.footer .pho dl{float: left;}
.footer .pho dl dd{color: rgba(255,255,255,.8);font-size: 15px;line-height: 35px;}
.footer .pho .ewm{width: 160px;height: 160px;}
.footer .pho .ewm img{display: block;width: 100%;height: 100%;}
.footer .footerB{width: 100%;position: absolute;bottom: 0;height: 65px;line-height: 65px;border-top: 1px solid rgba(255,255,255,.2);color: rgba(255,255,255,.8);}
.footer .footerB span{float: right;}
@media only screen and (max-width: 768px){
	.footer{display: none;}
}

/*绉诲姩绔痜ooter*/
.m_footer{width: 100%;height: 60px;display: none;}
.mobile-footer-menu{display: none;width: 100%;background: #0d54a4;padding: 8px 0;position: fixed;left: 0;bottom: 0;z-index: 9999999;font-size: 12px;}
.mobile-footer-menu li{width: 25%;float: left;position: relative;}
.mobile-footer-menu li:after{content: "";position: absolute;height: 42px;width: 1px;background: rgba(255, 255, 255, 0.1);right: 0;top: 2px;}
.mobile-footer-menu li span{width: 24px;height: 24px;display: block;margin: 0 auto;position:relative;overflow: hidden;}
.mobile-footer-menu li span img{max-width: 100%;}
.mobile-footer-menu li em{text-align: center;display: block;color: #fff;height: 20px;line-height: 20px;overflow: hidden;margin-top: 2px;}
.mobile-footer-menu li:last-child:after{display: none;}
@media only screen and (max-width: 768px){
	.mobile-footer-menu{display: block;}
	.m_footer{display: block;}
}