.container{
    width:1200px;
    margin:0px auto;
}
.fluid{
    width:100%;
    padding:60px 0px;
}
.pc{
    display: block;
}
.mobile{
    display: none;
}
.daohang{
    display: none;
}
/* 头部 */
.topfluid{
    background: #333;
    color:#fff;
    line-height: 50px;
}
.header-fluid{
    background: #fff;
}
.header .logo{
    float:left;
    margin-top:5px;
}
.header .logo img{
    height:90px;
}
.header .navbar{
    float:right;
}
.nav ul li{
    float:left;
}
.nav ul li>a{
    line-height: 100px;
    padding:0px 20px;
    font-size:16px;
    color:#666;
    display: block;
    height:100px;

}
.nav ul li.active>a,
.nav ul li:hover>a{
    background:#f88812;
    color:#fff;
}
.banner.pc{
    display: block;
}
.banner.mobile{
    display: none;
}
.banner {
    width: 100%;
    position: relative;
}
.banner .item img {
	display: block;
	width: 100%;
	height: auto;
}
.banner .owl-theme .owl-controls .owl-page{
	display: block;
	float: left;
}
.banner .owl-theme .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.banner .owl-theme .owl-dots .owl-dot span{
    margin:2px 3px;
    width:25px;
    height: 25px;
    background-color: transparent;
    background-image: url(/templets/yun25_pc/image/banner_dot.png);
    background-size: 100%;
    opacity: 1;
}

.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span{
    opacity: 1;
    background-image: url(/templets/yun25_pc/image/banner_dot_cur.png);
    
}
.banner .owl-theme .owl-controls{
    margin-top:0px;
}
.banner .owl-theme .owl-controls .owl-nav {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(calc(-50%));
    -ms-transform: translateY(calc(-50%));
    transform: translateY(calc(-50%));
    position: absolute;
    width: 100%;
    margin: 0;
}
.banner .owl-theme .owl-controls .owl-nav div{
    width: 50px;
    height: 50px;
    border-radius: 20px;
    margin: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background:transparent;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    padding:0px;
}

.banner .owl-theme .owl-controls .owl-nav div.owl-prev{
    left:3%;
    background-image: url(/templets/yun25_pc/image/banner_prev.png);
  
}
.banner .owl-theme .owl-controls .owl-nav div.owl-next{
    right:3%;
    background-image: url(/templets/yun25_pc/image/banner_next.png);
}
.banner .owl-theme .owl-controls .owl-nav div:hover{
    background-color: rgb(? 248, ? 136, ? 18,0.8);
}

.home-fluid{
    background:#fff4e4;
}
/* 快捷导航 */
.kjdh-fluid,.case-fluid{
    background:#fff;
}
.kjdh-title {
    text-align: center;
    margin-bottom: 25px;
}

.kjdh-title h3 {
    font-size: 16px;
    color: #f88812;
}

.kjdh-list2 ul li {
    float: left;
    width: 20%;
    padding: 10px;
}

.kjdh-list2 ul li a {
    display: block;
    width: 100%;
}

.kjdh-list2 ul li a img {
    display: block;
    width: 74px;
    margin: 5px auto;

}

.kjdh-list2 ul li:hover a img {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.kjdh-list2 ul li p {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 0;
    text-align: center;
    color: #525252;
}

.kjdh-list2 ul li:hover p {
    color: #f88812;
}


/* 试管婴儿适合人群 */
.suit-fluid {
    background: #fff4e4;
}

.home-title {
    text-align: center;
    margin-bottom: 30px;
}

.home-title h3 {
    height: 70px;
    line-height: 70px;
    font-size: 32px;
    color: #2b2b2b;
    font-weight: bold;
}

.home-title p {
    line-height: 25px;
    font-size: 18px;
    color: #a3a3a3;
    text-transform: uppercase;
}

.suit-list {
    overflow: hidden;
}

.suit-list .item {
    float: left;
    padding: 30px;
    width: 280px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.73);
    margin: 10px;
    box-shadow: 0px 0px 10px #ddd;
    border: 5px solid #fbc48a;
}

.suit-list .pic img {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.suit-list .text {
    padding-top: 40px;
    text-align: center;
    font-size: 18px;
}

.suit-list .text dt {
    height: 50px;
    line-height: 50px;
    color: #2b2b2b;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suit-list .text dd {
    padding: 5px 0;
    height: 200px;
    line-height: 40px;
    font-size: 16px;
    color: #a3a3a3;
    overflow: hidden;
}

.suit-list .text li {
    list-style: disc;
}

.suit-list .text dd p {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suit-list .read a {
    display: block;
    margin: 12px auto 0;
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background:#ee973b;
    background: linear-gradient(to right, #e47f14, #ee973b);
}
.suit-list .read a:hover{
    background:#e47f14;
    background: linear-gradient(to right, #e47f14, #f44336);
}
.friend-link-fluid {
    background: #d9d9d9;
    padding:10px 0px;
}
.friend-link{
    line-height: 30px;
}
.friend-link span{
    float:left;
    width:80px;
    font-weight: bold;
    color:#333;
}
.friend-link>div{
    float:left;
    width:1120px;
}
.friend-link>div a{
    margin:5px;
    color:#666;
}
.friend-link>div a:hover{
    color:#d50a06;
}
.footer-fluid {
    background: #333;
    padding: 30px 0px;
    color: #fff;
}

.footer-ewm {
    float: left;
    width: 240px;
    padding: 20px;
    text-align: center;
    border-right: 1px dashed #ddd;
    line-height: 30px;
}

.footer-ewm img {
    width: 120px;
}

.footer-info {
    float: right;
    width: 960px;
    padding-left: 57px;
    line-height: 35px;
    font-size: 16px;
}

.footer-info a {
    color: #fff;
}

.bottom-fluid {
	background: #d50a06;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 3px 0px;
	display: none;
	z-index: 100;
}

.bottom-fluid ul li {
	float: left;
	width: 25%;
	text-align: center;
}

.bottom-fluid ul li a {
	color: #fff;
}

.bottom-fluid ul li i.iconfont {
	font-size: 25px;
}

.bottom-fluid ul li p {
	font-size: 12px;
}


.pages {
text-align: center;
width: 100%;
}

.pages .page {
display: table;
margin: 20px auto;
}

.pages .page a,
.pages .page span {
display: block;
padding: 5px 8px;
border: 1px solid #ddd;
color: #666;
float: left;
margin: 5px;
}

.pages .page span,
.pages .page a:hover {
background: #f88812;
color: #fff;
border: 1px solid #f88812;
}
.sub-link {
	padding: 15px 0px;
	border-top: 1px solid #e2e2e2;
}

.sub-link p {
	padding: 10px 0;
	color: #000;
	line-height: 20px;
}

.sub-link p a:hover {
	color: #f88812;
	text-decoration: underline;
}

.kjdh-list1 .kjdh-item {
    width: 230px;
    float: left;
    height: 128px;
    border: 1px solid #f88812;
    margin: 10px;
    padding: 20px;
    text-align: center;
    position: relative;
    padding-left: 100px;
}

.kjdh-list1 .kjdh-item a {
    display: block;
    width: 100%;
}

.kjdh-list1 .kjdh-item:nth-of-type(2n) {
    float: right;
}

.kjdh-list1 .kjdh-item .ico {
    position: absolute;
    left: 10px;
    top: 20px;

}

.kjdh-list1 .kjdh-item .ico {
    width: 80px;
    height: 80px;
    margin: 0px auto;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;

}

.kjdh-list1 .kjdh-item .ico1 {
    background-image: url(/templets/yun25_pc/image/ico1.png);
}

.kjdh-list1 .kjdh-item .ico2 {
    background-image: url(/templets/yun25_pc/image/ico2.png);
}

.kjdh-list1 .kjdh-item .ico3 {
    background-image: url(/templets/yun25_pc/image/ico3.png);
}

.kjdh-list1 .kjdh-item .ico4 {
    background-image: url(/templets/yun25_pc/image/ico4.png);
}

.kjdh-list1 .kjdh-item:hover {
    background: #fff4e4;
}

/* .kjdh-list1 .kjdh-item:hover .ico1 {
    background-image: url(/templets/yun25_pc/css/images/ico01.png);
}

.kjdh-list1 .kjdh-item:hover .ico2 {
    background-image: url(/templets/yun25_pc/css/images/ico02.png);
}
.kjdh-list1 .kjdh-item:hover .ico3 {
    background-image: url(/templets/yun25_pc/css/images/ico03.png);
}
.kjdh-list1 .kjdh-item:hover .ico4 {
    background-image: url(/templets/yun25_pc/css/images/ico04.png);
} */
.kjdh-list1 .kjdh-item .des {
    text-align: left;
}

.kjdh-list1 .kjdh-item .des .t {
    font-size: 20px;
    color: #f88812;
    font-weight: bold;
}

.kjdh-list1 .kjdh-item .des .d {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
.kjdh1 {
    float: left;
    width: 500px;

}

.kjdh2 {
    float: right;
    width: 700px;
    padding-left: 50px;
}
.lcjs-fluid {
    width: 100%;
    /* height: 530px; */
    background: url(/templets/yun25_pc/image/lcjs-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
    padding-bottom:220px;
}
.lcjs-fluid .home-title h3,
.lcjs-fluid .home-title p{
    color:#fff;
}
.lcjs img{
    display: block;
    max-width: 100%;
    margin:0px auto;
}
.lcjs img.pc{
    display: block;
}
.lcjs img.mobile{
    display: none;
}
.service {
    background: #fff;
    padding: 60px 20px 20px;
    margin: 0px auto;
    margin-top: -170px;
    box-shadow: 0px 0px 10px #ddd;
}

.service-item {
    width: 275px;
    padding: 20px;
    border: 1px solid #F88812;
    display: block;
    margin-right: 20px;
    margin-top: 50px;
    float:left;
}
.service-item:nth-of-type(4){
    margin-right:0px;
}
.service-item img {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0px auto;
}

.service-item .tit {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    color: #333;
}

.service-item p {
    font-size: 13px;
    color: #999;
    text-align: center;
    margin-top: 14px;
}
.service-info{
    margin-top: 40px;
    background:#FFF4E4;
    padding:20px;
    font-size:16px;
    line-height: 30px;
}


.case-item {
    width: 385px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;

}

.case-item:nth-of-type(3n) {
    margin-right: 0px;
}

.sgye-item {
    width: 100%;
    display: block;
    box-shadow: 0px 0px 3px #ddd;
}

.sgye-item .img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.sgye-item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.case-item .sgye-item .img img {
    height: 248px;
}

.sgye-item:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.sgye-item .desc {
    width: 100%;
    padding: 5px;
    background: #f8f8f8;
}

.sgye-item .desc .title {
    display: block;
    width: 100%;
}

.sgye-item .desc .title a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 35px;
    height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.sgye-item:hover .desc {
    background: #FFF4E4;
}

.case-info-list ul li {
    float: left;
    width: 385px;
    margin-right: 20px;
    /* padding:0px 10px; */
}

.case-info-list ul li:nth-of-type(3n) {
    margin-right: 0px;
}

.case-info-list ul li a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    padding-right: 120px;
    position: relative;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}

.case-info-list ul li a span {
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    color: #f44336;
    font-size: 15px;
}

.case-info-list ul li a:hover {
    color: #f44336;
    background: #FFF4E4;
}

.contact-fluid {
    width: 100%;
    background: url(/templets/yun25_pc/image/bg3.png) no-repeat;
    padding: 60px 0px;
}

.contact-info {
    float: left;
    width: 600px;
}

.contact-info .font {
    width: 500px;
    display: block;
}

.contact-info .font .h1 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
}

.contact-info .font h1 {
    font-size: 24px;
    color: #fff;
    margin-top: 40px;
}

.contact-info .font h1 span {
    color: #F0FF00;
    font-size: 48px;
    font-weight: bold;
}

.contact-info .font .h2 {
    padding: 10px 20px;
    background: #F0FF00;
    margin-top: 20px;
    color: #F88812;
    font-size: 18px;
    font-weight: bold;
    display: block;
    border-radius: 8px;
}

.contact-info .font .h3 {
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
}

.contact-info .font .h4 {
    padding: 10px 20px;
    background: #fff;
    font-size: 16px;
    color: #F88812;
    margin-top: 60px;
    display: block;
}

.contact-info .font .h5 {
    margin-top: 30px;
    font-size: 24px;
    color: #fff;
}

.contact-info .font .h5 span {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    font-weight: bold;
}

.contact-form {
    width: 500px;
    float: right;
}

.contact-form .form {
    width: 100%;
    padding: 30px 50px;
    background: #fff;
    border-radius: 20px;
}

.contact-form .form form {
    margin-top: 20px;
}

.contact-form .form form dl {
    margin-top: 20px;
}

.contact-form .form form dl dt {
    line-height: 48px;
    height: 50px;
    float: left;
    width: 90px;
    font-size: 16px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    border-right: 0px;
    text-align: center;
}

.contact-form .form form dl dd {
    float: right;
    width: 310px;
}

.contact-form .form form dl dd input[type=text] {
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 0px 20px;
    color: #333;
    width: 100%;
    height: 50px;
}

.contact-form .form form dl.textarea dt {
    height: 100px;
}

.contact-form .form form textarea {
    width: 100%;
    padding: 10px 20px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    resize: none;
    height: 100px;
}

.contact-form .form form .btn {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    background: #F88812;
    color: #fff;
    border-radius: 10px;
    height: 60px;
    font-size: 24px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.contact-form .form form .btn:hover {
    background: #e67804;
}

.contact-form .form form p {
    font-size: 13px;
    color: red;
    margin-top: 10px;
}

.exchange {
    width: 326px;
    height: 60px;
    margin: 0px auto;
    background: #f2f2f2;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.exchange li {
    display: block;
    width: 163px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    font-weight: bold;
    color: #f88812;
    cursor: pointer;
    float: left;
}

.exchange li.active {
    background: #f88812;
    color: #fff;
}
.daima{
    display: none; 
}
.btnBox {
    margin:40px auto 20px;
    display:table;
}
.btnBox a{
    display: block;
    float:left;
    width:200px;
    line-height: 50px;
    text-align: center;
    margin:0px 20px;
    color:#fff;font-size:18px;
    border-radius: 20px;
    overflow: hidden;
    background:#e58117;
    background:linear-gradient(to right, #e47f14, #ee973b);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    
}
.btnBox a:hover{
    background:#FF5722;
    background: linear-gradient(to right, #e47f14, #f44336);
}
.news-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.news-title ul {
    position: relative;
}

.news-title ul li a {
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
}

.news-title ul li {
    line-height: 45px;
    float: left;
    font-size: 18px;
    padding: 0px 20px;
    background: #f0f0f0;
    cursor: pointer;
}

.news-title ul li.active {
    background: #F88812;
    color: #fff;
}

.news-title ul li.active a {
    display: block;
}

.news-fluid {
    background: #fff;
}
.news-box{
    display: none;
}
.news-box.active{
    display: block;
}
.news-item {
    width: 385px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.news-item:nth-of-type(3n) {
    margin-right: 0px;
}

.news-item .item {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
}

.news-item .item .img {
    float: left;
    /* width: 190px; */
    width:120px;
}

.news-item .item .img img {
    width: 100%;
    /* height: 130px; */
    height:97px;
}

.news-item .item .info {
    float: left;
    /* width: 370px; */
    width:calc(100% - 120px);
    padding-left: 15px;
}

.news-item .item .info .title {
    font-size: 16px;
    color: #333;

    line-height: 30px;
}

.news-item .item .info .title a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
}

.news-item .item .info .time {
    font-size: 13px;
    margin-bottom: 5px;
    color: #999;
}

.news-item .item .info .des {
    width: 100%;
    line-height: 22px;
    color: #666;
    font-size: 13px;
    height: 44px;
    overflow: hidden;
}
.tuijian-fluid {
    background: #fff;
    padding-bottom:40px;
}

.tuijian-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    font-weight: bold;
}

.tuijian ul li {
    float: left;
    margin-top: 20px;
    margin-right: 30px;

}

.tuijian ul li a {
    display: block;
    padding: 10px 25px;
    border: 1px solid #666;
    color: #333;
    font-size:18px;
    font-weight: bold;
}
.tuijian ul li:hover a{
    background:#F88812;
    color:#fff;
    border-color:#F88812;
}
.footer{
    text-align: center;
    line-height: 30px;
    color:#ddd;
}
.footer a{
    color:#ddd!important;
}
.footer a:hover{
    color:#fff!important;
}

.kefuBox {
    display: block;
    width: 145px;
    position: fixed;
    right: 4px;
    top: 50%;
    margin-top: -161px;
    z-index: 20;
}

.kefuBox_bt {
    height: 37px;
}

.kefuBox_bt h2 {
    width: 105px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    float: left;
    font-weight: bold;
    font-size: 17px;
    background: #17c1a8;
}

.kefuBox_bt .close_btn {
    width: 40px;
    height: 37px;
    background: #ff0;
    display: block;
    float: left;
    background: #05a68e url(../image/kf_close_btn.png) no-repeat center center;
}

.kefuBox_con {
    padding: 8px;
    background: #33d6be;
}

.kefuBox_con_t {
    padding-bottom: 10px;
    overflow: hidden;
}

.kefuBox_con_tip {
    display: none;
    padding-bottom: 5px;
    color: #FFF;
    text-shadow: 1px 1px 1px #17c1a8;
}

.kefuBox_con_t a {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 13px;
    margin-top: 2px;
    color: #666;
    padding-left: 20px;
    background-size:30px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left center;
}

.kefuBox_con_t a.active,
.kefuBox_con_t a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.kefuBox_con_t a.sel_1 {
    background-image: url(/templets/yun25_pc/image/kf_ico1.jpg);
}

.kefuBox_con_t a.sel_2 {
    background-image: url(/templets/yun25_pc/image/kf_ico2.jpg);
}

.kefuBox_con_t a.sel_3 {
    background-image: url(/templets/yun25_pc/image/kf_ico3.jpg);
}

.kefuBox_con_t a.sel_4 {
    background-image: url(/templets/yun25_pc/image/kf_ico4.jpg);
}
.kefuBox_con_t a.sel_5 {
    background-image: url(/templets/yun25_pc/image/kf_ico5.jpg);
}

.kefuBox_con_t a.sel_6 {
    background-image: url(/templets/yun25_pc/image/kf_ico6.jpg);
}

.kefuBox_con_b {
    padding-top: 5px;
    position: relative;
}

.kefuBox_con_b .hd {
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    padding-left: 21px;
    background: url(/templets/yun25_pc/image/kf_ico6.png) no-repeat 2px center;
}

.kefuBox_con_b .bd {
    display: none;
    width: 111px;
    position: absolute;
    left: -124px;
    top: -44px;
}

.kefuBox_con_b:hover .bd {
    display: block;
}

.kefuBox_con_b .bd dl {
    width: 100%;
    background: #33d6be;
    padding:10px;
}

.kefuBox_con_b .bd dl dt {
    text-align: center;
}

.kefuBox_con_b .bd dl dd {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.kefuBox_con_b .bd i {
    position: absolute;
    right: 0;
    top: 51px;
    display: block;
    width: 7px;
    height: 11px;
    overflow: hidden;
    background: url(/templets/yun25_pc/image/kf_ico9.png) no-repeat center center;
}

.kefuBox_supervision {
    overflow: hidden;
    background: #0ec1a7;
    color: #fff;
    border-bottom:1px solid #ddd;
}

.kefuBox_supervision dl {
    padding: 10px 0px;
}

.kefuBox_supervision dl dt {
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    background: url(/templets/yun25_pc/image/kf_ico7.png) no-repeat 8px 6px;
    padding-left:30px;
}

.kefuBox_supervision dl dd {
    overflow: hidden;
    font-size: 20px;
    text-align: center;
}
.kefuBox_gotop{
    text-align: center;
    line-height: 40px;
    color:#fff;
    background: #009688;
    cursor: pointer;
}
.kefuBox{
    display: none;
}
.zxly{
    position: fixed;
    top:50%;
    right:5px;
    width:50px;
    z-index: 20;
    cursor: pointer;
}
.zxly .btn{
    text-align: center;
    line-height: 35px;
    background:#001e1b;
    color:#fff;
    font-size:16px;

}
.zxly p{
    padding:20px 10px;
    font-size:18px;
    font-weight: 600;
    background:#009688;
    color:#fff;
    text-align: center;
}
.bottoming{
    position: fixed;
    width:100%;
    left:0px;
    bottom:0px;
    background:#f98e1f;
    padding:8px 0px 4px;
    display: none;
    z-index:1001;
}
.bottoming ul li{
    float:left;
    width:25%;
    text-align: center;
}
.bottoming ul li a{
    display: block;
    width:100%;
}
.bottoming ul li a i.iconfont{
    font-size:30px;
    line-height: 35px;
    color:#fff;
}
.bottoming ul li a p{
    margin-top:5px;
    font-size:14px;
    color:#fff;
}
.ny-banner {
    padding: 60px 0px;
    background-repeat: no-repeat;
    position: relative;
    /* background-attachment: fixed; */
    background-position: center center;
    background-image: url(/templets/yun25_pc/image/ny-bg.jpg);
    background-size: cover;
}

.ny-banner h2 {
    font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #fff;
}

.ny-banner h2 span {
    padding: 0px 5px;
}

.crumbs {
    line-height: 25px;
    font-size: 14px;
    color: #fff;
}

.crumbs i.iconfont {
    font-size: 18px;
    margin-right: 5px;
}

.crumbs a {
    color: #fff;
}
.sub-content {
    background: #fff4e4;
    padding: 20px 0px;
}

.sub-contleft {
    float: left;
    width: 800px;
}

.sub-news{
    background: #fff;
    padding: 15px;
}

.sub-sidebar {
    float: right;
    width:380px;
}

.sub-news-item {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sub-news-item .img {
    float: left;
    width: 260px;

}

.sub-news-item .img img {
    width: 100%;
    height: 180px;
    display: block;
}

.sub-news-item .info {
    float: left;
    width: calc(100% - 260px);
    padding-left: 15px;
}

.sub-news-item .info .title a {
    font-size: 20px;
    color: #333;
    overflow: hidden;
    height: 28px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.sub-news-item .info .title a:hover {
    color: #f88812;
}

.sub-news-item .info .des {
    line-height: 28px;
    margin-top: 14px;
    color: #666;
    height: 84px;
    overflow: hidden;
}

.sub-news-item .info .time {
    margin-top: 20px;
    color: #999;
    font-size: 16px;
}
.sub-news-item .info .money{
    margin-top: 10px;
    color: #fff;
    background:#f88812;
    display: inline-block;
    padding:0px 20px;
    line-height: 40px;
    font-size:20px;
    font-weight: 600;
}
.pages-box {
    margin-top: 30px;
}

.pages-box .pages {
    text-align: center;
}

.pages-box .pages a,
.pages-box .pages span {
    padding: 5px 8px;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 10px 3px;
}

.pages-box .pages span,
.pages-box .pages a:hover {
    background: #fd8304;
    color: #fff;
}
.sub-sidebar-box1 {
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
}

.sub-sidebar-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.sub-sidebar-title h3 {
    font-weight: bold;
    color: #f67f4a;
    font-size: 24px;
}

.sub-sidebar-news .item {
    padding: 10px 0px;
    border-bottom: 1px dashed #ddd;
}
.sub-sidebar-news .item:last-of-type{
    padding: bottom 0px;border-bottom:0px;
}
.sub-sidebar-news .item .img {
    float: left;
    width: 140px;
    height: 100px;
}

.sub-sidebar-news .item .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sub-sidebar-news .item .info {
    float: right;
    width: 210px;
    padding-left: 15px;
}

.sub-sidebar-news .item .info .title a {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    color: #333;
    height: 50px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.sub-sidebar-news .item .info .title a:hover{
    color:#f88812;
}
.sub-sidebar-news .item .info .time {
    margin-top: 30px;
    color: #999;
    font-size: 16px;
}
.sub-sidebar-news .item .info .money{
    margin-top: 10px;
    color: #fff;
    background: #f88812;
    display: inline-block;
    padding: 0px 15px;
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
}
.sub-sidebar-img {
    margin-bottom: 20px;
}

.sub-sidebar-img img {
    display: block;
    width: 100%;
}

.sub-sidebar-box2 {
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
}
.sub-sidebar-list2 ul li{
    float:left;
    width:48%;
    margin:10px 1% 0px;
}
.sub-sidebar-list2 ul li a{
    display: block;
    width:100%;
    border:1px solid #ddd;
    line-height: 35px;
    text-align: center;
    font-size:16px;
}
.sub-sidebar-list2 ul li a:hover{
    border-color:#f88812;
    color:#f88812;
}
.sub-con-xqy {
    background: #fff;
    padding: 30px 20px;
}

.sub-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.sub-title h1 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.sub-title p {
    color: #666;
    font-size: 14px;
    margin-top:10px;
}
.sub-conInfo{
    padding:20px 0px;
    font-size:15px;
    line-height: 2;
}
.sub-conInfo img{
    max-width:100%;
    overflow: hidden;
}
.sub-conInfo table{
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right-width: 0px;
	border-bottom-width: 0px;
    text-align: center;
    min-width: 50%;
    margin: 10px auto;
}
.sub-conInfo table td,
.sub-conInfo table th{
	border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
    padding: 5px;
}
.sub-case{
    margin-top:30px;
}
.sub-contact {
    padding: 15px;
    background: #fff;
}

.sub-contact-title {
    padding-left: 10px;
    border-left: 4px solid #F88812;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0px;
}
.sub-contact-info{
    line-height: 2;
    font-size:16px;
}
.sub-contact-info p{
    margin-bottom:10px;
}
.showContact{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index:100;
    display: none;
}
.showContact.active{
    display: block;
}
.showContact .mask{
    display: block;
     position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
}
.showContactlist{
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.showContactlist ul li{
    display: none;
}
.showContactlist ul li.active{
    display: block;
    border:2px solid #fff;
    
}
.showContactlist ul li .item{
    background:#fff;
    width:200px;
    text-align: center;
    border:2px solid #009688;
}
.showContactlist ul li .item .p{
    background:#009688;
    color:#fff;
    line-height: 40px;
    font-size:16px;
}
.showContactlist ul li .item .img{
    padding:10px 10px 0px;
}
.showContactlist ul li .item .img img{
    display: block;
    width:100%;
}
.showContactlist ul li .item .t{
    font-size:20px;
    font-weight: 600;
    padding-bottom: 10px;
}
.showContactlist .scClose{
    border:2px solid #ddd;
    width:40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    color:#fff;
    font-size:34px;
    line-height: 34px;
    margin:20px auto 0;
    box-shadow: 0 0 5px rgba(255,255,255,0.6);
    cursor: pointer;
    background:#009688;
}