/* index-pro */
.slideBox .bd img{width: 100%; }
.picScroll{ position:relative;overflow:hidden;}
.picScroll0{ top: -150px;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll-con ul li{ float:left;  width:25%; overflow:hidden; display:inline; height: auto;position: relative;}
.picScroll-con ul li img{ padding-top: 40px; width: 100%;}
/*.picScroll-con ul li:nth-child(2n-1){ background:#000;}
.picScroll-con ul li:nth-child(2n){background: #363636;}
.picScroll-con ul li:nth-child(3n){ background:#000;}
.picScroll-con ul li:nth-child(4n){ background:#2a2122;}
*/
.picScroll-con ul li:nth-child(6){background-image: linear-gradient( #363636,#26282a);}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:240px; top: 210px; display:block; width:32px; height:51px; 
    overflow:hidden; background:url(../img/icons.png) -40px 0 no-repeat; cursor:pointer;}
.picScroll .next{ left:auto; right:230px; background-position:-110px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }
.picScroll-con ul li .font{text-align: center; color: #fff;bottom:0px; position: absolute;width:100%;background:#000000a6;}
.picScroll-con ul li .font h3{ font-size: 16px;}
.picScroll-con ul li .font p{ font-size: 12px;}

/* banner-css */
.slideBox{  overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:40%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:12px; height:12px; border-radius: 12px; 
    line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{display:block; max-width: 100%; }
/* 下面是前/后按钮代码 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:4%; top:50%; margin-top:-50px; display:block; width:36px; 
    height:66px; background:url(../img/slider-arrow.png) -95px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:5%; background-position:0px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.banner{width: 100%;}
.banner img{margin:0 auto;width: 100%;}

/* case */
.in-case{position: relative;top: -75px;}
.in-case h3,.in-des h3,.in-tem h3,.in-new h3{font-size: 34px; font-weight: 600; line-height: 36px;  }
.in-case p,.in-des p,.in-tem p,.in-new p{font-size: 16px; line-height: 27px; }
.in-case-shouji ul li{width: 25%; height:100%; float: left; position: relative; -webkit-transition: width 0.5s;transition: width 0.5s;}
.in-case-shouji ul li .font{position: absolute;  top: 45%;left:42%; }
.in-case-shouji ul li .font p{text-align: center; font-size: 26px; font-weight: 600; color: #fff;  top: 45%; width: 100%; -webkit-transition: all 0.2s;}
/*.in-case ul li span{display: block; width:30px; height:3px; background: #fff; text-align:center;margin-left: 30%;}*/
.in-case-shouji ul li .font span {
    width: 40px;
    height: 2px;
    background: #ffffff;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    -webkit-transition: all 0.2s;
}


.in-case-shouji ul {
    height: 650px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 55px;
}
.in-case-shouji ul li img {
    height: 650px;
}

.in-case-shouji ul li .icon {
    background: url(../img/icon1.png);
    width: 50px;
    height: 50px;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -145px;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-transform: rotate(-300deg);
}

/*des*/
.in-des{margin-top:0;}
.in-des ul li{width: 24.5%; float: left; margin-bottom: 0.5%;margin-left:0.5%;position:relative;overflow: hidden;}
.in-des ul li:first-child{width: 50%;margin:0;}
.in-des ul li:nth-child(6){width: 50%;margin:0;}
.in-des ul li img{width:100%;}
.in-des,.in-car img{width:100%;}

.in-des a:after,
.in-car a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.8);
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
}

.in-des .mask,
.in-car .mask {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 4%;
    width: 94%;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s; 
}

.in-des  a h3,
.in-car  a h3 {
    font-size: 16px;
    width: 85%;
    margin-top: 0;
}

.in-des  a span,
.in-car  a span {
    display: block;
    font-size: 14px;
}

.in-des  .icon，
.in-car  .icon {
    position: absolute;
    right: 5%;
    bottom: 20px;
    width: 35px;
    height: 35px;
    border: 2px solid #ffffff;
    border-radius: 50%;
}
.in-des  li:hover a:after,
.in-des  li:hover .mask {opacity: 1;}
    
.in-des  li:hover img {
        -webkit-transform: scale(1.05, 1.05);
}
.in-des .icon:after,
.in-car .icon:after {
    content: '';
    display: block;
    margin-top: 13px;
    margin-left: 11px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transition: all 0.5s;
    -webkit-transform: rotate(45deg);
}



.in-ab{background: url('../img/in-abg.jpg') no-repeat;background-size: cover;color: #fff; }
.in-ab .left{width:30%; float:left; margin-top: 15px;}
.in-ab .left .p1{color: #fab301;font-size: 58px; text-transform: uppercase; font-weight: bolder; 
    font-family:Microsoft Yahei;}
.in-ab .left span{font-size: 24px;}
.in-ab .left .font{margin-top:50px;margin-bottom: 30px;}
.in-ab .left .font p{font-size: 14px; line-height: 30px;}
.in-ab .right{width:70%; float:left; margin-top: 15px;}
.in-ab .right .span3,.in-ab .right .span1{display: inline-block; width: 40%; height: 1px; background: #525252;
    margin-top: 33px;}
.in-ab .right .span2{display: inline-block; width: 20%;  text-align: center; font-size: 18px; font-weight: 700;}

.in-ab .right li{float: left; width:50%; margin-top:50px;}
.in-ab .right li p{font-size: 16px; line-height: 35px; display: block;}
.in-ab .right li strong{color: #fab301;font-size: 60px; border-left:1px solid #000;  margin-top:30px;
	margin-top: -54px;margin-left: 178px;display: block;}
.in-ab .right .right-bot .p1{display: inline-block; font-size: 15px;   margin-top: 33px; margin-right: 30px; }
.in-ab .right .right-bot .p3{display: inline-block; font-size: 78px; color: #d69c0a; 
    font-weight: 800; padding-left: 20px;}
.in-ab .right .right-bot .p2{background: #525252; height: 60px; width: 1px;margin-top: 40px;}
.multipleColumn .hd{float: left; margin-left: 120px;margin-top: 100px; padding-bottom: 80px; }
.multipleColumn .hd .next,.multipleColumn .hd .prev{ float: right; width:75px; height:45px;
    background: url(../img/left_right2.png) no-repeat 0px 0px; overflow:hidden;  cursor:pointer;
    border: 1px solid #525252;}
.multipleColumn .hd .next{ background-position:-85px 0px;  }
.multipleColumn .hd .prevStop{ background-position:0px -55px; cursor:default; }
.multipleColumn .hd .nextStop{ background-position:0px -55px; cursor:default; }


.picScroll2 .prev,
.picScroll2 .next{ position:absolute;  left:240px; top: 210px; display:block; width:32px; height:51px; 
    overflow:hidden; background:url(../img/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll2 .next{ left:auto; right:230px; background-position:-110px 0; }
.picScroll2 .prevStop{ background-position:0 0; }
.picScroll2 .nextStop{ background-position:-80px 0; }


/*首页汽车*/
.in-car{margin-top:50px;}
.in-car ul li{width: 32.8%; float: left; margin-bottom: 0.5%;margin-right:0.5%;position:relative;overflow: hidden;}
.in-car ul li:nth-child(4){width: 49.5%;margin:0;}
.in-car ul li:nth-child(5){width: 49.5%;margin-left:0.5%;}
.in-car  li:hover a:after,
.in-car  li:hover .mask {opacity: 1;}
    
.in-car  li:hover img {
        -webkit-transform: scale(1.05, 1.05);
}


.in-tem ul li{float: left; overflow:hidden;padding-right:0px; display:inline; position: relative; }
.in-tem ul li .p1{font-size: 22px; margin-top:10px;}
.in-tem ul li .p2{width: 95%; height: 1px; background: #fab301;margin:10px 0;   }
.in-tem ul li .p3{font-size: 14px; line-height: 27px; color: #727272;}
.in-tem .mask {
    opacity: 0;
    z-index: 3;
    width: 96%;
    background-color: rgb(2 2 2 / 66%);
    height: 71.5%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
}
.in-tem .mask span {
    text-align: center;
    background-color: #fab301;
    border: 0;
    border-radius: 15px;
    padding: 12px 13px;
    width: 105px;
    margin: 130px 100px;
    display: block;
    color: #fff;
}
.in-tem ul li a:hover .mask {
    z-index: 5;
    transition: 0.3s;
    opacity: 1;
}

.picScroll1 {}
.picScroll .prev1,
.picScroll .next1{  left:235px; top: 135px; display:block; width:31px; height:54px;
    background:url(../img/icons.png) -40px 0 no-repeat;}
.picScroll .next1{ left:auto; right:220px; background-position:-110px 0; }

.in-new{margin-top: 40px;}
.in-new ul{ margin-left: -1.3%;}
.in-new ul li .border{border:1px solid #eee; float: left; width: 32%; margin-left: 1.3%;border-radius: 5px;}
.in-new ul li .border:hover{box-shadow: 0 5px 15px #c4c5ca;}
.in-new ul li img{border-top-left-radius: 5px; border-top-right-radius: 5px;height: 270px; }
.in-new .font{margin:11px;}
.in-new .font .h3{font-size: 16px; font-weight: 600;}
.in-new .font .p1{font-size: 14px; line-height: 26px; display:-webkit-box; overflow: hidden;
    text-overflow:ellipsis;-webkit-line-clamp: 3;-webkit-box-orient :vertical;}
.in-new .font .p2{line-height: 30px; border-top: 1px solid #eee;margin-top: 20px; padding-top: 10px;}
.in-new .font .p2 .left{float: left;}
.in-new .font .p2 .right{float: right;}



/* 本例子css */
.douban{  padding-top:10px;  overflow:hidden;   }

.douban .bd ul{ overflow:hidden; zoom:1; }
.douban .hd a,.case-team .hd a{ color:#37A; font-size:12px;}
.douban .hd .next,.douban .hd .prev,.case-team .hd .next,.case-team .hd .prev{ 
    float: right; 
    width:75px; 
    height:45px;
    background: url(../img/left_right.png) no-repeat 0px 0px; 
    overflow:hidden;  
    cursor:pointer;
    border: 1px solid #e6e6e6;
}
.douban .hd .next,.case-team .hd .next{ background-position:-85px 0px;  }
.douban .hd .prevStop,.case-team .hd .prevStop{ background-position:0px -55px; cursor:default; }
.douban .hd .nextStop,.case-team .hd .nextStop{ background-position:-85px -55px; cursor:default; }

.in-ke{margin-top: 80px; padding-bottom: 130px;} /* 10-12 */
.in-ke ul li{float: left; width: 12.5%;padding-bottom: 40px;}
.in-ke .douban .hd{width: 160px; margin: 40px auto; }
.case-team .picScroll .hd{float:right; margin: 20px;width:100%;}

/*case封面*/
.case-index{background: #e4e4e4; padding-bottom: 130px;} /* 10-12 */
.case-index .container{background: #fff;}
.shouji-nav h3{font-size: 34px; line-height: 36px; font-weight: 600; margin-top:70px;}
.shouji-nav p{font-size: 16px; line-height: 35px;color:#6b6b6b;}
.case-index-nav{ margin-top:40px; }
.case-index-nav ul li{width:112px; height:50px; float: left;  margin-bottom: 20px;}
.case-index-nav ul li a{display: block; text-align: center; line-height: 50px;}
.case-index-nav ul li a:hover{color:#fab301; }
.case-index-nav ul li a.active{ color:#fab301;}
.case-index-con { margin-top:20px;}
.case-list-right,.case-list-left{width:50%;float:left;}
.case-list-right ul li{float: left; width: 49%; margin-left:0.5%; margin-bottom:0.5%;position:relative;overflow:hidden;}
.case-list-left ul li{float: left; width: 100%;display: block;  margin-bottom:0.5%;position:relative; overflow:hidden;}
.case-list-right ul li img{width: 311px; height: 217px;}
.case-list-left ul li img{width: 100%; height: auto;}

.case-list-right ul li a:after,
.case-list-left ul li a:after,
.pro-index-con ul li a:after,
.stage-index-con ul li a:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.8);
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
}

.case-list-right ul li .mask,
.case-list-left ul li .mask,
.pro-index-con ul li .mask,
.stage-index-con ul li .mask{
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 3%;
    width: 94%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s; 
}
.case-list-right a h3,
.case-list-left a h3,
.pro-index-con a h3,
.stage-index-con a h3{
    font-size: 16px;
    line-height: 22px;
    width: 85%;
    margin-top: 0;
    display: block;
}
.in-car .icon,
.in-des .icon,
.case-list-right .icon,
.case-list-left .icon,
.pro-index-con .icon,
.stage-index-con .icon{
    position: absolute;
    right: 1%;
    bottom: 25px;
    width: 35px;
    height: 35px;
    border: 2px solid #ffffff;
    border-radius: 50%;
}
.case-list-right ul li:hover a:after,
.case-list-left ul li:hover  a:after,
.case-list-left ul li:hover .mask,
.case-list-right ul li:hover .mask {opacity: 1;}

.case-list-right ul li:hover img,
.case-list-left ul li:hover img
{-webkit-transform: scale(1.05, 1.05);}
    
.case-list-right .icon:after,
.case-list-left .icon:after,
.pro-index-con .icon:after,
.stage-index-con .icon:after{
    content: '';
    display: block;
    margin-top: 12px;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transition: all 0.5s;
    -webkit-transform: rotate(45deg);
}
.case-team{ margin-top:40px;overflow:hidden;}
.case-team .title{ font-size:18px;text-align:center;line-height:18px;}
.case-team ul li{ width:50%;float:left;margin-bottom:50px;display:block;position:relative;}
.case-team img{ border-radius: 50%;width:160px;}
.case-team .hd{ height:60px;}
.case-team .bd{ margin-left:50px;}
.case-team .picScroll .prev,.case-team .picScroll .next{ position:static; }
.case-team .name{font-size:28px;color:#d69c0a;}
.case-team .description{font-size:14px;line-height:22px;}
.margin-top25{margin-top:25px;}

.video-img{margin-top:50px;height: 350px;position:relative;overflow: hidden;}
.video-list{position:relative;left: 31%;}
.video-img a{position: absolute;overflow:hidden;display:block;}
.video-img .img2{position:absolute;width:82px;left: 42%;top: 38%;}


/*视频弹窗*/
.dialog .dialog-head,.dialog .dialog-foot{padding:10px 20px}
.dialog-mask{ position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto}
.dialog .dialog-head {border-bottom: solid 1px #ddd;background-color: #f5f5f5;border-radius: 4px 4px 0 0;}
.dialog .dialog-head strong{font-size:16px}
.dialog-v {border: 0 !important;background: none !important;}
.dialog {border: 1px solid #ddd;box-shadow: 0 3px 9px rgb(0,0,0,0.5);border-radius:4px;background-color: #fff;display: none;}
.dialog .dialog-head .close{float:right;line-height:24px}
.dialog .dialog-body{padding:15px 20px}
.dialog.open{display:block}
.close{display:inline-block;font-size:24px;cursor:pointer;line-height:24px}
.close:before{content:"\00d7"}
.video_d {max-width: 951px;width: 100%;min-height: 535px !important;height: 100%;}
iframe{margin:fp 0;padding: 0;border: 0;font-size: 14px;font: inherit;vertical-align: baseline;}
/* .all-foot-navcss{background: #e4e4e4; position: relative; }
.all-foot-navcss .foot-nav{ margin-top: 0px;background:url(../img/in-footnav.jpg) no-repeat;
    position: absolute;margin-left: 5.6%; padding: 0 210px; margin-top: -70px;} */
/* .all-foot-css .container{margin-top: 50px;}
.all-foot-css .foot_2wm_c{margin-top: 50px;}
 */
/*产品渲染封面*/
.pro-index{ padding-bottom: 130px;}
.pro-index .pro-container{width:100%;background: #fff;}
.pro-index-con ul{padding-bottom:30px;}
.pro-index-con ul li{float: left; width: 24.6%;margin-right:0.5%;margin-bottom:0.5%;position:relative;overflow:hidden;}
.pro-index-con ul li:nth-child(4n){margin-right:0px;}
.pro-index-con ul li img{width:100%;}
.pro-index .relation{text-align:center;padding-bottom:50px;}
.pro-index .title{margin-top:50px;}
.pro-index .title h2{font-size:36px;font-weight:800;}
.pro-index .title p{font-size:21px;font-weight:600;}
.pro-index .relation ul li{float: left; width: 24%;height:380px;margin-right:1%;overflow:hidden;}
.pro-index .relation ul li img{position:relative;left:-50%;}
.pro-index-con ul li:hover a:after,
.pro-index-con ul li:hover .mask {opacity: 1;}
.pro-index-con ul li:hover img{
        -webkit-transform: scale(1.05, 1.05);
}


/*数字创意封面*/
.dig-index{padding-bottom: 130px;}
.dig-index-con{overflow-x:hidden;overflow-y:auto;}
.dig-index-con ul{padding-bottom:30px;position:relative;column-count:4;}
.dig-index-con ul li{margin:0.5%;overflow:hidden;break-inside:avoid;}
/*.dig-index-con ul li:nth-child(4n){margin-right:0px;}*/
.dig-index-con ul li img{width:100%;border-radius:10px;}
.dig-index-con ul li h3{font-size:16px;margin: 10px 0 20px 10px;}


/*展台设计封面*/
.stage-index-con ul{padding-bottom:30px;}
.stage-index-con ul li{float: left; width: 24.6%;position:relative;overflow: hidden;margin-right: 0.5%;margin-bottom: 0.5%;}
.stage-index-con ul li:nth-child(4n){margin-right:0px;}
.stage-index-con ul li:hover a:after,
.stage-index-con ul li:hover .mask {opacity: 1;}

.stage-index-con ul li:hover img{
        -webkit-transform: scale(1.05, 1.05);
}
.stage-index-con img{width:100%;}

.stage-ab {
    margin-top: 40px;
    background: url(../img/in-abg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}
.stage-ab .stage-ab-top{
    display: inline-block;
    margin-left: 70px;
}
.stage-ab .stage-ab-top .col-md-2{
    text-align: center;
    margin-top: 45px;
    display: inline-block;
}
.stage-ab font {
    color:#fab301;
}
.stage-ab .font {margin-top: 70px;}
.stage-ab ul {
    padding: 40px 80px;
}
.stage-ab h3 {
    font-size: 36px;
    line-height: 38px;
    font-weight: 800;
    margin-top: 50px;
}
.stage-ab ul li {
    width: 20%;
    float: left;
}
.stage-ab ul li .p1 {
    font-size: 48px;
    font-weight: 800;
    font-family: Microsoft Yahei;
}
.stage-ab ul li .p2 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}

/*about封面*/
.about-index{background: #e4e4e4; padding-bottom: 130px;} /* 10-12 */
.about-index-con1{background: #fff; padding: 0px;}
.about-index-con1 ul{padding: 80px 100px 120px;  }
.about-index-con1 ul li .p1{color: #fab301; font-size: 54px; font-weight: 900; 
    font-family: Microsoft Yahei;}
.about-index-con1 ul li .p2{font-size: 14px; line-height: 36px; }
.about-index-con2 ul li{float: left; width: 20%;}
.about-index-con2 ul li img{width: 100%; height: auto;}
.about-index-con2 .shouji-nav h3{margin: 30px 0;}
.about-index-con3{background: #fff; padding: 30px 60px 60px 60px;}
.about-index-con3 span{color:#fab301;font-size:18px;font-weight:600;margin-bottom: 10px;margin-top: 20px;display: block;}
.about-index-con3 p{line-height: 36px;text-indent:28px;}

/*.about-index-con3 .left{width: 47.5%;margin-right: 1%; }
.about-index-con3 .con{width: 1%; margin-top: 11px;}
.about-index-con3 .rig{width: 46%;margin-left: 2%;}
.about-index-con3 .rig img{max-width: 100%; height: auto;}
.about-index-con3 .p2{margin-top: 30px;}
.about-index-con3 .p3{margin-top: 30px;}
.about-index-con3 .rig-top{margin-top: 11px;}
.about-index-con3 .rig-bot-left{ width: 67%;}
.about-index-con3 .rig-bot-left h3{ font-size: 22px;  font-weight: 600; margin-top: 30px;}
.about-index-con3 .rig-bot-left p{font-size: 14px;line-height: 36px; margin-bottom: 0;}
.about-index-con3 .rig-bot-rig{margin-top: 85px;}
.about-index-con3 .rig-bot-rig img{ max-width: 100%; }*/

/* team 封面*/
.tea-index .in-tem{margin-top: 40px;margin-bottom:20px;}
.tea-index .in-tem .p1{ text-align: center; line-height: 30px;  }
.tea-index .in-tem .border{  border: 2px solid #e6e6e6;}
.tea-index .in-tem ul li img{ margin: 0;height:340px;}
.tea-index .in-tem ul li .p2{display: none; width: 90%; margin-left: 5%;}
.tea-index .in-tem ul li .p3{display: none; width: 90%; margin-left: 5%;}
.tea-index .in-tem ul li:nth-child(2) .p2{ display: block; }
.tea-index .in-tem ul li:nth-child(2) .p3{ display: block; }
.tea-index .in-tem ul li:hover .p2{ display: block;}
.tea-index .in-tem ul li:hover .p3{ display: block; }
.tea-index .in-tem .p1 strong{font-size: 18px;}
.all-in-tem{padding-bottom: 130px;} /* 10-12 */
.all-in-tem .p1{text-align: center; }
.all-in-tem .p1 strong{display: block; }
.all-in-tem .border{border: 2px solid #e6e6e6; max-width: 96%; position: relative; 
    top: -4px; z-index: -11; }
.all-in-tem .in-tem ul li .p2{width: 90%; margin-left: 5%;}
.all-in-tem .in-tem ul li .p3{width: 94%; margin-left: 3%; min-height: 80px;}
.all-in-tem li:hover .border{border: 2px solid #f2c582;  }
.tea-index .in-tem ul li:nth-child(5){margin-left:13%;}
.tea-index-left p{font-weight:800;height:340px;color: #fff;padding: 80px 20px;background-color:#d7b80d;}
.tea-index-left span{color:#d7b80d;margin-top:10px;}
.tea-index span{margin-bottom:30px;display: block;font-size: 18px;line-height: 30px;font-weight: 600;}
.tea-ad a{padding:0px;}
.tea-ad img{width:100%;}
.tea-index .yewu{display: flex;flex-direction: row;justify-content: center;}
.tea-index .in-tem h3{font-size:30px;color:#d7b80d;}
.tea-index .in-tem ul li .p1 span{font-size: 18px;color: #979797;}
.tea-data{margin-top:20px;margin-bottom:170px;padding-bottom: 70px;}
.tea-data ul li{float:left;}
.tea-data p{font-size:16px;margin-top: 10px;}
.tea-data .m1 em{background-image: url(../img/teamico1.jpg);}
.tea-data .m2 em{background-image: url(../img/teamico2.jpg);}
.tea-data .m3 em{background-image: url(../img/teamico3.jpg);}
.tea-data .m4 em{background-image: url(../img/teamico4.jpg);}
.tea-data em {
    display: inline-block;
    font-size: 50px;
    padding-top: 70px;
    height: 70px;
    line-height: 70px;
    background-repeat: no-repeat;
    background-position: center;
}

/* team 内容*/
.content-view .team{display: inline-block;}
.content-view .team img{max-width:100%;}
.content-view .team .col-md-4{padding:20px;border: 2px solid #e4e4e4;border-radius:10px;}
.content-view .team h1{text-align:left;display: inline-block;float: left;}
.content-view .team .title{float:left;width: 100%;}
.content-view .team .gw{border-color: #fab301;color: #fff;background-color: #fab301;border-radius: 2em;margin: 15px 20px;padding: 10px 20px;font-size: 14px;float: left;display: block;}
.content-view .team .col-md-8{padding:0 40px;}
.content-view .team .col-md-8 span{font-size:20px;font-weight:600;margin-top:40px;float:left;}
.content-view .team .col-md-8 p{font-size:16px;line-height:28px;float:left;width:100%;}
.content-view .relation{margin-top: 20px;padding: 20px 20px 40px 20px;background-color: #f5f5f5;overflow: hidden;text-align:center;}
.content-view .relation h2{font-size: 20px;}
.content-view .relation img{width: 150px;height: 150px;border-radius: 50%;}
.content-view .relation .rel-tem{margin-top: 40px;}
.content-view .relation .rel-tem .title{margin-top: 20px;margin-bottom: 10px;}
.content-view .relation .rel-tem .gw{color:#c7c7c7;}

/*news封面*/
.new-index{ padding-bottom: 130px;}
.new-index-top{margin:40px 0px;}
.new-index-top ul li h3{font-size:15px; line-height:28px; font-weight: bold;}
.new-index-top ul li img{max-width:100%;border-radius: 5px;height: 175px;}
.new-index-top ul li p{font-size:12px; line-height:26px;color:#6b6b6b;}
.new-index-top ul li:hover h3{color: #f00;}
.new-index-nav{ margin-top:40px; }
.new-index-nav ul li{width:112px; height:50px; margin-right:30px; float: left;  margin-bottom: 10px;}
.new-index-nav ul li a{display: block; text-align: center; line-height: 50px;}
.new-index-nav ul li:hover{ border-radius: 30px;box-shadow: 0 5px 15px #c4c5ca;}
.new-index-nav ul li a.active{ border-radius: 30px;box-shadow: 0 5px 15px #c4c5ca;color: #fff;background-color: #fab301;}
.new-index-bott ul li{ margin-top:40px;}
.new-index-bott .left{color:#fff; width: 18%; margin-top:20px; text-align: center;}
.new-index-bott .left .p1{font-size:46px; line-height: 26px; padding-top:15px; font-weight:600;}
.new-index-bott .left .p2{font-size:14px; line-height: 20px;}
.new-index-bott .rig{ width: 82%;}
.new-index-bott .rig a{ color:#6b6b6b;}
.new-index-bott .left .font{width: 80px; height: 80px; background:#fab301;border-radius:5px;}
.new-index-bott .p4{display:inline-block;}
.new-index-bott .p5{display:inline-block; margin-left:35px;}
.new-index-bott .rig img{margin-left:3px; margin-right:8px;}
.new-index-bott .rig h3{font-size:14px;  font-weight: 600;}
.new-index-bott .rig .p3{font-size:12px; line-height:28px;color:#6b6b6b;}
.new-index-top time{float:right;}
.new-list-left{margin-right:4%;width:48%;float:left;}
.new-list-right{width:48%;float:right;}
.new-list-title{line-height: 50px;height: 50px;border-bottom: 1px #e1e1e1 solid;}
.new-list-title span {float: left;display: inline-block;line-height: 50px;border-bottom: 1px #545454 solid;font-weight: bold;color: #010101;}
.new-list-title a {float: right;color: #6a6a6a;font-size: 12px;}
.new-list-news ul li {display: block;line-height: 46px;height: 46px;border-bottom: 1px #e2e2e2 dashed;color: #787878;}
.new-list-news {padding: 20px 0;}
.new-list-c {height:120px;}
.new-list-c img{width: 30%;float: left;height:110px;padding-right:20px;}
.new-list-c h3{font-size: 14px;height: 16px;overflow: hidden;}
.new-list-c p {font-size: 12px;margin-top: 5px;line-height: 1.8;height: 62px;overflow: hidden;color: #8b8b8b;}
.new-ad img{width:100%;}


/* .new-index .page{padding-bottom:30px;} */


/*contact封面*/
.contact-index{padding-bottom: 130px;}
.contact-index-con1{background: #fff; padding: 0px;}
.contact-index ul li{float: left;width: 25%;padding: 40px;}
.contact-index ul li dt {font-size: 0;text-align: center;}
.contact-index ul li dt em{display: inline-block;font-size: 16px;font-weight: 600;padding-left: 60px;height: 70px;line-height: 70px;background-repeat: no-repeat;background-position: left center;}
.contact-index ul li dt.m1 em{background-image: url("../img/addr.png")}
.contact-index ul li dt.m2 em{background-image: url("../img/tel.png")}
.contact-index ul li dt.m3 em{background-image: url("../img/email.png")}
.contact-index ul li dt.m4 em{background-image: url("../img/email1.png")}
.contact-index ul li dd{line-height: 25px;margin-top: 5px;text-align: center;}
.contact-index ul li dd .span1{display: block; margin-bottom: 10px;color: #6b6b6b;font-size:14px;}
em {font-style: normal;}

.contact-index-con3 {background: #fff;padding: 0px 30px 60px 50px;}
.contact-index-con3 .left{width: 49%;margin-right: 1%; }
.contact-index-con3 .left p{font-size:20px;color: #5e5e5e; padding-left: 40px;margin-top:18.5px;background-repeat: no-repeat;background-position: left center;}
.contact-index-con3 .left .p1{background-image: url("../img/conico1.jpg");}
.contact-index-con3 .left .p2{background-image: url("../img/conico2.jpg");}
.contact-index-con3 .left .p3{background-image: url("../img/conico3.jpg");}
.contact-index-con3 .left .p4{background-image: url("../img/conico4.jpg");}
.contact-index-con3 .left .p5{background-image: url("../img/conico5.jpg");}
.contact-index-con3 .left .p5 a{font-size:20px;color: #5e5e5e;}
.contact-index-con3 .con{width: 1%; margin-top: 11px;}
.contact-index-con3 .rig{width: 49%;margin-left: 1%;}
.contact-index-con3 .rig-bot-f{ width: 50%;/*border: 1px solid #eee;*/padding: 20px 30px;text-align:center;float:left;}
.contact-index-con3 .rig-bot-f .one{ line-height: 28px;font-size: 16px;}
.contact-index-con3 .rig-bot-f .two{ line-height: 28px;font-size: 16px;color:#ff9600;}

/*des*/
.des-index .case-right ul{padding-bottom: 30px;}

/* 路径 */
.nav-bread{padding:0;height:70px;line-height:70px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#ff9600}
.nav-bread a:after {content:"";padding:0 10px;background:url(../img/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */

/*内容页*/
.content-view{background: #e4e4e4;padding-bottom: 130px;}
.content-view .container{background: #fff;padding: 0 25px;}
.content-view h1 {font-size: 28px;font-weight: 600;text-align:center; }
.content-view .meta{color: #888888;text-align:center;}
.content-view .post{padding-top:20px;}
.content-view .post p{font-size:16px;}
.content-view .meta span{padding-right: 10px;}
.content-view .pager p{width:50%;height:75px;line-height:75px;padding:0 25px;float:left;border: 1px solid #eee;display:block;}
.content-view .pager p:hover{background-color:#ff9600;color:#fff;}
.content-view .pager p:hover a{color:#fff;}
/*.content-view .content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}*/

/*新闻内容*/
.sidebar-l {margin-right:30px}
.article {overflow: hidden;padding-bottom: 20px;}
.article .padding-large {padding: 0 50px;}
.article-r {padding: 20px;background-color:#f5f5f5;}
.article .content p {font-size: 16px;line-height: 28px;margin-bottom: 10px;}
.article .content img{width: 100%;}
.blank-middle {height: 30px;line-height: 30px;clear: both;font-size: 0;}
.pre{padding-top: 30px;border-top: solid 1px #eee;line-height: 24px;}
.text-gray{color:#888888;}
.pre .button{border-color: #ff9600;color: #fff;background-color: #ff9600;border-radius: 2em;padding:10px 20px;font-size: 14px;display:block;}
.title-l h2 {
    line-height: 28px;
    height: 28px;
    color: #333;
    position: relative;
    font-size: 18px;
    letter-spacing: 0;
    padding-left: 20px;
}
.title-l h2:before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    top: 4px;
    background: #ff9600;
    left: 0;
}
.blank {height: 10px;line-height: 10px;clear: both;font-size: 0;}
.blank-big {height: 50px;line-height: 50px;clear: both;font-size: 0;}
.blank-small {height: 20px;line-height: 20px;clear: both;font-size: 0;}
.ani-body{text-align: center;}
.ani-body h3{font-size:14px;}
.ani-body h3 a:hover{color:#fab301;}


/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;line-height: 24px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot a:hover{color:#fab301;}
.list-post-text li.dot:hover a:before {background:#ff9600;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}

/*标签*/
.tag{
    border-radius: 2em;
    padding: 5px 15px;
    color: #ff9600!important;
    border: 1px solid #ff9600!important;
    background-color: unset;
}



@media (max-width:1600px) {
.picScroll1{margin-left:-5px;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:95px; top: 180px;   }
.picScroll .next{ left:auto; right:90px;}
.picScroll .prev1,
.picScroll .next1{ position:absolute;  left:100px; top: 150px; }
.picScroll .next1{ left:auto; right:80px;  }  
/* .all-foot-navcss .foot-nav{padding: 0 60px;} */ /* 10-12 */
.foot-nav{width: 1400px;  padding: 0;}
.foot-nav .fl{width: 42%;  }
}
@media (max-width:1440px) {
.picScroll .prev,
.picScroll .next{ position:absolute;  left:35px; top: 180px;   }
.picScroll .next{ left:auto; right:30px;}
.picScroll .prev1,
.picScroll .next1{ position:absolute;  left:30px; top: 150px; }
.picScroll .next1{ left:auto; right:10px;  }
.foot-nav{width: 1300px;  padding: 0;  padding-left: 20px;}
}

@media (max-width:1360px) {
.picScroll .prev,.picScroll .next{ position:absolute;  left:5px; top: 180px;   }
.picScroll .next{ left:auto; right:0px;}

}

@media (max-width:1280px) {
.container{width: 1200px; }
.multipleColumn .hd{margin-top:50px;}
.in-ab .right .right-bot .p3{font-size: 72px;}
.in-ab .left .font{margin-top:50px;}
.foot_2wm_c{padding-left:0;}
.foot_2wm_b img{margin-left: 10px;}
.foot_2wm_c .foot-left .p2{font-size: 28px;}
.page ul{margin: 20px auto 30px;}
.case-index{    padding-bottom: 120px;}
.foot-nav{width: 1240px;  }
}

@media (max-width:1024px) {
.container{width: 1000px; }
.container-fluid{padding: 0px;}
.in-ab .left .font{margin-top:50px;}
.in-ab .left{width: 35%;}
.in-ab .right{width: 65%; }
.in-ab .right .right-bot .p3{font-size: 56px;}
.in-tem ul{/* height: 420px; */ height: auto;}
.in-new .font .h3{height: 40px; overflow: hidden;}
.foot .col-md-9{width: 69.7%;}
.foot .col-md-3{width: 30.3%;}
.foot .col-md-3 .fr{float: left; }
.foot_2wm_b .left{margin-left: 0;}
.foot_link_li0{width:12%;}
.case-index{    padding-bottom: 100px;}
.foot-nav{width: 1000px;  }
}

@media (max-width:800px) {
.container{width: 96%; margin-left:2%; }
.row{padding: 0;}
.head{display: none;}
.nav-shoji{display: block;}
.head-shouji{display: block;}
.hd-sjl img{margin-top:10px;}
.navbar-header{width:20%;}
.navbar-header img{max-width:100%;}
.navbar-header{width: 80%; padding:0;}
.navbar-header ul li{width: 10%; padding:0;}
.picScroll0{height:340px; top:-55px;}
.in-case{top:0px;}
.in-ab .left .p1{font-size: 38px;}
.in-ab .right li{margin-top:0;}
.foot_link_li{width: 20%;}
.foot_link_li0{width:0;}
.foot_link_li1{width: 15%;}
.foot .col-md-9{padding:0; width: 63%;}
.foot .col-md-3{width: 36.3%;}
.foot_2wm_c .foot-left .p2{font-size: 24px;}

.in-case ul li .font{left:16%;}
.nav-shoji ul{width:100%;height:2em; font-size:17px; line-height:2.5em;}
.nav-shoji ul li{width: 12.5%;float: left;text-align: center;}

.nav-shoji ul li a{ width:100%;color:#848284;}
.nav-shoji ul li:hover a{ color:#fab301; border-bottom:2px solid #fab301;}
.case-index-nav ul li{width: 90px;height: 40px;margin-right: 10px;margin-bottom: 10px;}
.case-index-nav ul li a{line-height: 40px;}

.case-right ul li{width:32%; margin-left:1.3%;}
.case-right ul li img{max-width:100%;}
.foot-nav {padding: 0; margin-left: 0;width: 100%;} 


.about-index-con1 ul{padding: 40px 60px 60px;}
.about-index-con3{padding:40px 30px 60px 60px;}
.about-index-con3 .rig-bot-left{width: 100%;}

.new-index-top ul li{width: 50%;float: left;}
.new-index-top ul li p{min-height: 90px;}
.new-index-top ul li img{width: 100%;height: 115px;}
.shouji-nav h3{margin-top:30px;} 
.all-in-tem .in-tem ul li .p3{min-height: 165px;}
.new-index-nav ul{margin-left:20px;}

}
@media (max-width:414px) {
 /* 手机 */
.container{padding: 0;width:100%; margin-left:0;overflow:hidden;}
.top-left{margin-left: 10px;}
.shouji-none{display: none;}
.shouji{display:block ;}
.in-case-shouji ul li{width: 25%;}
.in-des ul{margin-left: -.5%;}
.in-des ul li{width: 49.5%;margin-left: .5%;margin-bottom: .5%;}
.in-ab .left{width: 100%;}
.in-ab .right{width: 100%;}
.in-ab .right .right-bot .p1{color:#000;}
.content-view{margin-bottom:0px;padding-bottom: 0px;}
.contact-index{padding-bottom:0px;}
.all-in-tem{padding-bottom:0px;}
.sidebar-l{margin-right: 0px;}
.article .padding-large{padding: 0px;}

.shouji-block,.head-shouji{display: block;}
.top-right{display: none;}
.head-shouji{}
.hd-sjl{width: 20%; margin-left: 5%;padding: 10px 0;}
.hd-sjr{width: 45%;padding: 10px 0;}
.nav-shoji{border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;}
.nav-shoji ul{width:100%;height:2em; font-size:17px; line-height:2.5em;}
.nav-shoji ul li{width: 12.5%;float: left;text-align: center;}

.nav-shoji ul li a{ width:100%;color:#848284;}
.nav-shoji ul li.hover a{ color:#fab301; border-bottom:2px solid #fab301;}
.picScroll0{top: 0;}

.in-pro-shouji{margin-top: 30px;}
.in-pro-shouji ul{width: 99%;  }
.in-pro-shouji ul li{width: 49%; margin-left: 1%; float: left; }
.in-pro-shouji ul li h3{font-size: 14px; font-weight: 600;}
.in-pro-shouji img{width:100%;}
.in-pro-shouji .font{text-align:center;}


.shouji-nav h3{font-size: 18px; font-weight: 600;}
.shouji-nav .span1{display: block; height: 2px; width: 50px; background: #fab301; margin: 10px auto 10px;}
.shouji-nav .span2,.shouji-nav br{display: none; }
.shouji-nav p{ margin-bottom: 20px;font-size: 14px; width: 80%; margin-left: 10%;}

.in-des .clearfix .mask{opacity: 1;padding: 5px;}
.in-des .clearfix a span{font-size:12px;}
.in-des .clearfix a h3{font-size:12px;line-height:14px;}
.in-des .clearfix .icon{width: 25px;height: 25px;right: 0;}
.in-des .clearfix .icon:after{margin-top: 6px;margin-left: 5px;width: 8px;height: 8px;}

.in-case-shouji{top: 0;height: auto;width: 100%;overflow-x: auto;}
.in-case-shouji ul li .font{ left: 37%;}
.in-case-shouji ul{height: auto;width: 300%;margin-top: 0px;}
.in-case-shouji ul li img{height: auto;width: 100%;}

.in-case-shouji ul li .icon{width: 35px;height: 35px;opacity: 1;top: -60px;}
.in-case-shouji ul li .font p{top:53%;font-size: 18px;}

.case-right ul li .mask{width: 98%;opacity: 1;}
.case-right .icon{width: 25px;height: 25px;}
.case-right .icon:after{margin-top: 6px;margin-left: 6px;}

.stage-index-con ul li{width: 100%;}
.stage-index-con img{height:auto;width:100%;}
.stage-index-con ul li .mask{opacity:1;}


.content-view .post iframe{width: 100%;height: 200px;}
.content-view .pager p{padding: 0 5px;}
.new-index-bot{margin-left:0px;}
.contact-index ul li{width: 100%;padding: 0 0 20px;}
.contact-index ul li dd .span1{width:100%;background:#fff;}
.contact-index-con3 .left{width: 100%;}
.contact-index-con3 .form-group{margin: 10px;padding-bottom: 0px;}
.form-button{text-align: center;}
.contact-index-con3 .button{width:50%;}
.contact-index-con3 .rig{width: 100%; margin-left: 0;}

.in-ab .left{margin-top: 30px;padding-left: 20px;padding-right: 10px;}
.in-ab .left .p1{font-size: 36px;}
.in-ab .left .p1 br{display: none;}
.in-ab .left .font{ margin-top: 20px;}
.in-ab .left .font p{line-height: 20px; display: table-cell;padding-right: 5px;}
.in-ab .right{margin-top: 10px;}
.in-ab .right .span3, .in-ab .right .span1{width: 35%; }
.in-ab .right .span2{width: 30%; }
.in-ab .right li{margin-top: 0; }
.in-ab .right .right-bot{position: relative ; }
.in-ab .right .right-bot .p1{color: #fff;  margin-top: 15px; }
.in-ab .right .right-bot .p2{position: absolute; height: 100px;  }
.in-ab .right .right-bot .p3{margin-top: 10px; font-size: 52px;}

.multipleColumn .hd{margin-top: 20px; margin-left: 90px;}
.multipleColumn ul{margin-left:15px;}
.in-tem{margin-top: 0;}

.in-tem-shouji{margin-top: 30px;}
.in-tem-shouji ul{width: 99%;  }
.in-tem-shouji ul li{width: 49%; margin-left: 1%; float: left; }
.in-tem-shouji ul li img{max-width: 100%;  }
.in-tem-shouji ul li h3{font-size: 14px; font-weight: 600;}
.in-tem-shouji ul li .p1{margin-top: 10px; }
.in-tem-shouji ul li .p1 strong{font-size: 16px;  }
.in-tem-shouji ul li .p2{font-size: 14px; }
.in-tem-shouji ul li .p3{font-size: 14px;  line-height: 26px; }
.in-new{margin-top: 0;}
.in-new .container{width: 99%;padding: 0; }
.in-new ul{margin-left: 1%;margin-top: -20px; }
.in-new ul li{width: 100%;}
.in-new ul li .border{width: 100%; margin-left: 0;  margin-top: 20px; }
.in-new ul li img{width: 40%; float: left;  margin: 20px 10px;height: auto;}
.in-new .font{ }
.in-new .font h3{margin: 0; }
.in-new .font .p2{margin-top: 10px; line-height: 20px;}
.in-ke-shouji{margin-top: 30px;}
.in-ke-shouji ul li{width: 32%; margin-left: 1.3%; margin-top: 1.3%; float: left; }
.in-ke-shouji ul li img{border: 1px solid #f5f5f5; padding: 5px; }
.multipleColumn2 .hd .next, .multipleColumn2 .hd .prev{background: url(../img/left_right.png) no-repeat -9px -7px;
    border: 1px solid #989898; height: 30px; width: 60px;}
.multipleColumn2 .hd .next{background-position: -92px -7px;}
.multipleColumn2 .hd{margin-left: 35%; padding-bottom: 0;}
.foot-nav{background-size: 100% 250px;height: 250px;margin: 30px 0 50px;padding-left: 20px;width: 100%;overflow: hidden;}
.foot-nav .fl .p2{font-size: 20px;}
.foot-nav .fl{width: 100%; }
.foot-nav .con,.foot-nav .rig{width: 50%; margin-top: 0px; }
.foot-nav .con p,.foot-nav .rig p{margin: 0; }
.foot-nav .right{width: 36%; margin-left: 28%; margin-top: 30px;}
.foot-nav .right .form-btn1{line-height: 35px; }
.foot .conatiner{width: 99%;padding: 0; }
.foot .col-md-9{width: 100%; }
.all-foot-nav{background: #e4e4e4;}
.foot_link_li{}

.footer-shouji { background: #242424;  position: relative; margin-top:-68px; z-index: -11;}
.footer-shouji .container{width: 99%; padding: 0;}
.footer-shouji .fl{ text-align:left; width:100%; margin-top:10px;float: left;}
.footer-shouji p{color:#eee;   margin-top: 40px;}
.footer-shouji .tel{ background:url(../img/foot-tel.png) no-repeat left center; text-indent:60px;}
.footer-shouji .tel strong{display: inline-block; font-size:26px; text-indent:60px;}
.footer-shouji .tel span{ font-size:12px; }

.footer-shouji .link{padding-bottom: 30px;}
.footer-shouji .link li{display: inline-block;margin-top: 20px;width: 19%; border-right: 1px solid #eee;}
.footer-shouji .link li a{display: block; color:#eee; text-align: center; 
    font-size:14px; line-height: 20px; }
.foot-wx{width: 80%; margin-left: 10%;}
.foot-wx ul li{width: 50%;float: left;  }
.foot-wx img{margin: 0 auto; display: block; }
.foot-wx ul li p{color: #eee; margin-top: 5px; padding-bottom:20px; text-align: center; }
.bottom{padding: 0;}
.bottom a{line-height: 30px; }
/* .all-foot-navcss .foot-nav{margin: 0;padding-left: 5%;} */
/* case */
.shouji-nav h3{margin-top: 30px;}
.case-index{padding-bottom: 0;}
.case-list-right ul li{width:100%;margin:1px 0px;}
.case-list-right, .case-list-left{width:100%;}
.case-list-right ul li img{width:100%;height:auto;}
.case-index .container{padding-left:1%; padding-right: 0;}
.case-index-nav{margin-top: 0;}
.case-index-nav ul li{width: 33%;height: 40px; margin-right: 0;float: left;}
.case-index-nav ul li a{line-height: 40px; }
.case-right ul{margin-left: -1%;}
.case-right ul li{width: 49%;margin-left:1%;}
.page ul {width: 80%; margin-left: 10%;}
.page ul li{width: 48%;   float: left;height: 40px;  }
.page li img{padding-top: 15px; }
.page .li1, .page .li2{margin-right: 2%;}
/* .all-foot-navcss{position: relative;background:url(../img/in-footnav.jpg) no-repeat;height: 232px;
    background-size: 100% 250px; color: #fff;}
.all-footer-shouji-css{} */

/* 手机about */
.about-index{padding-bottom: 0;}
.about-index-con1 ul{padding: 0; padding-bottom: 30px;}
.about-index-con1 ul li .p2{line-height: 20px; height: 40px; overflow: hidden;}
/*.about-index-con2{width: 92%;  }*/
.about-index-con2 ul li{width: 48%;}
.about-index-con2 ul li:nth-child(5){display: none;}
.about-index-con3 {padding-bottom: 30px;}
.about-index-con3 .left{width: 94%; margin-left: 3%; margin-top: 20px;}
.about-index-con3 .con{width: 0%;display: none; }
.about-index-con3 .rig{width: 99%;}
.about-index-con3 .rig .rig-top img{max-width: 98%;}
.about-index-con3 .rig-bot-left{width: 99%;}
.about-index-con3 .rig-bot{position: relative; }
.about-index-con3 .rig-bot-rig{position: absolute; right: 0; top: 60px;}
.about-index-con3 .rig .rig-bot-rig img{max-width: 80%;}

/*手机 team */
.tea-index .in-tem1 ul li{width: 50%;  margin-left: 0; }
.tea-index .in-tem1 ul li .p2{display: block; }
.tea-index .in-tem1 ul li .p3{display: block;}
.tea-index .in-tem ul li:nth-child(2){margin-top: 30px; }
.tea-index .in-tem .p1{line-height: 30px; }


/*手机new*/
.new-index{padding-bottom: 0px;}
.new-index .container{padding: 0px;}
.new-index-top{}
.new-index-top ul li{width:49%; padding:0; float:left; margin-left: 1%;}
.new-index-top ul li h3{margin-top:10px;height: 50px;}
.new-index-top ul li p{display: none;}
.new-index-nav{margin-top:0px;}
.new-index-nav ul li{width:25%; margin-right:0;}
.new-index-bott ul li {margin-top:10px;}
.new-index-bott .left{width:20%; margin-right:3%;}
.new-index-bott .left .font{width: auto; height: auto;}
.new-index-bott .rig{width:77%;}
.new-index-bott .rig .p3{display:-webkit-box; overflow: hidden;
    text-overflow:ellipsis;-webkit-line-clamp: 3;-webkit-box-orient :vertical;}
.new-index-bott .rig hr{margin-top: 10px; margin-bottom: 10px;}

/*手机des*/
.des-index .case-right ul{padding-bottom: 20px;}

}
@media (min-width:750px) {
    
.in-case-shouji:hover>ul>li {
        width: 13%;
        cursor: pointer;
    }
.in-case-shouji ul li:hover {
        width: 61%;
}

.in-case-shouji ul li:hover .icon {
        -webkit-transform: rotate(0deg);
        opacity: 1;
        -webkit-transition: all 0.8s;
}