@charset "utf-8";
/*
Theme Name: 质量俱乐部
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 上海网站建设
Author URI: 作者的网址
Tags: 标签，多个用半角逗号隔开
*/

/*文章图片位置*/
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.single-content img{max-width:100%;height:auto;display: block;margin: 15px auto;}
.single-content p{margin-bottom: 15px;}

/*404页面*/
.ui-errors{margin:100px 0;position:relative;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

/*内页banner*/
#mb_banner{display: none;}
@media screen and (max-width: 768px){
#pc_banner{display: none;}
#mb_banner{display: block;}
}

/*页面位置*/
.py_main_position{line-height: 51px;border-bottom: 1px solid #e5e5e5;color: #999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.py_main_position a{color: #999;}
.py_main_position a:hover{color: #049fdf;}
.weizhi{margin-bottom: 30px;}
.weizhi span{color: #049fdf;}

.fullImg{width: 100%;}
.transition{-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}

.layui-layer{transition: none;}
.pd50{padding: 20px 0;}
@media (max-width:768px) {
	.pd50{padding: 30px 0;}
}
/*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;}
/*  */
.index-title{ text-align: center;/*padding-bottom: 20px;*/ font-family: arial; font-size: 0;}
.index-title h3{position: relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 32px;}
.index-title h3:before{position: absolute; bottom:0; left: 50%; content: ''; margin-left: -30px; width: 60px; height: 2px; background-color: #333;}
.index-title h3 strong{color: #A21E24;}

@media (max-width:768px) {
	.index-title{padding-bottom: 20px;}
	.index-title h3{font-size: 24px;}
}
/*  */
.solution{background-color: #f5f5f5;}
.solution .container-width{overflow: hidden;}
.solution ul{margin-right: -35px;}
.solution ul li{float: left; width: 33.33%; padding: 0 45px 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(162, 30, 36,.7); font-size: 16px; color: #fff; text-align: center; font-size: 18px;}
.solution-txt{border-bottom: 2px solid transparent ; padding: 15px; 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: 25px; display: inline-block;border: 1px solid #A21E24 ; padding: 0 30px; line-height: 32px; border-radius: 4px; color: #A21E24;}
.solution-txt a:hover{background-color: #A21E24; color: #fff;}

@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%;}
}
/*  */
.result ul{margin-top: 35px;}
.result ul li{float: left; width: 50%;border-top: 1px  solid #ddd; border-right: 1px solid #ddd; font-family: arial;}
.result ul li h3,
.result ul li p{border-bottom: 1px  solid #ddd;}
.result ul li h3{padding: 15px; line-height: 40px; font-size: 28px; background-color: #eee;}
.result ul li p{ padding: 10px 15px; line-height: 40px; font-size: 20px;}
.result ul li p strong{color: #A21E24;}
.result ul li:first-child h3{border-left: 1px solid #A21E24;background-color: #A21E24; color: #fff;}
.result ul li:first-child p{border-left: 1px solid #A21E24; border-color: #A21E24; padding: 15px; line-height: 40px;}
.result ul li:first-child{ transform: translateY(-36px);border-color: #A21E24;}

@media (max-width:768px) {
	.result ul li{width: 100%;}
	.result ul li:last-child{border-left: 1px solid #ddd; }
}

/*  */
.adshow{overflow: hidden;}
.adshow img{width: 100%;}
@media (max-width:1100px) {
	.adshow{display: none;}
}
/*  */
.advantage{background-color: #f5f5f5;}
.advantage .container-width{overflow: hidden;}
.advantage ul{margin-right: -25px;}
.advantage ul li{float: left;  width: 25%; padding: 0 25px 0 0; }
.advantage ul li a{display: block; padding-bottom: 25px; text-align: center; background-color: #fff;}
.advantage ul li img{width: 100%;}
.advantage ul li h3{padding-top: 25px; font-size: 24px;}
.advantage ul li span{display: inline-block; padding: 1px 25px; margin: 15px 0 15px; background-color: #A21E24;}
.advantage ul li p{padding: 0 15px 0; color: #777; height: 40px; overflow: hidden;}
.advantage ul li a:hover{background-color: #A21E24;;}
.advantage ul li a:hover h3,
.advantage ul li a:hover p{color: #fff;}
.advantage ul li a:hover span{background-color: #fff;}

@media (max-width:1000px) {
	.advantage ul li{width: 50%; }
}

@media (max-width:640px) {
	.advantage ul li{width: 100%;}
}

/*  */
.about{ padding: 120px 0; background-image: url(/images/about.jpg); background-repeat: no-repeat; background-size: cover;}
.about .index-title h3{color: #fff;}
.about .index-title h3:before{background-color: #fff;}
.about p{max-width: 800px; margin: 0 auto 15px; font-size: 16px; color: #fff; line-height: 24px; }
.about a{display: block; margin: 45px auto 0; width: 120px; height: 45px; line-height: 45px; font-size: 16px; text-align: center; background-color: #fff; border-radius: 4px; color: #A21E24;}
@media (max-width:768px) {
	.about{ padding: 60px 0;}
}

/*  */
.news-left{float: left; width: 40%;}
.news-right{float: left; width: 60%;}

.news-left{background-color: #A21E24;}
.news-left img{width: 100%;}
.news-left .news-date{position: relative; float: left; width: 20%;min-height: 100px; text-align: center; }
.news-left .news-date h3{font-size: 30px; font-family: arial; padding-top: 15px;  margin-bottom: 5px;color: #fff;}
.news-left .news-date p{font-size: 16px; font-family: arial;color: #fff; line-height: 26px; }
.news-left .news-date span{display: block; width: 40px; height:40px; line-height: 40px; border-radius: 40px; margin: 15px auto; text-align: center; font-family: simsun; font-size: 18px; background-color: #fff;}
.news-left .news-content{float: left; width: 80%; padding: 5px 25px 25px;} 
.news-left .news-content h3{ font-size: 18px; color: #fff; border-bottom: 1px solid #fff; padding-top: 15px; padding-bottom: 20px; margin-bottom:20px;} 
.news-left .news-content p{color: #fff; padding-top: 5px;line-height: 22px;}

.news-right{padding-left: 30px; padding-bottom: 30px;}

.news-hot{box-shadow: 0 0 15px rgba(0,0,0,.1); margin-bottom: 15px;}
.news-hot .news-date{position: relative; float: left; width: 20%;min-height: 100px; text-align: center; }
.news-hot .news-date h3{font-size: 30px; font-family: arial; padding-top: 15px;  margin-bottom: 5px;}
.news-hot .news-date p{font-size: 16px; font-family: arial;color: #777; line-height: 26px; }
.news-hot .news-date span{display: block; width: 40px; height:40px; line-height: 40px; border-radius: 40px; margin: 15px auto; text-align: center; font-family: simsun; font-size: 18px; }
.news-hot .news-content{float: left; width: 80%; padding: 5px 25px 25px;} 
.news-hot .news-content h3{ font-size: 18px; border-bottom: 1px solid #A21E24; padding-top: 15px; padding-bottom: 20px; margin-bottom:20px; color: #A21E24;} 
.news-hot .news-content p{color: #777; padding-top: 5px;line-height: 22px;}
.news-right ul li a{padding: 15px; display: block; border-bottom: 1px solid #eee; margin-bottom: 14px;}


.news-right ul li a:hover{color: #A21E24; box-shadow: 0 0 15px rgba(0,0,0,.1); }

.news-more{display: block; max-width: 120px; line-height: 40px; border-radius:40px ; text-align: center; margin: 30px auto 0; background-color: #A21E24; color: #fff; font-size: 16px;}
.news-more:hover{color: #fff; transform: translateY(3px);}
@media (max-width:1200px) {
	.news-content p{ padding-top: 10px; padding-bottom: 10px; line-height: 22px;}
}
@media (max-width:1100px) {
	.news-right ul li a span{display: none;}
}
@media (max-width:940px) {
	.news-date h3{font-size: 18px; font-family: arial;}
	.news-date p{font-size: 14px; font-family: arial; color: #666;padding-top: 5px;}
	.news-content p{color: #666; padding-top: 5px;  line-height: 20px;}
}

@media (max-width:768px) {
	.news-left,
	.news-right{ width: 100%; }
	.news-left{padding: 15px;}
	.news-right{  padding: 0; padding-top: 15px;}
	.news-date{ padding-right: 15px;}
	.news-content{ padding-left: 15px; } 
}

.partner{background-color: #f1f1f1; padding-bottom: 40px;}
.partner ul li{float: left; width: 25%; padding: 10px;}
.partner ul li a{display: block; background-color: #fff; padding: 25px 15px;40px; text-align: center;}
.partner ul li img{max-width: 100%; height: 50px;}

@media (max-width:960px) {
	.partner ul li{float: left; width: 33.33%; padding: 10px;}
}
@media (max-width:768px) {
	.partner ul li{float: left; width: 50%; padding: 10px;}
}