/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #c3211e;}
ul {margin: 0;list-style: none;padding: 0;}
.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;}

.contact-sd{ background:#1785e2;}
.contact-sd h4{ color:#fff; font-size:18px; background:url(../images/lianxi_t_1.png) no-repeat left center; height:74px; line-height:68px;margin:0 0 0 15px;padding-left: 50px;}
.contact-sd h4 small{ font-size:12px; font-weight:normal; padding:0 0 0 10px; text-transform:uppercase}
.contact-sd p{ line-height:28px; padding:0 20px 30px 20px; color:#fff; font-size:14px;margin: 0;}
.contact-sd p strong{ font-size:16px; line-height:38px; }
.box {border: 1px solid #ddd;padding: 30px;}
.box-title {color: #c3211e;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;}
.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: 62px;padding-left: 60px;line-height:21px;font-size: 16px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c3211e;color: #fff;margin-right:10px;}
.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:85px;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: #c3211e;}
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: #c3211e;font-size: 18px;color: #fff;padding: 0 30px;}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container {width: auto;}
    .section-sub {padding: 30px 0;}
    .curmbs {display: none;}
    .ct2-sd {display: none;}
    .ct2-mn {float: none !important;width: auto;}
    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}
    .box {border: 0;padding: 0;}
    .box-title {margin-bottom: 20px;font-size: 20px;padding-bottom: 10px;}
    .list-1 li {width: 50%;}
    .list-1 li p {line-height: 34px;}
    .list-4 li a {padding-bottom: 10px;margin-top: 10px;}
    .list-4 li .img-cover {width: 100px;height: 75px;}
    .list-4 li .text {margin-left: 110px;}
    .list-4 li .text h4 {font-size: 14px;}
    .list-4 li .text span {display: none;}
    .list-4 li .text p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .content-title {margin-bottom: 15px;padding-bottom: 15px;}
    .content-title h1 {font-size: 18px;}
    .content-title p {margin-top: 10px;}
    .content-title p span {padding: 0 5px;}
    .content-exp {margin-top: 15px;}
    .content-exp li {float: none;width: auto;}
    .content-exp li:last-child {text-align: left;}
    .yunu-showcase {margin-bottom: 30px;}
    .pc-slide {float: none;width: auto;}
    .view .swiper-slide .img-center {height: 260px;line-height: 260px;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
    .yunu-showcase-info p {margin-top: 10px;min-height: auto;}
    .yunu-showcase-info .tel {font-size: 14px;padding-left: 50px;}
	.title-1 span {font-size: 16px;line-height: 40px;padding: 0 15px;}
}