/*
Theme Name: 上海至臻
Theme URI:地址
Description: 上海网站建设
Version: 1.0 版本号
Author: 畔游科技
Author URI: www.shpanyou.com
Tags: 标签，多个用半角逗号隔开
*/
.layui-layer{transition: none;}
.pd50{padding: 50px 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: 35px; height: 3px;border-radius: 0; background-color: #fff;}
/*  */
.index-title{position: relative; padding: 15px 0 10px;margin-bottom: 50px;  text-align: center;}
/* .index-title:before{position: absolute; bottom: 0; left: 50%;content: ''; width: 60px; height: 2px; margin-left: -30px; background-color: #E60011;} */
.index-title h3{padding-bottom: 5px; font-size: 24px;}
.index-title p.title{padding-bottom: 5px; font-size: 24px;}
.index-title p{font-family: arial; font-size: 16px; color: #777; text-transform: uppercase;}

.index-title-white:before{background-color: #fff;}
.index-title-white h3,
.index-title-white p{ color: #fff;}

@media (max-width:768px) {
	.pd50{padding: 25px 0;}
	.index-title{margin-bottom: 30px; }
	.index-title h3{padding-bottom: 5px; font-size: 22px; font-weight: bold;}
}
/*  */
.compasset ul li{position: relative; float: left; width: 25%; padding: 25px 0; text-align: center;}
.compasset ul li:before{position: absolute;  top: 50%; left: 0; content: ''; margin-top: -30px; width: 1px; height: 60px; background-color: #ccc;}
.compasset ul li:first-child:before{display: none;}
.compasset ul li span{position: relative; display: inline-block; font-size: 66px; font-family: arial; color: #E60011;}
.compasset ul li span b{position: absolute; top: -5px; right: -10px; font-size: 16px; color: #777; font-weight: normal;}
.compasset ul li p{font-size: 16px; color: #777;}
@media (max-width:860px) {
	.compasset ul li span{ font-size: 46px;}
	.compasset ul li span b{ top: -8px;}
}

@media (max-width:768px) {
	.compasset ul li{width: 50%; padding: 10px 0; }
	.compasset ul li:nth-child(3):before{display: none;}
	.compasset ul li span{ font-size: 26px;}
	.compasset ul li span b{ top: -8px;right: -15px; font-size: 12px;}
	.compasset ul li p{font-size: 16px; color: #777;}
}
/* 注册 */
.regcompany .container-width{overflow: hidden;}
.regcompany ul{margin-right: -25px;}
.regcompany ul li{float: left; width: 25%; padding-right:25px; margin-bottom: 25px;}
.regcompany-pic{overflow: hidden;}
.regcompany-pic img{width: 100%;}
.regcompany-txt{position: relative; padding: 15px 0 15px 15px; font-family: arial; border-bottom: 1px solid #ccc;overflow: hidden;}
.regcompany-txt h3{padding-bottom: 8px; font-size: 16px;}
.regcompany-txt p{font-size: 12px; color: #777;}
.regcompany-txt img{position: absolute; top: 50%; right: 0; margin-top: -7px;}
.regcompany ul li a:hover .regcompany-pic img{transform: scale(1.1 );}
@media (max-width:860px) {
	.regcompany ul li{float: left; width: 33.33%;}
}

@media (max-width:768px) {
	.regcompany ul li{float: left; width: 50%;}
}
@media (max-width:640px) {
	.regcompany ul li{float: left; width: 100%;}
}
/*  */
.service{background-image: url(/wp-content/themes/zhizhen/images/service-bg.png); background-size: cover;}
.service .container-width{overflow: hidden;}
.service ul{margin-right: -45px;}
.service ul li{float: left; width: 33.33%; padding-right: 45px; margin-bottom: 45px; text-align: center;}
.service ul li a{display: block; padding: 25px 0;}
.service ul li h3{margin: 15px 0; font-size: 24px;}
.service ul li p{ padding:0 25px ; height: 50px;}
.service-ico{width: 70px; height: 70px; margin: 0 auto; background-position: 0 70px;}
.service ul li a:hover{ background-color: #E60011;}
.service ul li a:hover .service-ico{background-position: 0 0;}
.service ul li a:hover h3,
.service ul li a:hover p{color: #fff;}

@media (max-width:940px) {
	.service ul{margin-right: -25px;}
	.service ul li{float: left; width: 50%; padding-right: 25px; margin-bottom: 25px; text-align: center;}
}
@media (max-width:768px) {
	.service ul{margin-right: 0;}
	.service ul li{float: left; width: 100%; padding-right: 0; margin-bottom: 0; text-align: center;}
	.service{background-size: auto; background-position: bottom center;}
}
/*  */
.choose{background-image: url(/wp-content/themes/zhizhen/images/choose-ng.jpg); background-repeat: no-repeat; background-size: cover;}

.choose ul {float: left;width: 40%;}
.choose ul:first-child li {padding-right: 140px; text-align: right;}
.choose ul:first-child li img{right: 20px;}

.choose ul:last-child li {padding-left: 140px;}
.choose ul:last-child li img{left: 20px;}

.choose ul li {position: relative; padding: 80px 0;}
.choose ul li:first-child {border-bottom: 1px solid #eee;}
.choose ul li img {position: absolute; top: 80px;  max-width: 100%;}

.choose ul li h3 {padding-bottom: 10px; font-size: 22px;color: #fff;}
.choose ul li p:nth-of-type(1) {padding-bottom: 10px; font-size: 22px;color: #fff;}
.choose ul li p {font-size: 16px;color: #fff;}
.choose-pic {float: left;  width: 20%; padding-top: 120px;}
.choose-pic img {max-width: 100%;}
@media (max-width:1200px) {
	.choose-pic {display: none;}
	.choose ul {width: 100%;}
	.choose ul li {padding: 20px 0!important; text-align: left!important;}
	.choose ul li img {display: none;}
}

@media (max-width:768px) {
	
}
/* about */
.about-left{float: left; width: 60%; text-align: center;}
.about-left img{max-width: 100%;}
.about-right{float: left; width: 40%;  font-family: arial;}
.about-right h3{color:#e60012 ;}
.about-right p:nth-of-type(1){color:#e60012 ;margin-bottom: 5px;}
.about-right h1{position: relative; padding: 15px 0; margin-bottom: 45px; font-size: 30px;}
.about-right p:nth-of-type(2){position: relative; padding: 15px 0; margin-bottom: 45px; font-size: 30px;}
.about-right h1:before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #777; }
.about-right p:nth-of-type(2):before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #777; }
.about-right p{margin-bottom: 25px; color: #777; font-size: 16px;}
.about-right a{display: inline-block; padding: 0 30px; line-height: 40px; border: 1px solid #ccc; text-transform: uppercase; }
.about-right a b{vertical-align: middle;margin-right: 5px; font-weight: normal;}
.about-right a:hover img{transform: translateX(8px);}

@media (max-width:980px) {
	.about-left{width: 45%; padding: 15px;}
	.about-right{width: 55%;}
}
@media (max-width:768px) {
	.about-left{display: none;}
	.about-right{width: 100%;}
}
/*  */
.team{background-color: #f5f5f5;}
.team .container-width{position: relative;}
.team .swiper-container{max-width: 1120px;}
.team .swiper-slide a{display: block;}
.team-pic{overflow: hidden;}
.team-pic img{width: 100%;}
.team-txt{padding: 25px 15px; font-family: arial; min-height: 186px;}
.team-txt h3{padding: 10px 0;}
.team-txt h3 i{font-style: normal; font-size: 12px; color: #999;}
.team-txt p{color: #777;}
.team-more{padding: 15px;font-family: arial;border: 1px solid transparent;}
.team .swiper-slide a:hover .team-pic img{transform: scale(1.1);}
.team .swiper-slide a:hover{background-color: #E60011;}
.team .swiper-slide a:hover .team-txt h3,
.team .swiper-slide a:hover .team-txt h3 i,
.team .swiper-slide a:hover .team-txt p{color: #fff;}
.team .swiper-slide a:hover .team-more{background-color: #fff;border: 1px solid #E60011; color: #E60011;}

@media (max-width:768px) {
	.team .swiper-container{max-width: 1120px; width: 88%;}
}
/*  */
.newscenter{background-color: #f5f5f5;}
.news-left{float: left; width: 40%;background-color: #E60011;}
.news-left img{width: 100%; }
.news-left video{width: 100%; }
.news-left .news-left-date{position: relative; float: left; width: 23%;min-height: 100px; text-align: center; }
.news-left .news-left-date h3{font-size: 30px; font-family: arial; padding-top: 45px;  margin-bottom: 5px;color: #fff;}
.news-left .news-left-date p{font-size: 16px; font-family: arial;color: #fff; line-height: 26px; }
.news-left .news-left-date span:nth-of-type(1){display: block;font-size: 30px; font-family: arial; padding-top: 45px;  margin-bottom: 5px;color: #fff;}
.news-left .news-left-date span:nth-of-type(2){display: block;font-size: 16px; font-family: arial;color: #fff; line-height: 26px; }

/*.news-left .news-left-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-left-content{float: left; width: 77%; padding: 5px 25px 15px 0;} 
.news-left .news-left-content h3{ font-size: 18px; color: #fff; border-bottom: 1px solid #fff; padding-top: 15px; padding-bottom: 20px; margin-bottom:20px;} 
.news-left .news-left-content p{color: #fff; padding-top: 5px;line-height: 22px;}
.news-right{float: left; width: 60%; padding-left: 50px;}
.news-title {background-color: #F5F5F5; color: #777; overflow:hidden;}
.news-title li {float:left;padding:0 30px; margin-right: 15px; border-top:2px solid transparent;line-height:45px;font-size: 16px;  cursor:pointer;}
.news-title li:last-child{float: right; text-align: right; padding-right: 15px;}
.news-title li.cur {background-color: #E60011; color: #fff;}
.news-title-show.on {display:block;}
.news-title-show{padding-top:35px;display:none;}
.news-title-show ul li a{position: relative;display: block;padding: 20px; border-top: 1px solid #eee;}


.news-content{float: left; width: 75%;}
.news-content h3{ margin-bottom: 10px; font-size:18px ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-content p{height: 40px;overflow: hidden; color: #888;}
.news-date{float: right; width: 25%; text-align: right; font-family: arial;}
.news-date h3{margin-bottom: 10px; font-size: 26px;}
.news-date span{margin-bottom: 10px; font-size: 26px;}
.news-date p{color: #888;}
.news-date img{opacity: 0;}

.news-title-show ul li a:hover:before{ background-color: #E60011; }
.news-title-show ul li a:hover img{opacity: 1;}
.news-title-show ul li a:hover .news-content h3,
.news-title-show ul li a:hover .news-date h3{color:  #E60011;}
.news-title-show ul li a:hover .news-date span{color:  #E60011;}
@media (max-width:1200px) {
	.news-title li {padding:0 20px; margin-right: 5px; }
	.news-title-show ul li a{padding: 20px; }
}
@media (max-width:860px) {
	.news-title-show ul li a{padding: 10px; }
}

@media (max-width:768px) {
	.news-left{ width:100%;}
	.news-right{ width: 100%; padding-left: 0; margin-top: 15px;}
	.news-title li {padding:0; font-size: 14px; text-align: center; width: 20%; margin: 0;line-height:40px;}
	.news-title-show{padding-top:15px;}
	.news-title-show ul li a{padding: 15px 0;}
	.news-date h3{font-size: 20px;}
	.news-content h3{margin-bottom: 10px; font-size:16px ;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.news-content p{height: auto; font-size: 14px;}
	
}
@media (max-width:640px) {
	.news-left-date{display: none;}
	.news-left .news-left-content{float: left; width: 100%; padding: 15px;}
	.news-content{width: 100%;}
	.news-date{display: none;}
	}
/*  */
.partner{background-image: url(/wp-content/themes/zhizhen/images/partner-bg.jpg);background-repeat: no-repeat; background-size: cover;text-align: center;}
.partner ul li{float: left; width: 20%; padding: 8px;height:96px;}
.partner ul li a{ display: block; height: 120px; background-color: #fff; padding:10px 15px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;border: 1px solid #eee;}
.partner ul li img{max-width: 100%;height: auto!important;}

@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: 5px;}
}

/*  */
.zhuangbility{ padding: 15px 0; background-color: #CF1728;}
.zhuangbility ul li{float: left; width: 25%; }
.zhuangbility-box {position: relative; padding:15px 15px 15px 90px;font-family: arial;}
.zhuangbility-box span{position: absolute; top: 0; left: 0; width: 80px; height: 80px; line-height: 80px; border-radius: 50%;  text-align: center;  }
.zhuangbility-box span img{ max-width: 100%;}
.zhuangbility-box h3{padding-bottom: 10px; font-size: 18px; color: #fff;}
.zhuangbility-box p:nth-of-type(1){padding-bottom: 10px; font-size: 18px; font-weight:bold;color: #fff;}
.zhuangbility-box p{color: #fff; font-size: 12px;}

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



.more{text-align: center;}
.more a{display: inline-block; padding:0 50px; line-height: 45px; font-size: 16px;}
.more-radius a{border-radius: 45px;}
.more-dafualt a{background-color: #E60011; color: #fff;}