/* CSS Document */
*{padding: 0;margin: 0;}
.width{margin: auto;}
#nav_xuanzhong{border-bottom: solid 5px #e6212a;color: #e6212a;}

/*导航*/
.nav{width: 100%;height: 135px;background: #fff;position: fixed;left: 0;top: 0;z-index: 5;}
.nav .width{display: flex;justify-content: space-between;}
.nav .width .left{width: 270px;}
.nav .width .left img{margin-top: 45px;width: 100%;}
.nav .width .right{display: flex;justify-content: space-between;margin-top: 25px;width: 55%;}
.nav .width .right li{list-style: none;text-align: center;width: 15%;}
.nav .width .right li a{color: #6f6f6f;font-size: 20px;letter-spacing: 1px;text-decoration: none;display: block;line-height: 100px;}
.nav_short1{width: 100px;}
.nav_short{width: 110px;}
.nav_long{width: 180px;}
.nav .width .right li a:hover{border-bottom: solid 5px #e6212a;color: #e6212a;}
.nav .width .right li:hover .nav_two{height: 400px;opacity: 1;}
.nav .width .right .nav_two{margin-top: 10px;height: 0;overflow: hidden;opacity: 0; transition: .5s;}
.nav .width .right .nav_two li a{background: rgba(255,255,255,1);line-height: 60px; font-size:16px;}
.sskj{ width:200px;position: relative;}
.search{background-repeat: no-repeat;background-position: right 10px top 10px;width: 200px;height: 40px;border-radius: 50px;border: solid 1px #f4f4f4;margin-top: 55px;padding-left: 15px;}
.sea{width: 26px;height: 26px;position: absolute;right: 10px;top: 50%;transform: translateY(-20%);}
input:focus{outline:none;}

/*手机导航*/
.small{display: none;width: 100%;height: 100px;background: #fff;position: fixed;left: 0;top: 0;z-index: 5;}
.small .left{float: left;width: 80%;}
.small .left img{margin-top: 20px; max-width:100%;}
.small #danji{float: right;margin: 25px 5px 0 0;}
#small_nav{position: absolute;right: 0;top: 100px;width: 180px;background: #fff;text-align: center;list-style: none;display: none;}
#small_nav li a{line-height: 52px;text-decoration: none;color: #333;font-size: 16px;width: 100%;display: block;}
#small_nav li a:hover{color: #e6212a;border-bottom: solid 5px #e6212a;}

/*大图*/
.banner{margin-top: 135px;width: 100%;}
.banner img{max-width: 100%;}

/*底部*/
.footer{padding: 30px 0 45px;background: #000;}
.footer_top{display: flex;justify-content: space-around;flex-wrap: wrap;}
.footer_center{height: 2px;width: 100%;background: #c1c1c1;margin-bottom: 40px;opacity: .5;}
.footer_bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer_bottom a{color: #c1c1c1; text-decoration:none;}
.footer_top1{width: 150px;}
.footer_top2{width: 465px;}
.footer_top3{width: 110px;}
.footer_top4{width: 195px;margin-top: 110px;}
.footer_top1 a img{width: 100%;}
.footer_top1 p{color: #c1c1c1;font-size: 14px;line-height: 24px;margin: 5px 0 35px;}
.footer_title{color: #fff;letter-spacing: 2px;margin-bottom: 30px;margin-top: 35px;font-size: 20px;font-weight: bold;}
.footer_top2 p{font-size: 14px;color: #c1c1c1;opacity: .6;margin-bottom: 15px;letter-spacing: 1px;}
.footer_top3 a{text-decoration: none;display: block;margin-bottom: 10px;color: #c1c1c1;letter-spacing: 1px;opacity: .5;}
.footer_top4 img{float: left;margin-top: 5px;}
.footer_top4 .text{float: left;margin-left: 5px;}
.footer_top4 .text p:nth-child(1){color: #c1c1c1;letter-spacing: 2px;font-size: 17px;margin-bottom: 3px;}
.footer_top4 .text p:nth-child(2){color: #fff;letter-spacing: 3px;font-size: 16px;}
.footer_bottom p:nth-child(1){color: #c1c1c1;font-size: 14px;opacity: .7;letter-spacing: 1px;}
.footer_bot_flex{display: flex;justify-content: space-between;width: 290px;}
.footer_bot_flex a:nth-child(1) img{width: 30px;}
.footer_bot_flex a:nth-child(2) img{width: 30px;}
.footer_bot_flex a:nth-child(3) img{width: 45px;}
.footer_bot_flex a:nth-child(4) img{width: 20px;float: left;}
.footer_bot_flex a{color: #c1c1c1;text-decoration: none;}
.footer_bot_flex a:nth-child(4) span{display: block;float: left;margin-left: 10px;}
@media screen and (min-device-width:414px) and (max-device-width:768px){
#small_nav li a{ font-size:16px; line-height:52px;}
}

@media screen and (max-device-width:768px){
	.width{width: 95%;}
	.nav{display: none;}
	.small{display: block;}
	.banner{margin-top: 100px;}
	.footer_top1,.footer_top2,.footer_top3,.footer_top4{width: 100%;}
	.footer_top1,.footer_title{ text-align:center;}
	.footer_top1 p{margin: 5px 0 0px;}
	.footer_top3{ display:none;}
	.footer_top1 a img{width: 155px;}
	.footer_top4{margin: 50px 0;}
	.footer_bot_flex{margin-top: 20px;}
}
@media screen and (min-device-width:769px) and (max-device-width:1399px){
	.width{width: 98%;}
	.nav .width .left{width: 200px;}
	.nav .width .right{width: 800px;}
	.nav .width .right li a{ font-size:16px;}
}
@media screen and (min-device-width:1400px){
	.width{width: 1400px;}
}