/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	color: #666666;

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 14px;

	font: inherit;

	vertical-align: baseline;

	font-family: 微软雅黑;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a{

	text-decoration: none;

}

img{

	vertical-align: middle;

}

button, input{ 

	border: none;

	padding: 0;  

	border-radius: 0;

	/*-webkit-appearance: none;*/

}

input:focus{

	outline: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-user-modify: read-write-plaintext-only;

}



/**

 * 导航移动端

 */

/* 公共样式 */

@media only screen and (min-width: 300px) and (max-width: 1920px){

    



}

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

    .index-title h2 {

       font-size: 32px;

        margin-bottom: 12px;

    }

    .index-title p {

        font-size: 22px;

        line-height: 32px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 900px){

    .index-title h2 {

        font-size: 28px;

        margin-bottom: 8px;

    }

    .index-title p {

        font-size: 20px;

        line-height: 30px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 750px){

    .index-title01{

        text-align: center;

    }

    .index-title h2 {

        font-size: 24px;

        line-height: 36px;

    }

    .index-title p {

        font-size: 18px;

        line-height: 30px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .index-title h2 {

        font-size: 22px;

        line-height: 34px;

        margin-bottom: 4px;

    }

    .index-title p {

        font-size: 16px;

        line-height: 26px;

    }

    .index-title h4 {

       font-size: 14px;

        line-height: 21px;

        margin-top: 14px;

    }

}

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

    .w1640{

        max-width: 100%;

        padding: 0 60px;

        margin-bottom: 8px;

    }

}

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

    .w1400{

        max-width: 100%;

        padding: 0 25px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 1400px){

    .w1640{

        padding: 10px;

    }

}

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

    .w1640{

        padding: 0 25px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 900px){

    .navpc{

        display: none;

    }

    .navmp{

        display: block;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .w1400,

    .w1640{

        padding: 0 15px;

    }

}

/* pc导航 */

@media only screen and (min-width: 300px) and (max-width: 1366px){

    .ymwz-wzdh .dhss {

/*        width: 77%;*/

    }

    .ymwz-wzdh .logo img {

    }

    .ymwz-wzdh .nav .a1, .ymwz-wzdh .nav .a2 {

        font-size: 15px;

    }

    .ymwz-wzdh .dhss .ssbf .ywwz a {

        font-size: 15px;

    }

}

@media only screen and (min-width: 900px) and (max-width: 1366px){

    .ymwz-wzdh .logo {
        width: 31%;
    }
    .top-tel{
        margin-left: 0;
    }
    .top-tel img{
        margin-right: 0!important;
    }

    .ymwz-wzdh .dhss {

        width: 68%;

    }
     .ymwz-wzdh .dhss .nav .list{
        padding: 0 5px;
    }
    .ymwz-wzdh .dhss .nav{
        width: 70%;
    }
    .footer-mid > h4{
        margin-bottom: 10px;
        padding: 0;
    }

}

/* mp导航 */

@media only screen and (min-width: 300px) and (max-width: 900px){

    .navmp .logo img {

        width: 180px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 750px){

    .navmp .logo img {

        width: 125px;

    }

    .navmp .shdh .navmp-yczs {

        width: 40px;

        height: 70px;

        background-size: 30px auto;

    }

    .navmp,.navmp .logo {

        height: 70px;

    }

    .navmp .subnav {

        top: 72px;

    }

    .navmp .subnav .list .a1 {

        height: 62px;

        line-height: 60px;

        padding-left: 20px;

        font-size: 18px;

        border-bottom: 1px solid #ddd;

    }

    .navmp .subnav .list-top {

        height: 62px;

        line-height: 60px;

        padding-left: 20px;

        border-bottom: 1px solid #ddd;

    }

    .navmp .subnav .list-top p{

        font-size: 18px;

    }

    .navmp .subnav .list-bot a {

        height: 52px;

        line-height: 52px;

        padding-left: 40px;

        font-size: 16px;

    }

    .navmp .subnav .list-top::after {

       background-size: 20px 20px;

    }

}

@media only screen and (min-width: 300px) and (max-width: 500px){

    .navmp .logo img {

        width: 245px;

    }

    .navmp .shdh .navmp-yczs {

        width: 40px;

        height: 60px;

        background-size: 28px auto;

    }

    .navmp ,.navmp .logo {

        height: 60px;

    }

    .navmp .subnav {

        top: 62px;

    }

    .navmp .subnav .list .a1 {

        padding-left: 15px;

        font-size: 16px;

    }

    .navmp .subnav .list-top {

        padding-left: 15px;

    }



    .navmp .subnav .list-top p{

        font-size: 16px;

    }



    .navmp .subnav .list-bot a {

        padding-left: 30px;

        font-size: 14px;

    }

    .navmp .subnav .list-top::after {

       background-size: 18px 18px;



    }

}



/**

 * 增加banner页面

 */

.pcbanner {

  display: block;

  width: 100%;

}

.mobanner {

  display: none;

}

.wrap1560 {

  width: 90%;

  max-width: 1560px;

  margin: 0 auto;

}

.wrap1400 {

  width: 90%;

  max-width: 1400px;

  margin: 0 auto;

}

.inbanner_box {

  position: relative;

}

.inbanner_box .btn {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 20;

}

.inbanner_box .prev_banner {

  left: 2%;

}

.inbanner_box .next_banner {

  right: 2%;

}

.inbanner_box #inbanner .swiper-slide {

  position: relative;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 {

  width: 81.25%;

  position: absolute;

  left: 50%;

  top: 0;

  height: 100%;

  -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

  overflow: hidden;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl {

  position: absolute;

  left: 0;

  -webkit-transform: translateX(200px);

     -moz-transform: translateX(200px);

      -ms-transform: translateX(200px);

          transform: translateX(200px);

  opacity: 0;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl1 {

  top: 20%;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl2 {

  top: 46%;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl3 {

  top: 13.69%;

}

.inbanner_box #inbanner .swiper-slide .wrap1560 .btl4 {

  top: 27.69%;

}

.inbanner_box #inbanner .swiper-slide-active .wrap1560 .btl {

  opacity: 1;

  -webkit-transition: all .6s .6s;

  -o-transition: all .6s .6s;

  -moz-transition: all .6s .6s;

  transition: all .6s .6s;

  -webkit-transform: translateX(0px);

     -moz-transform: translateX(0px);

      -ms-transform: translateX(0px);

          transform: translateX(0px);

}

#bannerSP .swiper-pagination-bullet{

	width: 12px;

   height: 12px;

   background: transparent;

   opacity: 0.5;

   border: 1px solid #ffffff;
   margin: 0 20px;

}

#bannerSP .swiper-pagination-bullet-active{

   background: #00a551;

   border: 1px solid #00a551;

   opacity: 1;

}

#bannerSP{
  margin-bottom: 25px;
}

@media (max-width: 768px) {

  .swiper-container .swiper-pagination .swiper-pagination-bullet {

    width: 8px!important;

    height: 8px!important;

    -webkit-border-radius: 50%!important;

       -moz-border-radius: 50%!important;

            border-radius: 50%!important;

    border: none!important;

    background: #00a551!important;

    margin: 0 5px!important;

    opacity: .3!important;

  }

  .swiper-container .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 1!important;

  }

  .pcbanner {

    /*display: none;*/

  }

  .mobanner {`

    display: block;

    width: 100%;

  }

  .bannerbox {

    display: block;

  }

  .bannerbox .box {

    display: none;

  }

}

/**

 * 统一协同管理

 */

.l_morebtn:hover::after{

   width: 0;

   border-radius: 0;

 }

 .l_morebtn:hover::before{

   width: 0;

   border-radius: 0;

 }

.l_morebtn p {

   font-size: 16px;

   line-height: 35px;

   color: #000000;

   font-weight: bold;

   text-align: center;

}

.l_morebtn {

   width: auto;

   border-radius: 25px;

   border: 3px solid #00a5516b;

   transition: all .36s;

   display: inline-block;

   position: relative;

}

.l_sybox2 .l_morebtn::after{

    clip: rect(0px, 272px, 50px, 8px);

}

.l_sybox2 .l_morebtn::before{

    clip: rect(0px, 272px, 50px, 8px);

}

.l_morebtn::after {

    content: "";

    width: calc(100% + 6px);

    height: calc(100% + 6px);

    border-radius: 25px;

    /* border: 3px solid #00a5516b; */

    border-top: 4px solid #00a5516b;

    border-bottom: 4px solid #00a5516b;

    position: absolute;

    top: -3px;

    left: 50%;

    transform: translateX(-50%);

    clip: rect(0px, 162px, 50px, 8px);

    transition: all .5s ease-out;

}



.l_morebtn::before {

    content: "";

    width: calc(100% + 6px);

    height: calc(100% + 6px);

    border-radius: 25px;

    /* border: 3px solid #00a5516b; */

    border-top: 4px solid #00a5516b;

    border-bottom: 4px solid #00a5516b;

    position: absolute;

    top: -3px;

    left: 50%;

    transform: translateX(-50%);

    clip: rect(0px, 162px, 50px, 8px);

    transition: all .5s ease-out;

}

.l_morebtn a {

    display: block;

    padding: 0 45px;

    z-index: 99;

    position: relative;

}





/**

 * 项目装修案例

 */

.case-desc{

	position: absolute;

	z-index: 100;

	top: 0;

}

.case-desc h3{

	font-size: 20px;

	font-weight: bold;

	color: #015aa1;

	border-left: 5px solid #015aa1;

   padding-left: 30px;

   margin: 28% 0 10%;

}

.case-desc p{

	font-size: 16px;

	color: #ffffff;

	line-height: 30px;

}

.col-xs-1-5,

.col-sm-1-5,

.col-md-1-5,

.col-lg-1-5 {

	position: relative;

	min-height: 1px;

}

 

.col-xs-1-5 {

	width: 18%;

	float: left;

}

 

@media (min-width: 768px) {

	.col-sm-1-5 {

		width: 18%;

		float: left;

	}

}

 

@media (min-width: 992px) {

	.col-md-1-5 {

		width: 18%;

		float: left;

	}

}

 

@media (min-width: 1200px) {

    .index-title{

        text-align: center;

    }

    .index-title h2 {

        font-size: 32px;

        margin-bottom: 12px;

        color: #00a551;

    }

    .index-title p {

        font-size: 22px;

        color: #333333;

    }

	.col-lg-1-5 {

		width: 18%;

		float: left;

	}
	.present4-sub-div2-detail .col-lg-1-5{
	    margin-top: 15px;
	}

    .footer .col-lg-1-5{

        text-align: center;

        padding: 0;

        width: 17%;

    }

}

/* 首页视频播放 */

.video-box {

    position: relative;

    /*height: 100vh;*/

    background-color: #C1CFF7;

    /*进行视频裁剪*/

    overflow: hidden;

}

.video-box .video-background {

    position: absolute;

    left: 50%;

    top: 50%;

    /*保证视频内容始终居中*/

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    object-fit: cover;

    min-height: 800px;

}

.video-box .container{

    position: relative;

}

.layer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 430px;
    z-index: 1000;
}

.slogan {

    position: absolute;

    top: 40%;

    right: 0%;

    text-align: right

}

.slogan .subtitle {

    letter-spacing: 10px;

    margin: 0 0 16px;

    color: #ffffff;

}

.slogan .title {

    color: #ffffff;

}

.slogan .try-btn {

    position: relative;

    color: #ffffff;

    margin-right: 40px;

    cursor: pointer;

}

.slogan .try-btn img{

    margin-right: 10px;

}
/* 首页包装线应用案例  */
.index_apply .apply_title .index-title {
    text-align: left;
}

/* 首页行业应用  */

.youshi .category .col-lg-3{text-align: center;font-size: 14px;color: #a2a6a8;line-height: 20px;cursor: pointer;}

.youshi .category .col-lg-3:first-child span{

    right: 0;

}

.youshi .category .col-lg-3 span{    

    position: absolute;

    height: 100px;

    border: 1px solid #00a551;

    top: 20px;

    right: -20px;

}

.youshi .category .col-lg-3 h2{font-size: 20px;color: #333333;margin: 30px 0 10px;}

.youshi .category .col-lg-3 p{color: #666666}

.youshi .swiper-container2{margin-top: 65px;}

.youshi .swiper-container2 img{width: 100%}

.youshi .swiper-container2 .swiper-button-next2{

    width: 38px;

    height: 74px;

    background: url('../images/2next.png') no-repeat center;

}

.youshi .swiper-container2 .swiper-button-prev2{

    width: 38px;

    height: 74px;

    background: url('../images/2prev.png') no-repeat center;

}

.youshi  .swiper-pagination2{

    display: block;
    left: 0;
    top: 65px;
    right: 0;
    bottom: 0;
    margin: auto;

}

.youshi .swiper-pagination2 .swiper-pagination-bullet{

    margin:0 5px;

    border-radius: 0;

    width: 30px;

    height: 3px;

    background: #00a551;

}

.youshi .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{

    height: 6px;

    background: #00a551;

}
.youshi .swiper-container2 .advice {
    display: none;
    width: 100%;
    height: 100%;
    transition: all .4s;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
/*    left: -101%;*/
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 0 20px;
    box-sizing: border-box;
}
.youshi .swiper-container2 .swiper-slide:hover .advice {
    display: flex;
}
.youshi .swiper-container2 .tit {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    width: 100%;
}
.youshi .swiper-container2 .detial {
    font-size: 14px;
    color: #ffffff;
    margin-top: 30px;
    transition: all .3s;
    padding: 7px 20px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 20px;
}
/*  首页推荐产品  */

.present4-parent{

    background: url("../images/bg-01.jpg") no-repeat top;

    background-size: 100% auto;

    padding-bottom: 60px;

}

.present4 .list-group{

    margin-bottom: 40px;

}

.present4-sub-div1{

    margin-bottom: 15px;

}

.present4-sub-div1 h2{

    /*font-weight: bold;*/

}

.present4-sub-div1 span{

    font-size: 16px;

    color: #b1b1b1;

}

.present4-sub-div2 .list-group-item a{

    background: #ffffff;

}

.present4-sub-div2 .list-group a{
    display: block;
    font-size: 18px;
    box-shadow: 0 5px 5px #f3f3f3;
}

.present4-sub-div2 .list-group .on a{
    background-color: #00a551;
    box-shadow: 0 0px 1px #00a551;
}

.present4-sub-div2 .list-group .on a{

    color: #ffffff;

}

.present4-sub-div2 .list-group-horizontal .list-group-item a{

    margin-left: 2px;

    margin-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.present4-sub-div2 .list-group-horizontal .list-group-item:first-child a{

    margin-left: 0;

}

.present4-sub-div2 .list-group-horizontal .list-group-item:last-child a{

    margin-right: 0;

}

.present4-sub-div3{

    overflow: hidden;

    transition: all .3s ease;

    margin-bottom: 80px;

}

.present4-sub-div3 .col-lg-6 img, .present5-sub-div1 div img{

    max-width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

}

.present4-sub-div3 .col-lg-6 img:hover, .present5-sub-div1 div img:hover{

    transform: scale(1.08);

    transition: all .3s;

    -webkit-transition: all .3s;

}

.present4-sub-div3:hover{

    transform: translateY(-5px);

}

.swiper-pagination3 .swiper-pagination-bullet-active{

    background: #00a551;

}

.present4-sub-div2 .list-group-item a{

    padding: 15px 0;

}

.present4-sub-div2 .list-group-item:hover a{

    background-color: #00a551;

    color: #ffffff;

}

.present4-sub-div2-detail img{

    width: 80%;

    margin: 0 auto;

    display: block;

}

.present4-sub-div2-detail .text h2{

    font-size: 18px;

    text-align: center;

    margin: 20px 0;

    padding-bottom: 20px;

    border-bottom: 4px solid #dddddd;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.present4-sub-div2-detail .col-lg-1-5:hover .text h2{

    border-bottom: 3px solid #00a551;

}

/* 侧边栏 */

.client-2 {position:fixed;right:0;top:65%;margin-top:-100px;_position:absolute;  z-index:100;}

.client-2 ul {width: 55px;}

.client-2 li { background: #dcdcdc; margin-top: 1px; height: 55px;width: 55px; overflow:visible !important;list-style:none; float:right;}

.client-2 li a { display: block;height: 100%;  width: 100%; }

.client-2 li i {display: block; width: 30px;height: 27px;margin: 0px auto;text-align: center; }

.client-2 li p {height: 20px;line-height: 20px; overflow: hidden;text-align: center;color: #fff; display:none;}

.client-2 .my-kefu-qqgy i{background: url(../images/sq.png) no-repeat 0 0;}

.client-2 .my-kefu-tel i {background: url(../images/left-1.png) no-repeat center center;}

.client-2 .my-kefu-weixin i {background: url(../images/left-2.png) no-repeat center center;}

.client-2 .my-kefu-qq i {background: url(../images/left-3.png) no-repeat center center;}

.client-2 .my-kefu-ftop {display: block;background-color:#dcdcdc ;}

.client-2 .my-kefu-ftop i {background: url(../images/left-4.png) no-repeat center center;}

.client-2 .my-kefu-tel.cur,

.client-2 .my-kefu-weixin.cur,

.client-2 .my-kefu-ftop.cur,

.client-2 .my-kefu-qq.cur{

    background: #00a551;

}





.client-2 .my-kefu-cart i {background-position: -34px -22px;}

.client-2 .my-kefu-liuyan i { background-position: 4px -53px;}

.client-2 .my-kefu-weibo i {background-position: -30px -22px;}

.client-2 .my-kefu-left {float: left; width: 55px;height: 39px;position: relative;padding-top:16px; }

.client-2 .my-kefu-tel-right {font-size: 20px;color: #fff;float: left;height: 24px;line-height: 22px;padding-left: 15px; border-left: 1px solid #fff;margin-top: 16px;}

.client-2 .my-kefu-tel-main {color: #fff;height: 47px;width: 247px;}



.client-2 .my-kefu-weixin-pic {position: absolute;left: -142px;bottom:0;width:120px; display: none;z-index: 333; padding: 10px; background:#00a551 ; font-size:14px; text-align:center; line-height:30px;color:#FFF; }

.client-2 .my-kefu-weixin-pic img{display:block;height:100px;}

.client-2 .my-kefu-weixin-pic em{color: #ffffff}

.client-2.normaler{right:0;}

.client-2 .my-kefu-ftop .my-kefu-left {padding-top:10px;}

.client-2 .my-kefu-right {font-size: 14px;color: #fff;float: left;height: 24px;line-height: 22px;padding-left: 15px; border-left: 1px solid #fff;width:75px;margin-top:16px;}

.client-2 .my-kefu-main {position: relative;color: #fff;  height: 55px;width: 247px;}

.client-2 .my-kefu-ftop .my-kefu-main {position: relative;color: #fff;  height: 55px;width: 66px; overflow:hidden;}