* {
    margin: 0;
    padding: 0; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    color: #424242;
    line-height: 1.3;
    font-weight: 700; }

p {
    font-family: "Open Sans", sans-serif;
    color: #939393;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400; }

a,
a:hover,
a:focus {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: 0 solid transparent;
    
    font-family: "Open Sans", sans-serif; }

ul,
ol {margin: 0; }
ul li,
ol li {list-style: none; }
    
.clearfix:after{
   content:".";/*加一段内容*/
   display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
   height:0;/*避免生成的内容破坏原有布局高度*/
   clear:both;/*清除浮动*/
   visibility:hidden;/*让生成的内容不可见*/
  }
  .clearfix{zoom:1;/*为IE6，7的兼容性设置*/}
  
  .clear{clear:both;font-size:0px;line-height:0;height:0;}
img {
    height: auto;
    width: 100%; }
/* :: 3.5.0 Miscellaneous */
.section-title {
    text-align: center; }

.title-left {
    text-align: left; }

.title-right {
    text-align: right; }

/* :: 3.1.0 Spacing */
.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.mt-15 {
    margin-top: 15px !important; }

.mt-30 {
    margin-top: 30px !important; }

.mt-50 {
    margin-top: 50px !important; }

.mt-70 {
    margin-top: 70px !important; }

.mt-100 {
    margin-top: 100px !important; }

.mb-15 {
    margin-bottom: 15px !important; }

.mb-30 {
    margin-bottom: 30px !important; }

.mb-50 {
    margin-bottom: 50px !important; }

.mb-70 {
    margin-bottom: 70px !important; }

.mb-100 {
    margin-bottom: 100px !important; }

.ml-15 {
    margin-left: 15px !important; }

.ml-30 {
    margin-left: 30px !important; }

.ml-50 {
    margin-left: 50px !important; }

.mr-15 {
    margin-right: 15px !important; }

.mr-30 {
    margin-right: 30px !important; }

.mr-50 {
    margin-right: 50px !important; }

.pb-70 {
    padding-bottom: 70px !important; }

/* :: 3.2.0 Height */
.header{
    background-color: #fff;
    width: 1170px;
    height: 100%;
    overflow: hidden;
}
.header .logo{
    float: left;
    text-align: center;
    padding: 15px;
}
.logo{
    float: left;
    text-align: center;
    padding: 20px;
}
.header .logo a{
    color: #FFF;
}
.sticker .logo a{
    color: #FFF;
}
.header .nav{
	position: fixed;
	z-index: 99;
	top: 34px;
	right: 20%;
        text-align: right;
}
.active .sticker .nav{
	top: 0;
	right: 20%;
}

.active .sticker .logo a{
    color: #FFF;
}
.sticker{
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.95) !important;
}

.header .sticker .logo{
    width: 150px;
    height: 100%;
    padding: 8px 20px;
}
.header .sticker{
    position: fixed;
    width: 100%;
    height: 60px;
    text-align: right;
    padding: 0 20%;
    z-index: 999;
    background: rgba(255, 255, 255, 0.95) !important;
}

@font-face {
	font-family: 'icomoon';
    src:url('../font/icomoon.eot?qradjf');
    src:url('../font/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../font/icomoon.ttf?qradjf') format('truetype'),
        url('../font/icomoon.woff?qradjf') format('woff'),
        url('../font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right i{font-style: normal !important;}
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#00a694;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#00a694;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#00a694;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#00a694}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#00a694;}
.meau-sev .cndns-right-btn{border-color:#00a694;background:url(../images/kefuicon.gif) no-repeat #00a694 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#00a694}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #00a694;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#00a694;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#00a694}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#00a694;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#00a694}
.meau-zs .cndns-right-btn{background-color:#00a694;color:#fff;margin-top:80px;border-color:#00a694}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



/******************* nav *********************/

.header .nav{
    float: right;
    /* 默认居左，可调整为居右模式 */
    /* float: right;  */
}
.mobile-icon{
    display: none;
    z-index: 9999;
}
.header .nav>.layui-nav>.item-nev-padding{
    margin-left: 25px;
}



/******************* 覆盖layui框架 *********************/

.layui-nav-item .layui-nav-more, .layui-nav-item .layui-nav-mored{
	border-color: #007562 transparent transparent !important;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{
	border-color: transparent transparent #007562 !important;
}
.layui-nav .layui-nav-item a:hover{
	color: #00a694 !important;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	background-color: #00a694 !important;
}

.layui-nav .layui-nav-item dl{ 
	margin: auto;
	text-align: center;
	left: -40%;
	}
.yunwo-next-right{
	-webkit-filter: hue-rotate(-50deg);
	-moz-filter: hue-rotate(-50deg);
	-ms-filter: hue-rotate(-50deg);
	-o-filter: hue-rotate(-50deg);
	filter: hue-rotate(-50deg);
	right: 5%;
}
.yunwo-next-left{
	-webkit-filter: hue-rotate(-50deg);
	-moz-filter: hue-rotate(-50deg);
	-ms-filter: hue-rotate(-50deg);
	-o-filter: hue-rotate(-50deg);
	filter: hue-rotate(-50deg);
	left: 5%;
}
.products-item-title .layui-btn{
	height:30px;
	line-height: 28px;	
}

/******************* index-icon *********************/

.index-icon-9{
	padding:1% 2% 0;
}
.index-icon-9 .icon-item{
	text-align:center;
	padding: 7%;
}
.index-icon-9 .icon-item span{
	line-height: 50px;
}

/******************* index-products *********************/
.index-products {
    background: #f4f4f4;
    padding: 4% 0;
}
.products-item{
	padding: 2% 0;
}
.products-item img{
	height: 250px;
}
.products-item-title{
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}
.products-item button{
	height: 30px; 
	line-height: 20px;
	position: absolute;
	right: 0;
}

.products-peijian  .products-peijian-item a{
	display: inline-block;
	margin-right: 20%;
}
 .products-peijian .products-peijian-item img{
	border: 2px solid rgba(0, 166, 148, 0.2);
}

@media screen and (max-width: 768px) {
	.products-item-title .layui-btn {
	    height: 26px;
	    line-height: 24px;
	    float: right;
	}
	.products-item-title {
		font-size: 14px;
	}
}
/******************* index-open-door *********************/

.index-open-door{
	background: #fff;
}
.open-door-title, .performance-title{
	display: block;
	margin: 30px 0 15px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 2%;
}
.open-door-background{
	padding: 3% 0 5%;
	background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/upload/user/20200603/QpZB5rwNDz.jpg) right no-repeat;
}
.open-door-boxbg{
    	background-image: linear-gradient(-90deg, #45b367, #61c3d2);
}
.open-door-boxbg{
	padding: 2%;
}
.open-door-boxbg .open-box-item{
	padding: 3%;
}

.open-door-boxbg .open-box-item{
	opacity: .9;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.open-door-boxbg .open-box-item:hover{
	opacity: 1;
	transform: scale(1.2);
	box-sizing: border-box;
}
.open-door-boxbg .open-box-item>div{
	border: 2px solid rgb(240 240 240 / 17%);
	border-radius: 10px;    
	height: 100px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.open-door-boxbg .open-box-item>div:hover{
	border: 2px solid #fff;
	}
	
@media only screen and (max-width: 767px) {
	.open-door-boxbg .open-box-item{
		opacity: 1;
	}
	.open-door-boxbg .open-box-item>div {
	    height: 180px;
	}
}

.open-box-text h3{
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 6px;
}
.open-box-text p{
	font-size: 0.8rem;
	line-height: 16px;
	color: #fff;
}
.yunwo-line{
	padding: 0 2%;
}
.yunwo-line h2{
	color:#007562;
	font-size: 22px;
	margin-bottom: 8px;
}
.yunwo-line .title-line {
	margin-bottom: 25px;
	display: block;
	border-bottom: 4px solid #08a997;
	width: 3%;
	position: absolute;
	top: 0;
}
.yunwo-line .title-text{
	font-size: 34px;
	line-height: 30px;
	font-weight: bold;
	position: relative;
	color: #ccc;
	opacity:0.4;
	text-transform: uppercase;
}
.yunwo-line .title-text span{
	color: #00a694;
	font-size: 12px;
	position: absolute;
	left: 0;
	line-height: 32px;
	}
	
	
.line-right,.line-right .title-line{
	text-align: right;
}
.line-right .title-text i, 
.line-right .title-text span{
	right: 0;
}

/******************* swiper-product *********************/
.swiper-banner2{
}
.swiper-total {
	width: 100%;
	height: 100%;
	margin-top: 4%;
	position: relative;
}
.swiper-total .swiper-slide .detail{
    height:120px;
    background-color: rgba(0, 136, 100, 0.80);
    position:absolute;
    width:100%;
    bottom:0;
    opacity:0;
    transition:opacity .3s .3s;
}
.swiper-total .swiper-slide-active .detail{
    opacity:1;
}
.swiper-total .swiper-slide .detail h3{
    font-size: 1.8rem;
    color:#fff;
    width:950px;
    margin:20px auto 0;}
.swiper-total .swiper-slide .detail ul{
    list-style: disc;
    font-size: 0.8rem;
    color:#fff;
    width:950px;
    margin:10px auto 0;}
.swiper-total .swiper-slide .detail li{
    list-style: disc;
    width:650px;
    display:block;}
    

.swiper-total .swiper-slide img{
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}
.swiper-banner2 .swiper-pagination{
    top: 10%;
    right: 0;
    font-weight: bold;

}
.swiper-pagination-bullet{
    width: 100px;
    height: 20px;
    margin: 0;
    color: #000;
    background: transparent;
    font-size: 12px;
    opacity: .6;
}
.swiper-pagination-bullet-active {
    color: #00a694;
}

/******************* systemImg *********************/
.index-systemImg{
}
.index-systemImg .system-bg{
    padding: 2% 0;
    display: block;
    width: 100%;
    height: 810px;
    background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/portal/20220219/cd79381a3bb99a3437be8746cdb824aa.jpg) no-repeat;
}
.platform-bg{
    padding: 2% 0;
    display: block;
    width: 100%;
    height: 810px;
    background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/portal/20211124/d8d9d8b2b1d39f57d00cb7d8566d1519.jpg) no-repeat;
}
.platform-text{
	color: #007562;
	font-size: 18px;
	padding: 25px;
}
	
.platform-box .platform-box-item{
	padding: 2% 1%;
	text-align: center;
}
	
/******************* performance *********************/
.performance-box{
	box-shadow: 5px 3px 15px #727272;
}
.performance-item-text{
    color: #fff;
    position: absolute;
    bottom: 0;
}
.performance-item-text span{
    bottom: 0;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background: #00a694;
    padding: 20px;
    display: inline-block;
    position: absolute;
    width: 27%;
    z-index: 1;
}
.performance-item-text .performance-box-p{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #3e3a39;
    position: relative;
    display: block;
    padding: 3% 3% 3% 32%;

}

/*******************index-new*****************/

.index-new{
    padding: 2% 0;
}
.index-performance{
    padding: 2% 0;
}
.new-bg{
    background: #f4f4f4;
    padding: 2% 0;
    overflow: hidden;
}
.index-new-section{
    position: relative;
}
.index-new .new-bg .index-new-section img{
    width: 100%;
    height: 320px;
}
.index-new .new-bg .new-section-box{
    position: relative;
    /*left: -25%;*/
    width: 150%;
}

.swiper-slide .new-item-detail{
    background-color: rgba(0, 0, 0, 0.8);
    position:absolute;
    width:100%;
    left: 0;
    bottom:0;
    transition:opacity .3s .3s;
}
.swiper-slide .new-item-detail h3{
    font-size: 16px;
    color:#fff;
    margin: 2% 2% 1%;}
.swiper-slide .new-item-detail ul{
    list-style: disc;
    font-size: 12px;
    color:#fff;
    margin: 0 2% 2%;}
.new-box-item{
    display: block;
    width:100%;
    height: 100%;
    z-index:999999;
}
.swiper-slide .new-item-detail h3.new-item-title{
    font-size: 20px;
    color: #00dcc4;
    
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.swiper-slide .new-item-detail .new-Y-M{
    padding: 2% 0;
    color: #ccc;
}
.swiper-slide .new-item-detail .new-item-text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*******************index-partner*****************/

.partner-grid{ /*主页LOGO合作伙伴*/
    text-align: center;
    /*width: 70%;*/
    height: 70%;
    margin: auto; }
.partner-grid .partner-image{
    overflow: hidden;
    position: relative;
    padding: 10px;
}
.partner-grid .partner-image:before{
    content: "";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.partner-grid .partner-image img{
    width: 100%;
    height: auto;
}
.partner-grid .pic-1{
    opacity: 1;
    transform: rotateY(0);
    transition: all 0.5s ease-out 0s;
}
.partner-grid:hover .pic-1{
    opacity: 0;
    transform: rotateY(-90deg);
}
.partner-grid .pic-2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(-90deg);
    transition: all 0.5s ease-out 0s;
}
.partner-grid:hover .pic-2{
    opacity: 1;
    transform: rotateY(0deg);
}

/* 演示元素 */

.main{
    margin-top: 20px;
}
.demoBox{
    background-color: #2E2D3C;
    text-align: center;
    height: 100px;
    width: 100%;
    color: #FFF;
    font-size: 30px;
    line-height: 100px;
}
/***************  footer  *******************/
.footer{
    padding: 2% 0;
    background: #353535;
}
.footer a{
    color:#ccc;
    font-size: 12px;
}
.footer p{
    font-size: 12px;
}
.footer-img, .footer-text{
    margin: 10%;
    color: #d4d4d4;
}
.footer .footer-text h2{
    color: #d4d4d4;
}
.footer .footer-text span i{
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 10px;
}
.footer-line{
    border-bottom: 3px solid #00a694;
    display: block;
    width: 15%;
    margin: 3% 0;
}
@media screen and (max-width: 1024px) {
    .header .logo{
        text-align: left;
    }
    .header .nav{
        display: none;
        width: 100%;
        position: fixed;
        z-index: 99;
        top: 100px; /* 如果需要缝隙，可将值调至61px */
	right: 0;
        margin-left: -15px;
    }
    .layui-nav{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .header .nav li{
        width: 100%;
        text-align: center;
    }
    .header .mobile-icon{
        display: block;
        color: #08a997;
        font-size: 30px;
        float: right;    
	margin-top: 4%;
	position: fixed;
	right: 5%;
	background: #fff;
	border-radius: 50%;
	border: 10px solid rgba(255, 255, 255, 0);
    }
    .layui-nav .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree .layui-nav-itemed:after {
        height: 1px;
        background-color: #5FB878;
    }
}
/*******index phone *******/
.phone-img {
  overflow: hidden; }

.phone-img .phone-product-img {
  overflow: hidden; }
  
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.index-icon-9{
		padding:8%;
	}
  .section-title {
    font-size: 28px; }

  .phone-img .size-20 {
    width: 140%;
    position: relative;
    left: -20%; }

  .phone-img .size-30 {
    width: 160%;
    position: relative;
    left: -30%; }

  .phone-img .size-40 {
    width: 180%;
    position: relative;
    left: -40%; }

  .phone-img .size-50 {
    width: 200%;
    position: relative;
    left: -60%; }
    
   .phone-img .phone-product-img img {
    max-width: 140%;
    position: relative;
    left: -20%;
    width: 140%; }
    
    }
@media only screen and (max-width: 767px) {
	.index-icon-9{
		padding: 6% 2% 0;
		overflow: hidden;
	}
	.index-icon-9 .icon-item{
		padding: 0 3px;
		font-size: 12px;
	}
	.index-icon-9 .icon-item span{
		line-height: 24px;
		display: inline-block;
		margin: 20%;
		border-radius: 20px;
		border: 1px solid #17d4ae;
		padding: 8px 0;
	}
	.swiper-total {
		margin-top: 40%;
	}
	.swiper-banner2 .swiper-pagination{
		top: 20%;
		right: auto;
		text-align: left;
		line-height: 30px;
	}
	
	.swiper-pagination-bullet{
		width: 28%;
		height: 100%;
		text-align: center;
		margin: 4px;
		border-radius: 5px;
		border: 2px solid #08a997;
		box-sizing: border-box;
		line-height: 25px;
		opacity: .8;
	}
	.swiper-pagination-bullet-active {
		color: #00a694;
	}
	.swiper-total .swiper-slide .detail{
		height:90px;
	}
	.swiper-total .swiper-slide .detail h3{
		margin: 10px 10px;
	}
	.swiper-total .swiper-slide .detail ul{
		font-size: 0.8rem;
		margin:5px 10px;
		}
	
	.products-peijian .products-peijian-item{
		margin:0;
	}
	.products-peijian .products-peijian-item a {
		margin-right: 0;
	}
	
	.open-door-background {
		padding: 5%;
	}
	.open-box-text p{
		height:50px;
	}
	.open-door-boxbg .open-box-item{
		padding: 2%;
		text-align: center;
	}
	
	.open-door-boxbg .open-box-item img{
		padding: 5% 30%;
	}
	
	.index-systemImg .system-bg {
		height: 485px;
		background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/portal/20220219/cd79381a3bb99a3437be8746cdb824aa.jpg) no-repeat -450px;
		background-size: cover;
	}
	.platform-bg{
		height: 680px;
		background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/portal/20211124/d8d9d8b2b1d39f57d00cb7d8566d1519.jpg) no-repeat -230px;
		background-size: cover;
	}
	
	.layui-nav .layui-nav-item dl{
		left: 0;
		border-radius: 10px;
	}
	.header {
	    background-color: #fff;
	    width: 100%;
	    height: 80px;
	}
	.header .logo{
	    width: 160px;
	    height: 60px;
	}
	.footer {
	    padding-bottom: 100px;
	}
	.footer-img, .footer-text{
	    margin: 10% 0;
	}
	.header .nav{
	    position: fixed;
	    top: 80px;
	}
	
	.header .nav>.layui-nav>.item-nev-padding{
	    margin: 0;
	}
	.active .sticker .nav {
	    top: 80px;
	    right: 0;
	}
  .section-title {
    font-size: 18px;
    padding: 0; }

  .phone-img .size-20 {
    width: 140%;
    position: relative;
    left: -20%; }

  .phone-img .size-30 {
    width: 160%;
    position: relative;
    left: -30%; }

  .phone-img .size-40 {
    width: 180%;
    position: relative;
    left: -40%; }

  .phone-img .size-50 {
    width: 200%;
    position: relative;
    left: -60%; }

  .phone-img .size-60 {
    width: 200%;
    position: relative;
    left: -50%; }

  .nie_download_wrap {
    display: none; }

  .phone-img .phone-product-img img {
    max-width: 140%;
    position: relative;
    left: -20%;
    width: 140%; }
    
  .index-new .new-bg .new-section-box{
    position: relative;
    left: 0;
    width: 100%;}
    
    }


	
/*******************************************/

/*  home  */

/*******************************************/


.home-banner-text{
	background: rgb(54 54 54 / 53%);
	position: absolute; 
	z-index: 1; 
	bottom: 1px; 
	width: 100%;
}
.home-banner-text-mask{
	display: inline-block;
	width: 100%;
}
.home-banner-text-item{
	width: 19%;
	display: inline-block;
	border-right: 1px solid #a6a6a6;
	margin: 24px 0;
	padding: 30px 20px;
	text-align: center;
}
.home-banner-text-item h2{
	color: #fff;
	font-size: 30px;
	margin: 5px 0;
}
.home-banner-text-item span{
	color: #fff;
	font-size: 14px;
	font-weight: 100;
}

@media only screen and (max-width: 767px) {
	.home-banner-text-item{
		margin: 5px 0;
		padding: 0px;
		text-align: center;
	}
	.home-banner-text-item h2{
		font-size: 16px;
		margin: 5px 0;
	}
	.home-banner-text-item span{
		font-size: 10px;
		font-weight: 100;
	}
}

/*******************************************/

/*  products-page  */

/*******************************************/
	.products-page{
		padding: 2% 0;
	}
	.products-page-p2 .products-p2-text {
		padding: 12%;

	}
	.products-page-p2 .products-p2-img img{
		display: block;
		width: auto;
		height: 350px;
		margin: auto;
	}
	.text-center{
		text-align: center;
	}
	.products-page .products-line{
		margin-bottom: 20px;
		display: inline-block;
		border-bottom: 6px solid #08a997;
		width: 5rem;
	}

	.products-page .products-line2{
		display: inline-block;
		margin: 0 10px 20px;
		border-bottom: 6px solid #007562;
		width: 1rem;
	}
	.products-text{
		padding: 8px;
	}
	.products-page .products-text h2{
		color: #007562;
		font-size: 30px;
		margin-bottom: 2%;
	}
	.products-page .products-text h2.mb-1{
		margin-bottom: 1%;
	}
	.products-page .products-text h1{
		color: #007562;
		font-size: 30px;
		margin-bottom: 2%;
	}
	.products-page .products-text h1.mb-1{
		margin-bottom: 1%;
	}
	.products-page .products-text span{
		line-height: 26px;
	}
	.products-page .products-text p{
		position: absolute;
		bottom: 38%;
		width: 100%;
		margin: auto;
		left: 0;
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	.products-p3-text {
		color: #fff;
		background: #3e3a39;
		padding: 3%;
    		height: 8.5rem;
	}
	.products-p3-text h2{
		color: #fff;
		line-height: 34px;
	}
	.products-page .products-p4-bg{
		display: block;
		width: 100%;
		height: 700px;
		background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/upload/user/20200605/njST5KXij3.jpg) no-repeat;
	}
	.products-page .products-p5-bg{
		display: block;
		width: 100%;
		height: 760px;
		background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/upload/user/20200605/rF2SnddYbm.jpg) no-repeat;
	}
	
	.peijian_p1_8mark .item{
		padding: 3% 4%;
	}
	.peijian_p1_8mark{
		background: #1e1e1e;
	}
	.peijian_p1_8mark .item p{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		color: #40f199;
	}
	
	
	.fittings-page-p2{
		background: #e5e7ec;
	}
	.fittings-p2-right{
		position: relative;
	}
	.fittings-p2-title{
		position: absolute;
		top: 15%;
		right: 5%;
		width: 30%;
	}
	.fittings-p2-png{
		position: relative;
		left: -10%;
		margin: 10% 20px;
	}
	.fittings-p2-left{
	}
	.fittings-p2-left img{
		box-shadow: 5px 5px 5px #bcbcbc;
	}
	.fittings-p2-right .fittings-p2-text{
		margin: 30% 0 0 10%;
	}
	.fittings-p2-right .fittings-p2-text p{
	    	font-size: 18px;
		color: #3b4157 !important;
	}
	.fittings-p3-black{
		background: #23282b;
	}
	.fittings-p3-gray{
		background: #f0f0f0;
	}
	
	.fittings-p3-gray{
		background: #f0f0f0;
	}
	.fittings-p3-black img{
		padding: 2%;
	}
	
	@media only screen and (max-width: 767px) {
	.products-page .products-text h2{
		font-size: 18px;
		margin-bottom: 10%;
		}
	.products-page .products-text h1{
		font-size: 18px;
		margin-bottom: 10%;
		}
		
	.products-page-p2 .products-p2-img img{
		width: 100%;
		height: 100%;
		}
	.products-text{
		padding: 2% 8%;
		}
	.products-page .products-p4-bg {
	    	height: 200px;
		background: url(https://yunwosmart.oss-cn-hangzhou.aliyuncs.com/upload/user/20200605/njST5KXij3.jpg) no-repeat 50%;
		background-size: 150%;
		}
	.products-page .products-text p{
		bottom: 46%;
		}
		
	.fittings-p2-png{
		left: 0;
		}
	.fittings-p2-title{
		position: inherit;
		top: 0;
		right: -5%;
		width: 100%;
		}
		
	.fittings-p2-right .fittings-p2-text{
		margin: 0;
		position: relative;
		right: -5%;
		}
		
	.peijian_p1_8mark .item p{
		font-size: 14px;
		}
	}
    
/*******************************************/

/*  about-page  */

/*******************************************/
	.about-p2{
		margin: -270px 0;
	}
	.about-p2-bg{	
		background: #08a997;
		box-shadow: -20px 25px 15px #00433c75;
	}
	.about-p2 .about-p2-img{
		position: relative;
		top: 175px;
	}
	.about-p2 span{
		display: block;
		text-indent: 26px;
	}
	.about-p2 .about-text h2{
		color: #fff;
	}
	.about-p2 .about-p2-bg .about-text{
		padding: 13%;
	}
	.about-text{
		color: #fff;
		
	}
	.about-p2 .products-line {
		margin-bottom: 20px;
		display: inline-block;
		border-bottom: 6px solid #fff;
		width: 5rem;
	}
	.about-p2 .products-line2 {
		display: inline-block;
		margin: 0 10px 20px;
		border-bottom: 6px solid #fff;
		width: 1rem;
	}
	
	.about-p3{
		margin-top: 250px;
		}
	.about-p3-bg{	
		background: #08a997;
		width: 100%;
		height: 400px;
		position: absolute;
	}
	.about-p3-img{	
		position: relative;
		top: -250px;
		padding: 0 4%;
		margin-bottom: -14%;
	}
	.about-p3-img img{
		border-radius: 26px;
		box-shadow: -10px 25px 15px #00433c75;
	}
	.about-text h2 {
		color: #007562;
		font-size: 30px;
		margin: 1rem;
	}
	.about-p4 .about-text span {
		display: block;
		line-height: 24px;
		margin: 0 auto 2%;
		color: #7d7d7d;
	}
	.about-p4 .about-text .products-line {
		margin-bottom: 20px;
		display: inline-block;
		border-bottom: 6px solid #08a997;
		width: 3rem;
		margin-left: 1%;
	}
	.index-partner{
		background: #f3f3f3;
	}
	.about-p5-item{    
		border-radius: 20px;
		background: #ededed;
		box-shadow: 4px 5px 5px #878787;
	}
	.about-p5-item p{
		font-size: 14px;
		height: 60px;
		width: 60%;
		margin: 2% auto;
	}

	.about-p5-item h2{
		font-size: 40px;
		color: #007562;
		padding-top: 5%;
	}
	
	.about-p6{
		background: #f3f3f3;
	}
	.about-p6 img{
		border-radius: 10px;
		box-shadow: 4px 5px 5px #878787;
	}
	.about-p6-item p{    
		font-size: 18px;
		font-weight: bold;
		color: #333;
		padding: 5% 0;
	}
	@media only screen and (max-width: 767px) {
		.about-p2, .about-p2, .products-page{
			margin: 0;
			padding :0;
		}
		.about-p2 .about-p2-bg .about-text{
			padding: 4% ;
		}
		.about-p2 .about-p2-img{
			position: initial;
		}
		.about-p3 .about-p3-img{
			position: initial;
			padding: 0;
			margin: 0;
		}
		.about-p3{
			margin: 0px;
		}
		.about-p3-bg{
			display:none;
		}
		.about-p3-img img{
			border-radius: 6px;
			box-shadow: 2px 2px 5px #00433c75;
			margin: 2% 0;
		}
		.about-p2-bg {
			box-shadow: 2px 3px 3px #00433c75;
		}
		.about-p4 .about-text .products-line,.about-p4 .about-text .products-line2 {
			margin-bottom: 10px;
		}
		.about-p4 .about-text span {
			width: 100%;
			margin: 0 auto 2%;
		}
		.about-text h2 {
			font-size: 22px;
		}
		.about-p5-item h2{
			font-size: 30px;
		}
		.about-p5-item p {
		        height: auto;
		}
		.plan-4-slide2 .plan-4-slide2-btn li {
			font-size: 12px;
			padding: 6px 2px;
		}
	}
/*******************************************/

/*  contact-map  */

/*******************************************/


	#contact-map{
		width:100%;
		height:400px;
	}
	.contect-phone{
		font-size: 40px;
		color: #666;
		font-weight: bold;
	}
	.contect-text-24{
		padding: 10px;
		text-align: center;
	}
	.contect-text-24 p{
		text-align: center;
		line-height: 20px;
	}
	.contact-icon p{
		font-size: 14px;
	}
	.contact-icon p i{
		font-size: 22px;
		color: #007562;
		padding: 8px;
		line-height: 30px;		
	}
	.drop-round {
		box-shadow: 2px 2px 5px #c5c5c5;
		background: #fff;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		display: block;
		margin: auto;
		position: relative;
		top: -30px;
		line-height: 80px;
		text-align: center;	
	}
	.drop-round .contact-icon-down{
		font-size: 30px; color: #ccc;	
	}
	.msg_inbox{
		background :#f6f6f6;
		padding: 50px 50px 0;
		margin-bottom: 30px;
	}
	.msg_inbox .layui-form-item{
		border: 1px solid #e3e3e3;
		box-sizing: border-box;
	}
	.msg_inbox textarea{
		min-height: 90px;
		height: 90px;
	}
	
	@media only screen and (max-width: 767px) {
		.drop-round {
			width: 50px;
			height: 50px;
			line-height: 52px;	
		}
		.drop-round .contact-icon-down{
			font-size: 26px;	
		}
		.contect-phone {
			font-size: 30px;
			text-align: center;
		}
		.contect-text-24 p{
			font-size: 14px !important;
			display: inline-block;
		}
		.contact-icon{
			padding: 5% 0;
		}
	}

/*******************************************/

/*  case-list/page */

/*******************************************/

	.yunwo-list{
		padding: 0 10%;
	}
	.yunwo-list li{
		padding: 25px;
	}
	.case-item .case-item-text{
		position: relative;
	}
	.game-content {
		position: absolute; 
		bottom: 0;
		z-index: 1;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58%;
		flex: 0 0 58%;
		padding: 3% 10%;
		display: block;
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	.video-content {
		bottom: 0;
		z-index: 1;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58%;
		flex: 0 0 58%;
		padding: 2% 6%;
		display: block;
	}
	.game-content .game-tag {
		font-size: 11px;
		text-transform: uppercase;
		margin-bottom: 10px;
		color: #fff; 
	}
	
	.video-content .video-tag {
		font-size: 11px;
		text-transform: uppercase;
		margin-bottom: 10px;
		color: #fff; 
	}
	.video-content .video-but{
		position: absolute;
		right: 0;
		bottom: 0;
		border: 1px solid #ddd;
		padding: 8px 20px;
		border-radius: 5px;
		font-size: 14px;
		color: #00a694;
	}
	.yunwo-list-text .case-item{
		padding: 10px 0;
	}
	.game-content .game-title {    
		font-size: 1.8rem;
		font-weight: bold;
		color: #fff;
		display: block;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.video-content .video-title {    
		font-size: 1.6rem;
		color: #333;
		display: block;
		width: 100%;
		/*text-align: center;*/
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: bold;
	}
	.game-content .game-meta {
		position: relative;
		z-index: 1;
	}
	.game-content .game-meta a {
		font-size: 12px;
		color: #fff;
		text-transform: uppercase; 
	}
	
	.video-content .video-meta a {
		font-size: 0.6rem;
		color: #fff;
		text-transform: uppercase; 
	}
	.page-breadcrumb{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: .75rem 1rem;
		margin-bottom: 1rem;
		list-style: none;
		background-color: #e9ecef;
		border-radius: .25rem;
	}
	.blog-post-title{
		font-size: 28px;
		padding: 2%;
	}
	.blog-post hr {
		border: 2px solid #00a9e0;
		width: 10%;
		margin: 3% auto;
	}
	.article-main p,.article-main span,.article-main p span{
		color: #4a4a4a !important;
	}
	.page-breadcrumb .breadcrumb-warning{
		position: absolute; 
		right: 2%;
	}
	@media only screen and (max-width: 767px) {
		.yunwo-list{
			padding: 0;
		}
		.yunwo-list li{
			padding: 4px;
		}
		
		.page-breadcrumb .breadcrumb-warning{
			position: initial;
		}
		.blog-post p img{
			height: 100% !important;
			width: 100% !important;
		}
		
		.game-content .game-title {    
			font-size: 1.2rem;
		}
		.game-content .game-meta a{   
			font-size: 1rem;
		}
	}

	.article-main {
	    background: #fff;
	    padding: 5px;
	    border-radius: 10px;
	    position: relative;
	    top: -100px;
	    z-index: 1;
	    box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);
	}
	.article-main .blog-main{
	    padding: 5%;
	}
/*******************************************/

/*  serve  */

/*******************************************/
	.serve-p2{
		background: #f3f3f3;
		overflow: hidden;
	}
	.serve-p2 h2{
		color: #666; 
		font-size: 30px;
		padding: 2% 0;
	}
	.serve-p2 h2 i{
		font-size: 30px;
	}
	.serve-p2 span{
		color: #aaa; 
		font-weight: 100; 
		font-size: 14px;
	}
	.serve-p2 .serve-p2-space{
		padding: 5% 0;
	}
	.serve-p2-box{
		border-radius: 20px;
		background: #fff;
		padding: 5%;
		box-shadow: 5px 5px 8px #d1d1d1;
	}
	.serve-p2-box .serve-box-item h4{
		color: #007562;
		font-size: 20px;
	}
	.serve-p2-box .serve-box-item i{
		color: #007562;
		font-size: 20px;
	}
	.serve-p2-box .serve-box-item p{
		color: #aaa;
	}
	.serve-p4{ 
		padding: 2% 0;
	}
	.serve-p4 h2{ 
		font-size: 30px; 
		margin:1rem;
		text-align:center;
	}
	.serve-p4 h3{
		font-size: 22px; 
		text-align:center;
		margin-bottom: 1rem;
		color:#9d9d9d;
	}
	.serve-p4 h3 small{
		display: inline-block;
		width: 3.5rem;
		height: 3.5rem;
		font-size: 30px;
		line-height: 3.5rem;
		margin: 0 1rem;
		background: #007563;
		border-radius: 50%;
		color: #fff;
	}
	@media only screen and (max-width: 767px) {
	
		.logo{
		    padding: 10px;
		}
		.serve-p4 h3{
			font-size: 14px; 
			text-align:center;
			margin-bottom: 1rem;
			color:#9d9d9d;
		}
		.serve-p4 h3 small{
			display: inline-block;
			width: 1.5rem;
			height: 1.5rem;
			font-size: 14px;
			line-height: 1.5rem;
			margin: 0 1rem;
			background: #007563;
			border-radius: 50%;
			color: #fff;
		}
	}
	
	/*******************************************/

	/*  Button  */

	/*******************************************/
	
	.icon-item{
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.icon-item:hover{
		background: #009688;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		border-radius: 15px;
		box-shadow: 2px 2px 5px #46625d63;
		transform: scale(1.1);
		margin-top: -20px;
		z-index: 1;
		padding: 6%;
	}
	.platform-icon-item{
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.platform-icon-item:hover{
		transform: scale(1.1);
		z-index: 1;
	}

/** 单网页样式 **/

	.slideGroup{ width:100%;  }
	.slideGroup .parHd{ 
		height: 100%;
		line-height: 100%;
		background: #f3f3f3;
		position: relative;
		}
	.slideGroup .parHd ul{ text-align: center;}
	.slideGroup .parHd ul li{ 
	    display: inline-block;
	    width: 10%;
	    height: 50px;
	    line-height: 50px;
	    padding: 0 40px;
	    cursor: pointer;
	    margin: 15px;
	    border: 2px solid #999;
	    color: #999;
	    border-radius: 8px;
	    box-sizing: content-box;
	    font-size: 16px;
		}
	.slideGroup .parHd ul li.on{
	    background: #00bfff;
	    color: #fff;
	    border-color: #00bfff; 
		}
		
/*** 证书页面 ***/

.honor-tit-pd{
	padding: 40px;
}

.honor-item{
	text-align:center;
	margin: 15px;
	background: #fff;
	box-shadow: 7px 7px 11px rgba(133, 131, 131, 0.4);
	padding: 20px;
	transition: 0.5s;
}
.honor-item:hover{
	transform: scale(1.1);
}

.honor-item .honor-item-box p{
	padding: 10px;
	height: 40px;
}

.honor-item img{
	width: 80%;
	height: 100%;
	border-bottom: 1px solid #ccc;
}
.honor-item .caption{
	padding-bottom: 0;
	font-size: 14px;
}

@media only screen and (max-width: 767px) {

	.honor-item{
		margin: 10px;
		padding: 10px;
	}
	.honor-item .honor-item-box p{
		padding: 10px;
		height: 56px;
		font-size: 12px;
	}
}

/*基本样式*/
.cate-tit-slide{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	padding: 40px 0;
}
.p-tit-slide{
	text-align: center;
	color: #a4a4a4; 
	font-size: 16px;
}
.cate-slide2 .cate-slide2-btn li{
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	padding: 10px 0;
	margin: 0;
	background: #3a3a3a;
	cursor: pointer;
}
.cate-slide2 .kepu li{
	font-size: 18px;
}
.cate-slide2 .cate-slide2-btn :hover{
	background: #007563 !important;
}

.cate-slide2 .cate-slide2-btn .active{
	background: #007563 !important;
}

/*.cate-slide2 .cate-slide2-img .carousel-item img{
	margin: 0 0 60px 0;
    	padding: 0;
}*/
.cate-slide2 .cate-slide2-img span{
	position: absolute;
	font-size: 26px;
	padding: 0 30px;
}
.cate-slide2 .cate-slide2-img p{
	position: absolute;
	font-size: 16px;
	padding: 0 30px;
	display: inline-block;
	top: 20%;
}
.cate-slide2 .cate-slide2-img .box-img{
	position: relative;
	top: 30px;
	left: 30px;
}
.global-btn{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 30px 0;
}
.cate-slide2 .cate-slide2-btn .global-btn{
	border: 2px solid #000;
}
.sigh-img{
	width: 150px;
	padding: 10px
}
.after-sales-tow-option{
	width: 100%;
	display: inline-block;
	text-align: center;
}
.after-sales-tow-option>div{
	display: inline-block;
	padding: 10px 30px;
	margin: 0 2% 2%;
	border: 2px solid #ccc;
	color: #ccc;
	cursor: pointer;
}
.after-sales-tow-option div:first-child{
	background: #007563;
	border: none;
	color: #fff;
}




.after-sales-slides{
	border: 2px solid #000;
	display: inline-block;
	width: 98%;
	height: 450px;
	position: absolute;
	top: 29%;
	right: 2%;
}
.shouhou-con{ text-align: center; padding: 15%;}
.shouhou-con img{display: block;}
.shouhou-con span{ font-size: 1.6rem; color: #999;}


/******home-case-btn******/
.home-case-btn{
	padding: 10px 30px;
	position: absolute;
	bottom: 35px;
	right: 40px;
	z-index: 1;
	border: 2px solid #fff;
	border-radius: 30px;
	background: transparent;
	color: #fff;
	font-weight: 800;
}
.home-case-btn:hover{
	border: 2px solid transparent;
	border-radius: 30px;
	background: #35cab1;
	color: #0c7160;
}

@media only screen and (max-width: 767px) {
	.home-case-btn{
		padding: 5px 12px;
		font-size: 12px;
		bottom: 52px;
		right: 10px;
		z-index: 1;
		border: 1px solid #fff;
		font-weight: 200;
	}
	.shouhou-con .caption span{ font-size: 14px;}
	.yypx-tittag{
		border: 2px solid #007563;
		border-radius: 10px;
		padding: 5% 10%;
		font-size: 14px;
		margin-bottom: 20px;
		display: inline-block;
		color: #666;
	}
	.cate-slide2 .cate-slide2-btn li {
		font-size: 14px;
		border-radius: 20px;
		padding: 4px 0;
		border: 2px solid;
		background: #00000050 !important;
	}
	.after-sales-slides{
		display: none;
	}
	.cate-slide2 .cate-slide2-img .box-img{
		position: relative;
		top: 0;
		left: 0;
	}
	.shouhou-con{ text-align: center; padding: 5%;}
	
	.cd-main-content .after-sales-gallery li{
		width: 80%;
		margin: 2% 10%;
		box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.35);
	}
	.training-lijie .training-title{
		position: absolute;
		top: 5%;
		padding: 16px;
		background: #007563;
		color: #fff;
		font-weight: bold;
		font-size: 15px;
	}
	.training-lijie .swiper-slide{
		padding: 5px;
	}
	.video-content {
		padding: 3%;
	}
	.video-content .video-title {
		font-size: 1.4rem;
		color: #333;
		display: block;
		width: 100%;
		text-align: inherit;
		overflow: inherit;
		text-overflow: inherit;
		white-space: pre;
	}
	.video-content .video-but {
		bottom: -50px;
		padding: 5px 15px;
		font-size: 12px;
	}
	.yunwo-list-text{background: #f4f4f4;}
}


	/* 本例子css */
	.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 10%; position:relative; height: 100%;   }
	.slideBox img{
		width: 100%;
	}
	.slideGroup .sPrev,.slideGroup .sNext{ 
		position: absolute;
		left: 8%;
		top: 40%;
		display: block;
		width: 60px;
		height: 60px;
		padding: 6px 16px;
		font-size: 26px;
		border: 2px solid #ddd;
		border-radius: 50%;
		color: #aaa;
		z-index: 9;
		}
	.slideGroup .sNext{ 
		left:auto; 
		right:8%; 
	    	padding: 6px 20px; 
		  }
	.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#00a9e0; color: #00a9e0; }

	.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
	.slideGroup .parBd ul li .pic{ text-align:center; }
	.slideGroup .parBd ul li .pic a{ width:100%; height:100%; display:block; background-size: 100% !important;} 
	
	.slideGroup .parBd ul li .pic .pic-text{
		padding: 12% 0 0 20%;
		text-align: left;
	}
	.slideGroup .parBd ul li .pic .pic-text h2{
		font-size: 46px;
	}
	.slideGroup .parBd ul li .pic .pic-text span{
		font-size: 20px;
		color: #999;
	}
	.slideGroup .parBd ul li .pic .pic-text i{
		border-bottom: 2px solid #ccc;
		display: block;
		margin: 5% 0;
		position: relative;
	}
	.slideGroup .parBd ul li .pic .pic-text i::before{
		border-bottom: 4px solid #f22;
	}
	.slideGroup .parBd ul li .pic .pic-text .pic-text-item p{
		color: #999;
		font-size: 12px;
	}
	.slideGroup .parBd ul li .pic .pic-img{
		padding: 0 4%;
	}
	
	.details1{
		background:#fff; 
		padding: 60px;
	}
	
	.details2{
		background:#eee; 
		padding: 60px;
	}
	
	.ps-main{
		overflow: hidden;
	}
	.ps-main img{
		width: 100%;
	}
	.ps-product--detail{
		padding: 60px 0;
	}
	
	.product-layout-left .product-data p{
		font-size:18px; 
		padding-bottom:10px;
		color: #000;}
	.product-layout-left .product-data-number p{
		font-size:18px; 
		padding-bottom:10px;}
	@media only screen and (max-width:1900px){
	}
	@media only screen and (max-width:1600px){
	}
	

	@media only screen and (max-width: 1200px){
	}

	@media only screen and (max-width:990px){
		.partner-grid{ margin-bottom: 30px; }
		.slideGroup .slideBox{ position:relative; top:30px;}
		.slideGroup .parBd{ padding: 0; height: 600px;}
		.slideGroup .slideBox{  height: 600px;}
	}
	@media only screen and (max-width: 767px){
	
		.partner-grid{ margin-bottom: 0px; }
		.slideGroup .parHd ul li{ 
			display: inline-block;
			width: 10%;
			height: 50px;
			line-height: 50px;
			padding: 0 40px;
			cursor: pointer;
			margin: 0 15px;
			border: 2px solid #999;
			color: #999;
			border-radius: 8px;
			box-sizing: content-box;
			font-size: 16px;
		}
		.slideGroup .slideBox{padding:10px 0%; }
		.slideGroup .parHd ul li{
			width: 22%;
			padding: 0 10px;
			margin: 1%;
			font-size: 16px;}
	
		.slideGroup .parBd ul li .pic .pic-text{
			padding: 0 12%;
		}
			
		.slideGroup .parBd ul li .pic .pic-text i{
			margin: 2% 0;}
			
		.slideGroup .sPrev,.slideGroup .sNext{
			position: absolute;
			display: block;
			width: 45px;
			height: 45px;
			padding: 0 10px;}
			
		.slideGroup .sNext{ 
			left:auto; 
			right:8%; 
		    	padding: 0 12px; }
	
		.details1{padding: 3%;}
		.details2{padding: 3%;}
		/*.ps-product--detail{padding: 3%;}*/
		.product-layout-left{padding: 0;}
		.product-layout-right{padding: 0; display: none;}
			
		.product-layout-left .product-data p{
			font-size:14px; 
			padding-bottom:10px;
			color: #000;}
		.product-layout-left .product-data-number p{
			font-size:14px; 
			padding-bottom:10px;}
		.notice{
			position: relative;
			right: 0;
			font-size: 12px;
			color: #999;
		}
		.blog-post-title{
			font-size: 1.3rem !important;
		}

	}
	@media only screen and (max-width: 320px){
	
			
		.slideGroup .sPrev,.slideGroup .sNext{ 
			position: absolute;
			top: 50%;}
			
		.slideGroup .parHd{
			height: 100px;
			padding: 0;
			}
		.slideGroup .parHd ul li{
			padding: 0 10px;
			margin: 5px;
			font-size: 16px;}
			.slideGroup .parBd{ padding: 0; height: 600px;}
			.slideGroup .slideBox{  height: 500px;}
			.partner-grid{
			    width: 100%; }
	}