@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:arial,"黑体";color:#898989;line-height:1; background:#FFF;min-width: 1200px;}
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}

.bjbox{background: url(../images/bj1.jpg) no-repeat center;background-size: cover;height: 100vh;}
.header{width: 1140px; margin: 0 auto; padding-top: 10px;}
.logo{width: 247px; float: left;}
.logo img{width: 100%;}
.nav{float: right; padding-top: 78px;width: 835px;}
.nav ul{display: flex;justify-content : space-between;}
.nav li{position: relative;}
.nav a{display: block; width: 173px; line-height: 56px; color: #fff;text-align: center; font-size: 24px;border-radius: 28px;background: #ad060f;}

.xwb1{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background: url(../images/b1.png);width: 31px;height: 29px;}
.nav a:hover{background: #cfa93d;}
.nav a:hover .xwb1{background: url(../images/b2.png);}
.xwb2{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background: url(../images/b3.png);width: 19px;height: 31px;}
.nav a:hover .xwb2{background: url(../images/b4.png);}
.xwb3{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background: url(../images/b5.png);width: 30px;height: 29px;}
.nav a:hover .xwb3{background: url(../images/b6.png);}
.xwb4{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;background: url(../images/b7.png);width: 35px;height: 32px;}
.nav a:hover .xwb4{background: url(../images/b8.png);}
.wznr{width: 1280px; overflow: hidden; margin: 0 auto; padding: 25px 30px 0 0;}
.wznr_left{width: 401px; float: left;}
.wznr_left img{width: 100%;}
.wbtext{padding-top: 135px;}
.wbtext h2{font-size: 30px; color: #cfa93d; margin-bottom: 20px;}
.wbtext p{font-size: 16px; line-height: 24px; color: #cfa93d;}
.wznr_right{float: right;width: 800px;}
.wznr_right img{width: 100%;}
.sub{position: absolute; background: url(../images/a_01.png); width: 539px;height: 383px; top: 56px; left: 50%;transform: translateX(-50%); padding: 28px 18px 0 18px;display: none;}
.sub dl{overflow: hidden;}
.sub dt{padding-bottom: 24px; overflow: hidden;}
.sub span{float: left;width: 74px; line-height: 45px; border: 1px solid #cbcbcb;background: #f0f0f0;text-align: center; font-size: 20px; color: #070707;}
.sub b{width: 48px;height: 47px; float: left; background: url(../images/a_02.png) no-repeat center;}
.sub em{float: left; line-height: 45px; font-size: 20px; color: #070707;border: 1px solid #cbcbcb;background: #f0f0f0;text-align: center; width: 200px;}
.sub a{line-height: 47px; border-radius: 0; float: right; text-align: center; font-size: 20px; width: 165px; background: #cfa93d;}
.nav li:hover .sub{display: block;}
@media(max-width:1600px){
.header{zoom: .9;}
.wznr{zoom: .9;}	
}
@media(max-height:900px){
.header{zoom: .8;}
.wznr{zoom: .8;}	
}

@media(max-width:1440px){
.header{zoom: .8;}
.wznr{zoom: .8;}	
}
@media(max-width:1366px){
.header{zoom: .6;}
.wznr{zoom: .7;}	
}