@font-face{
	font-family: 'CNBold'; 
	src: url('Alibaba-PuHuiTi-Bold.otf');
}
@font-face{
	font-family: 'CNLight'; 
	src: url('Alibaba-PuHuiTi-Light.otf');
}
@font-face{
	font-family: 'CNHeavy'; 
	src: url('Alibaba-PuHuiTi-Heavy.OTF');

}
@font-face{
	font-family: 'CNMedium'; 
	src: url('Alibaba-PuHuiTi-Medium.otf');
}

header{
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
    border-bottom: 1px solid #ddd;
}
header h1{
    width: 200px;
    height: 60px;
    line-height: 60px;
}
header h1 img{
    width: 100%;
    height: auto;
}
header .w1600 > i {
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 60px;
}
header .w1600 > i.active {
    color: #c7292f;
}
header ul{
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    display: none;
    background-color: rgba(0,0,0,.9);
    padding-top: 20px;
    z-index: 99;
}
header ul li{
    display: block;
    height: 10%;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: -1px;
}
header ul li:hover::before{
    width: 100%;
}
header ul .action::before{
    width: 100%;
}
header ul .action a{
    color: #c7292f
}
header ul li a{
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    font-family: CNRegular;
    display: block;
    width: 100%;
    height: 100%;
}
header ul li:last-of-type{
    margin-right: 0;
}
header .phone{
    display: none;
    line-height: 50px;
    font-size: 18px;
    color: #333;font-weight: bold;
}
header .phone span{
    color: #c7292f
}
header .phone p{
    display: inline-block;vertical-align: middle
}
header .phone i{
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    opacity: 0.2;
    cursor: pointer;
    transition: all 0.5;
    -webkit-transition: all 0.5;
    position: relative; 
}
header .phone i img{
    position: absolute;
    max-width:150px;
    width: 150px;
    left: 50%;
    top: 100%;
    margin-left: -75px;
    margin-top: 10px;
    height: 150px;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
     opacity: 0;
     display: none
}
header .phone .wx{
    background: url('img/headr-wx.png') no-repeat center center;
}
header .phone .wb{
    background: url('img/headr-wb.png') no-repeat center center;
}
header .phone i:hover{
    opacity: 1;
}
header .phone i:hover img{
    display: block;
    opacity: 1;
}
.hod{
    width: 100%;
    height: 60px;
}
.bannr-view{
    background: url('img/index-b-bj.jpg');

}
.bannr-view .banr{
    width: 100%;
}
.index-set1 {
    display: none;
}
.index-set1-cont{
    width: 100%;
    padding: 20px 0 30px;
    border-bottom: 2px solid #000;
    background: url('img/index-set1-bj.jpg') no-repeat 90%;
    background-position: right bottom;
}
.index-set1-cont .left{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 10px 0;
    padding-left: 8%;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.index-set1-cont .left h5{
    font-size: 40px;
    color: #1a1a1a;
    line-height: 1.2
}
.index-set1-cont .left h6{
    width: 334px;
}
.index-set1-cont .left h6 img{
    width: 70%;
    height: auto;
}
.index-set1-cont .rigth{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 8%;
}
.index-set1-cont  .rigth h4{
    font-size: 20px;
    color: #292929;
    margin-bottom: 12px;
}
.index-set1-cont  .rigth p{
    padding-right: 100px;
    color: #666;
    font-size: 14px;
    padding-bottom: 20px;
}
.index-set2{
    padding: 0 0 30px;
}
.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,
.index-title h4 a{
    font-size: 30px;
    line-height: 40px;
    color: #1a1a1a
}
.index-title i{
    width: 60px;
    display: block;
    height: 1px;
    background: #c7292f;
    margin: 12px 0 10px;
}
.index-title p{
    color: #666666;
    font-size: 10px;
    text-transform: uppercase;
    text-align: justify;
    line-height: 14px;
    margin-top: 20px;
}
.index-title .rigth{
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 12px;
    color: #4e4e4e;
    text-align: right;
    margin-top: 2px;
}
.index-set3-nav {
    margin-bottom: 20px;
}
.index-set3-nav li{
    width: 32.22222%;
    float: left;
    margin-right: 1.1%;
    cursor: pointer;
    position: relative;
    height: 65px;
    text-align: center;
}
.index-set3-nav li::after{
    content: '';
    width: 10px;
    height: 5px;
    display: block;
    background: url('img/index-set3-icod.jpg') no-repeat center top;
     margin: -5px auto 0;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
    display: none;
}
.index-set3-nav li:nth-of-type(10) {
    display: none;
}
.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('img/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: #333333;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: 4px;
}
.index-set3-nav .action .text h6{
    color: #c7292f
}
.index-set3-cont{
    width: 100%;
    overflow: hidden;
}
.index-set3-nav li .text p{
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    min-height: 28px;
    display: none;
}
.index-set3-page{
    position: relative;
    padding-bottom: 40px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    top: 0px !important;
    background: #c7292f !important

}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination{
    top: auto;
    bottom: 6px;
    width: 80%;
    margin-left: 10%;
}
.swiper-prev{
    width: 33px;
    height: 19px;
    background: url('img/swiper-next.jpg') no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
}
.swiper-next{
    width: 33px;
    height: 19px;
    background: url('img/swiper-prev.jpg') no-repeat;
    bottom: 0;
    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 4%;
    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: 16px;
    line-height: 30px;color: #e3e3e3;
    margin-bottom: 20px;
}
.index-set3-page li .text p{
    font-size: 12px;color: #e3e3e3;line-height: 2;
}
.index-set3-page li .text .des{
    font-size: 18px;color: #e3e3e3;
    line-height: 36px;
}
.index-set3-page li .text .des em{
    font-size: 30px;color: #c7292f;
    display: inline-block;vertical-align: middle
}

.index-set3{
    padding-bottom: 10px;
    margin-top: 50px;
}
.index-title p img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.index-set4{
    width: 100%;
    padding-bottom: 30px;
}
.index-set4 .img{
    width: 100%;
}
.index-set4 .text{
    width: 100%;
    padding-top: 20px;
}
.index-set4 .text h5{
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}
.index-set4 .text p{
    font-size: 13px;
    color: #666;
    padding-bottom: 10px;
    text-align: justify;
    display: none;
}
.index-set4 .text a{
    position: relative;
    left: 50%;
    margin-left: -40px;
    font-size: 13px;
}
.index-set4 .text a::after{
    content: '';
    width: 33px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background: url('img/swiper-prev.jpg') no-repeat;
    margin-left: 6px;
}
.index-set5{
    padding-bottom: 40px;
}
.index-set5-pp{
    width: 100%;
    padding-top: 10px;
}
.index-set5-pp li{
    width: 50%;
    height: 100px;
    line-height: 100px;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #d3d2d2;
    border-right: 1px solid #d3d2d2;
    position: relative;
    cursor: pointer;  
    position: relative;
}
.index-set5-pp li img{
    width: 100%;
    height: auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set5-pp li:hover img{
   transform: scale(1.1);
   -webkit-transform: scale(1.1); 
 
}
.index-set5-pp li:nth-of-type(1),
.index-set5-pp li:nth-of-type(2) {
    border-top: none;
}
.index-set5-pp li:nth-of-type(2n) {
    border-right: none;
    z-index: -1;
}
.index-set5-pp li:nth-of-type(1)::before,
.index-set5-pp li:nth-of-type(2n)::before {
     width: 0;
}
.index-set5-pp li::before{
    content: '';
    width: 42px;
    height: 44px;
    display: block;
    background: url('img/index-set5-ico.jpg') no-repeat center;
    position: absolute;
    right: -22px;
    top: -20px;
    z-index: 3;
}
.index-set5-ys{
    width: 100%;
    padding: 80px 0 90px;
    text-align: center;
}
.index-set5-ys li > img {
    width: 40px;
}
.index-set5-ys li{
    display: inline-block;
    vertical-align: middle;
    width: 28.3333%;
}
.index-set5-ys li .text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}
.index-set5-ys li .text h6{
    font-size: 40px;
    color: #000000;
    line-height: 70px;
    border-bottom: 1px solid #32383f;
    position: relative;
}
.index-set5-ys li .text h6::before{
    content: '';
    width: 14px;
    height: 14px;
    background: url('img/index-set5-t.jpg') no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    display: block;
    position: absolute;
    right: -10px;
    top: 12px;
}
.index-set5-ys li:nth-of-type(2){
    margin: 0 2.5% 0;
}
.index-set5-ys li .text p{
    font-size: 12px;
    color: #666;
}
.index-set5-new{
    width: 100%;
    background: #e5e5e5;
    padding: 10px 0;
}
.index-set5-new ul li{
    width: 100%;
}
.indexindex-set5-new-li ul li {
    display: none;
}
.indexindex-set5-new-li ul li.active {
    display: block;
}
.index-set5-new li .img{
  width: 100%;
  height: 250px; 
}
.index-set5-new li:nth-of-type(3n){
    margin-right: 0;
}
.index-set5-new li h5{
    font-size: 24px;
    line-height: 2;
    border-bottom: 1px solid #8d8d8d;
    margin-bottom: 20px;
}
.index-set5-new li h6{
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}
.index-set5-new li p{
    font-size: 14px;
    line-height: 18px;
    color: #666;
    margin-bottom: 4px;
}
.index-set5-new li i{
    width: 39px;
    height: 38px;
    display: block;
    margin-bottom: 6px;
    background: url('img/index-set5-new-ico.jpg') no-repeat;
    border-radius: 20px

}
.index-set5-new li span{
    font-size: 14px;
    color: #333333
}
.index-set5-new li .img{
   margin-top: 10px;
}
.indexindex-set5-new-li ol li {
    float: left;
    width: 33.3333%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 18px;
}
.indexindex-set5-new-li ol li.active {
    color: #c7292f;
}
.indexindex-set5-new-li ol li:first-of-type {
    text-align: left;
}
.indexindex-set5-new-li ol li:last-of-type {
    text-align: right;
}
.index-set6 .map{
    width: auto;
    max-width: none;
    margin-left: -100%;
    height: 245px;
}
.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: 12px;
    color: #333;
    line-height: 24px;font-weight: bold;
    padding-bottom: 10px;
}
footer .fooder-vew{
    width: 100%;
    text-align: center;
    padding-top: 65px;
    padding-bottom: 20px;
}
footer .fooder-vew > .fl {
    width: 100%;
}
footer .fooder-vew > .fl p {
    font-size: 22px;
}
footer .fooder-vew ul,
footer .fooder-vew li{
    display: inline-block;
    display: none;
}
footer .fooder-vew li{
  vertical-align: text-top
}
footer .fooder-vew .wx img{
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
}
footer .fooder-vew .wx span{
    font-size: 16px;
}
footer .fooder-vew .login > 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;
}
footer .fooder-vew .login > a i{
    display: inline-block;
    width: 20px;
    height: 17px;
vertical-align: middle;
margin-right: 6px;
background: url('img/zx-wx.png') no-repeat center top;
}
footer .fooder-vew .login {
    display: block;
    width: 100%;
}
footer .fooder-vew .login h6 > a {
    display: block;
    width: 100%;
    text-align: center;
}
footer .fooder-vew .login h6 > a img {
    width: 276px;
}
footer .fooder-vew .login p {
    width: 100%;
    font-size: 16px;
    margin: 30px 0 10px;
}
footer .fooder-vew li{
    margin-right: 66px;
    text-align: left
}
footer .fooder-vew li:last-of-type{
    margin-right: 0;
}
footer .fooder-vew li dt{
    font-size: 16px;color: #333;

}
footer .fooder-vew li dd a{
    font-size: 16px;color: #666;
}
.fooder-vewd{
    line-height: 25px;
    margin-bottom: 50px;
}
.fooder-vewd > .fl {
    float: none;
    text-align: center;
}
.fooder-vewd p {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.fooder-vewd p:last-of-type {
    float: none;
    text-align: center;
    margin-bottom: 30px;
}
.about-nav{
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
}
.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: #c7292f
}
.about-bananr{
    width: 100%;
    height: 220px;
    position: relative;
}
.about-bananr > img{
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: -30%;
}
.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: 20px;
   color: #fff;
   line-height: 26px;

}
.about-bananr .txt  i{
    width: 20px;
    height: 12px;
    display: inline-block;
    background: url('img/ghjs-pages.png') no-repeat center;
    -webkit-background-size: 100%!important;
    background-size: 100%!important;
    margin: 10px 0 4px;
}
.about-bananr .txt p{
    font-size: 14px;
    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: 12px;
    color: #fff
}
.about-bananr .des a{
    font-size: 16px;color: #fff;
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
}
.about-bananr .des a:hover{
    color: #c7292f
}
.about-set2{
    width: 100%;
    padding: 38px 0 0;
}
.about-set2 .img{
    width: 100%;
}
.about-set2 .txt{
    width: 100%;
    padding-top: 18px;
    text-align: center;
}
.about-set2 .txt h5{
    font-size: 16px;
    color: #666
}
.about-set2 .txt  h6{
    font-size: 24px;
    color: #333;
    line-height: 30px;
    padding: 30px 0 20px;
}
.about-set2 .txt p{
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    text-align: justify;
}
.about-set3{
    width: 100%;
    padding: 20px 0 40px;
}
.about-set3 li{
    display: inline-block;
    width: 32.3333%;
    vertical-align: middle;
    text-align: center;
}
.about-set3 li p{
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 12px;
    line-height: 18px;
}
.about-set3 li p span{
    color: #c7292f
}
.about-set4{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.about-set4 >img{
    width: auto;
    max-width: none;
    height: 250px;
}
.about-set4-cont{
    width: 80%;
    background: #fdfdfd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%); 
    padding: 10px 0 6px;
    text-align: center
}
.about-set4-cont .txt{
    text-align: center
}
.about-set4-cont .txt img {
    width: 50px;
}
.about-set4-cont .txt p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    font-family: CNHeavy;
    padding-left: 10px;
}
.about-set4-cont .txt span{
    display: block
}
.about-set4-cont h5{
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-top: 10px;
    margin-bottom: 20px;
}
.about-set4-cont  a{
    display: inline-block;
    font-size: 14px;
    color: #c7292f;
    border-bottom: 1px solid #c7292f;
}
.about-set5{
    width: 100%;
}
 .about-title{
     width: 100%;
     padding: 20px 0 20px;
     text-align: center;
 }
 .about-title h5{
     font-size: 30px;
     color: #333
 }
 .about-title p{
     font-size: 16px;
     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('img/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('img/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;
     text-align: justify;
     padding: 15px 0 20px;
 }
 .about-set6-cont{
     width: 100%;
     padding-bottom: 60px;
     border-bottom: 3px solid #000000
 }
 .about-set6-cont li{
     float: left;
     width: 48%;
     margin-right: 2%;
     overflow: hidden;
     text-align: center;
     cursor: pointer;
 }
 .about-set6-cont li:nth-of-type(2n){
     margin-right: 0;
 }
 .about-set6-cont li p{
     font-size: 12px;
     color: #666;
     padding-top: 6px;
     margin-bottom: 10px;
 }
 .about-set6-cont li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	height: 110px;
    width: auto;
    max-width: none;
 }
 .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-h-title{
     text-align: center;
     padding: 20px 0 0;
 }
 .about-h-title h5{
     font-size: 30px;
     color: #333;
     line-height: 42px;
 }
 .about-h-title p{
     font-size: 16px;
     color: #333
 }
 .about-h-cont{
     width: 100%;
     padding-bottom: 10px;
     border-bottom: 3px solid #000000
 }
 .about-h-cont li{
     width: 100%;
     float: left;
     margin-bottom: 20px;
 }
 .more-x{
     width: 100%;
     text-align: center;
     cursor: pointer;
     margin: 30px 0;
 }
 .more-x i{
     width: 16px;
     height: 6px;
     background: url('img/more-x.png') no-repeat center ;
     display: inline-block;
     margin-bottom: 12px;
 }
 .more-x p{
     font-size: 16px;
     color: #d1403e
 }
 .about-hz-title{
     text-align: center;
     padding: 20px 0;
 }
 .about-hz-title h5{
     font-size: 30px;color: #333
 }
 .about-hz-title h6{
     font-size: 16px;color: #333;
     margin-bottom: 20px;
 }
 .about-hz-title p{
     font-size: 12px;
     color: #666;
     text-align: justify;
 }
 .case-nav{
     width: 100%;
     border-bottom: 1px solid #e3e3e3;
     
 }
 .case-nav p{
    float: none;
     line-height: 40px;
     font-size: 12px;
     color: #666;
     position: relative;
 }
 .case-nav p::before{
     content: '';
     width: 100%;
     height: 1px;
     background: #c7292f;
     display: block;
     left: 0;
     bottom: -1px;
     display: block;
     position: absolute
 }
 .case-nav p a{
    color: #666
 }
 .case-nav p a:last-of-type{
     color: #d1403e
 }
 .case-nav p a:hover{
    color: #d1403e
 }
 .case-nav .from{
    float: none;
     width: 218px;
     display:block;
     line-height: 38px;
     border-radius: 20px;
     border: 3px solid #dde2ef;
     box-sizing: border-box;
     padding-left: 20px;
     height: 38px;
     margin: 22px auto;
 }
 .case-nav .from input{
     display: block;
     line-height: 32px;
     width: 150px;
     
 }
 .case-nav .from .submit{
     width: 26px;
     height: 26px;
     display: block;
     background: url('img/case-ico.png') no-repeat center;
     margin-right: 2px;
     margin-top: 2px;
     border-radius: 50%
 }
 .case-cont{
     padding: 31px 0;
 }
 .case-cont .index-set3-nav li i{
   margin-bottom: 6px;
 }
 .case-cont .index-set3-nav li::after{
   margin: -5px 0 0 !important;
 }
 .case-cont  .index-set3-nav .action::after{
    margin: 5px 0 0 !important;
 }
 .case-cont .index-set3-nav li:hover .text h6{
    color: #c7292f;
 }
 .case-cont .index-set3-nav li:hover::after{
    margin: 5px 0 0 !important;
 }
 .case-views li{
     width: 48%;
     float: left;
     margin-right: 2%;
     height: 260px;
 }
 .case-views{
     padding-bottom: 40px;
     border-bottom: 3px solid #000
 }
 .case-views li p{
     text-align: center;
     font-size: 12px;
     padding: 6px 0 0;
 }
 .case-views li:nth-of-type(2n){
     margin-right: 0;
 }
 .case-views li .img {
     position: relative;
     width: 100%;
     height: 220px;
     overflow: hidden;
 }
  .case-views li .img img {
    width: auto;
    max-width: none;
    height: 100%;
  }
 .case-views li .text{
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     left: 0;
     top: 0;
     z-index: 2;
     box-sizing: border-box;
     padding: 20px 4%;
     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: 14px;
     color: #fff;
     line-height: 28px;
     font-family: '????????????';
 }
 .case-views li .text p{
     font-size: 12px;
     color: #efefef;
 }
 .case-views li .text .des{
     font-size: 12px;
     color: #efefef
 }
 .case-views li .text .des span{
    display: block;
     font-size: 30px;
     color: #c7292f
 }
 .casedef{
     padding: 30px 0 20px;
 }
 .casedef a,
 .casedef {
     font-size: 12px;
     color: #666;
 }
 .casedef .fl a:last-of-type{
     color: #d1403e;
 }
 .casedef a:hover{
     color: #d1403e
 }
 .casedef i{
     width: 14px;
     height: 10px;
     background: url('img/index-set1-views.jpg') no-repeat center top;
 }
 .casedef-cont h2{
     text-align: center;
     font-size: 26px;
     color: #333333;
     margin-bottom: 20px;
 }
 .casedef-cont .cont{
     width: 100%;
     text-align: justify;
 }
 .casedef-cont .cont img{
     max-width: 100%;
 }
 .casedef-tit{
     width: 100%;
     padding: 50px 0;
 }
 .casedef-tit .left{
     width: 100%;
     display: inline-block;
     vertical-align: middle;
 }
 .casedef-tit .rigth{
     width: 100%;
     display: inline-block;
     vertical-align: middle;
     color: #c7292f;
     font-size: 16px;

 }
 .casedef-tit .rigth span{
     font-size: 36px;
 }
 .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 span{
     display: inline-block;
     width: 71px;
     color: #d1403e
 }
 .casedef-tit .left .pagesvews p{
     width: calc(100% - 80px);
     display: inline-block;
     vertical-align: text-top;
     color: #4e4e4e
 }
 .casedef-ul{
     width: 100%;
     padding-bottom: 30px;
     border-bottom: 1px solid #c7c7c7
 }
 .casedef-ul li{
     width: 100%;
     float: left;
     margin-bottom: 30px;
 }
 .casedef-ul li .img{
     position: relative;
 }
 .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
 }
 .casedef-ul dd a,
 .casedef-ul dd{
     color: #666
 }
 .casedef-ul dd a:hover{
     color: #d1403e
 }
 .casedef-gk{
     width: 100%;
     position: relative;
     margin-top: 50px;
     overflow: hidden;
 }
 .casedef-gk > img{
    width: auto;
     max-width: none;
     height: 200px;
 }
 .casedef-wx{
     position: absolute;
     left: 10px;
     bottom: 10px;
 }
 .casedef-wx img {
    display: none;
 }
 .casedef-wx p{
     display: inline-block;
     vertical-align: middle;
     font-size: 20px;
     line-height: 30px;
     padding-left: 20px;color: #333333
 }
 .casedef-wx p span{
     color: #d1403e
 }
 .casedef-qq{
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
 }
 .casedef-qq p{
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     line-height: 1.2;
     padding-left: 10px;
 }
 .casedef-qq p span{
font-size: 24px;
color: #d1403e
 }

 .casedef-xg{
     width: 100%;
 }
 .casedef-xg h2{
     font-size: 26px;
     padding-top: 30px;
     margin-bottom: 20px;
 }
 .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: 30px 0 40px;
 }
 .hxys-title h6{
     font-size: 30px;
     color: #333
 }
 .hxys-title  p{
     font-size: 12px;
     color: #666
 }
 .hxys-cont{
     width: 100%;
     position: relative;
     padding-top: 60px;
 }
 .text-view{
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     text-align: center;
 }
 .text-view p{
     display: inline-block;
     vertical-align: middle;
     font-size: 18px;
     color: #333;
 }
.text-view img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50% , 100%) rotate(90deg);
}
 .hxys-cont-vies{
     width: 100%;
     text-align: center;
     border-bottom: 1px solid #fe230a;
     padding-bottom: 15px;
    margin-bottom: 15px;
 }
 .hxys-cont-vies .v{
     width: 28%;
     text-align: center;
     display: inline-block;
    
 }
 .hxys-cont-vies .v h6{
     font-size: 16px;
     color: #333;
     margin-top: 10px;
     margin-bottom: 6px;
 }
 .hxys-cont-vies .v p{
     color: #666;font-size: 12px;line-height: 1.6;
 }
 .hxys-cont-vies i{
     width: 5%;
     height: 103px;
     display: inline-block;
     background: url('img/ghsj-jt.png') no-repeat top center;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;

 }
 .ghsj-page{
     width: 100%;
     background: #e7e6e6;
     padding: 24px 0;
 }
 .ghsj-page:nth-of-type(2n){
     background: #fff
 }
 .ghsj-page .left{
     width: 100%;
 }
 .ghsj-page .rigth{
     width: 100%;
     margin: 6px 0;
 }
 .ghsj-page  h3{
     font-size: 20px;
     color: #333;
     line-height: 24px;
     margin-bottom: 6px;
 }
 .ghsj-page h6{
     font-size: 18px;
     color: #333;
     line-height: 28px;
 }
 .ghsj-page p{
     width: 100%;
     font-size: 13px;
     color: #666;
     text-align: justify;
 }
 .ghsj-page i{
     width: 21px;
     height: 21px;
     background: url('img/ghjs-pages.png') no-repeat;
     display: block;
     margin: 6px 0;
 }
 .ghjs-dd{
     width: 100%;
     padding-bottom: 38px;
     border-bottom: 3px solid #000
 }
 .zp-cont{
     width: 100%;
     margin-bottom: 20px;
 }
 .zp-cont a{
     display: inline-block;
     width: 33.3333%;
     font-size: 15px;
     color: #666;
     text-align: center;
 }
 .zp-cont a::after{
     display: block;
     width: 100%;
     height: 9px;
     content: '';
     background: url('img/index-set3-icod.jpg') no-repeat center top;
     margin-top: 5px;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s; 
     display: none;
 }
 .zp-cont .action{
     color: #c7292f;
 }
 .zp-cont .action::after{
      opacity: 1;
 }
 .zp-cont a:hover{
     color: #c7292f
 }
 .zp-cont a:hover::after{
    opacity: 1;
}
.zp-vues{
    padding-bottom: 78px;
    border-bottom: 3px solid #000
}
.zp-vues li{
    width: 48%;
    margin-right: 2%;
    float: left;
    text-align: center
}
.zp-vues li img {
    width: auto;
    max-width: none;
    height: 160px;
}
.zp-vues li p{
    padding: 4px 0 10px;
    font-size: 12px;
}
.zp-vues li:nth-of-type(2n){
    margin-right: 0;
}
.prodef-vies{
    width: 100%;
    padding-bottom: 40px;
}
.prodef-vies .proimg{
    width: 100%;
   
}
.prodef-vies .proimg img{
    width: 100%;
    height: auto;
}
.prodef-vies  .protex{
    width: 100%;
    margin-top: 30px;
}
.prodef-vies  .protex h2{
    font-size: 24px;
    color: #333;
    margin-bottom: 18px;
}
.prodef-vies  .protex  p{
    font-size: 16px;
    color: #666;
    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(img/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: 270px;
    position: relative;
    border-bottom: 1px solid #ececec;
}
.xmsg-cont .xmsg-txt{
    width: 80%;
    display: block;
    margin: 0 auto;
}
.xmsg-cont h6{
    font-size: 18px;
    color: #333;
}
.xmsg-cont p{
    font-size: 10px;
    color: #666
}
.xmsg-cont li {
    margin: 20px 0;
    position: relative;
}
.xmsg-cont li:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 0;
}
.xmsg-cont li:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.xmsg-cont li:nth-of-type(3) {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.xmsg-views{
    width: 100%;
    text-align: center
}
.xmsg-views h2{
    font-size: 32px;color: #333;
    padding: 30px 0 20px;
}
.xmsg-views li{
    width: 100%;
    margin-bottom: 4%;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 10px 4%;
    padding-bottom: 30px;
    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('img/xmsg-bj.png') no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    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 i{
    float: left;
    width: 20%;
    height: 66px;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.xmsg-views li  h6{
    position: absolute;
    left: 14px;
    bottom: 10px;
    font-size: 16px;
    color: #333;
}
.xmsg-views li p{
    float: right;
    width: 74%;
    line-height: 20px;
    padding-top: 14px;
    padding-left: 6px;
    text-align: justify;
}
.xmsg-views li:hover i{
    background-position: center -68px
}
.xmsg-tit{
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 3px solid #000
}
.xmsg-tit .img{
    width: 100%;
}
.xmsg-tit ul{
    width: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}
.xmsg-tit h2{
    text-align: center;
    font-size: 28px;
    color: #333;
    padding: 20px 0 20px;
}
.xmsg-tit  p{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: justify;
}
.xmsg-tit li{
   
    color: #666;
    font-size: 16px;
    margin-top: 10px;
}
.xmsg-tit li:first-of-type {
    margin-top: 0;
}
.hxys-v li{
    width: 100%;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.hxys-v{
    padding-bottom: 20px;
    border-bottom: 3px solid #000
}
.hxys-v li .txt{
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 4%;
    z-index: 2;
    margin-bottom: 10px;
}
.hxys-v li .txt h6{
    font-size: 20px;
    color: #333;
    padding: 10px 0;
}
.hxys-v li .txt  p{
    font-size: 12px;
    color: #333;
}
.hxys-v li .txt img {
    position: absolute;
    left: 50%;
    top: 120px;
    transform: translateX(-50%);
    display: none;
}
.hxys-v li .img {
    position: relative;
}
.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('img/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('img/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: 30px 0 20px;
}
.jjfadef-title h2{
    font-size: 24px;
    color: #111133;
    margin-bottom: 6px;
    text-align: center;
}
.jjfadef-title p{
    font-size: 16px;
    color: #666;
}
.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 .w1400 {
    padding: 0;
}
.news-cont .index-set5-new{
    background: #fff
}
.news-cont  .index-set5-new li{
    margin-bottom: 58px;
}
.contact-vs{
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}
.contact-vs h2{
    font-size: 30px;
    color: #333; 
    padding: 30px 0 20px;
}
.contact-vs li{
    width: 100%;
    text-align: left;
    padding-left: 30px;
    margin-bottom: 14px;
}
.contact-vs li img {
    width: 40px;
    height: auto;
}
.index-set5-new li:hover h6{
    color: #c7292f
}
.contact-vs li p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 6px;
}
.contact-vs li p span{
    font-size: 22px;
    color: #c7292f;
    display: block;
    line-height: 22px;
}
.contact-ly{
    background: url('img/conatct-bj.png') no-repeat center top;
    padding: 20px;
    box-sizing: border-box;
}
.contact-ly-cont{
   width: 100%;
   background: #fff;
   text-align: center;
   box-sizing: border-box;
   padding: 4px;
}
.contact-ly-title{
    margin-bottom: 25px;
}
.contact-ly-title h3{
    font-size: 30px;
}
.contact-ly-title p{
    color: #707070;
    font-size: 14px;
}
.contact-ly-c label{
    width: 100%;
    display: block;
    float: left;
    padding: 6px 10px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    margin-bottom: 10px;
    text-align: left
}
.contact-ly-c img {
    /*width: 20px;*/
}
.contact-ly-c input {
    width: 50%;
}
.contact-ly-c label span{
    font-size: 12px;
    color: #333;
    display: inline-block;
    vertical-align: middle;padding-right: 5px;
    border-right: 1px solid #e7e7e7;
    padding-left: 6px;
}
.contact-ly-c textarea{
    width: 100%;
    border: 1px solid #f2f2f2;
    padding: 12px;
    display: block;
    height: 120px;

}
.contact-ly-c .submit{
    width: 110px;
    line-height: 35px;
    background-color: #c7292f;
    background-image: url('img/co5.png');
    background-position: 12px center;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    padding-left: 20px;
}
.contact-zx {
    height: 350px;
    margin-top: 30px;
    position: relative;
}
.contact-zx img {
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: -100%;
}
.contact-zx .ves{
    position: absolute;
    bottom: 10px;
    left: 52%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #fff; 
    width: 260px;
    text-align: center;
    padding: 10px 20px;
}
.contact-zx .ves p{
    font-size: 12px;
    color: #666;
    margin-bottom: 2px;
}
.contact-zx .ves a{
    color: #c7292f;
    font-size: 12px;
}
.contact-text{
    padding-bottom: 62px;
    border-bottom: 3px solid #000
}
.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('img/bananr-l.png') no-repeat;
    margin-left: 20px;
    margin-right: 6px;
}
.banr > p .prev{
    background: url('img/bananr-r.png') no-repeat
}
/*????????????*/
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
}
.menu-footer.on {
  -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#353535;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    border-left: 1px solid #a0a0a0;
    opacity: 0.5;
}
.icon-dou {
    -webkit-animation: sh-shake 2s ease infinite;
    animation: sh-shake 2s ease infinite;
}
#newBridge .nb-invite-wrap-0,
#newBridge .nb-icon-right-center {
    display: none!important;
}