/*电脑头部*/
/*头部总宽度*/
.container-menu{width: 95%;margin: 0 auto;}


/*新闻详情*/
.mian-main-newsinfo{background: #f5f5f5;}

.mian-info{width: 94%;padding: 3% 3%;background: #fff}
.news-info h1{font-size: 28px;text-align: center;}
.sub{;border-bottom: 1px dashed #eee;margin-bottom: 25px;padding-bottom: 15px;text-align: center;margin-top: 20px}
.sub li{display: inline-block;font-size: 16px;font-weight: lighter;margin: 0px 15px;color: #666;padding-left: 30px;}
.sub li:nth-child(1){background: url("../Image/info1.png") left center no-repeat;background-size: 27px}
.sub li:nth-child(2){background: url("../Image/info2.png") left center no-repeat;background-size: 25px}
.sub li:nth-child(3){background: url("../Image/info3.png") left center no-repeat;background-size: 17px}
.news-info-con p{color: #666;margin: 8px 0;line-height: 1.6;}
.news-info-con img{display: block;margin: 0 auto;max-width: 100%}
.news-info-con a{color: blue;text-decoration: underline}
.news-info-con p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;}


/**********************************************案例中心************************/
.main-main-cases{background: #fff}
.cases-list-li li{width: 32%;float: left;height: 25vw;margin-right: 2%;background: #fff;border-radius: 5px;
box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);overflow: hidden}
.cases-list-li li:nth-child(n+4){margin-top: 3%;}
.cases-list-li li:nth-child(3n){margin-right: 0%;}
.cases-list-li li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.cases-list-li li a .f1{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.cases-list-li li a .f2{position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.4);opacity: 0;left: 0;top: 0;}
.cases-list-li li a .f21{position: absolute;width: 100%;z-index: 3;left: 0;bottom: 0px}



.cases-list-li li a .f21 .t{padding: 3% 4%;border-radius: 5px;overflow: hidden;background: rgba(255,255,255,0.9);}

.cases-list-li li a .f21 .t .p1{font-size: 20px;color: #1d1d1d;font-weight: bold;/*border-bottom: 1px solid #eee;padding-bottom: 3%;*/
text-align: center;}
.cases-list-li li a .f21 .click{padding-top: 2.5%;display: none;}
.cases-list-li li a .f21 .click span{display: inline-block;float: left;text-indent: 21px;font-size: 14px;
    font-weight: normal;color: #333;height: 25px;line-height: 24px;font-weight: lighter}
.cases-list-li li a .f21 .click span:nth-child(1){background: url("../Image/shi1.png") left center no-repeat;width: 50%}
.cases-list-li li a .f21 .click span:nth-child(2){background: url("../Image/shi2.png") left center no-repeat;width: 30%}
.cases-list-li li a .f21 .click span:nth-child(3){width: 20%;float: right;font-family: aaa;color: #c0121b;font-size: 20px;text-align: right;text-indent: 0}
/**/
.cases-list-li li a .f3{position: absolute;width: 100%;height: 100%;z-index: 4;left: 0;top: 0;}
.cases-list-li li a .f3 .f3-c{width: 90%;margin: 0 auto;}
.cases-list-li li a .f3 .f3-c .p1{text-align: center;color: #fff;font-size: 20px;font-weight: bold;margin-top: 23%;
    position: relative;top: 30px;transition-delay: 0.1s;opacity: 0}
.cases-list-li li a .f3 .f3-c .p2{width: 29px;height: 17px;margin: 0 auto;background: url("../Image/tt1.png") center no-repeat;padding: 5% 0;
    position: relative;top: 40px;transition-delay: 0.15s;opacity: 0}
.cases-list-li li a .f3 .f3-c .p3{font-size: 15px;text-align: center;font-weight: lighter;color: #fff;
    position: relative;top: 50px;transition-delay: 0.18s;opacity: 0}
/*hover*/
.cases-list-li li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);box-shadow: 0px 2px 14.09px 0.91px rgba(167, 162, 184, 0.43)}
.cases-list-li li a:hover .f1 img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.cases-list-li li a:hover .f2{opacity: 1}

.cases-list-li li a:hover .f3 .f3-c .p1{transform: translateY(-30px);-webkit-transform: translateY(-30px);opacity: 1;}
.cases-list-li li a:hover .f3 .f3-c .p2{transform: translateY(-40px);-webkit-transform: translateY(-40px);opacity: 1;}
.cases-list-li li a:hover .f3 .f3-c .p3{transform: translateY(-50px);-webkit-transform: translateY(-50px);opacity: 1;}
.cases-list-li li a:hover .f21{transform: translateY(60%);-webkit-transform: translateY(60%);opacity: 0;}

/**案例详情*/
.case-has-img img{max-width: 100%;display: block;margin: 6px auto;}
/*案例详情新增，左右排版新增*/
/*.cases-info-l .top .le{width: 480px;height: 300px;float: left;box-sizing: border-box;border: 1px solid #eee;background: #f5f5f5}*/
.cases-info{padding: 1% 0;}
/*.cases-info-l .top .leli{width: 480px;float: left;}*/
.cases-info-l{width: 50%;float: left;background: pink;position: relative}
/*.cases-info-l .top .z{width: 480px;height: 450px;float: left;position: relative;background: #fff}*/

.cases-info-l .top{width: 100%;height: 30vw;overflow: hidden;box-sizing: border-box;border: 0px solid #ddd;background: #fff}
.cases-info-l .bot{width:100%;margin: 0 auto;padding: 2% 0;background: #f3f0f0}
.cases-info-l .bot .swiper-slide{width: 160px;height: 98px;cursor: pointer;}
.cases-info-l .bot .swiper-wrapper{margin-left: -25%}
/*.cases-info-l .top .swiper-button-prev{width: 24px;height: 71px!important;background:#1753b5 url("../Image/pr11.png") center no-repeat!important;*/
    /*top: 100%!important;margin-top: -85px!important;left: 1px!important;}*/
/*.cases-info-l .top .swiper-button-next{width: 24px;height: 71px!important;background:#1753b5 url("../Image/ne11.png") center no-repeat!important;*/
    /*top: 100%!important;margin-top: -85px!important;right: 1px!important;}*/
.cases-info-l .swiper-button-prev{left: 10px;top: 32%;width:35px;height: 80px;background:#0e9eaf;
    background-size: 21px;background-repeat: no-repeat;background-position: center;
background-image: url("../images/pr.png");}
.cases-info-l .swiper-button-next{right: 10px;top:32%;width:35px;height: 80px;background:#0e9eaf;
    background-size: 21px;background-repeat: no-repeat;background-position: center;background-image: url("../images/ne.png")}




.cases-info-l  .bot .swiper-slide img{box-sizing: border-box;border: 0px solid #bbb;opacity: 0.5}
.cases-info-l  .bot .swiper-slide-active img{box-sizing: border-box;border: 0px solid #ef7d0e;opacity: 1}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.8!important;}


/*右侧*/
.cases-info-r{width: 47%;background: #fff;float: right;}
.cases-info-r p{color: #444;margin: 15px 0;line-height: 1.8;}
.cases-info-r img{display: block;margin: 0 auto;max-width: 100%}
.cases-info-r a{color: blue;text-decoration: underline}
.cases-info-r p,.news-info-con p span,.news-info-con br,.news-info-con strong,.news-info-con a{font-family: 'Microsoft YaHei'!important;}

.cases-info-r fieldset{padding: 10px;border: 1px dashed #ddd;}
.cases-info-r fieldset .legend{font-size: 20px;font-weight: bold;padding: 0 8px;}
.cases-info-r fieldset .cc{padding: 10px 2%;width: 96%}

/**********************************************产品详情**********************/
.main-main-pro{background: #fff;}
.pro-list-li li{width: 23.5%;margin-right: 2%;float: left;}
.pro-list-li li:nth-child(4n){margin-right: 0}
.pro-list-li li:nth-child(n+5){margin-top: 3%;}
.pro-list-li a{display: block;width: 100%;height: 24vw;position: relative;overflow: hidden;border-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);}
.pro-list-li a .a{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.pro-list-li a .a img{transform: scale(0.9);-webkit-transform: scale(0.9)}
.pro-list-li a .b{width: 100%;position: absolute;z-index: 2;left: 0;bottom: 0;}
.pro-list-li a .b .t{width: 90%;padding: 4% 5%;font-size: 16px;text-align: left;background: rgba(255,255,255,0.8);
text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43)}
.pro-list-li a .c{width: 100%;height: 100%;position: absolute;z-index: 3;left: 0;top: 0;background: rgba(0,0,0,0.6);opacity: 0}
.pro-list-li a .d{width: 100%;height: 100%;position: absolute;z-index: 4;left: 0;top: 0;
    border: 0px solid #eee;}
.pro-list-li a .e{width: 100%;height: 100%;position: absolute;z-index: 5;left: 0;top: 0;}
.pro-list-li a .e .t1{width: 90%;font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-top: 30%;margin-left: 5%;
padding-bottom: 20%;background: url("../Image/proj.png") bottom center no-repeat;background-size: 13%;opacity: 0;position: relative;
top: 25px;}

/*hover*/

.pro-list-li a:hover .a img{transform: scale(1.05);}
.pro-list-li a:hover .b{transform: translateY(50%);opacity: 0}
.pro-list-li a:hover .c{opacity: 1;}
.pro-list-li a:hover .d{transform: scale(0.9);-webkit-transform: scale(0.9);border: 1px solid #eee;}
.pro-list-li a:hover .e .t1{opacity: 1;transform: translateY(-25px);-webkit-transform: translateY(-25px);}



/**产品详情*/
.pro-info-img img{max-width: 100%;display: block;margin: 0 auto;}

/*新增产品详情左右排版*/
.pro-info-c{margin-bottom: 3%}
.pro-info-c-l{;width: 45%;float: left;position: relative}
/*.pro-info-c-l*/
/*轮播*/
.pro-info-c-l.z{width:100%;position: relative;float: left;}
.pro-info-c-l .top{width: 100%;height:28vw;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;background: #fff;
    margin-bottom:2%}
.pro-info-c-l .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;overflow: hidden}
.pro-info-c-l .bot .i{width: 80px;height: 80px;float: left;}
.pro-info-c-l .bot .i img{box-sizing: border-box;border: 1px solid #ddd;opacity: 0.8;cursor: pointer;}
.pro-info-c-l .bot .i[data=xz] img{box-sizing: border-box;border:1px solid #c0121b;opacity: 1}

.pro-info-c-l .bot ul .i:nth-child(n+2){margin-left: 5px;}

.pro-info-c-l .swiper-button-prev1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../Image/pr1.png") center no-repeat!important;
    top: 35%!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info-c-l .swiper-button-next1{width: 35px;height: 20%!important;min-height: 70px;background:#666 url("../Image/ne1.png") center no-repeat!important;
    top:35%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info-c-l .swiper-button-disabled{opacity: 0.3}
/**/
.pro-info-c-l img{display: block;max-width: 100%;}
.pro-info-c-r{width: 52%;float: right;}
.pro-info-c-r .f-l{width: 100%;;float: left;text-align: left;font-size: 15px;font-weight: bold;margin-bottom: 1%}
.pro-info-c-r .f-r{float: left;margin-top: 0%;width: 100%;position: relative}
.pro-info-c-r .floor:nth-child(n+2){margin-top: 3.5%;}
.pro-info-c-r .floor:hover .f-l{color: #c0121b;}
.pro-info-c-r .floor{border-bottom:0px solid #ddd;padding-bottom: 0%}
.pro-info-c-r .f-r span{display: inline-block;padding:1.4% 4%;box-sizing: border-box;color: #666;font-size: 14px;margin: 5px 2px;
border: 1px solid #ddd;background:url("../Image/nook.png") bottom right no-repeat;background-size: 18px!important;cursor: pointer;
border-radius: 3px}
.pro-info-c-r .f-r span.xz{background: url("../Image/ok.png") bottom right no-repeat;border-color: #c0121b;color: #c0121b}

.pro-info-c-r .f-r input{width: 80%;min-width: 200px;display: block;outline: none;box-sizing: border-box;font-size: 14px;
    border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px;position: relative}
.pro-info-c-r .f-r .code{position: absolute;right: 20%;height: 100%;top: 0;display: block}
.pro-info-c-r .f-r select{width: 80%;display: block;min-width: 200px;outline: none;box-sizing: border-box;border: 1px solid #ddd;padding: 3.2% 2%;border-radius: 3px}
.pro-info-c-r .floorl{width: 50%;float: left}
.pro-info-c-r .f-r input:focus{border-color: #c0121b;}
.pro-info-c-r .f-r button{width: 80%;min-width: 200px;background: #ddd;font-size: 16px;
    display: block;outline: none;box-sizing: border-box;border: 0px solid #ddd;padding: 3% 2%;border-radius: 3px}


/*产品详情*/
.pro-info-con{margin: 0 auto}
.pro-info-floor .top{;border-bottom: 1px solid #ddd;}
.pro-info-floor .top .le{float: left;padding: 1% 3%;background: #c0121b;color: #fff;}
.rel-con{padding: 2% 0}
.rel-con p{color: #666;margin: 8px 0;line-height: 1.6;}
.rel-con img{display: block;margin: 0 auto;max-width: 100%}
.rel-con a{color: blue;text-decoration: underline}
.rel-con p,.rel-con p span,.rel-con br,.rel-con strong,.rel-con a{font-family: 'Microsoft YaHei'!important;}
/*相关案例*/
.pro-info-cases{padding: 2% 0}
.pro-info-cases .swiper-slide a{display: block;width: 100%;}
.pro-info-cases .swiper-slide a .i{width: 100%;height: 14vw;overflow: hidden;}
.pro-info-cases .swiper-slide a .t{width: 95%;padding: 2.5% 2.5%;text-align: center}
/*.swiper-containerpro-case{padding-bottom: 30px}*/
.pro-info-cases .swiper-slide a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.pro-info-cases .swiper-slide a:hover .t {color: #c0121b;}




















/*********************/
.other-title{font-size: 36px;text-align: center;padding: 2% 0;color: #111;font-weight: bold}