.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;}





.bg1 {background: url(../images/ccbg_1.jpg) no-repeat center / cover;}


.bg2 {background: url(../images/yy_1.jpg) no-repeat center / cover;}



.bg6 {background: url(../images/renbg_1.jpg) no-repeat center / cover;color: #fff;}

.in-renzheng {}
.in-renzheng li {float: left;width: 16.666666%;}
.in-renzheng li .wrap {text-align: center;border-right: 1px solid #fff;}
.in-renzheng li:last-child .wrap {border-right: 0;}
.in-renzheng li p {margin: 15px 0 0;font-size: 16px;}


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



.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 #19BD9D;margin-top: 15px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 0 15px;height: 58px;padding-left: 60px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #19BD9D;color: #fff;}

.pc-slide{float:left;width:400px;}
.view .swiper-slide .img-center {width:100%;height:400px;line-height:300px;}/*控制产品主图的方型*/
.view .swiper-container{width:100%;}
.preview{width:80%;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: #19BD9D;}
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: #19BD9D;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;}

 #message .m-content .m-message{
    width:93%;
    padding:20px;
  }
  
    .kf {display: none;}
    .footer-fix {display: block;}
    .topbar {display: none;}

    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

    .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none;}
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333;font-size: 14px;}
    .header .nav li .arr {display: block;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: transparent;color: #19BD9D}
    .header .nav li.open .arr:after {border-color: #19BD9D;transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .header .nav .dropdown-box a:hover {background-color: transparent !important;color: #19BD9D !important;}
    .menu-btn {display: block;}

    .banner {height: 180px;}

    .in-seach {padding: 0;}
    .in-seach .container {padding: 0;}
    .in-seach .text {display: none;}
    .in-seach .tel {display: none;}
    .in-seach .hform {float: none;width: auto;padding: 0;border-right: 0;}
    .in-seach .hform p {display: none;}
    .in-seach .hform form {position: relative;}
    .in-seach .hform input {box-sizing: border-box;width: 100%;padding-right: 80px;}
    .in-seach .hform button {position: absolute;right: 0;top: 0;}

    .section {padding: 30px 0;}
    .section-title {margin-bottom: 20px;}
    .section-title strong {font-size: 22px;padding: 0 15px;}
    .section-title strong:after, .section-title strong:before {width: 50px;}
    .section-title p {font-size: 12px;margin-top: 5px;}

    .in-prod-menu {padding: 5px 10px 10px 5px;margin-bottom: 15px;}
    .in-prod-menu li {width: 33.333333%;}
    .in-prod-menu li a {margin: 5px 0 0 5px;font-size: 14px;line-height: 34px;}
    .in-prod-con .swiper-slide a {padding: 5px;}
    .in-prod-con .swiper-slide p {font-size: 14px;margin-top: 5px;}
    .in-prod-con .swiper-pagination {margin-top: 15px;}

    .in-ys dt {display: none;}
    .in-ys dd {margin: 0;}
    .in-ys dd p {font-size: 14px;margin-top: 15px;line-height: 1.8;padding: 0;background: none;}
    .in-ys dd h5 {margin-top: 20px;font-size: 24px;}
    .in-ys dd h5 small {font-size: 14px;}

    .in-dz {padding-bottom: 0;}
    .in-dz dt {display: none;}
    .in-dz dd {margin: 0;}
    .in-dz dd h4 {font-size: 22px;}
    .in-dz dd h4 small {font-size: 14px;}
    .in-dz dd p {margin: 15px 0 0;padding: 0;background: none;font-size: 14px;line-height: 1.8;}
    .in-dz dd .tips {display: none;}
    .in-dz dd .pp {display: none;}

    .in-adv li p {font-size: 12px;margin-top: 10px;}
    .in-adv li .img-center {height: 40px;line-height: 40px;}

    .in-about dt {float: none;width: auto;}
    .in-about dd {margin: 15px 0 0;}
    .in-about dd h4 {font-size: 20px;padding-bottom: 10px;}
    .in-about dd p {margin-top: 10px;font-size: 14px;}
    .in-about dd .more {margin-top: 20px;}

    .in-fahuo .swiper-slide p {font-size: 14px;line-height: 34px;}
    .in-fahuo .swiper-pagination {margin-top: 15px;}

    .bg5 {display: none;}

    .in-news-left,.in-news-right {float: none;width: auto;}
    .in-news-left ul {margin: -10px 0 0 -10px;}
    .in-news-left li a {margin: 10px 0 0 10px;}
    .in-news-left li .text {padding: 10px;}
    .in-news-left li .text h4 {font-size: 14px;}
    .in-news-left li .text p {font-size: 12px;margin: 0;}
    .in-news-right ul {margin-top: 0;}
    .in-news-right li .date {font-size: 12px;padding: 21px 10px;width: 80px;}
    .in-news-right li .text {margin-left: 100px;padding: 10px;}
    .in-news-right li .text h4 {font-size: 14px;}
    .in-news-right li .text p {font-size: 12px;line-height: 20px;}

    .in-renzheng {margin-top: -15px;}
    .in-renzheng li {width: 33.333333%;}
    .in-renzheng li .wrap {border-right: 0;margin-top: 15px;}
    .in-renzheng li .img-center {height: 40px;line-height: 40px;}
    .in-renzheng li p {font-size: 14px;margin-top: 5px;}

    .footer {padding-top: 30px;}
    .footer-logo {width: auto;float: none;height: 100px;line-height: 100px;}
    .footer-nav {display: none;}
    .footer-contact {text-align: center;float: none;margin: 20px 0 0;}
    .footer-copy {margin-top: 30px;font-size: 12px;padding: 15px 0;}

    .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;}

    

    .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;}
}
            .pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px;
                padding:20px 0px;
				display: inline-block;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                height:24px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#19BD9D;
                background: white;
                border:1px #19BD9D solid;
            }
            .pagination a.cur{
                background:#19BD9D;
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
                    margin-top: 5px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
            
            
            













/* 有用部分开始 */
 .eynews {
	width: 100%;
	margin-top: 20px;
	float: left;
}
.eynews h4 {
	padding-left: 12px;
	height: 36px;
	line-height: 36px;
	color: #19BD9D;
	font-weight: normal;
	border-bottom: 1px solid #19BD9D;
	font-size: 18px;
}

 .commend {
	width: 204px;
	overflow: hidden;
	float: left;
	margin: 23px 14px 0 0;
}
.wrapper .commend:nth-child(4) {
	margin-right: 0;
}
.commend dt {
	width: 204px;
}
.commend dt a {
	display: block;
	width: 204px;
	padding: 1px;
	border: 1px solid #19BD9D;
}

.commend dd a:hover {
color: #19BD9D;
}
.commend dt a:hover {
	border: 1px solid #19BD9D;
}
.commend dt img {
	width: 200px;
	height: 200px;
}
.commend dd {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
}
/* 有用部分结束 */


  
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
/*分页样式*/
.pglist{padding: 30px 0 15px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #fff;border: 1px solid #edebeb;}
.pglist a:hover,.pglist span{display:inline-block;color: #fff;background: #19BD9D;border-color: #19BD9D;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pglist a.page-num-current{display:inline-block;color: #fff;background: #19BD9D;border-color: #19BD9D;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}