﻿@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.875rem;  color: #000;}
h1,h2,h3,h4,h5,h6 { color:#000;  font-weight: bold;}

body { font-size:1rem;  color:#000; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#005bac; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap , .post{ max-width:1260px; padding:0 10px;height:auto; margin: 0 auto;overflow:hidden }

.fl { float:left;}
.fr { float:right;}
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.block {
    display: block;
}

@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}
@font-face {
  font-family: "1";
  src: url("../font/impact.woff2") format("woff2"),
       url("../font/impact.woff") format("woff"),
       url("../font/impact.ttf") format("truetype"),
       url("../font/impact.eot") format("embedded-opentype"),
       url("../font/impact.svg") format("svg");
}












/*内页banner*/

.pd90{padding:90px 0}
.banner3{position:relative;overflow:hidden}
.banner3 img{display:block;width:100%}
.banner3 .mimg{display:none}
.banner3 .txt{position:absolute;width:100%;top:50%;left:0;z-index:2;color:#fff}
.banner3 .txt .tc{line-height:1.5;margin-top:15px;font-size: 16px;}
.banner3 .txt .tt{letter-spacing:5px;font-size:35px}



.btit{width:100%;height:auto;clear:both;overflow:hidden;position: relative;}
.btit h1{display:block;width:100%;font-family:"Haettenschweiler";font-size:60px;color:rgba(255,255,255,0.3);text-align:center;letter-spacing:3px;position: relative;}
.btit h1 a{position:absolute;left:0px;bottom:0px;display:block;width:100%;font-size:35px !important;color:#fff;font-weight:normal;text-align: center;letter-spacing:2px;}
.btit h1 a font{margin:0 auto;}
.btit p{display:block;width:100%;font-size:16px;color:rgba(0,0,0,0.6);text-align: left;letter-spacing:1px;margin-top:10px;}


@media (max-width:468px){

.btit h1{font-size:50px;}
.btit h1 a{font-size:24px !important;}
.btit p{font-size:1.4px;margin-top:10px;}

.btit2 h1 a{font-size:24px !important;}


}


@media(min-width:469px) and (max-width:768px){
.btit h1{font-size:50px;}
.btit h1 a{font-size:24px !important;}
.btit p{font-size:1.4px;margin-top:10px;}
.btit2 h1 a{font-size:24px !important;}

}



@media(min-width:769px) and (max-width:990px){
.btit h1{font-size:60px;}
.btit h1 a{font-size:26px !important;}
.btit p{font-size:14px;margin-top:1rem;}
.btit2 h1 a{font-size:26px !important;}


}

@media(min-width:991px) and (max-width:1080px){
.btit h1{font-size:65px;}
.btit h1 a{font-size:28px !important;}
.btit p{font-size:14px;margin-top:1rem;}
.btit2 h1 a{font-size:28px !important;}

}

@media(min-width:1081px) and (max-width:1440px){
.btit h1{font-size:70px;}
.btit h1 a{font-size:28px !important;}
.btit p{font-size:14px;margin-top:1rem;}
.btit2 h1 a{font-size:28px !important;}

}
@media(min-width:1441px) and (max-width:1600px){
.btit h1{font-size:80px;}
.btit h1 a{font-size:28px !important;}
.btit p{font-size:14px;margin-top:1rem;}
.btit2 h1 a{font-size:28px !important;}

}
















/*底部*/
.f_bj{width:100%;overflow:hidden;background: #205097;}
.f_bj .foot .logos{margin-bottom:3%}
.f_bj .foot{padding:1% 0;overflow:hidden;margin: 4% 0 0 0;}
.f_bj .foot .left{width:55%;float:left;}
.f_bj .foot .midd{width:30%;float:left;}
.f_bj .foot .midd li{width:100%;float:left;color:#fff;overflow:hidden; line-height: 2.1em;}
.f_bj .foot .right{width:12%;float:right;    text-align: center;}
.f_bj .foot .right p{color:#fff;margin-top:5%;}
.f_bj .foot .nava{color:#fff;}
.f_bj .foot .nava a{color:#fff;margin: 0 2%;}
.f_bj .foot .nava a:first-child{margin-left:0}
.f_bj .link{margin:2% 0;}
.f_bj .link span{color:#a8b0b9;}
.f_bj .link a{color:#a8b0b9;margin:0 0.2%;}
.f_bj .fot{padding:0.5% 0;border-top:1px solid #5f6871;overflow:hidden;}
.f_bj .fot span , .f_bj .fot span a{color:#fff;}
.f_bj .fot span:first-child{float:left}
.f_bj .fot span:last-child{float:right}

.lfooter{display:none;}


/*悬浮窗口*/
.right_nav{ right:0; top:40%; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#526f94;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:100px;height: 100px;margin-top: 10px;}



@media screen and (max-width:900px) {

.f_bj .foot .left{width:100%}
.f_bj .foot .right p{margin-top:2%;}
.f_bj .foot .midd{margin-top:2%;}
.f_bj .foot .midd , .f_bj .foot .right{width:50%}
.f_bj .foot .right{margin-top:5%;}


}

@media screen and (max-width:680px) {
.f_bj .fot span a{display:inline-block;}
.f_bj .fot span{display:block;text-align:center;}
.f_bj .fot span:first-child , .f_bj .fot span:last-child{float: none;}


}
@media screen and (max-width:460px) {
.f_bj .foot .nava a{color:#fff;margin: 0 1%;}
.f_bj{margin-bottom:40px;}
.f_bj .foot .midd , .f_bj .foot .right{width:100%}
.f_bj .foot .right{ text-align: left;}
.f_bj .logo{text-align:center;}
.f_bj .fot {padding:2% 0;}
.f_bj .foot .nava a{    margin: 0 1%;}
.right_nav{display:none;}
.lfooter{display:block; max-width: 100%;position: fixed; height:40px;line-height:40px;bottom: 0px; left: 0;right: 0;margin: 0 auto;display: block; z-index: 99;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );}
.lfooter ul li { width: 50%;height: 100%; float: left; text-align: center;border-left:1px solid #ccc;}
.lfooter ul li:first-child{border-left:none;}

}



.ptit{width:100%;height:auto;line-height:30px;float: left;clear: both;margin: 50px 0rem 20px 0rem;}
.ptit h1{font-size:24px;border-left:5px solid #205097;width:90%;float:left;color:#222;font-weight:bold;padding-left:10px;letter-spacing:1px;}


