/* 设置媒体查询阶段 */
@media screen and (min-width: 1400px){html{font-size: 10px;} }
@media screen and (min-width: 1300px) and (max-width: 1400px){html{font-size: 9px;} }
@media screen and (min-width: 1200px) and (max-width: 1300px){html{font-size: 8px;} }
@media screen and (max-width: 1200px){html{font-size: 7px;} }
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: Arial, Helvetica, sans-serif, "SimSun";}
body,ul,div,span,div,p,h1,h2,h3,h4 {margin: 0;padding: 0;}
ul,li {list-style-type: none;}
a {text-decoration: none;}
.clear:before,
.clear:after {display: table;content: " ";clear: both;visibility: hidden;overflow: hidden;}

header{position:fixed;left:0;right:0;z-index:24;background-color:#fff;height:72px;padding:0 30px;transition:all linear .3s;}
header a.logo{float:left;width:200px;height:72px;background:url(../img/logo.png) no-repeat center;background-size:95% auto;text-decoration:none;outline:none;}
header nav{padding-left:100px;float:left;}
header nav a{cursor:pointer;display:inline-block;font-size:18px;padding:0 25px;line-height:72px;color:#000;text-decoration:none;margin-left:20px;transition:all linear .3s;font-weight:bold;position: relative;}
header nav a:focus{color:#fff;}
header nav a:hover,header nav a.active{background-color:var(--bg-color);color:#fff;text-decoration:none;}
header nav a.cur::after{content:"";position: absolute;left:0;right:0;bottom:0;height:2px;background-color:#a21231;}
header .btn_gp{float:right;padding-top:22px;}
header .btn_gp a.joinus{font-size:16px;line-height:32px;color:#fff;float:left;text-align:center;text-decoration:none;background:var(--bg-color);border-radius:25px;overflow:hidden;position: relative;z-index:3;padding: 0 24px;}
header .btn_gp a.joinus:hover::after{width:100%;z-index:1;}
header nav a ul{display:none;position: absolute; top: 72px; width:260px; background: #fff; color: #424244;left: 0; padding:46px 0; font-size: 16px;}
header nav a ul li{text-indent: 54px; position: relative;}
.border-bottom{border-bottom:1px solid #d0d0d0}
header nav a:hover ul{display: block;}
header nav a ul li:hover{background: var(--bg-color); color: #fff;}
header nav .special ul li:hover{background: none !important;}
header nav a ul li .li_div{color: #424244;background: #c6e3f0; display: none;}
header nav a ul li:hover .li_div span:hover{background:var(--bg-color); color: #fff;}
.li_div span{height: 50px;display: block; line-height: 50px;}
header nav .li_div a{display:block;font-size:18px;padding:0px;line-height:32px;color:#fff;text-decoration:none;margin-left:20px;transition:all linear .3s;font-weight:bold;position: relative;}
.triangle_top{margin-top: 24px;margin-right: 38px;border: 1px solid #424244;width: 12px;height: 12px;border-left-color: transparent;border-top-color: transparent;transform: rotate(45deg);float: right;}
header nav a ul li:hover .triangle_top{margin-top: 24px;margin-right: 38px;border: 1px solid #fff;width: 12px;height: 12px;border-left-color: transparent;border-top-color: transparent;transform: rotate(45deg);float: right;}
.nav_active{border-bottom: 4px solid var(--bg-color);padding-top: 6px !important;line-height: 62px !important;}
.border1{border-bottom:1px solid #d0d0d0;height: 0; width: 166px; margin: 0 auto;}
header nav ul li .li_div{display: none;}
header nav ul li:hover .li_div{display: block;}

.footer_a{padding:65px 0;background-color:#323236;}
.footer_a .top-lt{display:inline-block;width:100%;border-bottom:1px solid #515154;padding-bottom:10px;margin-bottom:30px;}
.footer_a .top-lt a.ft-logo{float:left;width:320px;height:47px;background:url("../img/logo_bottom.png") no-repeat;}
.footer_a .top-lt .share{float:right; margin-top: 10px;}
.footer_a .top-lt .share img{width: 40px;}
.footer_a .top-lt  .foot_href{float:left;  font-size: 18px; line-height: 46px; margin-left: 200px;}
.footer_a .top-lt  .foot_href a{ color: #fff; margin-right: 36px;}
.footer_a .list-lt{width:100%;display:inline-block;}
.footer_a .list-lt .fr{text-align:right;}
.footer_a .list-lt .wx{margin-bottom:10px;width:120px;float:right;text-align:center;}
.footer_a .list-lt .wx img{display:inline-block;width:110px;}
.footer_a .list-lt .wx span{display:block;font-size:13px;font-size:1.3rem;color:rgba(255,255,255,.5);padding-top:20px;}
.footer_a .list-lt{width:100%;display:inline-block;}
.footer_a .list-lt ul{float:left; color: #fff; font-size: 16px;}
.footer_a .list-lt ul li{margin-bottom: 20px;}
.footer_a .list-lt ul li img{vertical-align: middle; height: 30px; margin-right: 10px;}
.footer_a .list-lt ul  .comimg img{ height: 20px;}
.footer_a .list-lt ul li  span{width: 46px; display: inline-block;}
.footer_b{background-color:#282828;padding:35px 0;}
.footer_b .foot-nr{display:inline-block;width:100%;}
.footer_b .foot-nr span.fl{font-size:14px;font-size:1.4rem;line-height:26px;line-height:2.6rem;color:rgba(255,255,255,.5);cursor:pointer;padding-right:25px;position: relative;}
.footer_b .foot-nr span.fl::after{content:"";display:inline-block;width:10px;height:7px;position:absolute;right:0;top:12px;transition:all ease-out .5s;}
.footer_b .foot-nr span.cur::after{transform: rotate(180deg)}
.footer_b .foot-nr span.fr,.footer_b .foot-nr span.fr a{font-size:14px;font-size:1.4rem;line-height:26px;line-height:2.6rem;color:rgba(255,255,255,.5);text-decoration:none;}
.footer_b .foot-nr span.fr a{margin-left:15px;transition:all ease-out .5s;}
.footer_b .foot-nr span.fr a:hover{color:#fff;}
.footer_b .foot-nr span.fr a.beian{display:inline-block;}
.footer_b .foot-nr span.fr a.beian img{margin-top:-3px;margin-right:5px;}
.footer_b .links{border-top:1px solid #484848;padding:15px 0;margin-top:10px;display:none;}
.footer_b .links a{font-size:14px;font-size:1.4rem;line-height:30px;line-height:3rem;color:rgba(255,255,255,.5);text-decoration:none;transition:all ease-out .5s;margin-right:45px;}
.footer_b .links a:hover{color:#fff;}
.footer_b .links a:last-child{margin-right:0;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
@media (min-width: 768px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}