﻿/******************************
*同创模板网-专业提供企业网站源码程序模板*
* 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: #0e75c8;}
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;}
.container {padding: 0 15px;width: 1200px;margin: 0 auto;}
.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #0e75c8;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;}
.curmbs {background-color: #f2f2f2;line-height: 34px;padding: 15px 0;}
.curmbs em {font-style: normal;color: #999;}
.curmbs span {background: url(../images/nygy2.png) no-repeat 0 center / 14px 13px;padding-left: 20px;}
.curmbs .sc {float: right;position: relative;}
.curmbs .sc input {display: block;padding: 6px 72px 6px 12px;font-size: 14px;border: 1px solid #ddd;width: 200px;}
.curmbs .sc button {position: absolute;right: 0;top: 0;border: 1px solid transparent;background-color: #333;padding: 0;color: #fff;cursor: pointer;height: 34px;width: 60px;font-size: 14px;}
.section-sub {padding: 40px 0;}
.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: 930px;}
.panel-sd {margin-bottom: 20px;background-color: #f6f6f6;}
.panel-sd:last-child {margin-bottom: 0;}
.panel-sd .tit {text-align: center;color: #fff;font-size: 24px;padding: 20px 0;background: url(../images/fen_t_1.jpg) no-repeat center / cover #0e75c8;}

.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: #0e75c8;color: #fff;margin-right:10px;}
.pc-slide{padding-left:25%;width:50%;}
.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: #0e75c8;}
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: #0e75c8;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;}
    .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 {padding-left:0.1%;width:100%;}
    .preview .swiper-slide .img-center{height:30px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
    .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;}
}

