@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;font-weight: normal;line-height: normal;}
html,body{font-family:"微软雅黑","宋体",Arail,Tabhoma; font-size: 12px; text-align: left;}
ul,ol{list-style: none;}
img{border: 0;}
input,select,button,textarea{outline:0; border: 0; font-family:"微软雅黑","宋体",Arail,Tabhoma;}
textarea{resize:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6,span,li,p{cursor: default;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;color: inherit;} 

.clear:after{ clear: both; content: "\20"; display: block; height: 0; visibility: hidden;}
.inner{ width: 1200px; margin: 0 auto;}

/*==========================顶部导航开始===========================*/
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 70px; background: rgba(0,0,0,0.2); z-index: 99;}
.header .left{ float: left; overflow: hidden;}
.header .left .logo{ float: left; margin-top: 9px;}
.header .left .firm-name{ margin-left: 70px; font-size: 15px; color: #fff; margin-top: 17px;}
.header .left .firm-name-en{ font-family: arial; font-size: 12px; padding-top: 4px;}
.header .header-nav{ float: right; overflow: hidden; margin-left: -1px;}
.header .header-nav li{ float: left; padding: 20px 0;}
.header .header-nav li a{ display: block; box-sizing: border-box; position: relative; width: 100%; height: 30px; padding: 0 45px; font-size: 16px; color: #fff; text-align: center; line-height: 30px; border-right: 1px solid #42597e;}
.header .header-nav li:last-child a{ border-right: 0;}
.header .header-nav li a .line{ display: none; position: absolute; left: 50%; bottom: -20px; width: 55px; height: 3px; margin-left: -28px; background: #2293dc;}
.header .header-nav li a:hover .line, .header .header-nav li a.cur .line{ display: block;}

.header .m-menu{ display: none;}
.header .m-nav{ display: none;}



/*==========================公共底部开始===========================*/
.footer{ background: #262626; min-width: 1200px; overflow: hidden;}
.footer .footer-top{ border-bottom: 1px solid #3e3e3e;}
.footer .footer-nav{ width: 1200px; margin: 55px auto 65px; text-align: left;}
.footer .footer-nav th{ width: 25%; padding: 14px 0; font-size: 16px; text-align: left; color: #fff;cursor: default;}
.footer .footer-nav td{ padding: 10px 0; text-align: left; font-size: 14px; color: #c0c0c0;}
.footer .footer-nav td a:hover{ color: #fff;}
.footer .footer-nav tr td:nth-child(4){ cursor: default;}
.footer .footer-bottom{ padding-bottom: 50px;}
.footer .footer-bottom .share{ width: 250px; margin: 0 auto; padding: 40px 0 30px;}
.footer .footer-bottom .circle{ display: block; width: 50px; height: 50px;margin: 0 15px; border: 1.5px solid #c0c0c0; border-radius: 50%; }
.footer .footer-bottom .circle.qq{ background: url(../images/share-qq-base.png) #262626 no-repeat center center; cursor: pointer;}
.footer .footer-bottom .circle.qq:hover{ background: url(../images/share-qq.png) #262626 no-repeat center center; border: 1.5px solid #fff;}
.footer .footer-bottom .circle.wexin{ background: url(../images/share-wexin-base.png) #262626 no-repeat center center; cursor: pointer;}
.footer .footer-bottom .circle.wexin:hover{ background: url(../images/share-wexin.png) #262626 no-repeat center center; border: 1.5px solid #fff;}
.footer .footer-bottom .circle.weibo{ background: url(../images/share-weibo-base.png) #262626 no-repeat center center; cursor: pointer;}
.footer .footer-bottom .circle.weibo:hover{ background: url(../images/share-weibo.png) #262626 no-repeat center center; border: 1.5px solid #fff;}
.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more{ padding-left: 0 !important;}
.footer .footer-bottom .copyright{ font-size: 12px; color: #737373; line-height: 25px; text-align: center; cursor: default;}
.footer .footer-bottom .copyright a:hover{ color: #999;}

.footer .m-footer-nav{ display: none;}
.footer .copyright.mobile{ display: none;}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++手机端++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++手机端++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width: 300px) and (max-width: 768px) {
	
html{ font-size: 62.5%;}	
body{ width: 100%; min-width: 300px; padding-top:50px; font-size: 62.5%;}
.inner{ width: 100%; margin: 0 ;}	

/*==========================顶部导航开始===========================*/
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: rgba(0,0,0,0.2); z-index: 99;}
.header .left{ float: left; overflow: hidden;}
.header .left .logo{ float: left; width: 39px; height: 39px; margin-top: 5px; margin-left: 5px;}
.header .left .firm-name{ margin-left: 48px; font-size: 1.3rem; color: #fff; margin-top: 12px;}
.header .left .firm-name-en{ font-family: arial; font-size: 1rem; padding-top: 1px;}
.header .header-nav{ display: none;}
.header .m-menu{ float: right; display: block; width: 34px; height: 26px; margin-top: 13px; padding-right: 5px; }
.header .m-nav{ display: none; position: absolute; top: 50px; padding-top: 30px; width: 100%; height: 100vh; background: #000; z-index: 99; }
.header .m-nav li{ font-size: 1.6rem; text-align: center; line-height: 10vh; margin-bottom: 2px; padding-bottom: 10px;  }
.header .m-nav li a{ color: #fff; }
.header .m-menu img{ width: 100%; }



/*==========================公共底部开始===========================*/
.footer{ background: #262626; min-width: 300px; overflow: hidden;}
.footer .footer-top{ border-bottom: 1px solid #3e3e3e;}
.footer .footer-nav{ display: none;}
.footer .footer-bottom{ padding-bottom: 15px;}
.footer .footer-bottom .share{ padding: 10px 0 10px;width: 145px; margin: 0 auto;}
.footer .footer-bottom .circle{ display: inline-block; width:35px; height: 35px; margin: 0 5px; border: 1.5 solid #c0c0c0; border-radius: 50%; }
.footer .footer-bottom .circle.qq{ background: url(../images/share-qq-base.png) #262626 no-repeat center center; cursor: pointer; background-size: 50%;}
.footer .footer-bottom .circle.qq:hover{ background: url(../images/share-qq.png) #262626 no-repeat center center; border: 1.5px solid #fff; background-size: 50%;}
.footer .footer-bottom .circle.wexin{ background: url(../images/share-wexin-base.png) #262626 no-repeat center center; cursor: pointer; background-size: 60%;}
.footer .footer-bottom .circle.wexin:hover{ background: url(../images/share-wexin.png) #262626 no-repeat center center; border: 1.5px solid #fff; background-size: 60%;}
.footer .footer-bottom .circle.weibo{ background: url(../images/share-weibo-base.png) #262626 no-repeat center center; cursor: pointer; background-size: 60%;}
.footer .footer-bottom .circle.weibo:hover{ background: url(../images/share-weibo.png) #262626 no-repeat center center; border: 1.5px solid #fff; background-size: 60%;}
.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more{ padding-left: 0 !important;}
.footer .footer-bottom .copyright{ font-size: 1.2rem; color: #737373; line-height: 20px; text-align: center; cursor: default;}
.footer .footer-bottom .copyright a:hover{ color: #999;}

.footer .m-footer-nav{ display: block;  overflow: hidden; padding: 20px 40px 5px;}
.footer .m-footer-nav li{ float: left; padding: 0;}
.footer .m-footer-nav li a{ display: block; box-sizing: border-box; position: relative; width: 100%; height: 23px; padding: 0 10px; font-size: 1.2rem; color: #fff; text-align: center; line-height: 12px;}
.footer .m-footer-nav li:last-child a{ border-right: 0;}
.footer .copyright.pc{ display: none;}
.footer .copyright.mobile{ display: block; padding: 0px; }
}