@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#0042A6;min-width: 1000px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.qjbj{background: url(../images/c1.png) no-repeat center;background-size: cover;height: 100vh;}
.header{height: 76px;background: #0043a7;border-bottom:1px solid rgba(255,255,255,.1); padding: 0 3vw;display: flex;justify-content: space-between;align-items: center;}
.header .logo{ font-weight: bold; color: #fff; font-size: 24px;}
.header .logo img{display: inline-block;vertical-align: middle; width: 40px;margin: -3px 15px 0 0;}
.header .logo a{color: #fff;}
.header_right a.btn1{display: inline-block;vertical-align: middle; width: 120px; line-height: 40px; font-size: 16px;text-align: center; color: #fff;background: #358cf3;border-radius: 20px;}
.header_right p{line-height: 75px; font-size: 16px;color: #fff; padding-left: 45px; border-left:1px solid rgba(255,255,255,.1);display: inline-block; margin-left: 45px;}
.header_right p a{color: #fff;}
.wznr{height: calc(100vh - 76px);display: flex;align-items: center; overflow: hidden;}
.dbnr{width: 810px;margin: 0 auto;}
.dbnr ul{overflow: hidden; margin-left: -35px;}
.dbnr li{float: left; width: 50%; padding: 0 0 35px 35px;}
.dbnr a{display: block; overflow: hidden;position: relative;}
.dbnr a img{width: 100%;}
.dbnr p{position: absolute; width: 100%;text-align: center; left: 0; bottom: 40px;font-weight: bold; color: #fff; font-size: 24px;}

.footer{position: absolute;  width: 100%;text-align: center; bottom: 20px;left: 0;}
.footer h2{font-weight: bold; color: #fff; line-height: 1.5; font-size: 20px;margin-bottom: 20px;}
.footer p{font-size: 16px;color: #84a0cb;position: relative;}
.footer p:before{position: absolute; content: "";border-bottom: 1px solid #2055a3;width:calc(50% - 210px);top: 50%;transform: translateY(-50%);left:0;}
.footer p:after{position: absolute; content: "";border-bottom: 1px solid #2055a3;width:calc(50% - 210px);top: 50%;transform: translateY(-50%);right:0;}

.nrbox{width: 60%; margin: 0 auto;}
.nrbox li{padding: 15px 0;}
.nrbox a{display: block;text-align: center; font-weight: bold; color: #fff; font-size: 20px; line-height: 52px;border-radius: 10px;background: #ffc000;}

.qhnr{width: 960px;margin: 0 auto;overflow: hidden;}
.qhnr_left{float: left;}
.qhnr_left span{display: block; background: url(../images/c8.png);width: 42px;height: 148px;position: relative;text-align: center;cursor: pointer;}
.qhnr_left b{color: #fff; position: absolute;  width: 14px; font-size: 14px;color: #fff; line-height: 1.5;left:50%; top:52%; transform:translate(-50%,-50%);}
.qhnr_left ul li:nth-child(1) span{ background: url(../images/c7.png);height: 135px;z-index: 3;}
.qhnr_left ul li{position: relative;}
.qhnr_left  ul li:nth-child(2){ margin-top: -30px;z-index: 2;}
.qhnr_left  ul li:nth-child(3){ margin-top: -30px;z-index: 1;}
.qhnr_right{float: right;width: calc(100% - 42px);background: rgba(1,71,36,.5);  padding: 0 15px 15px 15px;}
.hq_title  h2{font-weight: bold; text-align: center; color: #fff; font-size: 20px; line-height: 50px; border-bottom: 1px solid  #ffa525;}
.hq_nr,.hq_nr2{height:calc(100vh - 245px);overflow: auto;background: #fff;padding: 25px;line-height: 1.6; font-size: 14px;}
.hq_nr p{font-weight: bold; font-size: 20px; line-height: 1.6;color: #333;}
.hq_nr2 strong {font-weight: bold; color: #0043a7; font-size: 16px;}

.fd_title{background: #fff;}
.fd_title h2{font-weight: bold; font-size: 16px; color: #333; line-height: 56px; padding: 0 30px;}
.fd_title h2 b{display: inline-block; line-height: 22px;font-size: 14px;color: #fff;background: #358cf3; padding: 0   5px;border-radius: 4px;vertical-align: middle; margin: -3px 0 0 8px;}
.fd_nr{background: #fff; height:calc(100vh - 250px);}
.fdbox{padding: 15px 30px;background: #f5f9fe;}
.fdbox p{font-size: 16px; line-height: 1.8;color: #666;}
.qhnr_left ul li:nth-child(1).cur span{ background: url(../images/c6.png);}
.qhnr_left ul li:nth-child(2).cur span{ background: url(../images/c9.png);}
.qhnr_left ul li:nth-child(3).cur span{ background: url(../images/c9.png);}

@media(max-width:1620px){
.dbnr{width: 600px;}
}
@media(max-width:1380px){
.dbnr{width: 450px;}
.dbnr p{font-size: 20px;bottom: 30px;}
}