@charset "utf-8";

/*banner*/
.banner .swiper-slide{display: block;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide a{display: block;}
.banner .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active{position: relative; transform: scale(.7);}
.banner .swiper-pagination .swiper-pagination-bullet-active:before{position: absolute; top: -5px; left: -5px; content: ''; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #fff;}

/* ls-bility  */
.ls-bility{ padding: 15px 0; background-color: #fff;}
.ls-bility ul li{float: left; width: 25%; }
.ls-bility ul li .bility-box {position: relative; padding:0 15px 15px 90px;font-family: arial;}
.ls-bility ul li .bility-box span{position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 60px; text-align: center;  }
.ls-bility ul li .bility-box span img { width: 60px; height: 60px;margin: 0 auto; }
.ls-bility ul li .bility-box h3{font-size: 16px; font-weight: bold; padding: 10px 0 5px; }
.ls-bility ul li .bility-box p{font-size: 14px; color: #888;}

@media (max-width:768px) {
	.ls-bility ul li{width: 50%; margin-bottom: 15px;}
}
@media (max-width:640px) {
	.ls-bility ul li{width: 100%;}
}

/* index-title */
.ls-title{ width: 100%;text-align: center;display: block;overflow: hidden;padding-bottom: 40px;}
.ls-title h3{ font-size: 32px;letter-spacing: 2px;}
.ls-title p{padding:5px;  font-size: 16px; letter-spacing: 2px;  text-transform: uppercase; color: #888;}
.ls-title span{position: relative; display: inline-block; margin: 5px 0; width: 40px ; height: 2px; background-color:#47ABDE; }
@media (max-width:768px) {
	.ls-title{padding-bottom: 20px;}
	.ls-title h3{font-size: 24px;}
}

/* agent*/
.ls-agent { background: #f8f8f8;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-agent li{float: left; width: 48%;height: 280px;margin-right:20px}
.ls-agent li:hover{box-shadow:0px 5px 10px rgba(207,213,219,.75)}
.ls-agent li:nth-child(n+2){margin-right:0}
.ls-agent li .title{float:left;width:30%;height:100%;box-sizing: border-box;padding-top:41px;color:#fff;text-align: center;line-height:2.4}
.ls-agent li .title_ico{display: block;margin: 0 auto;width:88px;height:70px;margin-bottom:30px}
.ls-agent li .cont{float: right;width:70%;height:100%;border:1px solid #e2e2e2;border-left:0;box-sizing: border-box;padding:20px 20px 0 30px;background:#fff}
.ls-agent li .cont h1{font-size:26px;color:#000;padding-bottom:20px;position: relative;}
.ls-agent li .cont h1 span{font-size:24px;margin-right:10px}
.ls-agent li .cont h1:after{content:'';display:block;width:45px;height:1px;background:#ccc;position:absolute;left:0;bottom:10px}
.ls-agent li .cont p{font-size:14px;color:#666b85;line-height:1.8;margin-bottom:20px;height:115px}
.ls-agent li .abtn{display: block;float: right;width:140px;height:40px;line-height:40px;text-align: center;font-size:14px;color:#252b3a;border: 1px solid #252b3a;}
.ls-agent li .abtn:hover{color:#e61717;border: 1px solid #e61717;}
.ls-agent li .a{float: left;color:#252b3a;margin-top:20px}
.ls-agent li .a:hover{color:#e61717}
@media (max-width:768px) {
	.ls-agent li{width: 100%;margin-bottom:10px}
	.ls-agent li:nth-child(n+2){margin-bottom:0}
}
@media (max-width:640px) {
	.ls-agent li{ width: 100%; }
	.ls-agent li .title{display: none;}
	.ls-agent li .cont{float: right;width:100%;height:100%;border:1px solid #e2e2e2;border-left:0;box-sizing: border-box;padding:20px 20px 0 30px;background:#fff}
}

/* 配置  */
.ls-peizhi {width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-peizhi ul{margin-right: -20px;}
.ls-peizhi ul li{float: left; width: 25%; padding: 0 20px 20px 0;}
.ls-peizhi ul li .pz-box{ padding: 20px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.ls-peizhi ul li .pz-box:hover{box-shadow:0px 5px 10px rgba(207,213,219,.75)}
.ls-peizhi ul li .pz-box h3{position: relative; padding-left: 15px; font-size: 20px;}
.ls-peizhi ul li .pz-box h3:after{position: absolute; bottom:2px; left: 0; z-index: 2; content: '';  width: 3px; height: 20px; background-color: #e61717;}
.ls-peizhi ul li .pz-box p{ padding: 10px 0px; font-size: 16px; color: #aaa;border-bottom:1px solid #eaeaea}
.ls-peizhi ul li .pz-box .pzxq{width:100%;display:block;margin-bottom: 15px;}
.ls-peizhi ul li .pz-box .pzxq dl{width:100%;list-style:none;margin:0px; padding:0px;}
.ls-peizhi ul li .pz-box .pzxq dl dd{height:40px; line-height:40px;width:100%; display:block; color:#666;border-bottom:1px dotted #c8c8c8; font-size:14px;}
.ls-peizhi ul li .pz-box .pzjg{margin-bottom: 15px; font-size: 18px; color: #666;}
.ls-peizhi ul li .pz-box .pzjg strong{ color: #e61717;}
.ls-peizhi ul li .pz-box a{ display: block; line-height: 32px; text-align: center; background-color: #e61717; color: #fff; border: 1px solid #e61717;}
.ls-peizhi ul li .pz-box a:hover{ background-color: #c7000b;color: #fff; }

@media (max-width:768px) {
	.ls-peizhi ul{margin-right:0;}
	.ls-peizhi ul li{ width: 49%;padding: 0 0 15px 0;margin-right:14px;}
    .ls-peizhi ul li .pz-box{padding: 15px;}
    .ls-peizhi ul li .pz-box h3{ font-size: 18px;}
	.ls-peizhi ul li:nth-child(2n){margin-right:0}
}

@media (max-width:640px) {
	.ls-peizhi ul{margin-right:0;}
	.ls-peizhi ul li{ width: 100%; margin-right: 0;margin-bottom: 10px;}
	.ls-peizhi li:nth-child(n+4){margin-bottom:0}
}

.ls-advantage{background: #f8f8f8;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-advantage-left{float: left;width: 38%;padding-right: 30px;}
.ls-advantage-right{float: right;width: 62%;}
.ls-advantage-right li{float: left; width: 50%; position: relative;padding: 30px 0 30px 90px;cursor: pointer;}
.ls-advantage-right li h3{font-size: 18px;margin-bottom: 6px;}
.ls-advantage-right li img{position: absolute;top: 0;left: 30px;bottom: 0;margin:auto 0;}
.ls-advantage-right li p{display: block; font-size: 14px;color: #7f7f7f;}
.ls-advantage-right li:hover h3{color: #df131d;}

@media (max-width:768px) {
	.ls-advantage-left{display: none;}
	.ls-advantage-right{width: 100%;}
}

@media (max-width:640px) {
	.ls-advantage-right li{width: 100%;padding: 10px 0 10px 58px;border-bottom: 1px dashed #f1f1f1;}
	.ls-advantage-right li img{left: 0;	width: 34px;}
	.ls-advantage-right li h3{font-size:16px;}
	.ls-advantage-right li em{font-size:13px;line-height: 22px;}
	
}

/* 解决方案 */
.solution{background: #f8f8f8;width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.solution .container-width{overflow: hidden;}
.solution ul{margin-right: -35px;}
.solution ul li{float: left; width: 33.33%; padding: 0 30px 30px 0;}
.solution-pic{position: relative;}
.solution-pic img{width: 100%;}
.solution-pic span{position: absolute; bottom: 0; left: 0; display: inline-block;padding:0 45px 0 15px; line-height: 45px; border-radius: 0 45px 0 0; background-color: rgba(230, 23, 23, 0.7); font-size: 16px; color: #fff; text-align: center; font-size: 18px;}
.solution-txt{border-bottom: 2px solid transparent ; padding: 20px; text-align: center; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.solution-txt p{height: 72px; line-height: 26px;  font-size: 14px; color: #666; text-align: left; overflow: hidden;}
.solution-txt a{margin-top: 20px; display: inline-block;border: 1px solid #333 ; padding: 0 30px; line-height: 32px; border-radius: 4px; color: #333;}
.solution-txt a:hover{border: 1px solid #e61717 ; color: #e61717;}

@media (max-width:1000px) {
	.solution ul{margin-right: -15px;}
	.solution ul li{ width: 50%; padding: 0 15px 15px 0;}
}

@media (max-width:768px) {
	.solution ul{margin-right: -15px;}
	.solution ul li{ width: 100%;}
}

/* 新闻 */
.ls-news{width:100%; display:block; overflow:hidden;padding: 60px 0px;}
.ls-news-type{border-bottom:1px solid #e7e8ea;}
.ls-news-type li{float: left;font-size: 20px;color: #666;padding-bottom: 12px;position: relative;margin-right: 40px;cursor: pointer;}
.ls-news-type li i{position: absolute;left: 0;bottom:-2px; width:0;height: 3px;background: #e61717;}
.ls-news-type li:hover i,.ls-news-type li.on i{width: 100%;}
.ls-news-type li:hover,.ls-news-type li.on{color: #e61717;}
.ls-news-main{position: relative; display: none;padding-top: 40px;}
.ls-news-main.on{display: block;}
.ls-news-main a.mores{position: absolute;right: 0;top: -30px;font-size: 16px;}
.ls-news-main a.mores i{font-size: 16px;color: #e61717;margin-left: 5px;}
.ls-news-main a.mores:hover{color: #e61717;}
.ls-news-left{float: left;width: 64%;padding-right: 30px;}
.ls-news-left .img{float: left;width: 49%;}
.ls-news-left .img img{float: left;width: 360px; height: 250px;}
.ls-news-left .text{float: left;width: 51%;padding-left: 30px;}
.ls-news-left .text h3{font-size: 20px;line-height: 50px;height: 50px;overflow: hidden;}
.ls-news-left .text h4{font-size: 14px;line-height: 30px;color: #999;}
.ls-news-left .text p{display: block;font-size: 14px;color: #666;line-height: 30px;height: 90px;margin-top: 10px;overflow: hidden;}
.ls-news-left .text a{display: inline-block;font-size: 16px;color:#333; line-height: 35px;padding: 0 40px;margin-top: 20px; border:1px #333 solid;transition:all .3s ease-out;}
.ls-news-left .text a:hover{ border:1px #e61717 solid;color:#e61717;}
.ls-news-right{float: left;width: 36%;}
.ls-news-right li{float: left;width: 100%;line-height: 40px;border-bottom: 1px solid #eeeeee;}
.ls-news-right li a{float: left;width: 70%;padding-left: 15px;font-size: 14px;position: relative; display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ls-news-right li a:before{position: absolute; top: 50%; left: 0; content: ""; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background-color:#e61717;}
.ls-news-right li a:hover{color:#e61717;}
.ls-news-right li span{float: left;width: 30%;text-align: right;line-height: 40px;font-size: 14px;color: #999;}
@media (max-width:768px) {
	.ls-news-type{padding: 0;}
	.ls-news-type li{font-size: 15px;margin-right: 16px;}
	.ls-news-main a.mores{font-size: 12px;}
	.ls-news-left{display: none;}
	.ls-news-right{width: 100%;}
	.ls-news-main{padding-top: 20px;}
}
@media (max-width:640px) {
	.ls-news-type{padding: 0;}
	.ls-news-type li{font-size: 15px;margin-right: 16px;}
	.ls-news-main a.mores{font-size: 12px;}
	.ls-news-left{display: none;}
	.ls-news-right{width: 100%;}
	.ls-news-main{padding-top: 20px;}
}
/*adver*/
.ls-adver{background-image: url(../images/adven-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 15px 50px; text-align: center;}
.ls-adver h3{font-size: 32px;  padding-bottom: 15px; color: #fff;}
.ls-adver p{font-size: 18px;padding-bottom: 25px; color: #fff;}
.ls-adver a{display: inline-block; padding: 0 40px; line-height: 45px; border: 1px solid #e61717; font-size: 18px; color: #fff; background-color: #e61717;  margin:25px; border-radius: 4px;}
.ls-adver a:last-child{background: none; border: 1px solid #fff;}
.ls-adver a:hover{background-color: #d64a52; border: 1px solid #d64a52;color: #fff;}

@media (max-width:768px) {
    .ls-adver{padding: 25px 15px;}
    .ls-adver h3{font-size: 24px;}
    .ls-adver a{ margin:10px; }
}

/* 友情链接 */
.link{background: #f3f3f3;width:100%; display:block; overflow:hidden;padding: 15px 0px;border-bottom: 1px solid #e2e2e2;}
.link b{ color:#333}
.link a{margin-right: 10px;line-height: 30px;font-size: 14px;color:#666}
.link a:hover{color:#333}