/*同创模板网-专业提供企业网站源码程序模板*/
/* moban.cnfusu.com */
/* 微信：cnboco */
/* QQ:395589917 */


.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.swiper-button-prev,.swiper-button-next {outline: none;}
.swiper-pagination-bullet-active {background-color: #149678;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #149678;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.section-sub {padding: 40px 0;}

.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: 880px;}

.box {border: 1px solid #ddd;padding: 30px;}
.box-title {color: #149678;border-bottom: 1px solid #ddd;margin-bottom: 30px;font-size: 30px;padding-bottom: 15px;}

.list-1 {margin: -10px 0 0 -10px;}
.list-1 li {float: left;width: 33.333333%;}
.list-1 li a {display: block;border: 1px solid #ddd;padding: 5px;margin: 10px 0 0 10px;}
.list-1 li .img-cover {padding-top: 75%;background-color: #000;}
.list-1 li .img-cover em {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;color: #fff;font-style: normal;margin-top: -10px;opacity: 0;transition: all 0.5s;}
.list-1 li p {text-align: center;margin: 0;line-height: 44px;background-color: #f0f0f0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-1 li a:hover .img-cover span {opacity: 0.6;transform: scale(1.1);}
.list-1 li a:hover .img-cover em {opacity: 1;}

.list-4 li a {display: block;overflow: hidden;padding: 0 0 20px;border-bottom: 1px solid #eee;margin-top: 20px;transition: all 0.5s;}
.list-4 li .img-cover {float: left;width: 180px;height: 135px;}
.list-4 li .text {margin-left: 200px;}
.list-4 li .text h4 {margin: 0;font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-4 li .text p {color: #666;margin: 10px 0 0;line-height: 1.8;text-align: justify;}
.list-4 li .text span {display: block;margin-top: 10px;font-size: 12px;color: #999;}
.list-4 li a:hover {transform: translateY(-5px);}
.list-4 li a:hover .img-cover span {transform: scale(1.1);}

.content-title {margin-bottom: 20px;text-align: center;border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
.content-title h1 {font-size: 22px;margin: 0;}
.content-title p {margin: 15px 0 0;font-size: 12px;color: #999;}
.content-title p span {padding: 0 10px;display: inline-block;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.content-exp {padding: 10px 15px;font-size: 12px;margin-top: 20px;border: 1px solid #ddd;overflow: hidden;}
.content-exp li {line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;width: 50%;}
.content-exp li:last-child {text-align: right;}

.yunu-showcase {margin: 0 0 40px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 24px;margin: 0 0 30px;font-weight: normal;}
.yunu-showcase-info p {margin: 5px 0 0;color: #666;line-height: 1.8;min-height: 250px;}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 0 15px;height: 42px;padding-left: 60px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #149678;color: #fff;}

.pc-slide{float:left;width:400px;}
.view .swiper-slide .img-center {width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-center{border-color: #149678;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

.title-1 {background-color: #ebebeb;font-size: 0;margin-bottom: 20px;}
.title-1 span {display: inline-block;line-height: 50px;background-color: #149678;font-size: 18px;color: #fff;padding: 0 30px;}