.hod{
    width: 100%;
    height: 120px;
}
.bannr-view{
    background: url('../images/index-b-bj.jpg');

}
.bannr-view .banr{
    width: 88.75%;
    margin: 0 auto;
}
.index-set1-cont{
    width: 100%;
    padding: 160px 0 130px;
    border-bottom: 2px solid #000;
    background: url('../images/index-set1-bj.jpg') no-repeat 90% 276px;
}
.index-set1-cont .left{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 30px 0;
    padding-left: 8%;
    border-right: 2px solid #4c4c4c
}
.index-set1-cont .left h5{
    font-size: 60px;
    color: #1a1a1a;
    line-height: 1.2
}
.index-set1-cont .left h6{
    width: 334px;
}
.index-set1-cont .left h6 img{
    width: 100%;
    height: auto;
}
.index-set1-cont .rigth{
    width: 49%;display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 8%;
}
.index-set1-cont  .rigth h4{
    font-size: 24px;color: #292929;
    margin-bottom: 12px;
}
.index-set1-cont  .rigth p{
    color: #666;
    font-size: 16px;
    padding-bottom: 20px;
}
.index-set2{
    padding: 90px 0 60px;
}
.index-title{
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.index-title::before{
    content: '';
    width: 100%;
    height: 1px;
    background: #f1f1f1;
    display: block;
    position: absolute;
    left: 0;
    top: 52px;
}
.index-title h4{
    font-size: 36px;
    line-height: 40px;
    color: #1a1a1a
}
.index-title i{
    width: 60px;
    display: block;
    height: 1px;
    background: #E4711E ;
    margin: 12px 0 10px;
}
.index-title p{
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    transform: scale(0.8) translateX(-47px);
    -webkit-transform: scale(0.8) translateX(-47px);
}
.index-title .rigth{
    font-size: 14px;
    color: #4e4e4e;
    text-align: right;
    margin-top: 29px;
}
.index-set3-nav li{
    width: 9%;
    float: left;
    margin-right: 1.1%;
    cursor: pointer;
    position: relative;
    margin-bottom: 35px;
}
.index-set3-nav li::after{
    content: '';
    width: 10px;
    height: 5px;
    display: block;
    background: url('../images/index-set3-icod.jpg') no-repeat center top;
     margin: -5px auto 0;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
}
.index-set3-nav .action::after{
    margin: 5px auto 0 !important;opacity: 1;
}
.index-set3-nav li:last-of-type{
    margin-right: 0;
}
.index-set3-nav .action i{
    background-position: center -44px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set3-nav li i{
    width: 42px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/index-set-view1.png') no-repeat center top;
}
.index-set3-nav li .text{
    display: inline-block;
    width: 96px;
    vertical-align: middle;
}
.index-set3-nav li .text h6{
    font-size: 14px;
    color: #000;font-weight: bold;
    line-height: 18px;
    margin-bottom: 4px;
    padding-left: 9px;
}
.index-set3-nav .action .text h6{
    color: #E4711E 
}
.index-set3-cont{
    width: 100%;
    overflow: hidden;
}
.index-set3-cont .swiper-wrapper{
    height: 527px;
}
.index-set3-nav li .text p{
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    min-height: 28px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.index-set3-page{
    position: relative;
    padding-bottom: 92px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    top: 0px !important;
    background: #E4711E  !important

}
.swiper-container-horizontal>.swiper-pagination-progressbar{
    top: 580px !important;
    width: 95% !important;
    margin-left: 2.5%;
}
.swiper-prev{
    width: 33px;
    height: 19px;
    background: url('../images/swiper-next.jpg') no-repeat;
    position: absolute;
    left: 0;
    top: 572px;cursor: pointer;
}
.swiper-next{
    width: 33px;
    height: 19px;
    background: url('../images/swiper-prev.jpg') no-repeat;
    top: 572px;
    right: 0;
    position: absolute;cursor: pointer;
}
.index-set3-page li >  img{
    width: 100%;
    height: auto;
}
.index-set3-page li{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.index-set3-page li .text{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    padding: 57px 10%;
    font-family: '微软雅黑';
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%)
}
.index-set3-page li:hover .text{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}
.index-set3-page li .text h5{
    font-size: 24px;
    line-height: 30px;color: #e3e3e3;
    margin-bottom: 20px;
}
.index-set3-page li .text p{
    font-size: 14px;color: #e3e3e3;
    min-height: 309px;line-height: 2;
}
.index-set3-page li .text .des{
    font-size: 24px;color: #e3e3e3;
    line-height: 36px;
}
.index-set3-page li .text .des em{
    font-size: 36px;color: #E4711E ;
    display: inline-block;vertical-align: middle
}

.index-set3{
    padding-bottom: 56px;
}
.index-title p img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.index-set4{
    width: 100%;
    padding-bottom: 56px;
}
.index-set4 .img{
    width: 71%;
}
.index-set4 .text{
    width: 340px;
    padding-top: 88px;
}
.index-set4 .text h5{
    font-size: 24px;margin-bottom: 20px;
}
.index-set4 .text p{
    font-size: 16px;color: #666;
    padding-bottom: 58px;
}
.index-set4 .text a{
    font-size: 16px;
}
.index-set4 .text a::after{
    content: '';
    width: 33px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/swiper-prev.jpg') no-repeat;
    margin-left: 6px;
}
.index-set5{
    padding-bottom: 60px;
}
.index-set5-pp{
    width: 100%;
    padding-top: 33px;
}
.index-set5-pp li{
	height: 130px;
}
.index-set5-pp .slick-dots li{border: 0;width: auto;height: auto;display: inline-block;*display: inline;*zoom: 1;float: none;}
.index-set5-pp .slick-dots{bottom: -40px;opacity: 0;}
.index-set5-pp .slick-dots li.slick-active button {
    background-color: #E4711E;
}
.index-set5-pp .slick-dots li button {
    width: 8px;
    height: 8px;
    background-color: #a2a2a2;
    padding: 0;
}
/* .index-set5-pp li:nth-of-type(1),
.index-set5-pp li:nth-of-type(2),
.index-set5-pp li:nth-of-type(3),
.index-set5-pp li:nth-of-type(5),
.index-set5-pp li:nth-of-type(4){
    border-top:none
}
.index-set5-pp li:nth-of-type(1)::before,
.index-set5-pp li:nth-of-type(2)::before,
.index-set5-pp li:nth-of-type(3)::before,
.index-set5-pp li:nth-of-type(4)::before,
.index-set5-pp li:nth-of-type(5)::before{
     width: 0;
}
.index-set5-pp li:nth-of-type(5n){
    border-right: none
}
.index-set5-pp li:nth-of-type(5n)::before{
    width: 0;
} */
.index-set5-pp li::before{
    content: '';
    width: 82px;
    height: 84px;
    display: block;
    background: url('../images/index-set5-ico.jpg') no-repeat;
    position: absolute;
    right: -41px;
    top: -40px;
    z-index: 1;
}
.index-set5-ys{
    width: 100%;
    padding: 108px 0 94px;
}
.index-set5-ys li{
    display: inline-block;
    vertical-align: middle
}
.index-set5-ys li .text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}
.index-set5-ys li .text h6{
    font-size: 72px;color: #000000;line-height: 78px;
    border-bottom: 1px solid #32383f;
    position: relative;
}
.index-set5-ys li .text h6::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url('../images/index-set5-t.jpg') no-repeat;
    display: block;
    position: absolute;
    right: -21px;
    top: 1px;
}
.index-set5-ys li:nth-of-type(2){
    margin: 0 465px 0;
}
.index-set5-ys li .text p{
    font-size: 16px;color: #666;
}
.index-set5-new{
    width: 100%;
    background: #e5e5e5;
    padding: 36px 0;
}
.index-set5-new li{
    width: 30%;
    margin-right: 5%;
    float: left;

}
.index-set5-new li .img{
  width: 100%;
  height: 287px;
}
.index-set5-new li:nth-of-type(3n){
    margin-right: 0;
}
.index-set5-new li h5{
    font-size: 30px;
    line-height: 2;
    border-bottom: 2px solid #8d8d8d;
    margin-bottom: 40px;
    color: #1a1a1a
}
.index-set5-new li h6{
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;color: #666;
    margin-bottom: 12px;
}
.index-set5-new li p{
    font-size: 16px;color: #666;
    min-height: 80px
}
.index-set5-new li i{
    width: 39px;
    height: 38px;
    display: block;
    margin-bottom: 16px;
    background: url('../images/index-set5-new-ico.jpg') no-repeat;
    border-radius: 20px

}
.index-set5-new li span{
    font-size: 16px;color: #333333
}
.index-set5-new li .img{
   margin-top: 39px;
}
.index-set6 .map{
    width: 100%;height: auto;
}
.index-set6 ul{
    border-bottom: 3px solid #000;
}
.index-set6 ul{
    margin-top: 30px;
}
.index-set6 ul li{
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 24px;font-weight: bold;
    padding-bottom: 30px;
}

.fooder-vewd{
    line-height: 55px;
}
.about-nav{
    width: 100%;
    font-size: 18px;
    padding: 30px 0 30px;
}
.about-nav i{
    width: 5px;height: 5px;
    display: inline-block;
    background: #e4e4e4;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px;
}
.about-nav i:last-of-type{
    display: none
}
.about-nav .action{
    color: #E4711E 
}
.about-bananr{
    width: 100%;
    position: relative;
}
.about-bananr > img{
    width: 100%;
    height: auto;
}
.about-bananr .txt{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
    padding: 0 7%;
}
.about-bananr .txt h5{
   font-size: 38px;
   color: #FFFFFF;
   line-height: 48px;
   font-weight: normal;

}
.about-bananr .txt  i{
    width: 38px;
    height: 27px;display: inline-block;
    background: url('../images/ghjs-pages.png') no-repeat center !important;
    margin: 10px 0 4px;
}
.about-bananr .txt p{
    font-size: 16px;
    color: #fff;
}
.about-bananr .des{
    width: 100%;
    position: absolute;
    bottom: 6%;
    left: 0;
    box-sizing: border-box;
    padding: 0 7%;
    text-align: right;
    font-size: 16px;
    color: #fff
}
.about-bananr .des.crumbs1 {
	color: #333;
}
.about-bananr .des.crumbs1 a{
	color: #333;
}
.about-bananr .des a{
    font-size: 16px;color: #fff;
    display: inline-block;
    margin-right: 4px;
}
.about-bananr .des a:hover{
    color: #E4711E 
}
.about-set2{
    width: 100%;
	background-color: #f5f5f5;
	box-sizing: border-box;
	margin-top: 60px;
}
.about-sec_item5.about-sec_item{
	background-color: #f5f5f5;
	padding: 50px 0 80px;
}
.about-set2 .img{
    width: 50%;
}
.about-set2 .txt{
    width: 630px;
    /* padding-top: 40px; */
	padding-right: 30px;
}
.about-set2 .txt h5{
    font-size: 24px;
	font-weight: normal;
    color: #666
}
.about-set2 .txt  h6{
    font-size: 30px;
    color: #333;
    line-height:46px;
    padding: 30px 0 15px;
	font-weight: normal;
}
.about-set2 .txt p{
    font-size: 16px;
    line-height: 2.2;
    color: #666
}
.about-set3{
    width: 100%;
    padding: 40px 0 80px 0;
	box-sizing: border-box;
}
.about-set3 li{
    display: inline-block;
    vertical-align: middle;
    padding-left: 33px;
}
.about-set3 li>div{
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    margin-left: 4px;
}
.about-set3 li>div span{display: block;color: #666;font-size: 16px;}
.about-set3 li p span{
    color: #E4711E 
}
.about-set3 li.n2{
	padding-left: 80px;
	padding-right: 30px;
}
.about-set4{
    width: 100%;
    position: relative;
}
.about-set4 >img{
    width: 100%;
    height: auto;
}
.about-set4-cont{
    width: 640px;
    background: #fdfdfd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 70px 0 50px;
    text-align: center
}
.about-set4-cont .txt{
    text-align: center
}
.about-set4-cont .txt p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 40px;
    line-height: 48px;font-family: CNHeavy;
    padding-left: 10px;
}
.about-set4-cont .txt span{
    display: block
}
.about-set4-cont h5{
    text-align: center;
    font-size: 24px;color: #333;
    padding-top: 25px;
    margin-bottom: 40px;
}
.about-set4-cont  a{
    display: inline-block;
    font-size: 16px;
    color: #E4711E ;
    border-bottom: 1px solid #E4711E ;
}
.about-set5{
    width: 100%;
}
 .about-title{
     width: 100%;
     padding: 80px 0 40px;
 }
 .about-title h5{
     font-size: 30px;
     color: #333
 }
 .about-title p{
     font-size: 18px;color: #666
 }
 .about-set5-cont{
     width: 100%;
     position: relative;
 }
 .about-set5-cont i{
     width: 32px;
     height: 32px;
     position: absolute;
     top: 50%;
     display: block;
     border-radius: 50%;

     z-index: 10;
     cursor: pointer;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 .about-set5-cont .next{
     background: url('../images/left-ico.png') no-repeat 3px center;
     background-color: #fff;
     left: 50px;
 }
 .about-set5-cont .next:hover{
    background-position: -48px center;
    background-color: #091115
 }
 .about-set5-cont .prev{
    background: url('../images/rigth-ico.png') no-repeat -56px center;
    background-color: #fff;
    right:50px;
 }
 .about-set5-cont .prev:hover{
    background-position: 0px center;
    background-color: #091115
 }
 .about-set5-cont li img{
     max-width: 100%;
     height: auto;
 }
 .about-set5 > p{
     font-size: 14px;color: #666;
     padding: 30px 0 20px;
	 line-height: 30px;
 }
 .ny-about-set62{
	 padding: 0  0 60px 0px!important;
 }
 .about-set6-cont{
     width: 100%;
     padding-bottom: 0px !important;
     /* border-bottom: 1px solid #000000 */
 }
 .about-set6-cont2{
	 border-bottom: 1px solid #000000;
 }
 .about-set6-cont li{
     width: 24%;
     float: left;
     margin-right: 1.33%;
     text-align: center;
     cursor: pointer;
     margin-bottom: 10px;
 }
 .about-set6-cont li:nth-of-type(4n){
     margin-right: 0;
 }
 .about-set6-cont li p{
     font-size: 16px;
     color: #666;
     padding-top: 10px;
 }
 .about-set6-cont li .img{
     height: 260px;
 }
 /* .about-set6-cont li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);


 }
 .about-set6-cont li:hover img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);

    filter: grayscale(0);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
 } */
/*  .about-set6-cont li img{
	  transition: transform 2s;
  }
  .about-set6-cont li:hover img{
	  transform: scale(1.05);
  } */
 .about-set6-cont li .img1{
	 transition: all 2s; 
 }
 .about-set6-cont li .img2 {
     opacity: 0;
     visibility: hidden;
     display: none;
     /* transition:transform 2s opacity .6s,visibility .6s; */
	 /* transition-property:transform opacity visibility;
	 transition-duration:2s .6s .6s; */
	 transition: all 2s;
 }
 .about-set6-cont li:hover .img1 {
     opacity: 0;
     visibility: hidden;
     display: none;
	 transition:transform 2s;
 }
 .about-set6-cont li:hover .img2 {
     opacity: 1;
     visibility: visible;
     display: block;	 
 }
 .about-h-title{
     text-align: center;
     padding: 60px 0 50px;
 }
 .about-h-title h5{
     font-size: 36px;
     color: #333;
     line-height: 42px;
 }
 .about-h-title p{
     font-size: 24px;
     color: #333
 }
 .about-h-cont{
     width: 100%;
     padding-bottom: 10px;
     border-bottom: 3px solid #000000
 }
 .about-h-cont li{
     width: 24%;
     float: left;
     margin-right: 1.33%;
     margin-bottom: 20px;
     background: #f4f4f4;
     padding: 10px 0;
 }
 .about-h-cont li:nth-of-type(4n){
     margin-right: 0;
 }
 .more-x{
     width: 100%;
     text-align: center;
     cursor: pointer;
     margin: 60px 0;
 }
 .more-x i{
     width: 16px;
     height: 6px;
     background: url('../images/more-x.png') no-repeat center ;
     display: inline-block;
     margin-bottom: 12px;
 }
 .more-x p{
     font-size: 16px;
     color: #E4711E
 }
 .about-hz-title{
     text-align: center;
     padding: 70px 0;
 }
 .about-hz-title h5{
     font-size: 36px;color: #333
 }
 .about-hz-title h6{
     font-size: 24px;color: #333;
     margin-bottom: 40px;
 }
 .about-hz-title p{
     font-size: 16px;color: #666
 }
 

 .case-nav p a:hover{
    color: #E4711E
 }
 .case-nav .from{
     width: 218px;
     display:block;line-height: 38px;
     border-radius: 20px;
     border: 3px solid #dde2ef;
     box-sizing: border-box;
     padding-left: 20px;
     height: 38px;
     margin-top: 25px;
 }
 .case-nav .from input{
     display: block;
     line-height: 32px;

 }
 .case-nav .from .submit{
     width: 28px;
     height: 28px;
     display: block;
     background: url('../images/case-ico.png') no-repeat center;
     margin-right: 3px;
     margin-top: 2px;
     border-radius: 50%
 }
 .case-cont{
    padding: 60px 0 22px;
 }
 .case-cont .index-set3-nav li i{
     display: block;
   margin-bottom: 6px;
   margin-left: 10px;
 }
 .case-cont .index-set3-nav li::after{
   margin: -5px 0 0 !important;
 }
 .case-cont  .index-set3-nav .action::after{
    margin: 5px 10px 0 !important;
 }
 .case-cont .index-set3-nav li:hover .text h6{
    color: #E4711E ;
 }
 .case-cont .index-set3-nav li:hover::after{
    margin: 5px 0 0 !important;
 }
 .case-views ul{margin: 0 -5px;}
 .case-views li{
     width: 20%;
     float: left;
     margin-bottom: 1.33%;
 }
 .case-views li a{
	 display: block;
	 margin: 0 5px;
 }
 .case-views{
     padding-bottom: 60px;
	 overflow: hidden;
 }
 .case-views li a > p{
     text-align: center;
     font-size: 16px;
     padding: 16px 0;
 }
 .case-views li:nth-of-type(5n){
     margin-right: 0;
 }
 .case-views li .img{
     position: relative
 }
 .case-views li .text{
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     left: 0;
     top: 0;
     z-index: 2;
     box-sizing: border-box;
     padding: 50px 10%;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     opacity: 0;
     transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
 }
 .case-views li:hover .text{
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
 }
 .case-views li .text h6{
     font-size: 24px;
     color: #fff;
     line-height: 28px;
     font-family: '微软雅黑';
 }
 .case-views li .text p{
     font-size: 14px;
     color: #efefef;
     min-height: 300px;
     margin-top: 8px;
 }
 .case-views li .text .des{
     font-size: 24px;color: #efefef
 }
 .case-views li .text .des span{
     font-size: 36px;
     color: #E4711E 
 }
 .casedef{
     padding: 69px 0;
 }
 .casedef a,
 .casedef {
     font-size: 16px;
     color: #666;
 }
 .casedef .fl a:last-of-type{
     color: #E4711E
 }
 .casedef a:hover{
     color: #E4711E
 }
 .casedef i{
     width: 14px;
     height: 10px;
     background: url('../images/index-set1-views.jpg') no-repeat center top;
 }
 .casedef-cont h2{
     text-align: center;
     font-size: 36px;
     color: #333333;
     margin-bottom: 30px;
 }
 .casedef-cont .cont{
     width: 100%;
 }
 .casedef-cont .cont img{
     max-width: 100%;
 }
 .casedef-tit{
     width: 100%;
     padding: 50px 0;
 }
 .casedef-tit .left{
     width: 66%;
     display: inline-block;
     vertical-align: middle;
     padding-right: 2%;
     border-right: 1px solid #d9d9d9;

 }
 .casedef-tit.casedef-tit2 .left{
	 border-right: 0;
	 width: 100%;
	 padding-right: 0;
 }
 .casedef-tit.casedef-tit2 .left .pagesvews p{
	 width: 100%;
 }
 .casedef-tit .rigth{
     width: 29%;
     display: inline-block;
     vertical-align: middle;
     padding-left: 2%;
     color: #E4711E ;
     font-size: 14px;
 }
 .casedef-tit .rigth p{
	 margin-bottom: 6px;
 }
 .casedef-tit .rigth span{
     font-size: 20px;
 }
 .casedef-tit .rigth em{
     color: #4e4e4e
 }
 .casedef-tit .left .pagesvews{
     display: block;
      margin-bottom: 10px;
 }
 .casedef-tit .left .pagesvews:last-of-type{
     margin-bottom: 0;
 }
 .casedef-tit .left .pagesvews em{
     display: inline-block;
     width: 71px;
     color: #E4711E;
 }
 .casedef-tit .left .pagesvews p{
     width: calc(100% - 80px);
     display: inline-block;
     vertical-align: text-top;
     color: #4e4e4e;
	 margin-left: 0  !important;
	 line-height: 24px;
 }
 .casedef-ul{
     width: 100%;
     padding-bottom: 30px;
 }
 .casedef-ul li{
     width: 49%;
     float: left;
     margin-right: 2%;
     margin-bottom: 30px;
 }
 .casedef-ul li:nth-of-type(2n){
     margin-right: 0;
 }
 .casedef-ul li .img{
     position: relative;
 }
 .casedef-ul li .img img{
	 transition: transform 2s;
	 width: 100%;
 }
 .casedef-ul li p{
     position: absolute;
     width: 100%;
     left: 0;
     box-sizing: border-box;
     margin-top: 30px;
     padding: 0 30px;
     font-size: 16px;
     color: #666;
     z-index: 1;
     top: 0
 }
 .product-casedef-ul.casedef-ul li{
	 position: relative;
 }
 .product-casedef-ul.casedef-ul li p{
	 color: #FFFFFF;
 }
  .product-casedef-ul.casedef-ul li .code{
	 position: absolute;
	 left: 0;
	 top: 0px;
	 width: 90px;
	 height: 40px;
	 text-align: center;
 }
 .product-casedef-ul.casedef-ul li .mask{
	 background-color: #000000;
	 opacity: .3;
	 filter: alpha(opacity=30);
	 width: 100%;
	 height: 100%;
	 position: absolute;
 }
  .product-casedef-ul.casedef-ul li span{
	  color: #FFFFFF;
	  position: relative;
	  z-index: 2;
	  line-height: 40px;
	  font-size: 16px;
  }
 .casedef-ul dd a,
 .casedef-ul dd{
     color: #666;
	 margin-bottom: 15px;
 }
 .casedef-ul dd a:hover{
     color: #E4711E
 }
 .casedef-gk{
     width: 100%;
     position: relative;
     margin-top: 50px;
 }
 .casedef-gk img{
     max-width: 100%;
     height: auto;
 }
 .casedef-wx{
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%,-50%);
 }
 .casedef-wx p{
     display: inline-block;
     vertical-align: middle;
     font-size: 36px;
     line-height: 50px;
     padding-left: 20px;color: #333333
 }
 .casedef-wx p span{
     color: #E4711E
 }
 .casedef-qq{
    position: absolute;
    left: 2%;
    top: 56%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
 }
 .casedef-dd{
    position: absolute;
    right: 2%;
    top: 56%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
 }
 .casedef-dd a{
    width: 155px;
    line-height: 36px;
    text-align: center;
    border: 2px solid #000000;
    border-radius: 3px;
    display: inline-block;
    color: #000;
    font-weight: bolder;
 }
 .casedef-qq p{
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     line-height: 1.2;
     /* padding-left: 10px; */
 }
 .casedef-qq p span{
font-size: 24px;
color: #E4711E;
font-weight: bold;
 }

 .casedef-xg{
     width: 100%;
 }
 .casedef-xg h2{
     font-size: 36px;
     padding-top: 32px;
     margin-bottom: 30px;
 }
 .casedef-xg  .case-views li{
     width: 32%;
     margin-right: 2%
 }
 .casedef-xg  .case-views li:nth-of-type(3n){
     margin-right: 0;
 }
 .casedef-xg .case-views li .text p{
    min-height: 215px;
 }
 .hxys-title{
     width: 100%;
     text-align: center;
     padding: 78px 0 56px;
 }
 .hxys-title h6{
     font-size: 36px;
     color: #333;font-weight: bold;
 }
 .hxys-title  p{
     font-size: 24px;
     color: #666
 }
 .hxys-cont{
     width: 100%;
     position: relative;
     margin-bottom: 70px;
 }
 .text-view{
     position: absolute;
     left: 7%;
     top: 10%;
 }
 .text-view p{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #333;
    margin-right: 20px;
    font-weight: bold;
    line-height: 1.3;
 }
 .hxys-cont-vies{
     width: 1100px;
     margin: 0 auto;
     text-align: center;
     /* border-bottom: 1px solid #fe230a; */
     /* padding-bottom: 60px; */

 }
 .hxys-cont-vies .v{
     width: 190px;
     text-align: center;
     display: inline-block;

 }
 .hxys-cont-vies .v h6{
     font-size: 18px;font-weight: bold;
     color: #333;
     margin-top: 40px;
     margin-bottom: 12px;
 }
 .hxys-cont-vies .v p{
     color: #666;font-size: 14px;line-height: 1.3;
 }
 .hxys-cont-vies i{
     width: 28px;
     height: 103px;
     display: inline-block;
     background: url('../images/ghsj-jt.png') no-repeat center top;
     margin-bottom: 50px;

 }
 .about-set5 .ghsj-page{background-color: #fafafa;}
 .ghsj-page{
     width: 100%;
     background: #e7e6e6;
     padding: 74px 0;
 }
 .dif-ghsj-page.ghsj-page h3{
	 margin-top: 112px;
 }
 .ghjs-dd2 .ghsj-page.n2 h3{
	 margin-top: 85px;
 }
 .ghsj-page .slb-num{
	 color: #ffffff;
	 display: block;
	 text-align: center;
	 line-height: 40px;
	 font-size: 16px;
	 font-family: Impact;
	 background: url(../images/num-icon.png) no-repeat;
	 width: 40px;
	 height: 40px;
	 position: relative;
	 /* top: 50px; */
	 top: 0;
 }
.ghjs-dd.ghjs-dd2 .ghsj-page{padding: 0;margin-bottom: 50px;background-color: #fafafa;}
.ghjs-dd2 .ghsj-page .left{
	width: 800px;
}
/* .ghjs-dd2 .ghsj-page.n2 .left{
	width: 800px;
} */
.ny-ghjs-dd2{padding-bottom: 0  !important;}
/* .ghsj-page img{width: 100%;} */
.ghjs-dd2 .n2 .left{
	box-sizing: border-box;
	padding-left: 80px;
	width: 39%;
}
.ghjs-dd2 .n2 .rigth{
	width: 800px;
	text-align: right;
}
.ghsj-page.dif-ghsj-page .rigth{float: left;padding-left: 80px;box-sizing: border-box;}
 .ghsj-page.n2{
     background: #fafafa
 }
 .ghsj-page .left{
     width: 61%;
 }
 .ghsj-page.n2 .left{
	 float: right;
	  width: 39%;
 }
 .ghsj-page.n2 .rigth{
 	 width: 39%;
	 float: left;
 }
 .ghsj-page .rigth{
     width: 39%;
 }
#sheng{
	margin-bottom: 60px;
}
 .ghsj-page .rigth img{width: 100%;}
 .ghsj-page  h3{
     font-size: 24px;
     color: #333;
     line-height: 28px;
     margin-bottom: 6px;
     margin-top: 10px;
	 margin-top: 12px;
 }
 .ghsj-page h6{
     font-size: 24px;
     color: #333;
     line-height: 28px;
 }
 .ghsj-page p{
     width: 68%;
     font-size: 16px;
     color: #666;
	 line-height: 30px;
 }
 .ghsj-page.n2 p{
	 width: 102%;
 }
 .ghsj-page i{
     width: 30px;
     border: solid 1px #E4711E;
     display: block;
     margin: 18px 0;
 }
 .ghjs-dd{
     width: 100%;
     padding-bottom: 45px;
 }
 .ghjs-dd2{padding-bottom: 0;overflow: hidden;}
 .zp-cont{
     width: 100%;
     margin-bottom: 20px;
 }
 .zp-cont a{
     display: inline-block;
     margin-right: 38px;
     font-size: 18px;
     color: #666;
 }
 .zp-cont a::after{
     display: block;
     width: 100%;
     height: 9px;
     content: '';
     background: url('../images/index-set3-icod.jpg') no-repeat center top;
     margin-top: 5px;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }
 .zp-cont .action{
     color: #E4711E ;
 }
 .zp-cont .action::after{
      opacity: 1;
 }
 .zp-cont a:hover{
     color: #E4711E 
 }
 .zp-cont a:hover::after{
    opacity: 1;
}
.zp-vues{
    padding-bottom: 78px;
    border-bottom: 3px solid #000
}
.zp-vues li{
    width: 24%;
    margin-right: 1.33%;
    float: left;
    text-align: center
}
.zp-vues li p{
    padding: 17px 0;
}
.zp-vues li:nth-of-type(4n){
    margin-right: 0;
}
.prodef-vies{
    width: 100%;
    padding-bottom: 40px;
}
.prodef-vies .proimg{
    width: 44%;

}
.prodef-vies .proimg img{
    width: 100%;
    height: auto;
}
.prodef-vies  .protex{
    width: 46%;
    margin-top: 62px;
}
.prodef-vies  .protex h2{
    font-size: 24px;
    color: #333;
    margin-bottom: 38px;font-weight: bold;
}
.prodef-vies  .protex  > div{
    font-size: 16px;
    color: #666;
    min-height: 236px;
    overflow: hidden;
}
.prodef-vies  .protex a{
    display: inline-block;
    width: 139px;
    line-height: 32px;
    border-radius: 6px;
    border: 3px solid #000;
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}
.prodef-vies  .protex a i{
    display: inline-block;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    margin-right: 6px;
    background: url(../images/zx-wx.png) no-repeat center top;
}
.pro-cont{
    width: 100%;
}
.pro-cont h2{
    font-size: 24px;
    margin-bottom: 30px;
}
.xmsg-cont{
    width: 100%;
    height: 580px;
    position: relative;
    border-bottom: 1px solid #ececec
}
.xmsg-cont .xmsg-txt{
    width: 624px;
    height: 352px;
    display: block;
    margin: 0 auto;
}
.xmsg-cont h6{
    font-size: 24px;
    color: #333;
    margin-bottom: 6px;
}
.xmsg-cont p{
    font-size: 16px;
    color: #666;
    width: 250px;
}
.xmsg-cont li{
    position: absolute;

}
.xmsg-cont li:first-of-type{
    left: 0;
    top: 240px
}
.xmsg-cont li:nth-of-type(2){
    right: 0;
    top: 240px
}
.xmsg-cont li:nth-of-type(3){
    /* text-align: center; */
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.xmsg-views{
    width: 100%;
    text-align: center
}
.xmsg-views h2{
    font-size: 32px;color: #333;
    padding: 80px 0 60px;
}
.xmsg-views li{
    width: 19%;
    margin-right: 1.25%;
    float: left;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 68px 4%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.xmsg-views li::before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/xmsg-bj.png') no-repeat;
    z-index: -1;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    opacity: 0;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
}
.xmsg-views li:hover::before{
    transform: translateY(0);
    -webkit-transform: translateY(0%);
    opacity: 1;
}
.xmsg-views li:hover h6{
    color: #fff
}
.xmsg-views li:hover  p{
    color: #fbf1f1
}
.xmsg-views li:nth-of-type(5n){
    margin-right: 0;
}
.xmsg-views li i{
    width: 97px;
    height: 90px;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    /* background-position: center -50px */
}
.xmsg-views li  h6{
    font-size: 20px;
    color: #333;
    margin: 24px 0 40px ;
}
.xmsg-views li p{
    min-height: 120px;
    text-align: left;
}
.xmsg-views li:hover i{
    background-position: center -108px
}
.xmsg-tit{
    width: 100%;
    padding-bottom: 110px;
    border-bottom: 3px solid #000
}
.xmsg-tit .img{
    width: 50%;
}
.xmsg-tit ul{
    width: 50%;
    padding-left: 8%;
    box-sizing: border-box;
    padding-top: 30px;
}
.xmsg-tit h2{
    text-align: center;
    font-size: 32px;
    color: #333;
    padding: 80px 0 60px;
}
.xmsg-tit  p{
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}
.xmsg-tit li{

    color: #666;
    font-size: 16px;
    margin-top: 50px;
}
.xmsg-tit li::before{
  content: '';
  width: 36px;
  height: 1px;
  background: #ababab;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.hxys-v li{
    width: 32%;
    margin-right: 2%;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.hxys-v{
    padding-bottom: 20px;
    border-bottom: 3px solid #000
}
.hxys-v li .txt{
    position: absolute;
    top: 50%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
    z-index: 2;
}
.hxys-v li .txt h6{
    font-size: 30px;
    color: #fff;
    padding: 18px 0;
}
.hxys-v li .txt  p{
    color: #dedede
}
.hxys-v li:nth-of-type(3n){
    margin-right: 0;
}
.hxys-v li::before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 1;

}
.hxys-v li:hover::before{
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.hxys-v li:hover .txt{
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 1;
}
.hxys-v li h4{
    font-size: 18px;
}
.jjfadef-vies{
    width: 100%;
    position: relative;
}
.jjfadef-vies i{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    display: block;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.jjfadef-vies .next{
    background: url('../images/left-ico.png') no-repeat 3px center;
    background-color: #fff;
    left:0px;
}
.jjfadef-vies .next:hover{
   background-position: -48px center;
   background-color: #091115
}
.jjfadef-vies .prev{
   background: url('../images/rigth-ico.png') no-repeat -56px center;
   background-color: #fff;
   right:0px;
}
.jjfadef-vies .prev:hover{
   background-position: 0px center;
   background-color: #091115
}
.jjfadef-title{
    width: 100%;
    padding: 66px 0 50px;
}
.jjfadef-title h2{
    font-size: 30px;
    color: #111133;
    margin-bottom: 6px;
}
.jjfadef-title p{
    font-size: 16px;
    color: #666;
}
.jjfadef-contvs{
    min-height: 300px
}
.jjfadef-contvs img{
    max-width: 100%;
    height: auto;
}
.jjfadef-cont{
    width: 100%;
    padding-bottom: 58px;
    border-bottom: 3px solid #000
}
.news-cont{
    border-bottom: 3px solid #000
}
.news-cont .index-set5-new{
    background: #fff
}
.news-cont  .index-set5-new li{
    margin-bottom: 58px;
}
.contact-vs{
    width: 100%;
    text-align: center;
	padding-top: 70px;
    padding-bottom: 100px;
}
.contact-vs h2{
    font-size: 30px;
    color: #333;
	font-weight: normal;
    padding: 70px 0 90px;
}
.contact-vs li{
    display: inline-block;
}
.index-set5-new li:hover h6{
    color: #E4711E 
}
.contact-vs li p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 6px;
}
.contact-vs li p span{
    font-size: 28px;
    color: #E4711E ;
    display: block;
    line-height: 28px;
}
.contact-vs li:nth-of-type(2){
    margin: 0 128px;
}
.contact-ly{
    background: url('../../images/conatct-bj.png') no-repeat center top;
    /* padding: 30px 40px; */
    box-sizing: border-box;
	background-size: cover;
}
.contact-ly-cont{
   width: 100%;
   background: #fff;
   text-align: center;
   box-sizing: border-box;
   /* padding: 60px; */
}
.contact-vs img,.contact-ly img{
	float: left;
}

.contact-ly-title{
    margin-bottom: 35px;
}
.contact-ly-title h3{
    font-size: 36px;
	font-weight: normal;
}
.contact-ly-title p{
    color: #707070;
    font-size: 24px;
}
.contact-ly-c label{
    width: 49%;
    display: block;
    float: left;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-right: 2%;
    margin-bottom: 24px;
    text-align: left
}
.contact-ly-c label:nth-of-type(2n){
    margin-right: 0;
}
.contact-ly-c label span{
    font-size: 16px;
    color: #333;
    display: inline-block;
    vertical-align: middle;padding-right: 5px;
    border-right: 1px solid #e7e7e7;
    padding-left: 6px;
    margin-right: 5px;
}
.contact-ly-c textarea{
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 30px;
    display: block;
    height: 200px;
	box-sizing: border-box;
	resize: none;
}
.contact-ly-c .submit{
    width: 137px;
    line-height: 40px;
    background-color: #a0a0a0 ;
    background-position: 26px center;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 2px;
    margin-top: 50px;
    cursor: pointer;
	transition: all .8s;
}
.contact-ly-c .submit:hover{background-color: #E4711E;}
.contact-zx{
    margin-top: 70px;
    position: relative;
}
.contact-zx .ves{
    position: absolute;
    bottom: 26px;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #fff;
    width: 330px;
    text-align: center;
    padding: 10px 30px 10px;
}
.contact-zx .ves p{
    font-size: 16px;
    color: #666;
    margin-bottom: 8px;
}
.contact-zx .ves a{
    color: #E4711E ;
    font-size: 16px;
}
.contact-text{
    padding-bottom: 62px;
	width: 100%;
	overflow: hidden;
}
.banr{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banr img{
    max-width: 100%;
}
.banr > p{
    position: absolute;
    left: 5%;
    bottom: 8%;
    color: #fff;
    font-size: 16px;
}
.banr ul{
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.banr ul li{
    float: left;
}
.banr > p em{
    cursor: pointer;
}
.banr > p i{
    width: 9px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.banr > p .next{
    background: url('../images/bananr-l.png') no-repeat;
    margin-left: 20px;
    margin-right: 6px;
}
.banr > p .prev{
    background: url('../images/bananr-r.png') no-repeat
}

.index-setvies {
    width: 100%;
    position: relative;
    height: 830px;
    background: url('../images/index-gg.jpg') no-repeat center top;
}

.index-setvies .title {
    width: 100%;
    position: absolute;
    left: 0;
    top: 90px
}

.index-setvies .title p {
    font-size: 16px;
    color: #fbf1f1
}

.index-setvies .title h5 {
    font-size: 39px;
    color: #fff;
    line-height: 46px;
    /* font-weight: bold; */
    margin-top: 12px;
}

.index-setvies>img {
    width: 100%;
    height: auto;
}

.index-setvies .txt {
    position: absolute;
    right: 60px;
    text-align: right;
    bottom: 50px;
}

.index-setvies .txt p {
    font-size: 18px;
    color: #fbf1f1
}

.index-setvies .txt p a {
    font-size: 18px;
    color: #fbf1f1;
    display: inline-block;
    margin: 0 10px;
}

.index-setvies .txt span {
    color: #f8eaeb;
    font-size: 14px;
}

.index-vie {
    width: 566px;
    height: 566px;
    position: absolute;
    left: 50%;
    margin-left: -283px;
    top: 9%;
}

.index-vie .des {
    width: 100%;
    height: 566px;
    position: relative;
    z-index: 1;
}

.index-vie .des::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #d25358
}

.index-vie .des::after {
    width: 418px;
    height: 418px;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #d25358
}

.index-vie .des .daves {
    width: 234px;
    height: 234px;
    border-radius: 50%;
    background: #cd3f44;
    text-align: center;
    padding-top: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -117px;
    margin-left: -117px;
    z-index: 2;
}

.index-vie .des .daves h6 {
    /* font-weight: bold; */
    font-family: '微软雅黑';
    color: #fff;
    font-size: 42px;
}

.index-vie .des .daves img {
    display: block;
    margin: 0 auto 10px;
}

.index-vie .des .daves a {
    font-size: 15px;
    color: #fcf5f6
}

.index-vie .des i {
    width: 8px;
    height: calc(50% + 4px);
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: -4px;
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    /* transform: rotate(45deg) */

}
@-webkit-keyframes shaketo {
    0%{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100%  {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }


  }

  @keyframes shaketo {
    /* 0%, 100% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    } */
    0%{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100%  {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
  }
.index-vie .des i::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: '';
}

.index-vie .des em {
    width: 4px;
    height: calc(209px + 4px);
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: calc(50% - 213px);
    z-index: 2;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.index-vie .des em::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    display: block;
    content: '';
}

.index-vie .des .tdes {
    width: 72px;
    height: 72px;
    background: #cd3f44;
    text-align: center;
    border-radius: 50%;

    position: absolute;
    left: 39px;
    top: 233px;
    z-index: 2;
}
.index-vie .des .tdes .desc{
    width: 72px;
    height: 72px;
    padding-top: 12px;
    border-radius: 50%;
    position: relative
}
.index-vie .des .tdes .desc::before{
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   border: 1px solid #fff;
   box-shadow: 0px 0px 8px #fff;
   border-radius: 50%;
   z-index: -1;
   animation: shaketo 1.5s infinite;
   -webkit-animation: shaketo 1.5s infinite;
}
/* .index-vie .des .tdes:hover .desc::before{
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    opacity: 1;
} */
.index-vie .des .tdes a {
    font-size: 15px;
    color: #fff;
    line-height: 18px;

}








.index-vie .des .tdes:nth-of-type(2) {
    left: 455px;
    top: 233px;
}

.index-vie .des .tdes:nth-of-type(3) {
    left: 245px;
    top: 428px;
}


.index-vie .desves{
    width: 157px;
height: 157px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: 50%;
    padding-top: 34px;
    z-index: 1;
}
.index-vie .desves h6{
    font-size: 26px;
    color: #E4711E ;
    font-weight: bold;
}
.index-vie .desves p{
    color: #333
}
.index-vie  .des  .desves:nth-of-type(1){
    left: -161px;
     top: 178px;
}
.index-vie .des  .desves:nth-of-type(2){
    left: 199px;
    top: 509px;
}
.index-vie .des  .desves:nth-of-type(3){
    left: 536px;
    top: 190px;
}
/* 产品详情页下方 */
.pro_detail_box{background:#fff;overflow:hidden;margin-top: 20px !important; width: 340px;float: right;margin-bottom: 30px;}
.pro_detail_box2{
	float: none;
	width: 100% !important;
	margin-top: 20px !important;
}
.product-casedef-ul ul{padding-bottom: 20px;border-bottom: 1px solid #eee;}
.pro_detail_box2 .pro_detail_rel_item{
	margin: 0 -8px;
}
.pro_detail_box2 .ny-product .item{
	margin: 0 8px;
}
.pro_detail_rel_hd{ margin-bottom: 30px;margin-top: 20px;}
.pro_detail_box .ny-product{
	margin-bottom: 26px;
}
.pro_detail_rel_hd strong{font-size:23px;color:#666;text-align: center;}
.pro_detail_rel_item a{ color:#666;}

.nyxqnews_leftup,.nyxqnews_leftdown{ width:50% !important;}
.nyxqnews_leftpage{ width:1030px !important;}
.pro_detail_box .tj_text{
	color: #000000;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 16px;
	display: block;
	transition: color 1s;
	-webkit-transform: color 1s;
	-moz-transform: color 1s;
	-ms-transform: color 1s;
	-o-transform: color 1s;
}
.pro_detail_box .pic{
	width: 100%;
	overflow: hidden;
}
.pro_detail_box .pic img{
	width: 100%;
	transition:transform 2s ;
}
.pro_detail_box .ny-product:hover .pic img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.pro_detail_rel_item {
	margin-bottom: 50px;
}
.pro_detail_box .ny-product:hover .tj_text{
	color: #E4711E ;
}
/* 内页产品详情 */
.ny-product-ibox{
	float: left;
	width: 1200px;
}
.ny-product-ibox2{
	float: none;
	width: 100% !important;
}
/* 内页案例详情 */
.ny-case-title{
	margin-top: 60px;
}
@media only screen and (max-width:1650px) {
	
	.contact-vs li:nth-of-type(2) {
	    margin: 0 20px;
	}
}
@media only screen and (max-width:1599px) {
	.ny-product-ibox {
	    width: 1010px;
	}
}
@media only screen and (max-width:1499px) {
	.pro_detail_box{width: 300px;}
	.ny-product-ibox {
	    width: 860px;
	}
	 .hxys-cont-vies .v{
		 width: 138px;
	 }
	 .hxys-cont-vies .v p{font-size: 13px;}
	 .hxys-cont-vies{width: 840px;}
	 .text-view{left: 7%;}
	 .about-set2 .img{padding-top: 14px;padding-left: 10px;}
}

.ghsj-page-tabIbox .ghsj-top{
    height: 40px;
    line-height: 40px;
    margin-top: 60px;
    margin-bottom: 15px;
}
.ghsj-page-tabIbox .ghsj-top .item{
    float: left;
    color: #333;
    font-size: 18px;
    margin-right: 25px;
    cursor: pointer;
}
.ghsj-page-tabIbox .ghsj-top .item.active{
    color: #fe230a;
}
.ghsj-page p span{display: block;margin-top: 30px;}
.strength_box3{padding-top: 30px;}
.strength_box3  .pro_small_slick {margin:0 -6px;padding-top:20px;}
.strength_box3  .pro_small_slick .items {position:relative;cursor:pointer;border:4px solid transparent;margin:0 6px;overflow:hidden;}
.strength_box3 .slick-active.current-slick .items {border:4px solid #E4711E;}
.strength_box3 .pro_big_slick img {width:100%;}
.strength_box3  .pro_small_slick img {width:100%;}
.strength_box3 .text{
	position: absolute;
	left: 0;
	height: 60px;
	bottom: 0;
	width: 100%;
	background: url(../images/cfactory_sbg.png) no-repeat;
}
.strength_box3 .text .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	padding-left: 46px;
	color: #FFFFFF;
}
.strength_box3 .slick-prev {
    background: url(../images/dignzhi-arr.png) no-repeat center;
    width: 40px;
    height: 50px;
    left: -70px;
    margin-top: -11px;
    background-size: cover;
}
.strength_box3 .slick-next {
    background: url(../images/dingzhi-arr2.png) no-repeat center;
    width: 40px;
    height: 50px;
    margin-top: -11px;
    right: -70px;
    background-size: cover;
}
.about-set6 {padding: 50px 0 80px;}
.ny-index-parent{padding-bottom: 80px !important;}
.about-set6 .inner-title{font-size: 27px;}
@media only screen and (max-width:1350px){
	.strength_box3 .slick-prev {
	    left: 0px;
	}
	.strength_box3 .slick-next {
	    right: 0px;
	}
}

.ny-banner-ibox .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
}
.ny-banner-ibox .slick-dots li.slick-active button {
    background-color: #E4711E;
}
.ny-ind-team-ibox .slick-prev{
	background: url(../images/dignzhi-arr.png) no-repeat center;
	width: 40px;
	height: 50px;
	left: -76px;
	margin-top: -11px;
	background-size: cover;
}
.ny-ind-team-ibox .slick-next {
    background: url(../images/dingzhi-arr2.png) no-repeat center;
    width: 40px;
    height: 50px;
    margin-top: -11px;
    right: -76px;
    background-size: cover;
}




/* 首页-合作品牌 */
.index-parent{
    padding-top: 60px;
}
.index-set5{
    padding-bottom: 0px;
}
.index-set5-pp{
    width: 100%;
    padding-top: 44px;
}
.index-set5-pp li{
    width: 20%;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    position: relative;
    cursor: pointer;

    position: relative;
}
.index-set5-pp li .pic{width: 100%;text-align: center;}
.index-set5-pp li .pic img{width: 100%;}
/* .index-set5-pp li .img2{
 
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity .6s,visibility .6s;
} */
.index-set5-pp li .img1{
    transition: opacity .6s,visibility .6s;
}
/* .index-set5-pp li:hover .img2 {
    opacity: 1;
    visibility: visible;
    display: block;
} */
/* .index-set5-pp li:hover .img1 {
    opacity: 0;
    visibility: hidden;
    display: none;
} */
.index-set5-pp li.n1,
.index-set5-pp li.n2,
.index-set5-pp li.n3,
.index-set5-pp li.n4,
.index-set5-pp li.n5{
    border-top:none;

}
.index-set5-pp li.n1::before,
.index-set5-pp li.n2::before,
.index-set5-pp li.n3::before,
.index-set5-pp li.n4::before,
.index-set5-pp li.n5::before{
    width: 0;
}
.index-set5-pp li.n5,
.index-set5-pp li.n10,
.index-set5-pp li.n15{
    border-right: none;
}
.index-set5-pp li.n10::before,
.index-set5-pp li.n15::before{
    width: 0;
}
.index-set5-pp li::before{
    content: '';
    width: 80px;
    height: 80px;
    display: block;
    background: url('../images/index-set5-ico.jpg') no-repeat;
    position: absolute;
    right: -36px;
    top: -40px;
    z-index: 1;
}


.index-parent .slick-prev{
    background: url(../images/dignzhi-arr.png) no-repeat center;
    width: 40px;
    height: 50px;
    left: -76px;
    margin-top: -11px;
	background-size: cover;
}
.index-parent .slick-next {
    background: url(../images/dingzhi-arr2.png) no-repeat center;
    width: 40px;
    height: 50px;
    margin-top: -11px;
    right: -76px;
	background-size: cover;
}
.blk-main-search .blk {height: 47px;line-height: 47px;}
#jjzx{margin-bottom: 20px;}
@media only screen and (max-width:1780px){
	.ny-ind-team-ibox .slick-prev{left: 0px;}
	.ny-ind-team-ibox .slick-next{right: 0px;}
	.index-parent .slick-prev{left: 0px;}
	.index-parent .slick-next{right: 0px;}
}
@media only screen and (max-width:1499px){
	.ny-ind-team-ibox .slick-prev{
		left: -50px;
	}
	.ny-ind-team-ibox .slick-next {
	    right: -50px;
	}
	.ghjs-dd2 .n2 .rigth{
		width: 39%;
	}
	.ghjs-dd2 .ghsj-page.dif-ghsj-page .left {
		width: 39%;
	}
	.ghsj-page.dif-ghsj-page .rigth {
	    float: right;
		padding-left: 0;
	    box-sizing: border-box;
	}
	.about-set3 li{padding-left: 34px;}
	.about-set3 li.n2 {
	    padding-left: 40px;
	    padding-right: 0px;
	}
	.about-set3 li p {
	    font-size: 14px;
	}
	.about-set2 .txt {
	    width: 540px;
	    /* padding-top: 30px; */
	}
	.about-set2 .txt h6 {
	    font-size: 24px;
	    line-height: 40px;
	    padding: 10px 0 10px;
	}
	.about-set2 .txt p {
	    font-size: 16px;
	    line-height: 2;
	}
	.index-set5-pp li {
	    height: 98px;
	}
	.index-parent .slick-prev{left: -54px;}
	.index-parent .slick-next{right: -54px;}
}
@media only screen and (max-width:1360px){
	.ny-ind-team-ibox .slick-prev{
		left: -40px;
	}
	.ny-ind-team-ibox .slick-next {
	    right: -40px;
	}
}
@media only screen and (max-width:1310px){
	.index-parent .slick-prev{left: 0px;}
	.index-parent .slick-next{right: 0px;}
}
@media only screen and (max-width:1299px){
	.ny-ind-team-ibox .slick-prev{
		left: 10px;
	}
	.ny-ind-team-ibox .slick-next {
	    right: 10px;
	}
	.ny-ind-team-ibox{overflow: hidden;}
}
@media screen and (max-width: 1199px){
	.contact-vs li:nth-of-type(2) {
		margin: 0 2%;
	}
	.contact-vs li p span{font-size: 24px;}
	.ghsj-page-tabIbox .ghsj-top{height: auto;padding: 0 20px;}
	.hxys-cont-vies .v {
		width: 120px;
	}
	.hxys-cont-vies i {
		width: 20px;
		height: 80px;
		background: url(../images/ghsj-jt.png) no-repeat center;
		background-size: cover;
	}
	.hxys-cont-vies {
		width: 810px;
	}
	.ghsj-page {
	    padding: 74px 20px;
	    box-sizing: border-box;
	}
	.about-set2 .txt p {
	    line-height: 1.6;
		font-size: 15px;
	}
	.about-set2 .txt{padding-top: 30px;padding-right: 20px;}
	.about-set2 .txt h6{padding: 0 0 12px 0;}
	.index-set5-pp li {
	    height: 82px;
	}
	.index-set5-pp li::before {
	    width: 50px;
	    height: 50px;
	    right: -22px;
	    top: -25px;
	    background-size: cover;
	}
	.index-set5{padding-bottom: 0;}
}
@media screen and (max-width: 1199px){
	/* .contact-ly-cont{padding: 30px;} */
	.contact-ly-c label{position: relative;}
	.contact-ly-c label input{position: absolute;right: 0;}
	.contact-ly-title p{font-size: 20px;}
	.contact-ly-title h3 {
		font-size: 30px;
	}
	.contact-vs li p{
		margin-left: 0px;
	}
	.contact-vs li p span{font-size: 18px;}
	.contact-vs li img{
		height: 50px;
	}
	.contact-vs {
		padding-bottom: 10px;
		padding-top: 30px;
	}
	.text-view{
		position: relative;
		text-align: center;
		left: 0;
		top: 0;
		margin-bottom: 15px;
	}
	.ghsj-page{padding: 40px 15px;}
	.ghsj-page .slb-num{top: 0;}
	.ghsj-page h3{margin-top: 10px;}
	.ghsj-page-tabIbox .ghsj-top{width: 90%;padding: 0;margin: 30px auto 30px;}
	.ghsj-page .rigth{width: 100%;float: none;}
	.ghsj-page.n2 .rigth {
		width: 100%;float: none;
	}
	.ghsj-page .rigth{margin-top: 20px;}
	.ghsj-page img{width: 100%;}
	.ghsj-page .left img, .ghjs-dd2 .n2 .rigth img{width: 100%;}
	.ghsj-page .left{width: 100%;float: none;}
	.ghsj-page.n2 .left {
		width: 100%;float: none;
	}
	.ghsj-page p{width: 100% !important;}
	.hxys-title {
		padding: 40px 0;
	}
	.text-view img{display: none;}
	.about-title h5 {
		font-size: 26px;
	}
	.about-title p {
		font-size: 16px;
	}
	.index-parent{width: 90%;margin: 0 auto;padding-bottom: 50px !important;padding-top: 40px;}
	.about-set6-cont ul{margin: 0 -6px;}
	.about-set6-cont li{width: 50%;margin: 0;}
	.about-set6-cont li .img{
		margin: 0 6px;
		width: auto;
	}
	.about-set6-cont li .img{height: auto;}
	.ny-about-set62 {
		padding: 0 0 40px 0px!important;
	}
	.about-title {
		padding: 40px 0 24px;
	}
	.contact-vs li p {
	    font-size: 16px;
	}
	.ghjs-dd{padding-bottom: 30px;}
	.about-set2 .img{float: none;width: 100%;}
	.about-set2 .txt{width: 100%;float: none;padding-top: 30px;padding-left: 15px;padding-right: 15px;box-sizing: border-box;padding-bottom: 30px;}
	.about-set2 .txt h6{font-size: 24px;padding:  0 0 10px 0;}
	.about-set3 li{padding-left: 0;display: block;margin-bottom: 15px;}
	.about-set3 li.n2{padding-left: 0;}
	.about-set3{padding: 45px 0;}
	.about-sec_item2.about-sec_item{padding-top: 40px;}
	.strength_box3 {
	    padding-top: 20px;
	}
	.index-set5-pp{padding-top: 20px;}
	.index-set5-pp li{width: 33.3%;}
	.index-set5-pp li::before{display: none;}
	.index-set5-pp li.n4,.index-set5-pp li.n5{border-top: 1px solid #CCCCCC;}
	.index-set5-pp li.n5, .index-set5-pp li.n10, .index-set5-pp li.n15 {
		border-right: 1px solid #CCCCCC;
	}
	.index-set5-pp li.n3,.index-set5-pp li.n9,.index-set5-pp li.n12,.index-set5-pp li.n15,.index-set5-pp li.n6{border-right: 0;}
	.index-parent .slick-next{opacity: 0;}
	.index-parent .slick-prev{opacity: 0;}
}
@media screen and (max-width: 767px){
	.about-nav{display: none;}
	.about-bananr .txt h5 {
		font-size: 22px;
		color: #FFFFFF;
		line-height: 30px;
	}
	.contact-ly-title p {
		font-size: 16px;
	}
	.contact-ly {
		/* padding: 30px 15px; */
	}
	.contact-ly-c label {
		width: 100%;
		display: block;
		padding: 12px 20px;
		box-sizing: border-box;
		border: 1px solid #f2f2f2;
		margin: 0 auto 24px;
		text-align: left;
	}
/* 	.contact-ly-cont {
		padding: 30px 10px;
	} */
	.contact-ly-c label span{font-size: 15px;}
	.contact-ly-c .submit{margin-top: 30px;}
	.contact-ly-c textarea {
		width: 100%;
		border: 1px solid #f2f2f2;
		padding: 12px 18px;
		display: block;
		height: 200px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.contact-vs h2 {
		font-size: 25px;
		padding: 35px 6% 26px 6%;
		text-align: left;
	}
	.contact-vs li{display: block;text-align: left;margin-bottom: 12px;}
	.contact-vs li img {
		height: 40px;
	}
	.contact-vs li:nth-of-type(2){margin: 0 0px 12px;}
	.contact-vs ul {
		padding: 0 7%;
	}
	.contact-vs {
		width: 100%;
		padding-bottom: 30px;
	}
	.contact-ly-title h3 {
		font-size: 26px;
	}
	.ghsj-page h3{
		font-size: 20px;
	}
	.ghsj-page i{
		margin: 10px 0;
	}
	.ghsj-page p{line-height: 26px;}
	.ghsj-page-tabIbox .ghsj-top{line-height: 30px;}
	.ghsj-page-tabIbox .ghsj-top .item{font-size: 14px;}
	.about-bananr .des{display: none;}
	.hxys-title h6{font-size: 26px;}
	.hxys-title p {
		font-size: 16px;
	}
	.about-set2 .txt h6{font-size: 24px;line-height: 28px;margin: 10px 0;}
	.about-set2 .txt p{line-height: 1.6;}
	
	.about-set3 li.n2{padding: 0;}
	.about-set3 li>div{
	    font-size: 17px;
	    line-height: 26px;
		display: block;
	}
	.about-set3{padding: 40px 15px ;}
	
	.index-set5-pp li {
	    height: 48px;
	}
	
}
/* 研发环境轮播 */
.pc-slide {width:1400px;margin:6px auto;position:relative;}
.view .swiper-container {width:1400px;}
.view .swiper-container img {width:100%;}
.view .arrow-left {background:url(../images/dignzhi-arr.png) no-repeat center;width:40px;height:50px;left:0px;margin-top:-25px;background-size:cover;position:absolute;top:50%;z-index:2;}
.view .arrow-right {background:url(../images/dingzhi-arr2.png) no-repeat center;width:40px;height:50px;position:absolute;top:50%;margin-top:-25px;right:0px;background-size:cover;z-index:2;}
.preview {margin:20px -4px;}
.preview .swiper-slide {cursor:pointer;overflow:hidden;position:relative;}
.preview .swiper-slide .item {margin:0 4px;}
.preview .swiper-slide.active-nav .mask {opacity:0;}
.preview .slide6 {width:190px;}
.preview .arrow-left {background:url(../images/feel3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right {background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview img {padding:0px;box-sizing:border-box;width:100%;}
.preview .item {border:4px solid #fff;}
.preview .active-nav img {padding:0;}
.preview .active-nav .item {border:4px solid #E4711E;}
.kaigong-ibox .swiper-pagination {display:none;}
.kaigong-ibox .swiper-pagination-bullet-active {background-color:#E4711E;}
@media only screen and (max-width:1199px) {.pc-slide {width:100%;}
.view .swiper-container {width:100%;}
}
@media only screen and (max-width:991px) {.preview {display:none;}
.kaigong-ibox .swiper-pagination {display:block;}
}