/* 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: 280px;}
.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;}
.small .left img{margin-top: 20px;}
.small #danji{float: right;margin: 25px 25px 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: 70px;text-decoration: none;color: #333;font-size: 20px;width: 100%;display: block;}
#small_nav li a:hover{color: #e6212a;border-bottom: solid 5px #e6212a;}

/*大图轮播*/
#header_lunbo{width: 100%;height: 700px;position: relative;overflow: hidden;margin-top: 135px;}
#header_imgBox{width: 400%;height: 100%;position: absolute;left: 0;top: 0;list-style: none;}
#header_imgBox li{width: 25%;height: 100%;float: left;}
#header_imgBox li img{width: 100%;;height: 100%;}

/*内容*/
/*内容标题*/
.content_title{}
.content_title span:nth-child(1){color: #e6212a;}
.content_title span:nth-child(2){font-size: 26px;letter-spacing: 3px;}
.content_title span:nth-child(3){color: #999;font-size: 16px;}
/*更多*/
.gengduo{text-align: center;color: #fff;background: #e6212a;font-size: 32px;font-weight: bold;letter-spacing: 3px;width: 190px;line-height: 60px;display: block;text-decoration: none;transition: .3s;}
.gengduo:hover{color: #e6212a;background: #d0d0d0;}

/*服务领域*/
#qiehuan1 .text p:nth-child(1){text-align: center;margin: 35px 0 25px;font-size: 20px;letter-spacing: 2px;}
#qiehuan1 .text p:nth-child(2){text-align: center;font-size: 14px;color: #999;letter-spacing: 1px;}
.fuwulingyu{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 90px auto;}
.fuwulingyu_div{width: 31%;margin-bottom: 25px;text-align: center;text-decoration: none;display: block;padding: 60px 0 55px;transition: .5s;background: #f9fafc;}
.fuwulingyu_div:hover{box-shadow: 0 0 15px 5px #d0d0d0;}
.fuwulingyu_div img{width: 90px;transition: .5s;}
.fuwulingyu_div p:nth-child(2){margin: 10px 0 20px;color: #6c6c6c;font-size: 22px;letter-spacing: 5px;}
.fuwulingyu_div p:nth-child(3){width: 60px;height: 2px;background: #6c6c6c;margin: 0 auto;}
.fuwulingyu_div:hover{background: #e6212a;}
.fuwulingyu_div:hover p:nth-child(2){color: #fff;}
.fuwulingyu_div:hover p:nth-child(3){background: #fff;}
.fuwulingyu_div:nth-child(1):hover img{content: url("../images/dianche2.png");}
.fuwulingyu_div:nth-child(2):hover img{content: url("../images/dianyuan2.png");}
.fuwulingyu_div:nth-child(3):hover img{content: url("../images/qiche2.png");}
.fuwulingyu_div:nth-child(4):hover img{content: url("../images/huwai2.png");}
.fuwulingyu_div:nth-child(5):hover img{content: url("../images/xitong2.png");}
.fuwulingyu_div:nth-child(6):hover img{content: url("../images/guanli2.png");}

/*产品中心*/
#qiehuan2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 160px;}
.chanpinzhongxin_left{width: 400px;}
.chanpinzhongxin_left .content_title{margin-bottom: 120px;}
#chanpinzhongxin_text{line-height: 45px;color: #99a2a1;font-size: 16px;letter-spacing: 1px;cursor: pointer;transition: .2s;}
#chanpinzhongxin_text:hover{color: #e6212a;}
.chanpinzhongxin_left .gengduo{margin-top: 150px;}
.chanpinzhongxin_center{background: #eeeeee;box-shadow: 0 -5px 0 0 #f6f6f6;transition: .3s;padding: 60px 0;text-align: center;width: 35%;}
.chanpinzhongxin_center img{ max-width:90%;}
.chanpinzhongxin_center:hover{box-shadow: 0 0 5px 2px #d0d0d0;margin-top: -30px;}
.chanpinzhongxin_right{width: 27%;}
.chanpinzhongxin_right a{text-decoration: none;display: block;}
.chanpinzhongxin_right a:nth-child(1){margin-bottom: 40px;box-shadow: 0 -5px 0 0 #f6f6f6;}
.chanpinzhongxin_right a:hover{box-shadow: 0 0 5px 2px #d0d0d0;}
.chanpinzhongxin_right a:hover p{color: #fff;background: #e6212a;}
.chanpinzhongxin_right a:hover .imgBox img{transform: scale(1.1);}
.chanpinzhongxin_right a .imgBox{padding: 0px;display: block;background: #eeeeee;text-align: center;width: 100%;}
.chanpinzhongxin_right a .imgBox img{transition: .3s;max-width:100%; height:240px;}
.chanpinzhongxin_right a p{text-align: center;background: #747474;color: #fcfcfc;line-height: 30px;font-size: 16px;letter-spacing: 1px;transition: .2s;}

/*公司介绍*/
#qiehuan3{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 130px;}
.jianjie_left{width: 22%;}
#jianjie_text{width: 40%;line-height: 40px;color: #a2a0a1;cursor: pointer;transition: .2s;}
#jianjie_text:hover{color: #e6212a;}
.jianjie_right{width: 30%;overflow: hidden;transition: .3s;}
.jianjie_right img{width: 100%;transition: .3s;}
.jianjie_left .gengduo{margin-top: 160px;}

/*新闻动态*/
#qiehuan4{margin-bottom: 90px;}
#qiehuan4 .content_title{margin-bottom: 70px;}
#news_lunbo{overflow: hidden;position: relative;height: 410px;}
#news_imgBox{position: absolute;left: 5px;top: 5px;display: flex;justify-content: space-between;width: 99%;height: 400px;}
#news_imgBox li{transition: all .3s ease;float: left;list-style: none;box-shadow: 0 0 5px 3px #f6f6f6;height: 400px;width: 320px;}
.news_img{overflow: hidden;width: 100%;height: 197px;display: block;}
.news_img img{width: 100%;transition: .3s;}
.news_text{text-decoration: none;width: 90%;margin: 0 auto;display: block;}
.news_text p:nth-child(1){font-size: 18px;color: #a8a8a8;line-height: 35px;}
.news_text .news_xuan1{color: #000;font-size: 16px;margin-bottom: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: .2s;}
.news_text p:nth-child(3){line-height: 30px;color: #71767c;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_text .news_xuan2{border-radius: 50px;background: #eeeeee;font-size: 15px;width: 60px;padding: 5px 10px;margin: 5px 0;color: #71767c;transition: .2s;}
#news_imgBox li:hover{box-shadow: 0 0 5px 3px #d0d0d0;}
#news_imgBox li:hover .news_img img{transform: scale(1.2);}
#news_imgBox li:hover .news_xuan1{color: #e6212a;}
#news_imgBox li:hover .news_xuan2{color: #fff;background: #e6212a;}

/*合作伙伴*/
#qiehuan5 h1{color: #333;text-align: center;margin-bottom: 10px;letter-spacing: 2px;font-size: 38px;}
#qiehuan5 .title{text-align: center;color: #71767c;letter-spacing: 1px;font-size: 16px;}
#friend_lunbo{position: relative;width: 100%;margin:  70px auto 70px;height: 120px;}
#friend_list{position: relative;width: 90%;height: 120px; margin: 0 auto;overflow: hidden;}
#friend_imgBox{position: absolute;left: 5px;top: 5px;list-style: none;display: flex;justify-content: space-between;width: 200%;}
#friend_imgBox li{width: 7%;}
#friend_imgBox li a{display: block;box-shadow: 0 0 0 2px #e5e5e5;padding: 5px;border-radius: 5px;text-align: center;}
#friend_imgBox li:hover a{box-shadow: 0 0 0 2px #d0d0d0;}
#friend_imgBox li a img{ max-width:100%;}
.friend_buttons div{background: #ccc;position: absolute;top: 30px;cursor: pointer;transition: .2s;}
.friend_buttons div:hover{background: #000;}
#friend_left{left: 0;}
#friend_right{right: 0;}

/*底部*/
.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;}

#qiehuan1{margin-top: 50%;transition: 1s;}
#qiehuan2{margin-top: 50%;transition: 1s;}
#qiehuan3{margin-top: 50%;transition: 1s;}
#qiehuan4{margin-top: 50%;transition: 1s;}
#qiehuan5{margin-top: 50%;transition: 1s;}

@media screen and (max-device-width:414px){
	.width{width: 95%;}
	.nav{display: none;}
	.small{display: block;}
	#header_lunbo{margin-top: 100px;height: 200px;}
	.footer_top1,.footer_top2,.footer_top3,.footer_top4{width: 100%;}
	.footer_top1 a img{width: 155px;}
	.footer_top4{margin: 30px 0;}
	.footer_bot_flex{margin-top: 20px;}
	.small #danji{margin: 25px 15px 0 0;}
	.small .left{ width:80%;}
	.small .left img{ max-width:100%;}
	
	.fuwulingyu_div{width: 32.5%;padding: 20px 0 25px;margin-bottom: 12px;}
	.fuwulingyu{margin: 50px auto;margin-bottom: 0px;}
	.fuwulingyu_div p:nth-child(2){ font-size:14px;letter-spacing:0px;}
	.fuwulingyu_div img{ width:50px;}
	.footer_top2 p{letter-spacing:0px;}
	#small_nav li a{ font-size:16px;line-height: 52px;}
	.chanpinzhongxin_left{width: 100%;}
	.chanpinzhongxin_left .content_title{text-align: center;margin: 50px auto;}
	.chanpinzhongxin_left .gengduo{margin: 50px auto 0;font-size: 16px;line-height: 50px;}
	#chanpinzhongxin_text{ line-height:30px;}
	.chanpinzhongxin_center{width: 100%;margin-top: 40px;padding: 20px 0;}
	.chanpinzhongxin_right a{ width:48%; margin:0px 1%; float:left;}
	.chanpinzhongxin_right a .imgBox img{height: 90px;}
	.chanpinzhongxin_right a p{ font-size:14px;height: 30px;}
	.chanpinzhongxin_right a:nth-child(1){box-shadow: none;}
	.footer_top3{ display:none;}
	.footer_top1{ text-align:center;}
	.footer_title{ margin-top:0px;}
	.friend_buttons div{ top:18px;}
	.chanpinzhongxin_right{width: 100%;margin-top: 40px;}
	.jianjie_left{width: 100%;text-align: center;margin-top: 40px;}
	.jianjie_left .gengduo{margin: 50px auto 0;font-size: 16px;line-height: 50px;}
	#jianjie_text{width: 100%;margin: 40px auto; line-height:30px;}
	.jianjie_right{width: 100%;}
	#qiehuan4 .content_title{text-align: center;}
	#news_imgBox{width: 400%;}
	#news_imgBox li{width: 99%;margin-right: 1%;}
	#friend_list{width: 80%;}
	#friend_imgBox{width: 450%;}
	#friend_imgBox li{width: 15%;}
	#qiehuan5 h1{ font-size:24px;}
	
	#qiehuan1{margin: 0 auto!important;}
	#qiehuan2{margin: 0 auto!important;}
	#qiehuan3{margin: 0 auto!important;}
	#qiehuan4{margin: 0 auto!important;margin-top: 40px !important;}
	#qiehuan5{margin: 0 auto!important;margin-top: 40px !important;}
}
@media screen and (min-device-width:415px) and (max-device-width:768px){
	.width{width: 95%;}
	.nav{display: none;}
	.small{display: block;}
	#header_lunbo{margin-top: 100px;height: 300px;}
	.footer_top1,.footer_top2,.footer_top3,.footer_top4{width: 100%;}
	.footer_top1 a img{width: 155px;}
	.footer_top4{margin: 50px 0;}
	.footer_bot_flex{margin-top: 20px;}
	
	.fuwulingyu_div{width: 100%;}
	.chanpinzhongxin_left{width: 100%;}
	.chanpinzhongxin_left .content_title{text-align: center;}
	.chanpinzhongxin_left .gengduo{margin: 150px auto 0;}
	.chanpinzhongxin_center{width: 100%;margin-top: 40px;}
	.chanpinzhongxin_right{width: 100%;margin-top: 40px;}
	.jianjie_left{width: 100%;text-align: center;margin-top: 40px;}
	.jianjie_left .gengduo{margin: 150px auto 0;}
	#jianjie_text{width: 100%;margin: 40px auto;}
	.jianjie_right{width: 100%;}
	#qiehuan4 .content_title{text-align: center;}
	#news_imgBox{width: 200%;}
	#news_imgBox li{width: 49%;margin-right: 2%;}
	#friend_list{width: 80%;}
	#friend_imgBox{width: 200%;}
	#friend_imgBox li{width: 14%;}
	
	#qiehuan1{margin: 0 auto!important;}
	#qiehuan2{margin: 0 auto!important;}
	#qiehuan3{margin: 0 auto!important;}
	#qiehuan4{margin: 0 auto!important;}
	#qiehuan5{margin: 0 auto!important;}
}
@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;}
	#header_lunbo{height: 550px;}
	#news_imgBox li{margin-right: 10px;}
}
@media screen and (min-device-width:1400px){
	.width{width: 1400px;}
}