/* 超小设备（手机，小于 768px） */
/*主页样式*/
/*搜索栏*/

.box1{height: 50px;line-height: 50px;}
.box1-a1{border:1px solid #ff6666;display: inline-block;width: 112px;height: 30px;background: url(../images/icon1.jpg) no-repeat left;
background-position:20px;line-height: 30px;padding-left: 43px;}
.tit-box{padding-top: .3rem;}
.tit-box h3{font-size: 0.55rem;line-height: 1rem;font-weight: bold}
.tit-box p{font-size: 0.3rem;}

.box2{position: relative;padding: 6px;margin: 1px 0px;}
.box2-box{padding-left: .4rem;height:55px;overflow: hidden; }
.box2-box h3{font-size: 22px;line-height: 35px;height: 35px;overflow: hidden;}
.box2-box2{width: 100%;display: block;overflow: hidden;}
.box2-box2 img{width: 100%;height: 100%;transition: .3s;}
.box2-box2 img:hover{width: 120%;height: 120%;margin-top: -10%;margin-left: -10%;}
.til-a{display: inline-block;width: 190px;height: 40px;line-height: 40px;border:1px solid #ff6666;color:#ff6666;
font-size: 18px;margin-top: 15px;margin-bottom: 15px;margin-left: 10px;margin-right: 10px;}
.til-a:hover{background: #ff6666;color: #fff;}

.fl-img1{position: absolute;float: left;margin-top: -350px;}


.box3{background: #eaeaea;padding-top: 10px;margin-top: 1rem;padding-bottom: .4rem;margin-bottom: .2rem;}
.box3-img{display: block;margin-top: 20px;margin-bottom: 20px;padding-left: .4rem;padding-right: .4rem;}
.box3-p{font-size: 14px;color: #555555;line-height: 28px;padding-left: .4rem;padding-right: .4rem;}

.box3-a1{background: url(../images/icon1-14.jpg) no-repeat left;display: block;border:1px solid #eaeaea;padding-left: 1.4rem;background-size: 1rem 1rem;
background-position:.3rem;height: 1.5rem;}
.box3-a1 h4{padding-top:.2rem;line-height: 28px;font-size: 20px;}
.box3-p1{font-size: 14px;color: #555555;margin-top: .35rem;}

.box4{background: url(../images/bg8.jpg) no-repeat;background-size:100% 100% ;margin-top: 1rem;padding-bottom: .5rem;}
.swiper1-a1{display: block;font-size: 18px;text-align: center;line-height: 28px;color: #fff;margin-top: 5px;}
.swiper1-a2{display: block;color: #676767;font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;}
.swiper1-img{width: 90%;overflow: hidden;display: block;margin: 0 auto;}
.swiper1-img img{width: 100%;height: 100%;}

.box5{display: block;width: 100%;text-align: center;position: relative;margin:15px 0px;}
.box5-img1{width: 100%;height: 100%;}
.box5-img2{width: 80%;height: 90%;position: absolute;left: 5%;top:5%;display: none;}

.box6{display: block;width: 100%;overflow: hidden;}
.box6 img{width: 100%;height: 100%;transition: .3s;}
.box6 img:hover{width: 120%;height: 120%;margin-left: -10%;margin-top: -10%;}
.box6-a1{display: block;font-size: 17px;line-height: 30px;height: 30px;overflow: hidden;}
.box6-p1{color: #ff6666;margin-bottom: 10px;}

.box7{display: block;width: 100%;text-align: center;position: relative;margin:15px 0px;}
.box7-img1{width: 100%;height: 100%;}
.box7-img2{width: 85%;height: 90%;position: absolute;left: 5%;top:5%;display: none;}
.box7-a1{display: block;font-size: 16px;color: #555555;}
.box7-a2{display: block;font-size: 14px;color: #a3a3a3;}

.box8{}
.box8 h4{font-size: .4rem;line-height: .7rem;margin-top: .2rem;margin-bottom: .1rem;}
.box8 p{font-size: 14px;margin-bottom: 20px;}

.news-box{width: 100%;background: #000;opacity: .9;position: relative;margin-top: -80px;height: 80px;padding-top: 10px;}
.news-a1{font-size: 18px;display: inline-block;width: 60%;line-height: 30px;height: 30px;overflow: hidden;color: #fff;padding-left: 3%;}
.news-sp1{font-size: 18px;color: #ccc;padding-right: 3%;width: 35%;}
.news-a2{font-size: 14px;color: #ccc;line-height: 24px;height: 24px;overflow: hidden;padding-left: 3%;display: block;}
.news-box2{margin-bottom: 25px;margin-top: 5px;}
.news-box2-sp1{font-size: .8rem;font-family: Arial;color: #666666;margin-top: .2rem;}
.news-box2-sp2{font-size: .3rem;font-family: Arial;color: #666666;line-height: .3rem;}
.news-box2-box{width: 22%;border-right: 1px solid #666666;min-height: 50px;}
.news-box2-box2{width: 74%;}
.news-a3{display: block;font-size: 16px;font-weight: bold;line-height: 25px;height: 25px;overflow: hidden;}
.news-a4{display: block;font-size: 14px;line-height: 25px;height: 25px;overflow: hidden;color: #666;}

.box9{background: #000;opacity: .8;color: #939393;font-size: 16px;line-height: 42px;}


.inp1{border: 0px;border-bottom: 1px solid #ccc;width: 245px;padding-left: 10px;height: 55px;margin-right: 20px;}
.inp2{width: 180px;height: 55px;background: #ff6666;border:0px;color: #fff;font-size: 16px;}

#prev{position: absolute;left: -40px;margin-top: -5rem;}
#next{position: absolute;right: -40px;margin-top: -5rem;}

.width{width: 1100px;margin: 0 auto;}
.box10{background: url(../images/bottom.jpg) center;width: 100%;height: 170px;position: fixed;bottom: 0px;opacity: .9;z-index: 999;display:none;}
.box10-time{float: right;position: relative;top:32px;color: #fffcff;font-size: 22px;font-family: Arial;}
.box10-time span{padding-right: 30px;}

.box11{width: 24px;height: 160px;background: #333;color: #fff;font-size: 14px;line-height: 16px;padding-top: 10px;position: fixed;bottom: 0px;left: 0px;}
/*媒体查询*/
@media (max-width: 767px) {  
	/*在小于768像素的屏幕里,这里的样式才生效*/ 
.top-fill{height: 59px;width: 100%;}
.box2-box2{height: 3.2rem;}
.fl-img1{display: none;}
.box5{height: 5rem;}
.box6{height: 6rem;}
.box7{height: 4.6rem;}
.inp2{margin-top: 10px;}
.box3-a1{margin-top: .4rem;margin-bottom: .4rem;height: 2rem;padding-left: 1.5rem}
}  
@media (min-width: 768px) and (max-width: 991px) {  
	/*在768和991像素之间的屏幕里,这里的样式才生效*/ 
	.top-fill{height: 50px;width: 100%;}
	.box2-box2{height: 253px;}
	.fl-img1{display: none;}
	.box5{height: 290px;}
	.box6{height: 190px;}
	.box7{height: 200px;}
	.inp2{margin:0 auto;display: block;}
}  
@media (min-width: 992px) and (max-width: 1199px) {  
	/*在992和1199像素之间的屏幕里,这里的样式才生效*/ 
	.top-fill{height: 70px;width: 100%;}
	.box2-box2{height: 253px;}
	.fl-img1{display: none;}
	.swiper1-img{height: 250px;}
	.box5{height: 300px;}
	.box6{height: 220px;}
	.box7{height: 250px;}
	.inp2{margin:10px auto;display: block;}
	.bot-fill{width: 100%;height: 60px;}
	.box10-time{right:2.6%; }
}  
@media (min-width: 1200px) {  
	/*在大于1200像素的屏幕里,这里的样式才生效*/  
	.container{width: 1210px;}
	.top-fill{height: 70px;width: 100%;}
	.box2-box2{height: 253px;}
	.fl-img1{display: none;}
	.swiper1-img{height: 300px;}
	.box5{height: 390px;}
	.box6{height: 290px;}
	.box7{height: 350px;}
	.box8{padding-left: .5rem;padding-right: .5rem;}
	.bot-fill{width: 100%;height: 170px;}
	.box10-time{right:9.8%; }
}  
@media (min-width: 1900px){
	.fl-img1{display: block;}
}
