*{margin:0;padding:0;box-sizing: border-box;}
li{list-style-type: none;}
a{text-decoration: none;    color: #222222;border:0;  }
div{margin:0; padding:0px;}
ul{    margin: 0; padding: 0;}
img{border:0; margin: 0; padding: 0;}

/*all*/
.w100{width: 100%;float: left;}
.main{width: 1200px;margin: 0 auto;}

.w540{width:540px; float:left;}

/*float*/
.left{float: left;}
.right{float: right;}

/*speace*/
.f1{margin-bottom: 25px;}
.f2{margin: 25px 0;}

body{font-family: "Microsoft YaHei";min-width: 1300px;background: #ffffff;}

/*top*/
.top{width: 100%;height: 40px;float: left;background: #000000;color: #ffffff;}
.top p{float: left; font-size: 14px; line-height: 40px; color: #ffffff;}
.top p::before{content:"|";float: left;margin: 5px 7px 0 5px;font-size: 13px;line-height: 30px;color: #ffffff;}
.top p a{color: #ffffff;}

/*logo*/
.hbg{width: 100%;float: left;background: #861600;border-bottom: 1px solid #731401;}

.logo{width: 900px;height: 180px;float:left;background: url(../images/logo.png) no-repeat left center;}

.search{width: 250px;float: right;margin-top: 95px;border-radius: 20px;overflow: hidden;}

.search .submit{width: 100%;height: 35px;float: left;background: #c38b80;border: none;}
.search .text{width: 195px;height: 25px;float: left;margin: 5px 0 5px 10px;background: none;border: none;}
.search .button{width: 21px;height: 21px;float: left;margin: 7px 14px 0 10px;border: none;}

/*bnav*/
.bnav{width: 100%;float: left;background: #861600;border-top: 1px solid #9c1a00;}

.bnav .nav {width: 1200px;margin: 0 auto;position: relative;z-index: 2;}
.bnav .nav li{width: 171px;height: 55px;float:left;position: relative;}
.bnav .nav li a{display: block;font-size: 18px;line-height: 55px;color: #ffffff;text-align:center;}
.bnav .nav li:hover a{line-height: 45px;margin: 5px 0;font-weight: bold;color: #861600;background: #ffffff;}
.bnav .nav li .nav1,.bnav .nav li .nav2{width: 100%;float: left;padding: 5px;position: absolute;display: none;top: 50px;left: 0;background: #861600;}
.bnav .nav li .nav1 li,.bnav .nav li .nav2 li{width: 100%;height: 45px;float: left;position: relative;}
.bnav .nav li .nav1 li a,.bnav .nav li .nav2 li a{display: block;width: 100%;height: 45px;float: left;margin: 0;padding-left: 25px;font-size: 16px;color: #ffffff;line-height: 45px;font-weight: normal;text-align: left;background: #861600;}
.bnav .nav li .nav1 li a::before,.bnav .nav li .nav2 li a::before{content: '';width: 4px;height: 4px;border: 1px solid #ffffff;border-radius: 50%;position: absolute;top: 20px;left: 10px;}
.bnav .nav li:hover .nav1,.bnav .nav li:hover .nav1 li:hover .nav2{display: block;}

.bnav .nav li .nav2{top: -5px;left: 100%;border-left: 1px solid #eeeeee;}

.bnav .nav li .nav1 li a:hover,.bnav .nav li .nav2 li a:hover{font-weight: bold;color: #861600;background: #ffffff;}
.bnav .nav li .nav1 li a:hover::before,.bnav .nav li .nav2 li a:hover::before{background:#861600;border-color:#861600;}

/*yqlj*/
.yqlj{width: 100%;float: left;background: #861600;border-bottom: 1px solid #731401;}
.yqlj font{width:100px;float:left;margin-right: 30px;font-size: 18px;line-height: 50px;color: #ffffff;font-weight: bold;}
.yqlj li{width: 300px;float:left;margin-right: 30px;position: relative;}
.yqlj li p{width: 100%;float: left;font-size: 16px;color: #ffffff;line-height: 50px;text-align: center;}
.yqlj li p::after{content: '';width: 8px;height: 8px;position: absolute;top: 23px;right: 5px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;transform: rotate(45deg);}
.yqlj li:hover p::after{top: 28px;border-right: none;border-bottom:none;border-left: 1px solid #ffffff;border-top: 1px solid #ffffff;}

.yqlj li ul{width: 100%;height: 202px;float: left;padding: 10px 15px;overflow-x: hidden;position: absolute;display: none;z-index: 10;bottom: 50px;left: 0;background: #ffffff;border: 1px solid #ddd;}

.yqlj li ul li{width: 100%;float: left;margin: 0;border-bottom: 1px solid #dddddd;}

.yqlj li ul li a{display: block;width: 100%;font-size: 14px;color: #333333;line-height: 35px;text-align: center;}
.yqlj li:hover ul{display: block;}
.yqlj li ul li a:hover{color: #861600;}

/*foot*/
.foot{width: 100%;float: left;padding: 30px 0;background: #861600;border-top: 1px solid #9c1a00;}
.foot p{width:100%;float:left;font-size: 16px;line-height: 35px;color: #eeeeee;text-align: center;}
.foot p a{color: #ffffff;}