html{
    font-size: 62.5px;
    width: 100%;
    overflow: auto;
}
body{
    font-size:0.14rem;
    font-family: Arial;
    background: #f4f4f4;
    overflow-y:auto;
    width: 100%;
    overflow: hidden;
    /*-webkit-overflow-scrolling : touch;*/
    font-family: SourceHanSansCN , arial, helvetica, sans-serif;
}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0; 
}
ul,li {
    list-style: none;
    padding: 0;
    margin: 0;
}
input{
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
input, textarea{
    outline: 0;
    display: block;
    border: none;
    background: none;
}
input[type=button]{
    -webkit-appearance:none;
    outline:none;
    border-radius: 0;
}
input[type=radio]{
    -webkit-appearance:none;
    outline:none;
    border-radius: 0;
}
input[type=checkbox]{
    -webkit-appearance:none;
    outline:none;
    border-radius: 0;
}
input[type=submit]{
    -webkit-appearance:none;
    outline:none;
    border-radius: 0;
}
input[type=text]{
    -webkit-appearance:none;
    outline:none;
    border-radius: 0;
}
select{
    -webkit-appearance:none;
    outline:none;
    background: none;
}
a {
    text-decoration: none;
}
img {
    padding: 0;
    margin: 0;
    border: none;
}
.gmu-media-detect{
    display: none;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.mainFilter{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: rgba(0,0,0,.5);
    display: none;
}
.rightMenu{
    width: 200px;
    height: 100%;
    background: #474747;
    position: fixed;
    right: -200px;
    top: 0;
    z-index: 1005;
    transition: all .3s;
    overflow: auto;
    margin-bottom: 20%;
}
.rightMenu .tit{
    width: 100%;
    text-align: center;
    padding: 25px 0 20px;
}
.rightMenu .tit img{
    width: 36%;
    height: auto;
}
.rightMenu .mlist{
    width: 100%;
    padding: 0 8%;
    box-sizing: border-box;
}
.rightMenu .mlist .menulist{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.rightMenu .mlist .menulist .nav{
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.rightMenu .mlist .menulist .nav.now{
    background: #434343;
}
.rightMenu .mlist .menulist .nav:last-child{
    border-bottom: none;
}
.rightMenu .mlist .menulist .nav .title{
    width: 100%;
    height: auto;
    padding: 0 8%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 36px;
    color: #bfbfbf;
    background: url(../images/kai.gif) no-repeat 94% center;
    background-size: 18px;
}
.rightMenu .mlist .menulist .nav .title.ts{
    background: none;
}
.rightMenu .mlist .menulist .nav .title.ts.now{
    background: none;
}
.rightMenu .mlist .menulist .nav .title a{
    display: block;
    font-size: 16px;
    color: #bfbfbf;
    line-height: 36px;
}
.rightMenu .mlist .menulist .nav .title.now{
    background: url(../images/shou.gif) no-repeat 94% center;
    background-size: 18px;
}
.rightMenu .mlist .menulist .nav .title.ts.now a{
    color: #fff;
}
.rightMenu .mlist .menulist .nav .list{
    width: 100%;
    height: auto;
    padding-bottom: 6%;
    display: none;
}
.rightMenu .mlist .menulist .nav .list.now{
    display: block;
}
.rightMenu .mlist .menulist .nav .list li{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #0f74c2;
    line-height: 32px;
    background-size: 4px;
    padding: 5% 3% 5% 20%;
    box-sizing: border-box;
    background: url(../images/icon5.gif) no-repeat 13% 15px;
}
.rightMenu .mlist .menulist .nav .list li a{
    display: block;
    font-size: 15px;
    color: #ffffff;
    line-height: 20px;
}
.rightMenu .mlist .menulist .nav .list li.now{
    background: #2196f3;
    background-size: 4px;
    color: #ffffff;
}
.rightMenu .mlist .menulist .nav .list li.now a{
    color: #ffffff;
}
.wapper{
    width: 100%;
    height: auto;
    position: relative;
    transition: all 0.3s;
}
.wapper .waysFix{
    width: 60px;
    height: auto;
    position: fixed;
    top: 40%;
    right:0;
    z-index: 999;
}
.wapper .waysFix .list{
    width: 100%;
    height: auto;
}
.wapper .waysFix .list li{
    width: 100%;
    height: auto;
    position: relative;
    border-bottom:1px solid rgba(59,59,59,0.5);
    cursor: pointer;
}
.wapper .waysFix .list li:last-child{
    border-bottom: none;
}
.wapper .waysFix .list li .icon{
    width: auto;
    height: auto;
    padding: 15px 0;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
}
.wapper .waysFix .list li .icon img{
    width: auto;
    height: auto;
}
.wapper .waysFix .list li .waysQ{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
    background: rgba(0,0,0,0.5);
    font-size: 18px;
    color: #fff;
    line-height: 55px;
    z-index: -1;
    padding: 0 25px;
    box-sizing: border-box;
    display: none;
}
.wapper .waysFix .list li .waysQ a{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 55px;
}
.wapper .waysFix .list li .waysQ:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: -10px;
}
.wapper .waysFix .list li .waysW{
    width: 80px;
    height: auto;
    position: absolute;
    top: -14px;
    right: 100px;
    background: rgba(0,0,0,0.5);
    padding: 5px;
    box-sizing: border-box;
    display: none;
}
.wapper .waysFix .list li .waysW img{
    width:100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .waysFix .list li .waysW:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: -10px;
}
.wapper .waysFix .list li .waysP{
    width: auto;
    min-width: 138px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
    background: rgba(0,0,0,0.5);
    font-size: 18px;
    color: #fff;
    line-height: 55px;
    z-index: -1;
    text-align: center;
    box-sizing: border-box;
    display: none;
}
.wapper .waysFix .list li .waysP:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: -10px;
}
.wapper .waysFix .list li .waysE{
    width: auto;
    min-width: 138px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100px;
    background: rgba(0,0,0,0.5);
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    z-index: -1;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
    display: none;
}
.wapper .waysFix .list li .waysE:after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0,0,0,0.5);
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: -10px;
}
.wapper .waysFix .list li:hover{
    background: rgba(0,0,0,0.8);
}
.wapper .waysFix .list li .toTop{
    width: auto;
    height: auto;
    padding: 20px 0;
    background: rgba(254,89,1,0.8);
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
}
.wapper .waysFix .list li:nth-of-type(5):hover{
    background: rgba(254,89,1,1);
}
.wapper .head{
    width: 100%;
    height: auto;
    padding: 30px 3% 10px ;
    box-sizing: border-box;
    /*overflow: hidden;*/
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1005;
    /*background: #fff;*/
}
.wapper .head.over{
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 16px 3% 16px;
}
.wapper .head .logo{
    width: 168px;
    height:auto;
    float: left;
}
.wapper .head .logo img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .head .logofix{
    width: 168px;
    height:auto;
    float: left;
    display: none;
}
.wapper .head .logofix img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .head.over .logo{
    display: none;
}
.wapper .head.over .logofix{
    display: block;
}
.wapper .head .menu{
    width: auto;
    height: auto;
    float: right;
    margin-top: 4px;
}
.wapper .head .menu li{
    width: auto;
    height: auto;
    float: left;
    margin: 0 20px;
    /*padding-bottom: 27px;*/
    text-align: right;
}
.wapper .head .menu li a{
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 46px;
    padding: 0 0 0 24px;
    position: relative;
    /*transition: all 0.5s;*/
}
.wapper .head.over .menu li a{
    color: #333333;
}
.wapper .head .menu li a.now{
    color: #fe5800;
}
.wapper .head .menu li.hover a.now{
    /*background: url(../images/line1.gif) no-repeat left center;*/
    /*color: #fff;*/
    color: #fe5800;
}
.wapper .head .menu li:hover a{
    /*background: url(../images/line1.gif) no-repeat left center;*/
    color: #fe5800;
}
.wapper .head.over .menu li a.now{
    /*background: url(../images/line4.gif) no-repeat left center;*/
}
.wapper .head.over .menu li.hover a.now{
    /*background: url(../images/line4.gif) no-repeat left center;*/
    color: #fe5800;
}
.wapper .head.over .menu li:hover a{
    /*background: url(../images/line4.gif) no-repeat left center;*/
    color: #fe5800;
}
.wapper .head .menu li.hover .h-links:after{
    content: "";
    width: 0;
    height:0;
    border-left:16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    bottom: -20px;
    left: 63%;
    transform: translateX(-50%);
    transition: all 0.5s;
}
.wapper .head .menu li:nth-of-type(1) .h-links:after{
    border:none;
}
.wapper .head .menu li .secondary{
    width: 94%;
    height: auto;
    background: url(../images/secondaryBg.png) no-repeat right center #f8f8f8;
    position: absolute;
    top: 96px;
    left: 3%;
    z-index: 8228;
    overflow: hidden;
    padding: 2%;
    box-sizing: border-box;
    visibility:hidden;
    /*opacity: 0;*/
    transition: all 0.3s;
    /*box-shadow: 0px 3px 10px rgba(0,0,0,0.1);*/
}
.wapper .head.over .menu li .secondary{
    width: 100%;
    left: 0;
    top:86px;
    border-top:1px solid #eeeeee;
    box-sizing: border-box;
}
.wapper .head .menu li.hover .secondary{
    visibility:visible;
    display:block;
    /*opacity: 1;*/
}
.wapper .head .menu li .secondary .pic{
    width: 30.2%;
    height: auto;
    float: left;
    margin-right: 4.8%;
}
.wapper .head .menu li .secondary .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .head .menu li .secondary .list{
    width: 65%;
    height: auto;
    float: left;
}
.wapper .head .menu li .secondary .list li{
    width: 31.33%;
    height: auto;
    float: left;
    margin: 0 3% 0 0 ;
    margin-bottom: 2%;
    overflow: hidden;
    padding: 0 3%;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    background: url(../images/go.png) no-repeat 92% center;
    padding-right: 8%;
    box-sizing: border-box;
    /*transition: all 0.5s;*/
}
.wapper .head .menu li .secondary .list li a{
    width: 100%;
    padding: 0;
    align-items: center;
    display: flex;
    background: none;
}
.wapper .head .menu li .secondary .list li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .head .menu li .secondary .list li .icon{
    width: 22px;
    height: auto;
    margin-right: 14px;
    float: left;
}
.menu li .secondary .list li .icon img{
    width: 100%;
    height: auto;
    vertical-align: middle;
    /*transition: all 0.5s;*/
}
.wapper .head .menu li .secondary .list li .text{
    width: auto;
    height: auto;
    float: left;
    font-size: 16px;
    color: #969696;
    line-height: 46px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    /*transition: all 0.5s;*/
}
.wapper .head .menu li .secondary .list li:hover{
    background: url(../images/go.png) no-repeat 88% center #fe5800;
}
.wapper .head .menu li .secondary .list li:hover a{
    background: none;
}
.wapper .head .menu li .secondary .list li:hover .icon img{
    filter: brightness(200%);
}
.wapper .head .menu li .secondary .list li:hover .text{
    color: #fff;
}
.wapper .head .menu li .secondary .list li.now{
    background: url(../images/go.png) no-repeat 88% center #fe5800;
}
.wapper .head .menu li .secondary .list li.now a{
    background: none;
}
.wapper .head .menu li .secondary .list li.now .icon img{
    filter: brightness(200%);
}
.wapper .head .menu li .secondary .list li.now .text{
    color: #fff;
}





.wapper .head .mMenu{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    right: 3%;
    background: #456;
    border-radius: 50%;
    background: url(../images/menu.png) no-repeat center center;
    background-size: 48px;
    display: none;
}
.wapper .head .mMenu.sy{
    top: 22px;
}
.wapper .head .mMenu.now{
    position: fixed;
    right: 220px;
}
.wapper .head .mMenu.sy.now{
    position: fixed;
    right: 220px;
}

.wapper .head .mMenu.now{
    background: url(../images/close.png) no-repeat center center;
    background-size: 48px;
    z-index: 12054;
}
.wapper .head.detal .mMenu{
    top: 7px;
    background: url(../images/menu2.png) no-repeat center center;
    background-size: 58px;
}
.wapper .head.detal .mMenu.now{
    background: url(../images/close.png) no-repeat center center;
    background-size: 48px;
    z-index: 12054;
}

.wapper .head .back{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 3%;
    background: #456;
    border-radius: 50%;
    background: url(../images/back.png) no-repeat center center;
    background-size: 48px;
    display: none;
}
.wapper .head.detal .back{
    top: 8px;
    background: url(../images/back2.png) no-repeat center center;
    background-size: 58px;
}
.wapper .head .mtext{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000;
    line-height: 36px;
    text-align: center;
    background: #fff;
    display: none;
}
.wapper .banner{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .banner .pic{
    width: 100%;
    height: auto;
}
.wapper .banner .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .banner .mpic{
    width: 100%;
    height: auto;
    display: none;
}
.wapper .banner .mpic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .banner .themeBox{
    width: 80%;
    height: auto;
    position: absolute;
    top: 32%;
    left: 50%;
    margin-left: -40%;
}
.wapper .banner .themeBox .bigtxt{
    width: 100%;
    height: auto;
    font-size: 96px;
    color: #fff;
    line-height: 116px;
    font-weight: bolder;
    justify-content: center;
    align-items: center;
    display: flex;
}
.wapper .banner .themeBox .bigtxt img{
    width: 97px;
    height: auto;
    vertical-align: top;
    margin-top: -7px;
}
.wapper .banner .themeBox .smatxt{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    letter-spacing: 12px;
}
.wapper .banner .themeBox .smatxt span{
    color: #fd671e;
    font-weight: bolder;
}
.wapper .banner .bus1{
    width: auto;
    height: auto;
    position: absolute;
    top: 44.9%;
    left: 11.4%;
}
.wapper .banner .bus1 .icon{
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(254,88,0,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus1 .icon img{
    width: 44px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
    transition: all 0.5s;
}
.wapper .banner .bus .to{
    width: 7px;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.wapper .banner .bus1 .to{
    height: 8.4%;
}
.wapper .banner .bus .to img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .banner .bus1 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(254,88,0,0.3);
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
    transition: all 0.5s;
}
.wapper .banner .bus1 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(254,88,0,0.1);
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
    transition: all 0.5s;
}
.wapper .banner .bus1:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus1:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus2{
    width: auto;
    height: auto;
    position: absolute;
    top: 52.58%;
    left: 24.16%;
    transition: all 0.5s;
}
.wapper .banner .bus2 .icon{
    width: 82px;
    height: 82px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(183,213,48,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus2 .icon img{
    width: 52px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus2 .to{
    height: 26.13%;
}
.wapper .banner .bus2 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(183,213,48,0.3);
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
    transition: all 0.5s;
}
.wapper .banner .bus2 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(183,213,48,0.1);
    border-radius: inherit;
    opacity: 0;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
    transition: all 0.5s;
}
.wapper .banner .bus2:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus2:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus3{
    width: auto;
    height: auto;
    position: absolute;
    top: 66.77%;
    left: 49.2%;
}
.wapper .banner .bus3 .icon{
    width: 51px;
    height: 51px;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(243,172,0,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus3 .icon img{
    width: 34px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus3 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(243,172,0,0.3);
    border-radius: inherit;
    transition: opacity .28s, -webkit-transform .28s;
    transition: opacity .28s, transform .28s;
    transition: opacity .28s, transform .28s, -webkit-transform .28s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus3 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(243,172,0,0.1);
    border-radius: inherit;
    transition: opacity .28s, -webkit-transform .28s;
    transition: opacity .28s, transform .28s;
    transition: opacity .28s, transform .28s, -webkit-transform .28s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus3:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus3:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus4{
    width: auto;
    height: auto;
    position: absolute;
    top: 53.01%;
    left: 65.9%;
}
.wapper .banner .bus4 .icon{
    width: 51px;
    height: 51px;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(77,193,245,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus4 .icon img{
    width: 30px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus4 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(77,193,245,0.3);
    border-radius: inherit;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus4 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(77,193,245,0.1);
    border-radius: inherit;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus4:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus4:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus5{
    width: auto;
    height: auto;
    position: absolute;
    top: 57.43%;
    left: 76.30%;
}
.wapper .banner .bus5 .icon{
    width: 73px;
    height: 73px;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(143,130,188,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus5 .icon img{
    width: 42px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus5 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(143,130,188,0.3);
    border-radius: inherit;
    transition: opacity .38s, -webkit-transform .38s;
    transition: opacity .38s, transform .38s;
    transition: opacity .38s, transform .38s, -webkit-transform .38s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus5 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(143,130,188,0.1);
    border-radius: inherit;
    transition: opacity .38s, -webkit-transform .38s;
    transition: opacity .38s, transform .38s;
    transition: opacity .38s, transform .38s, -webkit-transform .38s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus5:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus5:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus6{
    width: auto;
    height: auto;
    position: absolute;
    top: 41.07%;
    left: 88.85%;
}
.wapper .banner .bus6 .icon{
    width: 41px;
    height: 41px;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    background: rgba(149,149,149,0.7);
    border-radius: 50%;
    position: relative;
    z-index: 111;
    transition: all 0.5s;
}
.wapper .banner .bus6 .icon img{
    width: 20px;
    height: auto;
    vertical-align: middle;
}
.wapper .banner .bus6 .icon:after{
    content: '';
    display: block;
    position: absolute;
    width: 125%;
    height: 125%;
    top: -12.5%;
    left: -12.5%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(149,149,149,0.3);
    border-radius: inherit;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus6 .icon:before{
    content: '';
    display: block;
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(149,149,149,0.1);
    border-radius: inherit;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}
.wapper .banner .bus6:hover .icon:after{
    opacity: 1;
}
.wapper .banner .bus6:hover .icon:before{
    opacity: 1;
}
.wapper .banner .bus1:hover {
    
}
.wapper .banner .bus1:hover .icon{
    transform: translateY(-15px);
    background: rgba(254,88,0,0.9);
}
.wapper .banner .bus1:hover .text{
    font-weight: bolder;
}
.wapper .banner .bus2:hover {
    
}
.wapper .banner .bus2:hover .icon{
    transform: translateY(-15px);
    background: rgba(183,213,48,0.9);
}
.wapper .banner .bus2:hover .text{
    font-weight: bolder;
}
.wapper .banner .bus3:hover {
    
}
.wapper .banner .bus3:hover .icon{
    transform: translateY(-15px);
    background: rgba(243,172,0,0.9);
}
.wapper .banner .bus3:hover .text{
    font-weight: bolder;
}
.wapper .banner .bus4:hover {
    
}
.wapper .banner .bus4:hover .icon{
    transform: translateY(-15px);
    background: rgba(77,193,245,0.9);
}
.wapper .banner .bus4:hover .text{
    font-weight: bolder;
}
.wapper .banner .bus5:hover {
    
}
.wapper .banner .bus5:hover .icon{
    transform: translateY(-15px);
    background: rgba(143,130,188,0.9);
}
.wapper .banner .bus5:hover .text{
    font-weight: bolder;
}
.wapper .banner .bus6:hover {
    
}
.wapper .banner .bus6:hover .icon{
    transform: translateY(-15px);
    background: rgba(149,149,149,0.9);
}
.wapper .banner .bus6:hover .text{
    font-weight: bolder;
}
@-webkit-keyframes pulse-animation{
    0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
    100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes pulse-animation{
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
}
.ani-wrap2{
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
}
.ani-wrap2 .innera{
    position: absolute;
    background: url(../images/lx2.png) no-repeat;
    width: 4px;
    height: 30px;
    opacity: .85;
    transition: all .3s ease-out;
}
.ani-wrap2 .inner1{
    left:200px;
    -webkit-animation:top1 4s linear infinite;
    animation:top1 4s linear infinite;
    bottom:50px;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.ani-wrap2 .inner2{
    left:400px;
    -webkit-animation:top2 3s linear infinite;
    animation:top2 3s linear infinite;
    bottom:30px;
    -webkit-animation-delay:-2s;
    animation-delay:-2s
}
.ani-wrap2 .inner3{
    left:600px;
    -webkit-animation:top3 3s linear infinite;
    animation:top3 3s linear infinite;
    bottom:30px;
    -webkit-animation-delay:-3s;
    animation-delay:-3s
}
.ani-wrap2 .inner4{
    left:750px;
    -webkit-animation:top4 4s linear infinite;
    animation:top4 4s linear infinite;
    bottom:20px;
    -webkit-animation-delay:-5s;
    animation-delay:-5s
}
.ani-wrap2 .inner5{
    left:900px;
    -webkit-animation:top5 4s linear infinite;
    animation:top5 4s linear infinite;
    bottom:20px;
    -webkit-animation-delay:-4s;
    animation-delay:-4s
}
.ani-wrap2 .inner6{
    left:1200px;
    -webkit-animation:top1 4s linear infinite;
    animation:top1 4s linear infinite;
    bottom:50px;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.ani-wrap2 .inner7{
    left:1400px;
    -webkit-animation:top2 3s linear infinite;
    animation:top2 3s linear infinite;
    bottom:30px;
    -webkit-animation-delay:-2s;
    animation-delay:-2s
}
.ani-wrap2 .inner8{
    left:1600px;
    -webkit-animation:top3 3s linear infinite;
    animation:top3 3s linear infinite;
    bottom:30px;
    -webkit-animation-delay:-3s;
    animation-delay:-3s
}
.ani-wrap2 .inner9{
    left:1750px;
    -webkit-animation:top4 4s linear infinite;
    animation:top4 4s linear infinite;
    bottom:20px;
    -webkit-animation-delay:-5s;
    animation-delay:-5s
}
.ani-wrap2 .inner10{
    left:1000px;
    -webkit-animation:top5 3.4s linear infinite;
    animation:top5 3.4s linear infinite;
    bottom:20px;
    -webkit-animation-delay:-3.4s;
    animation-delay:-3.4s
}
@-webkit-keyframes top1{
    100%{
        bottom:250px;
        opacity:.1;
    }
}
@keyframes top1{
    100%{
        bottom:250px;
        opacity:.1
    }
}
@-webkit-keyframes top2{
    100%{
        bottom:230px;
        opacity:.1
    }
}
@keyframes top2{100%{bottom:230px;opacity:.1}}
@-webkit-keyframes top25{
    100%{
        bottom:260px;
        opacity:.1
    }
}
@keyframes top25{
    100%{
        bottom:260px;
        opacity:.1
    }
}
@-webkit-keyframes top3{
    100%{
        bottom:300px;
        opacity:.1
    }
}
@keyframes top3{100%{
    bottom:300px;
    opacity:.1
    }
}
@-webkit-keyframes top4{
    100%{
        bottom:280px;
        opacity:.1
    }
}
@keyframes top4{
    100%{
        bottom:280px;
        opacity:.1
    }
}
@-webkit-keyframes top5{
    100%{
        bottom:240px;
        opacity:.1
    }
}
@keyframes top5{
    100%{
        bottom:240px;
        opacity:.1
    }
}
.wapper .ahout{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 4% 0;
}
.wapper .ahout .aboutBox{
    width: 87.6%;
    height: auto;
    margin: auto;
    min-width: 1000px;
    overflow: hidden;
}
.wapper .ahout .aboutBox .theme{
    width: 30%;
    height: auto;
    float: left;
    padding-right: 3%;
    box-sizing: border-box;
    overflow: hidden;
}
.wapper .ahout .aboutBox .theme .entext{
    width: 100%;
    height: auto;
    font-size: 55px;
    color: #080808;
    line-height: 56px;
    font-weight: bolder;
}
.wapper .ahout .aboutBox .theme .entext div{
    width: 100%;
    height: auto;
    font-size: 55px;
    color: #080808;
    line-height: 56px;
    font-weight: bolder;
    /*font-family: Arial;*/
}
.wapper .ahout .aboutBox .theme .cntext{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #080808;
    line-height: 54px;
    margin-bottom: 10%;
}
.wapper .ahout .aboutBox .theme .slogans{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #080808;
    line-height: 32px;
}
.wapper .ahout .aboutBox .textPart{
    width: 70%;
    height: auto;
    float: left;
    border-left: 1px solid #ededed;
    padding-left: 5%;
    box-sizing: border-box;
}
.wapper .ahout .aboutBox .textPart .text{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: rgba(0,0,0,0.7);
    line-height: 48px;
    margin-bottom: 3%;
}
.wapper .ahout .aboutBox .textPart .dataList{
    width: 100%;
    height: auto;
    padding-bottom: 3%;
}
.wapper .ahout .aboutBox .textPart .dataList li{
    width: 25%;
    height:auto;
    float: left;
    padding-left: 4%;
    border-left: 1px solid #ededed;
    box-sizing: border-box;
}
.wapper .ahout .aboutBox .textPart .dataList li:first-child{
    border-left: none;
}
.wapper .ahout .aboutBox .textPart .dataList li .data{
    width: 100%;
    height: auto;
    color: #fe5800;
    font-size: 50px;
    line-height: 62px;
    align-items: center;
    display: flex;
    margin-top: 8%;
}
.wapper .ahout .aboutBox .textPart .dataList li .data .num{
    font-size: 50px;
    line-height: 62px;
}
.wapper .ahout .aboutBox .textPart .dataList li .data .up{
    font-size: 16px;
    line-height: 28px;
    margin-top: -38px;
}
.wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(3) .data .up{
    font-size: 20px;
    margin-top: -43px;
}
.wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(4) .data .up{
    font-size: 20px;
    margin-top: -43px;
}
.wapper .ahout .aboutBox .textPart .dataList li .txt{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 26px;
}
.wapper .fine{
    width: 100%;
    height: auto;
    padding: 5% 0 0 0;
    background: #f9f9f9;
}
.wapper .fine .titleBox{
    width: 100%;
    height: auto;
    text-align: center;  
}
.wapper .fine .titleBox .bigtit{
    width: 100%;
    height: auto;
    font-size: 50px;
    color: #080808;
    line-height: 56px;
}
.wapper .fine .titleBox .bigtit span{
    color: #fe5800;
    position: relative;
    z-index: 10;
}
.wapper .fine .light{
    width: 8px;
    height: 8px;
    background: #fe5800;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 97%;
    z-index: 5;
}
.wapper .fine .light:before{
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    left: -5px;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(254,80,0,0.42);
    border-radius: inherit;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: 3;
}
.wapper .fine .light:after{
    content: "";
    display: block;
    position: absolute;
    width: 118px;
    height: 118px;
    top: -55px;
    left: -55px;
    /*transform: translate(-50%,-50%);*/
    background-color: rgba(254,80,0,0.04);
    border-radius: inherit;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    opacity: 0;
    transition: all 0.5s;
    z-index: 1;
}

.wapper .fine .titleBox .smatit{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #787878;
    line-height: 48px;
}
.wapper .fine .videoList{
    width: 100%;
    height: auto;
    margin-top: 4%;
    background: url(../images/Bg1.jpg) no-repeat center center;
    background-size: cover;
}
.wapper .fine .videoList .bgcontainer{
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.6);
    position: relative !important;
}
.wapper .fine .videoList .swiper-container{
    padding: 8% 0 3%;
    cursor: pointer;
    width: 89% !important;
    margin: auto;
    position: static;
}
.wapper .fine .videoList .swiper-slide{
    height: 572px;
    align-items: center;
    transition: all 0.5s;
    padding: 0 3%;
    box-sizing: border-box;
}
.wapper .fine .videoList .swiper-slide .pic{
    width: 100%;
    height: auto;
    min-height: 331px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    padding: 0 10%;
    box-sizing: border-box;
}
.wapper .fine .videoList .swiper-slide .pic img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    vertical-align: bottom;
}
.wapper .fine .videoList .swiper-slide .cnname{
    width: 100%;
    height: auto;
    padding: 0 6%;
    box-sizing: border-box;
    font-size: 36px;
    color: #ffffff;
    line-height: 42px;
    text-align: center;
    font-weight: bolder;
    transition: all 0.5s;
    margin-top: 6%;
}
.wapper .fine .videoList .swiper-slide .enname{
    width: 100%;
    height: auto;
    padding: 0 6%;
    box-sizing: border-box;
    font-size: 28px;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    margin-bottom: 2%;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .fine .videoList .swiper-slide .desc{
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
    font-size: 14px;
    color: #acacac;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 2%;
    display: none;
}
.wapper .fine .videoList .swiper-slide .icon{
    width: 69px;
    height: auto;
    margin: 5% auto 0 auto;
}
.wapper .fine .videoList .swiper-slide .icon img{
    width: 100%;
    height: auto;
    filter: brightness(1000000%);
    transition: all 0.2s;
}
.wapper .fine .videoList .swiper-slide:hover{
    transform: translateY(-96px);
}
.wapper .fine .videoList .swiper-slide:hover .cnname{
    color: #fe5901;
}
.wapper .fine .videoList .swiper-slide:hover .enname{
    color: #fe5901;
}
.wapper .fine .videoList .swiper-slide:hover .desc{
    display: block;
    display: -webkit-box;
}
.wapper .fine .videoList .swiper-slide:hover .icon img{
    filter: brightness(100%);
}
.swiper-button-next{
    width: 38px !important;
    height: 68px !important;
    margin-top: -34px !important; 
    right: 65px !important;
    background: url(../images/next.png) no-repeat center center !important;
    /*background-size: 90% !important;*/
}
.swiper-button-prev{
    width: 38px !important;
    height: 68px !important;
    margin-top: -34px !important; 
    left: 65px !important;
    background: url(../images/prev.png) no-repeat center center !important;
    /*background-size: 90% !important;*/
}
.swiper-button-next:hover{
    background: url(../images/next_hover.png) no-repeat center center !important;
}
.swiper-button-prev:hover{
    background: url(../images/prev_hover.png) no-repeat center center !important;
}
.wapper .cases{
    width: 100%;
    height: auto;
    padding: 4% 0;
    background: #fff;
}
.wapper .cases .titleBox{
    width: 87.6%;
    height: auto;
    margin: auto;
    min-width: 1000px;
    overflow: hidden;
}
.wapper .cases .titleBox .theme{
    width: 60%;
    height: auto;
    float: left;
    align-items: center;
    display: flex;
}
.wapper .cases .titleBox .theme .entheme{
    font-size: 40px;
    color: #080808;
    line-height: 48px;
    font-weight: bolder;
    margin-right: 6px;
}
.wapper .cases .titleBox .theme .cntheme{
    font-size: 34px;
    color: #080808;
    line-height: 48px;
    font-weight: lighter;
}
.wapper .cases .titleBox .more{
    width: 35%;
    height: auto;
    float: right;
    font-size: 20px;
    color: #b0b0b0;
    line-height: 48px;
    text-align: right;
}
.wapper .cases .titleBox .more a{
    display: block;
    font-size: 20px;
    color: #b0b0b0;
    line-height: 48px;
    text-align: right;
}
.wapper .cases .titleBox .more a img{
    vertical-align: middle;
}
.wapper .cases .titleBox .more:hover a {
    color: #fe5901;
}
.wapper .cases .list{
    width: 93.8%;
    margin-left: 6.2%;
    margin-top: 3%;
    overflow: hidden;
    /*float: right;*/
}
.wapper .cases .list ul {
    white-space: nowrap;
}
.wapper .cases .list li{
    width: 400px;
    height: auto;
    /*float: left;*/
    display: inline-block;
    margin: 0 14px;
}
.wapper .cases .list li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .cases .list li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .cases .list li .textBox{
    width: 100%;
    height: auto;
    padding: 4% 6% 5%;
    box-sizing: border-box;
    transition: all 0.5s;
}
.wapper .cases .list li .textBox .name{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    margin-bottom: 3%;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .cases .list li .textBox .desc{
    width: 100%;
    height: auto;
    min-height: 52px;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-line;
    transition: all 0.5s;
}
.wapper .cases .list li:hover .pic img{
    transform:scale(1.1);
}
.wapper .cases .list li:hover .textBox{
    background: #fe5800;
}
.wapper .cases .list li:hover .textBox .name{
    color: #fff;
}
.wapper .cases .list li:hover .textBox .desc{
    color: #fff;
}
.wapper .news{
    width: 100%;
    height: auto;
    padding: 4% 0;
    background: #f9f9f9;
}
.wapper .news .newsBox{
    width: 87.6%;
    height: auto;
    margin: auto;
    min-width: 1000px;
}
.wapper .news .newsBox .titleBox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .news .newsBox .titleBox .theme{
    width: 60%;
    height: auto;
    float: left;
    align-items: center;
    display: flex;
}
.wapper .news .newsBox .titleBox .theme .entheme{
    font-size: 40px;
    color: #080808;
    line-height: 48px;
    font-weight: bolder;
    margin-right: 6px;
}
.wapper .news .newsBox .titleBox .theme .cntheme{
    font-size: 34px;
    color: #080808;
    line-height: 48px;
    font-weight: lighter;
}
.wapper .news .newsBox .titleBox .more{
    width: 35%;
    height: auto;
    float: right;
    font-size: 20px;
    color: #b0b0b0;
    line-height: 48px;
    text-align: right;
}
.wapper .news .newsBox .titleBox .more a{
    display: block;
    font-size: 20px;
    color: #b0b0b0;
    line-height: 48px;
    text-align: right;
}
.wapper .news .newsBox .titleBox .more a img{
    vertical-align: middle;
}
.wapper .news .newsBox .titleBox .more:hover a {
    color: #fe5901;
}
.wapper .news .newsBox .list{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .news .newsBox .list li{
    width: 21.25%;
    float: left;
    height: auto;
    margin-right: 5%;
    transition: all 0.5s;
}
.wapper .news .newsBox .list li:nth-of-type(4n){
    margin-right: 0;
}
.wapper .news .newsBox .list li .time{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 19px;
    margin-bottom: 2%;
}
.wapper .news .newsBox .list li .title{
    width: 100%;
    height: auto;
    min-height: 48px;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    transition: all 0.5s;
}
.wapper .news .newsBox .list li .desc{
    width: 100%;
    height: auto;
    min-height: 104px;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 4%;
    margin-bottom: 8%;
    border-top: 1px solid #eaeaea;
    padding-top: 4%;
}
.wapper .news .newsBox .list li .type{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ea5404;
    line-height: 19px;
}
.wapper .news .newsBox .list li:hover{
    transform: translateY(-15px);
}
.wapper .news .newsBox .list li:hover .title{
    color: #fe5800;
}
.wapper .related{
    width: 100%;
    height: auto;
}
.wapper .related li{
    width: 32.66%;
    height: auto;
    float: left;
    margin-right: 1%;
    position: relative;
}
.wapper .related li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .related li .pic{
    width: 100%;
    height: auto;
}
.wapper .related li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .related li .opBg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 6% 8%;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
    display: flex;
}
.wapper .related li:nth-of-type(2) .opBg{
    background: rgba(0,0,0,0.7);
}
.wapper .related li:nth-of-type(3) .opBg{
    background: rgba(254,88,0,0.9);
}
.wapper .related li .textBox{
    width: 100%;
    height: auto;
}
.wapper .related li:nth-of-type(3) .textBox{
    width: 70%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .related li .textBox .entxt{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #080808;
    line-height: 44px;
    font-weight: bolder;
}
.wapper .related li:nth-of-type(2) .textBox .entxt{
    color: #fff;
}
.wapper .related li:nth-of-type(3) .textBox .entxt{
    color: #fff;
    margin-bottom: 3%;
}
.wapper .related li .textBox .cntxt{
    width: 100%;
    height: auto;
    font-size: 29px;
    color: #080808;
    line-height: 36px;
}
.wapper .related li:nth-of-type(2) .textBox .cntxt{
    color: #fff;
}
.wapper .related li:nth-of-type(3) .textBox .cntxt{
    display: none;
}
.wapper .related li:nth-of-type(2) .textBox .cntxt img{
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-left: 5px;
}
.wapper .related li .textBox .coninfor{
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    display: flex;
}
.wapper .related li .textBox .coninfor .icon{
    width: 24px;
    height: auto;
    float: left;
    margin-right: 8px;
}
.wapper .related li .textBox .coninfor .icon img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.wapper .related li .textBox .coninfor .txt{
    width: auto;
    height: auto;
    float: left;
    font-size: 20px;
    color: #ffffff;
    line-height: 42px;
}
.wapper .related li .code{
    width: 25%;
    height: auto;
    max-width: 122px;
    float: right;
}
.wapper .related li .code img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .footer{
    width: 100%;
    height: auto;
    padding: 4% 0 1% 0;
    background: #f5f5f5;
}
.wapper .footer .footerBox{
    width: 87.6%;
    height: auto;
    margin: auto;
    min-width: 1000px;
}
.wapper .footer .footerBox .linksBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom:1px solid #dbdbdb;
    padding-bottom: 2%;
}
.wapper .footer .footerBox .linksBox .links{
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .footer .footerBox .linksBox .links.lk1{
    width: 10%;
}
.wapper .footer .footerBox .linksBox .links.lk2{
    width: 10%;
}
.wapper .footer .footerBox .linksBox .links.lk3{
    width: 26%;
}
.wapper .footer .footerBox .linksBox .links.lk4{
    margin-right: 0;
    width: 39%;
}
.wapper .footer .footerBox .linksBox .links .theme{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #080808;
    line-height: 42px;
    font-weight: bolder;
    padding-bottom: 8px;
    border-bottom:1px solid #dbdbdb;
}
.wapper .footer .footerBox .linksBox .links .list{
    width: 100%;
    height: auto;
    margin-top: 16px;
    overflow: hidden;
}
.wapper .footer .footerBox .linksBox .links.lk4 .list{
    margin-top: 8%;
}
.wapper .footer .footerBox .linksBox .links .list li{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 37px;
}
.wapper .footer .footerBox .linksBox .links.lk3 .list li{
    width: 50%;
    float: left;
}
.wapper .footer .footerBox .linksBox .links .list li a{
    display: block;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 37px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .footer .footerBox .linksBox .links .list li:hover a{
    color: #fe5800;
}
.wapper .footer .footerBox .linksBox .links .list .name{
    width: 22%;
    height: auto;
    float: left;
    margin-right: 3%;
    background: #e5e5e5;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 28px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.wapper .footer .footerBox .linksBox .links .list .phone{
    width: 52%;
    height: auto;
    float: left;
    margin-right: 3%;
    background: #e5e5e5;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 28px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.wapper .footer .footerBox .linksBox .links .list .btn{
    width: 20%;
    height: auto;
    background: rgba(254,88,0,0.8);
    border: 1px solid #fe5800;
    box-sizing: border-box;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}
.wapper .footer .footerBox .linksBox .links .list .btn:hover{
    background: rgba(254,88,0,1);
}
.wapper .footer .footerBox .recordBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 1%;
}
.wapper .footer .footerBox .recordBox .copy{
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
}
.wapper .footer .footerBox .recordBox .copy a{
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    transition: all 0.5s;
}
.wapper .footer .footerBox .recordBox .copy a:hover{
    color: #fe5800;
}
.wapper .footer .footerBox .recordBox .indus{
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    margin-left: 10px;
}
.wapper .footer .footerBox .recordBox .indus a{
    display: block;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    transition: all 0.5s;
}
.wapper .footer .footerBox .recordBox .indus img{
    width: 19px;
    height: auto;
    margin-right: 2px;
    vertical-align: middle;
}
.wapper .footer .footerBox .recordBox .indus:hover a{
    color: #fe5800;
}
.wapper .footer .footerBox .recordBox .security {
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    margin-left: 10px;
}
.wapper .footer .footerBox .recordBox .security a{
    display: block;
    float: left;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    transition: all 0.5s;
}
.wapper .footer .footerBox .recordBox .security:hover a{
    color: #fe5800;
}
.wapper .footer .footerBox .recordBox .security img{
    width: 18px;
    height: auto;
    margin-right: 2px;
    vertical-align: middle;
}
.wapper .footer .footerBox .recordBox div{
    width: auto;
    height: auto;
    float: left;
}
.wapper .footer .footerBox .recordBox div a img{
    margin-top: 7px;
    margin-left: 10px;
}
.wapper .footer .footerBox .recordBox .security img{
    margin-top: 0;
}
.wapper .footer .footerBox .recordBox .support{
    width: auto;
    height: auto;
    float: right;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
}
.wapper .footer .footerBox .recordBox .support a{
    display: block;
    font-size: 14px;
    color: #25282b;
    line-height: 41px;
    transition: all 0.5s;
}
.wapper .footer .footerBox .recordBox .support:hover a{
    color: #fe5800;
}
.wapper .mfooter{
    width: 100%;
    height: auto;
    background: url(../images/footBg.png) no-repeat top center;
    background-size: cover;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 686;
    padding: 0 1%;
    box-sizing: border-box;
    transition: all 0.3s;
    display: none;
}
.wapper .mfooter li{
    width: 20%;
    height: auto;
    float: left;
    padding-top: 16px;
}
.wapper .mfooter li .pic{
    width: 100%;
    height: auto;
    text-align: center;
}
.wapper .mfooter li .pic img{
    width: auto;
    height: 22px;
    vertical-align: bottom;
}
.wapper .mfooter li:nth-of-type(3){
    padding-top: 8px;
}
.wapper .mfooter li:nth-of-type(3) .pic img{
    height: 48px;
}
.wapper .mfooter li .txt{
    width: 100%;
    height: auto;
    font-size: 13px;
    color: #000;
    line-height: 26px;
    text-align: center;
}



@media screen and (max-width: 1690px) {
    .wapper .banner .themeBox{
        top: 30%;
    }
    .wapper .banner .bus1{
        top: 42.9%;
        left: 11.1%;
    }
    .wapper .banner .bus1 .icon{
        width: 62px;
        height: 62px;
    }
    .wapper .banner .bus1 .icon img{
        width: 42px;
    }
    .wapper .banner .bus2{
        top: 50.58%;
        left: 24%;
    }
    .wapper .banner .bus2 .icon{
        width: 80px;
        height: 80px;
    }
    .wapper .banner .bus2 .icon img{
        width: 50px;
    }
    .wapper .banner .bus2 .to img{
        height: 220px;
        vertical-align: top;
    }
    .wapper .banner .bus3{
        top: 64.77%;
        left: 48.9%;
    }
    .wapper .banner .bus3 .icon{
        width: 49px;
        height: 49px;
    }
    .wapper .banner .bus3 .icon img{
        width: 32px;
    }
    .wapper .banner .bus4{
        top: 51.01%;
        left: 65.8%;
    }
    .wapper .banner .bus4 .icon{
        width: 49px;
        height: 49px;
    }
    .wapper .banner .bus4 .icon img{
        width: 28px;
    }
    .wapper .banner .bus5{
        top: 55.30%;
        left: 76.1%;
    }
    .wapper .banner .bus5 .icon{
        width: 71px;
        height: 71px;
    }
    .wapper .banner .bus5 .icon img{
        width: 40px;
    }
    .wapper .banner .bus6{
        top: 39.07%;
        left: 88.75%;
    }
    .wapper .banner .bus6 .icon{
        width: 39px;
        height: 39px;
    }
    .wapper .ahout .aboutBox .theme .entext div{
        font-size: 50px;
        line-height: 52px;
    }
    .wapper .ahout .aboutBox .theme .cntext{
        font-size: 37px;
        line-height: 50px;
    }
    .wapper .fine .videoList .swiper-slide .cnname{
        font-size: 32px;
        line-height: 38px;
    }
    .wapper .fine .videoList .swiper-slide .enname{
        font-size: 24px;
        line-height: 32px;
    }
    .wapper .fine .videoList .swiper-slide .icon{
        width: 65px;
    }
    .wapper .fine .videoList .swiper-slide .desc{
        line-height: 28px;
    }
    .wapper .fine .videoList .swiper-slide:hover{
        transform: translateY(-84px);
    }
}
@media screen and (max-width: 1600px) {
    .wapper .related li .textBox .coninfor .txt{
        font-size: 18px;
        line-height: 38px;
    }
    .wapper .related li .textBox .coninfor .icon{
        width: 22px;
    }
}
@media screen and (max-width: 1575px) {
    .wapper .fine .videoList .swiper-slide .cnname{
        font-size: 27px;
        line-height: 32px;
    }
    .wapper .fine .videoList .swiper-slide .enname{
        font-size: 20px;
        line-height: 28px;
    }

}
@media screen and (max-width: 1550px) {
    .wapper .banner .themeBox .bigtxt{
        font-size: 86px;
        line-height: 106px;
    }
    .wapper .banner .themeBox .bigtxt img{
        width: 94px;
    }
    .wapper .banner .themeBox .smatxt{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .banner .bus1{
        top: 40.9%;
        left: 11%;
    }
    .wapper .banner .bus1 .icon{
        width: 60px;
        height: 60px;
    }
    .wapper .banner .bus1 .icon img{
        width: 42px;
    }
    .wapper .banner .bus2{
        top: 48.58%;
        left: 23.8%;
    }
    .wapper .banner .bus2 .icon{
        width: 78px;
        height: 78px;
    }
    .wapper .banner .bus2 .icon img{
        width: 48px;
    }
    .wapper .banner .bus2 .to img{
        height: 210px;
    }
    .wapper .banner .bus3{
        top: 62.77%;
        left: 48.7%;
    }
    .wapper .banner .bus3 .icon{
        width: 47px;
        height: 47px;
    }
    .wapper .banner .bus3 .icon img{
        width: 30px;
    }
    .wapper .banner .bus4{
        top: 49.01%;
        left: 65.6%;
    }
    .wapper .banner .bus4 .icon{
        width: 47px;
        height: 47px;
    }
    .wapper .banner .bus4 .icon img{
        width: 26px;
    }
    .wapper .banner .bus5{
        top: 53.30%;
        left: 76.0%;
    }
    .wapper .banner .bus5 .icon{
        width: 69px;
        height: 69px;
    }
    .wapper .banner .bus5 .icon img{
        width: 38px;
    }
    .wapper .banner .bus6{
        top: 37.07%;
        left: 88.55%;
    }
    .wapper .banner .bus6 .icon{
        width: 37px;
        height: 37px;
    }
    .wapper .ahout .aboutBox .theme .entext div{
        font-size: 46px;
        line-height: 48px;
    }
    .wapper .ahout .aboutBox .theme .cntext{
        font-size: 34px;
        line-height: 46px;
    }
    .wapper .ahout .aboutBox .textPart .text{
        font-size: 20px;
        line-height: 44px;
    }
    .wapper .fine .videoList .swiper-container{
        padding: 10% 0 1.5% 0;
    }
}
@media screen and (max-width: 1450px) {
    .wapper .related li .textBox .entxt{
        font-size: 36px;
        line-height: 40px;
    }
    .wapper .related li .textBox .cntxt{
        font-size: 26px;
        line-height: 32px;
    }
    .wapper .related li:nth-of-type(2) .textBox .cntxt img{
        width: 30px;
        height: 30px;
    }
    .wapper .related li .textBox .coninfor .txt{
        font-size: 16px;
        line-height: 34px;
    }
    .wapper .related li .textBox .coninfor .icon{
        width: 20px;
    }
}
@media screen and (max-width: 1400px) {
    .wapper .banner .themeBox .bigtxt{
        font-size: 76px;
        line-height: 96px;
    }
    .wapper .banner .themeBox .bigtxt img{
        width: 84px;
    }
    .wapper .banner .themeBox .smatxt{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .banner .bus1{
        top: 38.9%;
        left: 10.8%;
    }
    .wapper .banner .bus1 .icon{
        width: 57px;
        height: 57px;
    }
    .wapper .banner .bus1 .icon img{
        width: 39px;
    }
    .wapper .banner .bus2{
        top: 46.58%;
        left: 23.6%;
    }
    .wapper .banner .bus2 .icon{
        width: 75px;
        height: 75px;
    }
    .wapper .banner .bus2 .icon img{
        width: 45px;
    }
    .wapper .banner .bus2 .to img{
        height: 200px;
    }
    .wapper .banner .bus3{
        top: 60.77%;
        left: 48.6%;
    }
    .wapper .banner .bus3 .icon{
        width: 44px;
        height: 44px;
    }
    .wapper .banner .bus3 .icon img{
        width: 27px;
    }
    .wapper .banner .bus4{
        top: 47.01%;
        left: 66.5%;
    }
    .wapper .banner .bus4 .icon{
        width: 44px;
        height: 44px;
    }
    .wapper .banner .bus4 .icon img{
        width: 23px;
    }
    .wapper .banner .bus5{
        top: 52.30%;
        left: 75.9%;
    }
    .wapper .banner .bus5 .icon{
        width: 66px;
        height: 66px;
    }
    .wapper .banner .bus5 .icon img{
        width: 35px;
    }
    .wapper .banner .bus .text{
        font-size: 14px;
        line-height: 32px;
    }
    .wapper .ahout .aboutBox .theme .entext div{
        font-size: 42px;
        line-height: 46px;
    }
    .wapper .ahout .aboutBox .theme .cntext{
        font-size: 32px;
        line-height: 44px;
    }
    .wapper .ahout .aboutBox .textPart .text{
        font-size: 18px;
        line-height: 40px;
    }
    .wapper .ahout .aboutBox .textPart .dataList li .txt{
        font-size: 14px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1385px) {
    .wapper .fine .videoList .swiper-slide .cnname{
        font-size: 24px;
        line-height: 28px;
    }
    .wapper .fine .videoList .swiper-slide .enname{
        font-size: 18px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1350px) {
    .wapper .footer .footerBox .recordBox .copy{
        font-size: 12px;
    }
    .wapper .footer .footerBox .recordBox .copy a{
        font-size: 12px;
    }
    .wapper .footer .footerBox .recordBox .indus a{
        font-size: 12px;
    }
    .wapper .footer .footerBox .recordBox .indus img{
        width: 17px;
    }
    .wapper .footer .footerBox .recordBox .security a{
        font-size: 12px;
    }
    .wapper .footer .footerBox .recordBox .security img{
        width: 16px;
    }
    .wapper .footer .footerBox .recordBox .support a{
        font-size: 12px;
    }
}
@media screen and (max-width: 1300px) {
    .wapper .banner .themeBox .bigtxt{
        font-size: 66px;
        line-height: 86px;
    }
    .wapper .banner .themeBox .bigtxt img{
        width: 76px;
    }
    .wapper .banner .themeBox .smatxt{
        font-size: 24px;
        line-height: 32px;
    }
    .wapper .banner .bus1{
        top: 38.9%;
        left: 10.8%;
    }
    .wapper .banner .bus1 .icon{
        width: 55px;
        height: 55px;
    }
    .wapper .banner .bus1 .icon img{
        width: 37px;
    }
    .wapper .banner .bus2{
        top: 46.58%;
        left: 23.45%;
    }
    .wapper .banner .bus2 .icon{
        width: 73px;
        height: 73px;
    }
    .wapper .banner .bus2 .icon img{
        width: 43px;
    }
    .wapper .banner .bus2 .to img{
        height: 180px;
    }
    .wapper .banner .bus3{
        top: 60.77%;
        left: 48.6%;
    }
    .wapper .banner .bus3 .icon{
        width: 42px;
        height: 42px;
    }
    .wapper .banner .bus3 .icon img{
        width: 25px;
    }
    .wapper .banner .bus4{
        top: 47.01%;
        left: 66.5%;
    }
    .wapper .banner .bus4 .icon{
        width: 42px;
        height: 42px;
    }
    .wapper .banner .bus4 .icon img{
        width: 21px;
    }
    .wapper .banner .bus5{
        top: 52.30%;
        left: 75.9%;
    }
    .wapper .banner .bus5 .icon{
        width: 64px;
        height: 64px;
    }
    .wapper .banner .bus5 .icon img{
        width: 33px;
    }
    .wapper .banner .bus6{
        top: 37.07%;
        left: 88.55%;
    }
    .wapper .banner .bus6 .icon{
        width: 35px;
        height: 35px;
    }
    .wapper .banner .bus6 .icon img{
        width: 18px;
    }
    .wapper .banner .bus .text{
        font-size: 14px;
        line-height: 32px;
    }
    .wapper .ahout .aboutBox .theme .entext div{
        font-size: 38px;
        line-height: 42px;
    }
    .wapper .ahout .aboutBox .theme .cntext{
        font-size: 28px;
        line-height: 40px;
    }
    .wapper .ahout .aboutBox .theme .slogans{
        font-size: 16px;
        line-height: 28px;
    }
    .wapper .ahout .aboutBox .textPart .text{
        font-size: 16px;
        line-height: 36px;
    }
    .wapper .fine .videoList .swiper-container{
        padding: 12% 0 2% 0;
    }
    .wapper .related li .textBox .entxt{
        font-size: 32px;
        line-height: 38px;
    }
    .wapper .related li .textBox .cntxt{
        font-size: 22px;
        line-height: 30px;
    }
    .wapper .related li .textBox .coninfor .txt{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .related li .textBox .coninfor .icon{
        width: 18px;
    }
}
@media screen and (max-width: 1250px) {
    .wapper .footer .footerBox .linksBox .links .list li a{
        font-size: 12px;
    }
}
@media screen and (max-width: 1200px) {
    .wapper .banner .themeBox .bigtxt{
        font-size: 60px;
        line-height: 76px;
    }
    .wapper .banner .themeBox .bigtxt img{
        width: 68px;
    }
    .wapper .banner .themeBox .smatxt{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .banner .bus1{
        top: 38.9%;
        left: 10.8%;
    }
    .wapper .banner .bus1 .icon{
        width: 52px;
        height: 52px;
    }
    .wapper .banner .bus1 .icon img{
        width: 34px;
    }
    .wapper .banner .bus2{
        top: 46.58%;
        left: 23.45%;
    }
    .wapper .banner .bus2 .icon{
        width: 70px;
        height: 70px;
    }
    .wapper .banner .bus2 .icon img{
        width: 40px;
    }
    .wapper .banner .bus2 .to img{
        height: 160px;
    }
    .wapper .banner .bus3{
        top: 60.77%;
        left: 48.6%;
    }
    .wapper .banner .bus3 .icon{
        width: 39px;
        height: 39px;
    }
    .wapper .banner .bus3 .icon img{
        width: 22px;
    }
    .wapper .banner .bus4{
        top: 47.01%;
        left: 66.5%;
    }
    .wapper .banner .bus4 .icon{
        width: 39px;
        height: 39px;
    }
    .wapper .banner .bus4 .icon img{
        width: 18px;
    }
    .wapper .banner .bus5{
        top: 52.30%;
        left: 75.9%;
    }
    .wapper .banner .bus5 .icon{
        width: 61px;
        height: 61px;
    }
    .wapper .banner .bus5 .icon img{
        width: 30px;
    }
    .wapper .banner .bus6{
        top: 37.07%;
        left: 88.55%;
    }
    .wapper .banner .bus6 .icon{
        width: 32px;
        height: 32px;
    }
    .wapper .banner .bus6 .icon img{
        width: 15px;
    }
    .wapper .banner .bus .text{
        font-size: 13px;
        line-height: 30px;
    }
    .wapper .cases .list li{
        width: 360px;
    }
}
@media screen and (max-width: 1190px) {
    .wapper .fine .videoList .swiper-slide .cnname{
        font-size: 20px;
        line-height: 26px;
    }
    .wapper .fine .videoList .swiper-slide .enname{
        font-size: 16px;
        line-height: 22px;
    }
}
@media screen and (max-width: 1150px) {
    .wapper .related li .textBox .entxt{
        font-size: 28px;
        line-height: 36px;
    }
    .wapper .related li .textBox .cntxt{
        font-size: 19px;
        line-height: 28px;
    }
    .wapper .related li .textBox .coninfor .txt{
        font-size: 12px;
    }
    .wapper .head .menu li{
        margin: 0 10px;
    }
    .wapper .head .menu li a{
        font-size: 18px;
    }
}
@media screen and (max-width: 1060px) {
    .wapper .cases .list{
        margin-left: 2.2%;
    }
    .wapper .footer .footerBox .recordBox .support{
        width: 100%;
        text-align: center;
    }
    .wapper .footer .footerBox .recordBox .copy{
        margin-left: 5%;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .head.over{
        position: static;
    }
    .wapper .waysFix{
        display: none;
    }
    .wapper .banner.hide .pic{
        display: none;
    }
    .wapper .banner .mpic{
        display: block;
    }
    .wapper .head .menu{
        display: none;
    }
    .wapper .head{
        top: 0px;
        padding-top: 20px;
    }
    .wapper .head .logo.show{
        width: 125px;
        display: block;
    }
    .wapper .head .mMenu{
        display: block;
    }
    .wapper .banner .themeBox{
        width: 90%;
        margin-left: -45%;
        top: 25%;
    }
    .wapper .banner .themeBox .bigtxt{
        font-size: 40px;
        line-height: 42px;
    }
    .wapper .banner .themeBox .bigtxt img{
        width: 48px;
        margin-top: -12px;
    }
    .wapper .banner .themeBox .smatxt{
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 4px;
    }
    .wapper .banner .bus .text{
        font-size: 12px;
        line-height: 26px;
    }
    .wapper .banner .bus1{
        top: 42%;
        left: 3.65%;
    }
    .wapper .banner .bus1 .icon{
        width: 42px;
        height: 42px;
        margin: auto;
    }
    .wapper .banner .bus1 .icon img{
        width: 26px;
    }
    .wapper .banner .bus2{
        top: 48.58%;
        left: 21%;
    }
    .wapper .banner .bus2 .icon{
        width: 58px;
        height: 58px;
    }
    .wapper .banner .bus2 .icon img{
        width: 32px;
    }
    .wapper .banner .bus2 .to{
        height: 116px;
    }
    .wapper .banner .bus2 .to img{
        height: auto;
    }
    .wapper .banner .bus3{
        left: 40.6%;
    }
    .wapper .banner .bus3 .icon{
        width: 32px;
        height: 32px;
    }
    .wapper .banner .bus3 .icon img{
        width: 18px;
    }
    .wapper .banner .bus4{
        top: 45.01%;
        left: 55%;
    }
    .wapper .banner .bus4 .icon{
        width: 33px;
        height: 33px;
    }
    .wapper .banner .bus5{
        top: 49.3%;
        left: 74.2%;
    }
    .wapper .banner .bus5 .icon{
        width: 51px;
        height: 51px;
    }
    .wapper .banner .bus5 .icon img{
        width: 22px;
    }
    .ani-wrap2{
        height:100%;
    }
    .ani-wrap2 .inner1{
        left: 5%;
    }
    .ani-wrap2 .inner2{
        left: 22%;
    }
    .ani-wrap2 .inner3{
        left: 40%;
    }
    .ani-wrap2 .inner4{
        left: 56%;
    }
    .ani-wrap2 .inner5{
        left: 78%;
    }
    .ani-wrap2 .inner6{
        left: 92%;
    }
    .ani-wrap2 .inner7{
       display: none;
    }
    .ani-wrap2 .inner8{
        display: none;
    }
    .ani-wrap2 .inner9{
        display: none;
    }
    .ani-wrap2 .inner10{
        display: none;
    }
    .wapper .ahout{
        padding: 6% 4%;
        box-sizing: border-box;
    }
    .wapper .ahout .aboutBox{
        width: 100%;
        min-width: 100%;
    }
    .wapper .ahout .aboutBox .theme{
        width: 100%;
        padding-right: 0;
    }
    .wapper .ahout .aboutBox .theme .entext{
        display: none;
    }
    .wapper .ahout .aboutBox .theme .cntext{
        font-size: 26px;
        line-height: 36px;
        font-weight: bolder;
        margin-bottom: 2%;
    }
    .wapper .ahout .aboutBox .theme .slogans{
        display: none;
    }
    .wapper .ahout .aboutBox .textPart{
        width: 100%;
        padding-left: 0;
        border-left: none;
    }
    .wapper .ahout .aboutBox .textPart .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .ahout .aboutBox .textPart .dataList li{
        width: 50%;
        min-height: 98px;
        padding-left: 10%;
    }
    .wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(1){
        border-bottom:1px solid #ededed;
    }
    .wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(2){
        border-bottom:1px solid #ededed;
    }
    .wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(3){
        border-left: none;
        padding-top: 3%;
        box-sizing: border-box;
    }
    .wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(4){
        padding-top: 3%;
        box-sizing: border-box;
    }
    .wapper .ahout .aboutBox .textPart .dataList li:nth-of-type(2n){
        /*padding-left:10%;*/
    }
    .wapper .ahout .aboutBox .textPart .dataList li .data .num{
        font-size: 40px;
        line-height: 42px;
    }
    .wapper .ahout .aboutBox .textPart .dataList li .data .up{
        font-size: 14px;
        line-height: 20px;
        margin-top: -24px;
    }
    .wapper .fine{
        padding: 6% 0 0 0;
    }
    .wapper .fine .titleBox{
        padding: 0 4%;
        box-sizing: border-box;
    }
    .wapper .fine .titleBox .bigtit{
        font-size: 26px;
        line-height: 36px;
    }
    .wapper .fine .titleBox .smatit{
        font-size: 12px;
        line-height: 18px;
    }
    .wapper .fine .light{
        display: none;
    }
    .wapper .fine .videoList .swiper-slide:hover{
        transform: translateY(0px);
    }
    .swiper-button-prev {
        width: 28px !important;
        height: 48px !important;
        left: 10px !important;
        margin-top: -24px !important;
        background: url(../images/prev.png) no-repeat center center !important;
         background-size: 100% !important; 
    }
    .swiper-button-next {
        width: 28px !important;
        height: 48px !important;
        right: 10px !important;
        margin-top: -24px !important;
        background: url(../images/next.png) no-repeat center center !important;
        background-size: 100% !important;
    }
    .swiper-button-prev:hover,.swiper-button-next:hover{
        background-size: 100% !important;
    }
    .wapper .fine .videoList .swiper-slide:hover .desc{
        display: none;
    }
    .wapper .fine .videoList .swiper-slide{
        height: 408px;
    }
    .wapper .fine .videoList .swiper-slide .icon{
        width: 50px;
    }
    .wapper .fine .videoList .swiper-slide .pic{
        min-height: 216px;
        max-height: 216px;
        padding: 0 20%;
    }
    .wapper .fine .videoList .swiper-slide .pic img{
        max-width: 100%;
        max-height: 216px;
    }
    .wapper .cases{
        padding: 6% 0;
    }
    .wapper .cases .titleBox{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
        min-width: 100%;
    }
    .wapper .cases .titleBox .theme{
        width:32%;
        display: block;
    }
    .wapper .cases .titleBox .theme .entheme{
        /*width: 100%;
        font-size: 32px;
        line-height: 36px;*/
        display: none;
    }
    .wapper .cases .titleBox .theme .cntheme{
        width: 100%;
        font-size: 24px;
        line-height: 42px;
        font-weight: bolder;
    }
    .wapper .cases .titleBox .more{
        width: 50%;
        font-size: 18px;
        line-height: 42px;
    }
    .wapper .cases .titleBox .more a{
        font-size: 15px;
        line-height: 42px;
    }
    .wapper .cases .titleBox .more a img{
        width: 105px;
    }
    .wapper .cases .list{
        margin-top: 6%;
    }
    .wapper .cases .list li{
        width: 160px;
        margin: 0 6px;
    }
    .wapper .cases .list li .textBox .name{
        font-size: 16px;
    }
    .wapper .cases .list li .textBox .desc{
        display: none;
    }
    .wapper .news{
        padding: 6% 4%;
        box-sizing: border-box;
    }
    .wapper .news .newsBox{
        width: 100%;
        min-width: 100%;
    }
    .wapper .news .newsBox .titleBox .theme{
        width: 50%;
        display: block;
    }
    .wapper .news .newsBox .titleBox .theme .entheme{
        /*width: 100%;
        font-size: 21px;
        line-height: 26px;*/
        display: none;
    }
    .wapper .news .newsBox .titleBox .theme .cntheme{
        width: 100%;
        font-size: 24px;
        line-height: 42px;
        font-weight: bolder;
    }
    .wapper .news .newsBox .titleBox .more{
        width: 50%;
    }
    .wapper .news .newsBox .titleBox .more a{
        font-size: 15px;
        line-height: 42px;
    }
    .wapper .news .newsBox .titleBox .more a img{
        width: 105px;
    }
    .wapper .news .newsBox .list li{
        width: 100%;
        margin-right: 0;
        padding: 6% 0;
        border-bottom:1px solid #eaeaea;
    }
    .wapper .news .newsBox .list li:last-child{
        border-bottom: none;
    }
    .wapper .news .newsBox .list li .title{
        min-height: auto;
        font-weight: normal;
    }
    .wapper .news .newsBox .list li .desc{
        display: none;
    }
    .wapper .news .newsBox .list li .type{
        display: none;
    }
    .wapper .related li .textBox .entxt{
        /*font-size: 14px;
        line-height: 14px;*/
        display: none;
    }
    .wapper .related li .textBox .cntxt{
        font-size: 13px;
        line-height: 22px;
    }
    .wapper .related li:nth-of-type(2) .textBox .cntxt img{
        width: 13px;
        height: 13px;
        margin-left: 3px;
        margin-top: -3px;
    }
    .wapper .related li .code{
        display: none;
    }
    .wapper .related li:nth-of-type(3) .textBox{
        width: 100%;
    }
    .wapper .related li:nth-of-type(3) .textBox .cntxt{
        display: block;
        color: #fff;
    }
    .wapper .related li .textBox .coninfor{
        display: none;
    }
    .wapper .footer{
        padding: 6% 4% 23% 4%; 
        box-sizing: border-box;
    }
    .wapper .footer .footerBox{
        width: 100%;
        min-width: 100%;
    }
    .wapper .footer .footerBox .linksBox .links.lk1{
        display: none;
    }
    .wapper .footer .footerBox .linksBox .links.lk2{
        display: none;
    }
    .wapper .footer .footerBox .linksBox .links.lk3{
        display: none;
    }
    .wapper .footer .footerBox .linksBox .links.lk4{
        width: 100%;
    }
    .wapper .footer .footerBox .linksBox .links .list .name{
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .wapper .footer .footerBox .linksBox .links .list .phone{
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .wapper .footer .footerBox .linksBox .links .list .btn{
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%;
    }
    .wapper .footer .footerBox .linksBox .links .theme{
        line-height: 36px;
    }
    .wapper .footer .footerBox .linksBox .links.lk4 .list{
        margin-top: 6%;
    }
    .wapper .footer .footerBox .recordBox .copy{
        width: 100%;
        margin-left: 0;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        margin-top: 6%;
    }
    .wapper .footer .footerBox .recordBox .copy a{
        line-height: 18px;
    }
    .wapper .footer .footerBox .recordBox .indus{
        width: 100%;
        text-align: center;
        margin-left: 0px;
        font-size: 12px;
        line-height: 38px;
    }
    .wapper .footer .footerBox .recordBox .indus a{
        font-size: 12px;
        line-height: 32px;
    }
    .wapper .footer .footerBox .recordBox .security{
        width: 100%;
        text-align: center;
        margin-left: 0px;
        justify-content: center;
        display: flex;
        font-size: 12px;
        line-height: 28px;
    }
    .wapper .footer .footerBox .recordBox .security a{
        font-size: 12px;
        line-height: 28px;
    }
    .wapper .footer .footerBox .recordBox .support a{
        line-height: 26px;
    }
    .wapper .mfooter{
        display: block;
    }
}
/*业务范围*/
.wapper .banner .keynoteBox{
    width: 50%;
    height: auto;
    position: absolute;
    top: 35%;
    left:8%;
    padding-bottom: 1%;
    background: url(../images/line5.gif) no-repeat left bottom;
}
.wapper .banner .keynoteBox .cnkeynote{
    width: 100%;
    height: auto;
    font-size: 76px;
    color: #ffffff;
    line-height: 86px;
    font-weight: bolder;
}
.wapper .banner .keynoteBox .enkeynote{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #ffffff;
    line-height: 46px;
}
.wapper .banner .locationBox{
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.2);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0 6.4%;
    box-sizing: border-box;
}
.wapper .banner .locationBox .loaction{
    width: auto;
    height: auto;
}
.wapper .banner .locationBox .loaction li{
    width: auto;
    height: auto;
    float: left;
    background: url(../images/icon7.png) no-repeat left center;
    padding: 0 8px 0 12px;
    box-sizing: border-box;
}
.wapper .banner .locationBox .loaction li:first-child{
    background: url(../images/icon6.png) no-repeat left center;
}
.wapper .banner .locationBox .loaction li a{
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    padding: 8px 0;
    transition: all 0.5s;
}
.wapper .banner .locationBox .loaction li:hover a{
    color: #fe5800;
}
.wapper .main{
    width: 100%;
    height: auto;
    background: #ffffff;
}
.wapper .main .mainBox{
    width: 87.6%;
    height: auto;
    margin: auto;
    min-width: 1000px;
    overflow: hidden;
}
.wapper .main .mainBox .catalogue{
    width: 21%;
    min-width: 326px;
    height: auto;
    float: left;
    padding-top: 4%;
    padding-right: 5%;
    box-sizing: border-box;
}
.wapper .main .mainBox .catalogue .theme{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 42px;
    font-weight: bold;
}
.wapper .main .mainBox .catalogue .list{
    width: 100%;
    height: auto;
    margin-top: 8%;
}
.wapper .main .mainBox .catalogue .list li{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    cursor: pointer;
}
.wapper .main .mainBox .catalogue .list li a{
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 51px;
    background: url(../images/icon13.png) no-repeat 90% center;
    transition: all 0.5s;
}
.wapper .main .mainBox .catalogue .list li a span{
    width: 38px;
    margin-right: 14px;
}
.wapper .main .mainBox .catalogue .list li a span img{
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
    filter: contrast(0%);
    transition: all 0.5s;
}
.wapper .main .mainBox .catalogue .list li.now a{
    color:#fe5800;
    background: url(../images/icon8.png) no-repeat right center;
}
.wapper .main .mainBox .catalogue .list li.now a  span img{
    filter: contrast(100%);
}
.wapper .main .mainBox .catalogue .list li:hover a{
    color:#fe5800;
    background: url(../images/icon8.png) no-repeat right center;
}
.wapper .main .mainBox .catalogue .list li:hover a span img{
    filter: contrast(100%);
}

.wapper .main .mainBox .mcatalogue{
    width: 100%;
    height: 40px;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
}
.wapper .main .mainBox .mcatalogue li{
    line-height: 40px;
    width: auto;
    height: 40px;
    float: left;
    font-size: 15px;
    padding: 0 17px;
    color: #000000;
    background:url("../images/line8.gif") no-repeat left center;
}
.wapper .main .mainBox .mcatalogue li:first-child{
    background: none;
}
.wapper .main .mainBox .mcatalogue li a{
    display: inline-block;
    line-height: 40px;
    color: #000000;
}
.wapper .main .mainBox .mcatalogue li a.cur{
    height: 40px;
    color: #fe5800;
    border-bottom: 2px solid #fe5800;
    box-sizing: border-box;
}
.wapper .main .mainBox .mbus{
    width: 100%;
    height: auto;
    position: relative;
    display: none;
}
.wapper .main .mainBox .mbus .text{
    width: 100%;
    padding: 0 6%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 48px;
    color: #000;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background: url(../images/icon12.gif) no-repeat 94% center #f8f8f8;
    background-size: 12px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.wapper .main .mainBox .mbus .text span{
    width: 20px;
    margin-right: 8px;
    justify-content: center;
    display: flex;
}
.wapper .main .mainBox .mbus .text img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    filter: contrast(0%);

}
.wapper .main .mainBox .mbus .list{
    width: 100%;
    height: auto;
    background: #fff; 
    display: none; 
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 55;
}
.wapper .main .mainBox .mbus .list li{
    width: 100%;
    height: auto;
    padding: 0 6%;
    box-sizing: border-box;
}
.wapper .main .mainBox .mbus .list li a{
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 48px;
}
.wapper .main .mainBox .mbus .list li span{
    width: 20px;
    height: auto;
    margin-right: 8px;
}
.wapper .main .mainBox .mbus .list li span img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    filter: contrast(0%);
}


.wapper .main .mainBox .cont{
    width: 79%;
    height: auto;
    float: left;
    padding: 4% 0 4% 7%;
    border-left: 1px solid #efefef;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .introPicBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainBox .cont .introPicBox .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .introPicBox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .introPicBox .text{
    width: auto;
    height: auto;
    font-size: 34px;
    color: #fff;
    line-height: 44px;
    font-weight: bolder;
    background: #fe5800;
    position: absolute;
    bottom: 10%;
    left: 0;
    padding: 2% 6% 2% 3%;
    box-sizing: border-box;
}

.wapper .main .mainBox .cont .intro{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #000000;
    line-height: 48px;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .intro img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .introTab{
    width: 100%;
    height: auto;
    background: #f8f8f8;
    margin-top: 3%;
}
.wapper .main .mainBox .cont .introTab li{
    width: 50%;
    height: auto;
    float: left;
    background: url(../images/line6.gif) no-repeat left center;
    font-size: 22px;
    color: #000000;
    line-height: 52px;
    border-bottom: 2px solid #f8f8f8;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.wapper .main .mainBox .cont .introTab li:first-child{
    background: none;
}
.wapper .main .mainBox .cont .introTab li.now{
    color: #fe5800;
    border-bottom: 2px solid #fe5800;
}
.wapper .main .mainBox .cont .introCont{
    width: 100%;
    height: auto;
    padding: 3% 0;
    font-size: 22px;
    color: #000000;
    line-height: 48px;
    display: none;
}
.wapper .main .mainBox .cont .introCont.now{
    display: block;
}
.wapper .main .mainBox .cont .introCont strong{
    font-size: 30px;
    line-height: 80px;
}
.wapper .main .mainBox .cont .introCont span{
    color: #fe5800;
}
.wapper .main .mainBox .cont .introCont img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin: 3% 0;
}
@media screen and (max-width:1690px ) {
    .wapper .main .mainBox .cont{
        width: 77%;
    }

}
@media screen and (max-width:1635px ) {
    .wapper .main .mainBox .cont{
        width: 75%;
    }
    .wapper .main .mainBox .catalogue .list li a{
        font-size: 17px;
    }
}
@media screen and (max-width:1510px ) {
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 66px;
        line-height: 76px;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 32px;
    }
    .wapper .main .mainBox .cont{
        width: 73%;
    }
    .wapper .main .mainBox .catalogue .list li a{
        font-size: 16px;
        line-height: 48px;
    }
    .wapper .main .mainBox .cont .intro{
        font-size: 20px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .introTab{
        margin-top: 5%;
    }
    .wapper .main .mainBox .cont .introTab li{
        font-size: 20px;
    }
    .wapper .main .mainBox .cont .introCont{
        font-size: 20px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .introCont strong{
        font-size: 28px;
    }
    .wapper .main .mainBox .cont .introPicBox .text{
        font-size: 30px;
        line-height: 38px;
    }
}
@media screen and (max-width:1400px ) {
    .wapper .main .mainBox .cont{
        width: 71%;
    }
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 60px;
        line-height: 66px;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 28px;
    }
    .wapper .main .mainBox .cont .introPicBox .text{
        font-size: 28px;
        line-height: 36px;
    }
}
@media screen and (max-width:1300px ) {
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 54px;
        line-height: 60px;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 24px;
    }
    .wapper .main .mainBox .catalogue{
        min-width: 295px;
    }
    .wapper .main .mainBox .catalogue .list li a{
        font-size: 15px;
        line-height: 46px;
    }
    .wapper .main .mainBox .cont .intro{
        font-size: 18px;
        line-height: 38px;
    }
    .wapper .main .mainBox .cont .introTab li{
        font-size: 18px;
    }
    .wapper .main .mainBox .cont .introCont{
        font-size: 18px;
        line-height: 38px;
    }
    .wapper .main .mainBox .cont .introCont strong{
        font-size: 26px;
    }
    .wapper .main .mainBox .cont .introPicBox .text{
        font-size: 26px;
        line-height: 34px;
    }
}
@media screen and (max-width:1220px ) {
    
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 48px;
        line-height: 54px;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 20px;
    }
    .wapper .main .mainBox .cont .intro{
        font-size: 16px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .introTab li{
        font-size: 16px;
    }
    .wapper .main .mainBox .cont .introCont{
        font-size: 16px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .introCont strong{
        font-size: 24px;
    }
    .wapper .main .mainBox .cont .introPicBox .text{
        font-size: 24px;
        line-height: 32px;
    }
}
@media screen and (max-width:1180px ) {
    .wapper .main .mainBox .cont{
        width: 70%;
    }
}
@media screen and (max-width:1160px ) {
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 44px;
        line-height: 50px;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 18px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .head .logo{
        display: none;
    }
    .wapper .head .back{
        display: block;
    }
    .wapper .banner .locationBox{
        display: none;
    }
    .wapper .banner .keynoteBox{
        padding-bottom: 3%;
        top: 25%;
        left: 25%;
        background: url(../images/line5.gif) no-repeat center bottom;
        background-size: 25px 2px;
    }
    .wapper .banner .keynoteBox .cnkeynote{
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }
    .wapper .banner .keynoteBox .enkeynote{
        font-size: 15px;
        line-height: 18px;
        text-align: center;
    }
    .wapper .main .mainBox{
        min-width: 100%;
    }
    .wapper .main .mainBox .catalogue{
        display: none;
    }
    .wapper .main .mainBox .mbus{
        display: block;
    }
    .wapper .main .mainBox .mcatalogue{
        display: block;
    }
    .wapper .main .mainBox .cont{
        width: 100%;
        padding: 6% 4%;
        box-sizing: border-box;
    }
    .wapper .main .mainBox .cont .intro{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .introTab li{
        font-weight: bolder;
    }
    .wapper .main .mainBox .cont .introCont strong{
        font-size: 20px;
        line-height: 60px;
    }
    .wapper .main .mainBox .cont .introCont{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .introPicBox .text{
        font-size: 18px;
        line-height: 28px;
    }
}










/*案例集锦*/
.wapper .main .mainBox .catalogue.case{
    width: 19%;
    min-width: 286px;
}
.wapper .main .mainBox .catalogue.case .list li{
    background: none;
    padding-left: 0;
}
.wapper .main .mainBox .catalogue.case .list li.now{
    background: none;
}
.wapper .main .mainBox .catalogue.case .list li:hover{
    background: none;
}
.wapper .main .mainBox .cont.case{
    width: 81%
}
.wapper .main .mainBox .cont .caseList{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .caseList li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .caseList li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainBox .cont .caseList li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .caseList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .caseList li .name{
    width: 100%;
    height: auto;
    padding: 0% 3% 0 3%;
    box-sizing: border-box;
    font-size: 22px;
    color: #000000;
    line-height: 42px;
    margin-top: 2%;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .main .mainBox .cont .caseList li .desc{
    width: 100%;
    height: auto;
    min-height: 48px;
    font-size: 16px;
    color: #8d8d8d;
    line-height: 24px;
    padding:  0 3%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .caseList li:hover{
    transform: translateY(-15px);
}
.wapper .main .mainBox .cont .caseList li:hover .name{
    color: #fe5800;
}

.pages{
    width: 100%;
    height: auto;
    margin: 2% 0 3%;
    overflow: hidden;
}
.pages .pagesBox{
    width: auto;
    height: 48px;
    margin: auto;
}
.pages .pagesBox li{
    float: left;
    margin: 0 10px;
    width: auto;
    height: 34px;
    color: #1c2229;
    line-height: 34px;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}
.pages .pagesBox li a.prev,.pages .pagesBox li a.next{
    width: 44px;
    height: 34px;
    float: left;
    text-align: center;
    font-size: 17px;
    line-height: 34px;
    color: #1c2229;
    font-weight: bold;
}
.pages .pagesBox li a.prev:hover,.pages .pagesBox li a.next:hover{
    color: #fe5800;
}
.pages .pagesBox li a.pag{
    width: auto;
    height: auto;
    line-height: 34px;
    text-align: center;
    font-size: 17px;
    color: #1c2229;
    float: left;
    overflow: hidden;
    font-weight: bold;
}
.pages .pagesBox li a.pag.now{
    border-bottom: 2px solid #1c2229;
}
.pages .pagesBox li a.pag:hover{
    color: #fe5800;
    border-bottom: 2px solid #fe5800;
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont.case{
        width: 80%;
    }
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont.case{
        width: 79%;
    }
}
@media screen and (max-width: 1570px) {
    .wapper .main .mainBox .catalogue.case{
        min-width: 256px;
    }
    .wapper .main .mainBox .cont .caseList li .name{
        font-size: 20px;
        line-height: 40px;
    }
    .wapper .main .mainBox .cont .caseList li .desc{
        font-size: 15px;
    }
}
@media screen and (max-width: 1410px) {
   .wapper .main .mainBox .catalogue.case{
        min-width: 236px;
    }
}
@media screen and (max-width: 1325px) {
    .wapper .main .mainBox .cont .caseList li .name{
        font-size: 18px;
        line-height: 38px;
    }
    .wapper .main .mainBox .cont .caseList li .desc{
        font-size: 14px;
    }
}
@media screen and (max-width: 1300px) {
   .wapper .main .mainBox .cont.case{
        width: 77%;
    }
}
@media screen and (max-width: 1190px) {
   .wapper .main .mainBox .cont.case{
        width: 76%;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont.case{
        width: 100%;
        border-left: none;
    }
    .wapper .main .mainBox .cont .caseList li{
        width: 48%;
        margin-right: 2%;
    }
    .wapper .main .mainBox .cont .caseList li:nth-of-type(2n){
        margin-right: 0;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .caseList li:nth-of-type(3n){
        margin-right: 2%;
    }
    .wapper .main .mainBox .cont .caseList li:nth-of-type(6n){
        margin-right: 0;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .caseList li .name{
        font-size:16px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .caseList li .desc{
        font-size: 12px;
        line-height: 18px;
        min-height: 36px;
    }
    .pages .pagesBox{
        justify-content: center;
        display: flex;
    }
    .pages .pagesBox li{
        margin: 0 6px;
    }
}



/*案例锦集Details*/
.wapper .main .mainBox .cont .caseDetails{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .caseDetails .name{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/bgIcon2.gif) no-repeat right 74% #fe5800;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .caseDetails .name .pic{
    width: 50%;
    height: auto;
    float: left;
}
.wapper .main .mainBox .cont .caseDetails .name .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .caseDetails .name .text{
    width: 50%;
    height: auto;
    float: left;
    padding: 3% 10%;
    box-sizing: border-box;
    font-size: 48px;
    color: #ffffff;
    line-height: 72px;
    font-weight: bolder;
}
.wapper .main .mainBox .cont .caseDetails .deatils{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .main .mainBox .cont .caseDetails .deatils .title{
    width: 100%;
    height: auto;
    background: url(../images/line9.gif) repeat-x center center;
    margin-bottom: 2%;
}
.wapper .main .mainBox .cont .caseDetails .deatils .title span{
    font-size: 30px;
    color: #000000;
    line-height: 72px;
    padding: 0 36px 0 16px;
    background: url(../images/line10.gif) no-repeat left center #fff;
}
.wapper .main .mainBox .cont .caseDetails .deatils .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #969696;
    line-height: 36px;
}
.wapper .main .mainBox .cont .caseDetails .deatils .text img{
    width: 41px;
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
}
.wapper .main .mainBox .cont .caseDetails .deatils .text strong{
    font-size: 18px;
    color: #000000;
    line-height: 62px;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li:hover .pic img{
    transform: scale(1.1);
}
.wapper .main .mainBox .cont .caseDetails .deatils .list li .name{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0 4%;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    background: rgba(0,0,0,0.5);
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart{
    width: 100%;
    height: auto;
    padding-left: 16px;
    box-sizing: border-box;
    margin-bottom: 3%;
    padding: 1% 2% 1% 16px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart:hover{
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05)
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart .busitem{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 42px;
    align-items: center;
    display: flex;
    font-weight: bolder;
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart .busitem span{
    width: 41px;
    height: auto;
    margin-right: 10px;
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart .busitem span img{
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
    vertical-align: middle;
}
.wapper .main .mainBox .cont .caseDetails .deatils .buspart .text{
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #6e6d6d;
    line-height: 28px;
}























@media screen and (max-width: 1550px) {
    .wapper .main .mainBox .cont .caseDetails .name .text{
        padding: 3% 8%;
        font-size: 46px;
        line-height: 68px;
    }
}
@media screen and (max-width: 1310px) {
    .wapper .main .mainBox .cont .caseDetails .name .text{
        padding: 3% 5%;
        font-size: 42px;
        line-height: 62px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .caseDetails .name{
        display: block;
    }
    .wapper .main .mainBox .cont .caseDetails .name .pic{
        width: 100%;
    }
    .wapper .main .mainBox .cont .caseDetails .name .text{
        width: 100%;
        font-size: 20px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .title span{
        font-size: 18px;
        line-height: 42px;
        padding: 0px 20px 0 10px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils{
        margin-top: 6%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .list li{
        width: 48%;
        margin-right: 2%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .list li:nth-of-type(2n){
        margin-right: 0;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .list li:nth-of-type(3n){
        margin-right: 2%;
        margin-left: 0;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .list li:nth-of-type(2n){
        margin-right: 0;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .list li .name{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .text strong{
        font-size: 16px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .text img{
        width: 31px;
    }
    .wapper .main .mainBox .cont.ts{
        padding: 0% 0 6%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .buspart{
        margin-bottom: 6%;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .buspart .busitem span{
        width: 32px;
    }
    .wapper .main .mainBox .cont .caseDetails .deatils .buspart .busitem{
        font-size: 16px;
        line-height: 36px;
    }
}










/*新闻中心*/
.wapper .main .mainBox .cont .newsList{
    width: 100%;
    height: auto;
    margin-bottom: 5%;
}
.wapper .main .mainBox .cont .newsList li{
    width: 100%;
    height: auto;
    padding: 4% 0;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}
.wapper .main .mainBox .cont .newsList li a{
    display: block;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .newsList li .time{
    width: 8%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .main .mainBox .cont .newsList li .time .days{
    width: 100%;
    height: auto;
    font-size: 66px;
    color: #000000;
    line-height: 70px;
    font-weight: bolder;
}
.wapper .main .mainBox .cont .newsList li .time .months{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    padding-left: 4px;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .newsList li .textBox{
    width: 57%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .main .mainBox .cont .newsList li.nopic .textBox{
    width: 87%;
    margin-right: 0;
}
.wapper .main .mainBox .cont .newsList li .textBox .title{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 38px;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .main .mainBox .cont .newsList li .textBox .desc{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #8d8d8d;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 2%;
}
.wapper .main .mainBox .cont .newsList li .textBox .mtime{
    width: 100%;
    height: auto;
    font-size: 12px;
    line-height: 26px;
    color: #969696;
    margin-top: 3%;
    display: none;
}
.wapper .main .mainBox .cont .newsList li .pic{
    width: 25%;
    height: auto;
    float: left;
}
.wapper .main .mainBox .cont .newsList li .pic img{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .newsList li:hover .textBox .title{
    color: #fe5800;
}
@media screen and (max-width: 1600px) {
    .wapper .main .mainBox .cont .newsList li .time .days{
        font-size: 60px;
        line-height: 62px;
    }
    .wapper .main .mainBox .cont .newsList li .time .months{
        font-size: 17px;
        line-height: 20px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .title{
        font-size: 24px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .desc{
        font-size: 17px;
        line-height: 34px;
    }
}
@media screen and (max-width: 1450px) {
    .wapper .main .mainBox .cont .newsList li .time .days{
        font-size: 54px;
        line-height: 56px;
    }
    .wapper .main .mainBox .cont .newsList li .time .months{
        font-size: 16px;
        line-height: 18px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .title{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .desc{
        font-size: 16px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1290px) {
    .wapper .main .mainBox .cont .newsList li .time .days{
        font-size: 48px;
        line-height: 50px;
    }
    .wapper .main .mainBox .cont .newsList li .time .months{
        font-size: 15px;
        line-height: 18px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .title{
        font-size: 20px;
        line-height: 30px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .desc{
        font-size: 15px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1190px) {
    .wapper .main .mainBox .cont .newsList li .time .days{
        font-size: 46px;
        line-height: 48px;
    }
    .wapper .main .mainBox .cont .newsList li .time .months{
        font-size: 14px;
        line-height: 16px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .title{
        font-size: 18px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .desc{
        font-size: 14px;
        line-height: 28px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .newsList li .time{
        display: none;
    }
    .wapper .main .mainBox .cont .newsList li .textBox{
        width: 65%;
        margin-right: 3%;
    }
    .wapper .main .mainBox .cont .newsList li.nopic .textBox{
        width: 100%;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .title{
        font-size: 16px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .desc{
        display: none;
    }
    .wapper .main .mainBox .cont .newsList li .textBox .mtime{
        display: block;
    }
    .wapper .main .mainBox .cont .newsList li .pic{
        width: 32%;
    }
}

















/*新闻Details*/
.wapper .main .mainBox .cont .newsDetails{
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}
.wapper .main .mainBox .cont .newsDetails .titleBox{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 4%;
}
.wapper .main .mainBox .cont .newsDetails .titleBox .title{
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #000000;
    line-height: 46px;
    font-weight: bolder;
}
.wapper .main .mainBox .cont .newsDetails .titleBox .view{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #969696;
    line-height: 28px;
    margin-top: 1%;
}
.wapper .main .mainBox .cont .newsDetails .text{
    width: 100%;
    height: auto;
    padding: 4% 0 6%;
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    border-bottom: 1px solid #eeeeee;
}
.wapper .main .mainBox .cont .newsDetails .text img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin: 3% 0;
}
.wapper .main .mainBox .cont .newsDetails .related{
    width: 100%;
    height: auto;
    padding-top: 3%;
}
.wapper .main .mainBox .cont .newsDetails .related .theme{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 40px;
    font-weight: bold;
}
.wapper .main .mainBox .cont .newsDetails .related .list{
    width: 100%;
    height: auto;
    margin-top: 2%;
}
.wapper .main .mainBox .cont .newsDetails .related .list li{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 4%;
    padding-left: 2%;
    background: url(../images/icon9.gif) no-repeat left center;
    margin-right: 0;
    box-sizing: border-box;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .main .mainBox .cont .newsDetails .related .list li a{
    display: block;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    padding: 10px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .newsDetails .related .list li:hover a{
    color: #fe5800;
}
@media screen and (max-width: 1300px) {
    .wapper .main .mainBox .cont .newsDetails .titleBox .title{
        font-size: 32px;
    }
    .wapper .main .mainBox .cont .newsDetails .related .list li a{
        font-size: 16px;
        line-height: 26px;
        padding: 6px 0;
    }
}
@media screen and (max-width: 1000px){
    .wapper .head.detal{
        position: static;
        padding: 0;
    }
    .wapper .head .mtext{
        display: block;
        line-height: 48px;
    }
    .wapper .banner.hide .keynoteBox{
        display: none;
    }
    .wapper .main .mainBox .mcatalogue.ts{
        background: #f8f8f8;
    }
    .wapper .main .mainBox .cont .newsDetails .titleBox .title{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .newsDetails .titleBox .view{
        font-size: 12px;
        line-height: 18px;
    }
    .wapper .main .mainBox .cont .newsDetails .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .newsDetails .related .theme{
        font-size: 18px;
        line-height: 36px;
    }
    .wapper .main .mainBox .cont .newsDetails .related .list li{
        width: 100%;
        padding-left: 4%;
        padding-right: 0;
    }
    .wapper .main .mainBox .cont .newsDetails .related .list li a{
        font-size: 14px;

    }
}

















/*视频专栏*/
.wapper .main .mainBox .cont .videoList{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .videoList li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    cursor: pointer;
}
.wapper .main .mainBox .cont .videoList li .picBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainBox .cont .videoList li:nth-of-type(3n+1){
    margin-right: 0;
}
.wapper .main .mainBox .cont .videoList li:first-child{
    width: 100%;
}
.wapper .main .mainBox .cont .videoList li .pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wapper .main .mainBox .cont .videoList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .videoList li:hover .pic img{
    transform: scale(1.1);
}
.wapper .main .mainBox .cont .videoList li .btn{
    width: 68px;
    height: auto;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.wapper .main .mainBox .cont .videoList li:first-child .btn{
    width: 126px;
}
.wapper .main .mainBox .cont .videoList li .btn img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .videoList li:first-child .theme{
    width: 100%;
    height: auto;
    padding: 1% 4%;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0;
    left: 0;
     overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: block;
}
.wapper .main .mainBox .cont .videoList li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .videoList li .theme{
    width: 100%;
    height: auto;
    min-height: 60px;
    padding: 0;
    box-sizing: border-box;
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 3%;
}
@media screen and (max-width: 1450px) {
    .wapper .main .mainBox .cont .videoList li .theme{
        min-height: 52px;
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .videoList li:first-child .btn{
        width: 66px;
    }
    .wapper .main .mainBox .cont .videoList li:first-child .theme{
        font-size: 16px;
        line-height: 32px;
        min-height: 32px;
    }
    .wapper .main .mainBox .cont .videoList li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .wapper .main .mainBox .cont .videoList li:nth-of-type(2n-1){
        width: 48%;
        margin-right: 0%;
        margin-left:2%;
    }
    .wapper .main .mainBox .cont .videoList li:first-child{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .wapper .main .mainBox .cont .videoList li .btn{
        width: 46px;
    }
    .wapper .main .mainBox .cont .videoList li:nth-of-type(3n+1){
        margin-right: 2%;
    }
    .wapper .main .mainBox .cont .videoList li:nth-of-type(6n+1){
        margin-right: 0%;
    }
    .wapper .main .mainBox .cont .videoList li .theme{
        font-size: 14px;
        line-height: 18px;
        min-height: 36px;
    }
}











/*公司简介*/

.wapper .main .mainBox .cont .proPicBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainBox .cont .proPicBox .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .proPicBox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .proPicBox .text{
    width: auto;
    height: auto;
    font-size: 32px;
    color: #fff;
    line-height: 60px;
    padding: 0 6% 0 3%;
    box-sizing: border-box;
    background: #fe5800;
    position: absolute;
    bottom: 10%;
    left: 0;
}

.wapper .main .mainBox .cont .profileText{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .profileText img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .profileData{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .profileData li{
    width: 25%;
    float: left;
    height: auto;
    text-align: center;
}
.wapper .main .mainBox .cont .profileData li .data{
    width: 100%;
    height: auto;
    color: #fe5800;
    font-size: 50px;
    line-height: 62px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 8%;
}
.wapper .main .mainBox .cont .profileData li .data .num{
    font-size: 50px;
    line-height: 62px;
}
.wapper .main .mainBox .cont .profileData li .data .up{
    font-size: 16px;
    line-height: 28px;
    margin-top: -38px;
}
.wapper .main .mainBox .cont .profileData li .txt{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #787878;
    line-height: 26px;
}
.wapper .main .mainBox .cont .concept{
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .concept li{
    width: 32.66%;
    height: auto;
    float: left;
    margin-right: 1%;
    position: relative;
}
.wapper .main .mainBox .cont .concept li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainBox .cont .concept li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .concept li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .concept li .textBox{
    width: 100%;
    height: auto;
    padding: 5% 10%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.wapper .main .mainBox .cont .concept li .textBox .bigtxt{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ffffff;
    line-height: 34px;
    font-weight: bold;
}
.wapper .main .mainBox .cont .concept li .textBox .smatxt{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    line-height: 34px;
}
@media screen and (max-width: 1500px) {
    .wapper .main .mainBox .cont .profileText{
        font-size: 17px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .profileData li .data .num{
        font-size: 45px;
        line-height: 57px;
    }
    .wapper .main .mainBox .cont .profileData li .txt{
        font-size: 15px;
    }
    .wapper .main .mainBox .cont .concept li .textBox .smatxt{
        font-size: 16px;
        line-height: 30px;
    }
    .wapper .main .mainBox .cont .proPicBox .text{
        font-size: 28px;
    }
}
@media screen and (max-width: 1250px) {
    .wapper .main .mainBox .cont .profileText{
        font-size: 16px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .profileData li .data .num{
        font-size: 40px;
        line-height: 52px;
    }
    .wapper .main .mainBox .cont .profileData li .txt{
        font-size: 14px;
    }
    .wapper .main .mainBox .cont .concept li .textBox .bigtxt{
        font-size: 18px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .concept li .textBox .smatxt{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .proPicBox .text{
        font-size: 26px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .profileText{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .profileData li{
        width: 50%;
        min-height: 98px;
        box-sizing: border-box;
    }
    .wapper .main .mainBox .cont .profileData li:nth-of-type(1){
        border-bottom: 1px solid #ededed;
        border-right: 1px solid #ededed;
    }
    .wapper .main .mainBox .cont .profileData li:nth-of-type(2){
        border-bottom: 1px solid #ededed;
    }
    .wapper .main .mainBox .cont .profileData li:nth-of-type(3){
        border-right: 1px solid #ededed;
    }
    .wapper .main .mainBox .cont .profileData li .data .num{
        font-size: 40px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .profileData li .data .up{
        font-size: 14px;
        line-height: 20px;
        margin-top: -24px;
    }
    .wapper .main .mainBox .cont .profileData li .txt{
        font-size: 14px;
        line-height: 24px;
    }
    .wapper .main .mainBox .cont .concept li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .wapper .main .mainBox .cont .proPicBox .text{
        font-size: 16px;
        line-height: 34px;
    }
}






/*公司文化*/

.wapper .main .mainBox .cont .mission{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/bgIcon1.gif) no-repeat right bottom #f8f8f8;
    background-size: contain;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .mission .pic{
    width: 50%;
    height: auto;
    float: left;
}
.wapper .main .mainBox .cont .mission .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .mission .textBox{
    width: 50%;
    height: auto;
    float: left;
    padding: 9% 4% 10% 6%;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .mission .textBox .bigTheme{
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #000000;
    line-height: 58px;
    font-weight: bolder;
}
.wapper .main .mainBox .cont .mission .textBox .smaTheme{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 36px;
}
.wapper .main .mainBox .cont .values{
    width: 100%;
    height: auto;
    margin-top: 6%;
}
.wapper .main .mainBox .cont .values .title{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    text-align: center;
}
.wapper .main .mainBox .cont .values .list{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .values .list li:nth-of-type(1){
    width: 32.27%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.wapper .main .mainBox .cont .values .list li:nth-of-type(2){
    width: 32.27%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
.wapper .main .mainBox .cont .values .list li:nth-of-type(3){
    width: 32.36%;
    height: auto;
    margin-left: 33.95%;
    cursor: pointer;
}
.wapper .main .mainBox .cont .values .list li:nth-of-type(4){
    width: 32.27%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.wapper .main .mainBox .cont .values .list li:nth-of-type(5){
    width: 32.27%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.wapper .main .mainBox .cont .values .list li .picBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainBox .cont .values .list li .picBox .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .values .list li .picBox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .values .list li .picBox .theme{
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.5);
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    font-weight: bold;
    padding: 8px 5%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .values .list li .descBox{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    padding: 8%;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .values .list li .descBox .title{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #ffffff;
    line-height: 48px;
    font-weight: bolder;
    text-align: left;
}
.wapper .main .mainBox .cont .values .list li .descBox .desc{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    line-height: 36px;
}
.wapper .main .mainBox .cont .values .list li:hover .picBox .theme{
    opacity: 0;
}
.wapper .main .mainBox .cont .values .list li:hover .descBox{
    opacity: 1;
}
.wapper .main .mainBox .cont .ideas{
    width: 100%;
    height: auto;
    margin-top: 6%;
    margin-bottom: 8%;
}
.wapper .main .mainBox .cont .ideas .title{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    text-align: center;
}
.wapper .main .mainBox .cont .ideas .list{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .ideas .list li{
    width: 20%;
    height: auto;
    float: left;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
    text-align: center;
}
.wapper .main .mainBox .cont .ideas .list li:last-child{
    border-right: 1px solid #fff;
}
.wapper .main .mainBox .cont .ideas .list li .pic{
    width: 100%;
    height: auto;
    background: url(../images/line7.gif) no-repeat bottom center;
    padding-bottom: 26px;
    justify-content: center;
    display: flex;
}
.wapper .main .mainBox .cont .ideas .list li .pic img{
    width: auto;
    height: 78px;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .ideas .list li .txt{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 48px;
    text-align: center;
    margin-top: 4%;
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont .values .list li .descBox{
        padding: 5% 8%;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .desc{
        font-size:16px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 74px;
    }
}
@media screen and (max-width: 1600px) {
    .wapper .main .mainBox .cont .mission .textBox .bigTheme{
        font-size: 44px;
        line-height: 54px;
    }
    .wapper .main .mainBox .cont .mission .textBox .smaTheme{
        font-size: 24px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox{
        padding: 3% 5%;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .title{
        font-size: 22px;
        line-height: 44px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .desc{
        font-size:15px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .values .list li .picBox .theme{
        font-size: 22px;
        line-height: 34px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 70px;
    }
}
@media screen and (max-width: 1500px) {
    .wapper .main .mainBox .cont .values .title{
        font-size: 32px;
    }
    .wapper .main .mainBox .cont .ideas .title{
        font-size: 32px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 66px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 24px;
    }
}
@media screen and (max-width: 1450px) {
    .wapper .main .mainBox .cont .mission .textBox .bigTheme{
        font-size: 40px;
        line-height: 50px;
    }
    .wapper .main .mainBox .cont .mission .textBox .smaTheme{
        font-size: 22px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .title{
        font-size: 20px;
        line-height: 40px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .desc{
        font-size:14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .values .list li .picBox .theme{
        font-size: 20px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1400px) {
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 62px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 22px;
    }
}
@media screen and (max-width: 1330px) {
    .wapper .main .mainBox .cont .mission .textBox .bigTheme{
        font-size: 36px;
        line-height: 46px;
    }
    .wapper .main .mainBox .cont .mission .textBox .smaTheme{
        font-size: 20px;
        line-height: 30px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .title{
        font-size: 18px;
        line-height: 36px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .desc{
        font-size:14px;
        line-height: 24px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 58px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 20px;
    }
}
@media screen and (max-width: 1250px) {
    .wapper .main .mainBox .cont .mission .textBox .bigTheme{
        font-size: 32px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .mission .textBox .smaTheme{
        font-size: 18px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .values .list li .picBox .theme{
        font-size: 18px;
        line-height: 30px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 54px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 18px;
    }
}
@media screen and (max-width: 1200px) {
    .wapper .main .mainBox .cont .values .list li .descBox .title{
        font-size: 16px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox .desc{
        font-size:12px;
        line-height: 20px;
    }
}
@media screen and (max-width: 1150px) {
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 50px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 16px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .mission{
        display: block;
        background-size: auto 34%; 
    }
    .wapper .main .mainBox .cont .mission .pic{
        width: 100%;
    }
    .wapper .main .mainBox .cont .mission .textBox{
        width: 100%;
        padding: 6% 4%;
    }
    .wapper .main .mainBox .cont .mission .textBox .bigTheme{
        font-size: 20px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .mission .textBox .smaTheme{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .values{
        margin-top: 6%;
    }
    .wapper .main .mainBox .cont .values .title{
        font-size: 26px;
        line-height: 36px;
    }
    .wapper .main .mainBox .cont .values .list li .descBox{
        display: none;
    }
    .wapper .main .mainBox .cont .values .list li .picBox .theme{
        font-size: 14px;
        line-height: 24px;
        padding: 3px 5%;
    }
    .wapper .main .mainBox .cont .ideas{
        margin-top: 6%;
    }
    .wapper .main .mainBox .cont .ideas .title{
        font-size: 26px;
        line-height: 36px;
    }
    .wapper .main .mainBox .cont .ideas .list li{
        width: 33.33%;
        border-bottom: 1px solid #eeeeee;
        padding: 20px 0;
    }
    .wapper .main .mainBox .cont .ideas .list li:nth-of-type(3){
        border-right: none;
    }
    .wapper .main .mainBox .cont .ideas .list li:nth-of-type(4){
        border-bottom: none;
        margin-left:16.665%; 
    }
    .wapper .main .mainBox .cont .ideas .list li:nth-of-type(5){
        border-bottom: none;

    }
    .wapper .main .mainBox .cont .ideas .list li .pic{
        padding-bottom: 20px;
    }
    .wapper .main .mainBox .cont .ideas .list li .pic img{
        height: 40px;
    }
    .wapper .main .mainBox .cont .ideas .list li .txt{
        font-size: 14px;
        line-height: 32px;
        margin-top: 2%;
    }

}










































/*客户网点分布*/
.wapper .main .mainBox .cont .distribution{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 4%;
    border-bottom: 1px solid #eeeeee;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .distribution .pic{
    width: 55%;
    height: auto;
    float: left;
}
.wapper .main .mainBox .cont .distribution .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .distribution .textBox{
    width: 45%;
    height: auto;
    float: left;
    padding: 6%;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .distribution .textBox .txt{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000000;
    line-height: 48px;
}
.wapper .main .mainBox .cont .distribution .textBox .txt span{
    font-size: 30px;
    color: #fe5800;
    font-weight: bold;
}
.wapper .main .mainBox .cont .pointList{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .pointList li{
    width: 48%;
    height: auto;
    float: left;
    margin-right: 2%;
    padding-bottom: 6%;
    margin-bottom: 6%;
    border-bottom: 1px solid #eeeeee;
}
.wapper .main .mainBox .cont .pointList li:nth-of-type(2n){
    margin-right: 0;
    margin-left: 2%;
}
.wapper .main .mainBox .cont .pointList li .pic{
    width: 40%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .main .mainBox .cont .pointList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .pointList li .textBox{
    width: 55%;
    height: auto;
    float: left;
}
.wapper .main .mainBox .cont .pointList li .textBox .name{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 38px;
    font-weight: bold;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .pointList li .textBox .txt{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #000000;
    line-height: 30px;
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont .distribution .textBox{
        padding: 6% 4%;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt{
        font-size: 18px;
        line-height: 44px;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt span{
        font-size: 28px;
        line-height: 44px;
    }
}
@media screen and (max-width: 1550px) {
    .wapper .main .mainBox .cont .distribution .textBox .txt{
        font-size: 16px;
        line-height: 40px;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt span{
        font-size: 26px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1385px) {
    .wapper .main .mainBox .cont .distribution .textBox .txt{
        font-size: 14px;
        line-height: 40px;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt span{
        font-size: 24px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1250px) {
    .wapper .main .mainBox .cont .distribution .textBox .txt{
        font-size: 12px;
        line-height: 38px;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt span{
        font-size: 22px;
        line-height: 38px;
    }
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont .pointList li .textBox .txt{
        font-size: 14px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1600px) {
    .wapper .main .mainBox .cont .pointList li .textBox .name{
        font-size: 24px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .pointList li .textBox .txt{
        font-size: 13px;
        line-height: 21px;
    }
}
@media screen and (max-width: 1400px) {
    .wapper .main .mainBox .cont .pointList li .textBox .name{
        font-size: 22px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .pointList li .textBox .txt{
        font-size: 12px;
        line-height: 20px;
    }
}
@media screen and (max-width: 1300px) {
    .wapper .main .mainBox .cont .pointList li .textBox .name{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 1%;
    }
}
@media screen and (max-width: 1000px){
    .wapper .main .mainBox .cont .distribution{
        display: block;
        padding-bottom: 0;
    }
    .wapper .main .mainBox .cont .distribution .pic{
        width: 100%;
    }
    .wapper .main .mainBox .cont .distribution .textBox{
        width: 100%;
    }
    .wapper .main .mainBox .cont .distribution .textBox .txt{
        text-align: center;
    }
    .wapper .main .mainBox .cont .pointList{
        margin-top: 8%;
    }
    .wapper .main .mainBox .cont .pointList li{
        width: 100%;
        margin-right: 0;
    }
    .wapper .main .mainBox .cont .pointList li:nth-of-type(2n) {
        margin-left: 0%;
    }
    .wapper .main .mainBox .cont .pointList li .textBox .name{
        font-size: 18px;
        line-height: 24px;
    }
    .wapper .main .mainBox .cont .pointList li .textBox .txt{
        line-height: 18px;
    }
}


































/*联系我们*/
.wapper .main .mainBox .cont .contact{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .contact li{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    padding: 4% 0; 
/*    align-items: center;
    display: flex;*/
}
.wapper .main .mainBox .cont .contact li:last-child{
    border-bottom: none;
}
.wapper .main .mainBox .cont .contact li .theme{
    width: 25%;
    height: auto;
    float: left;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .contact li .theme .pic{
    width: 58px;
    height: auto;
    float: left;
    margin-right: 8px;
}
.wapper .main .mainBox .cont .contact li .theme .pic img{
    width: auto;
    height:auto;
    max-width: 100%;
}
.wapper .main .mainBox .cont .contact li .theme .txt{
    width: auto;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 40px;
}
.wapper .main .mainBox .cont .contact li .ways{
    width: 45%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #444444;
    line-height: 40px;
}
.wapper .main .mainBox .cont .contact li .map{
    width: 30%;
    height: auto;
    float: right;
    overflow: hidden;
    background: #fe5800;
    position: relative;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .contact li .map:hover{
    filter: brightness(130%);
}
.wapper .main .mainBox .cont .contact li .map .pic{
    width: 50%;
    height: auto;
    float: right;
}
.wapper .main .mainBox .cont .contact li .map .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .contact li .map .mapcont{
    width: 96%;
    height: 88%;
    position: absolute;
    top: 6%;
    left: 2%;
    padding-top: 6.5%;
    border: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
}
.wapper .main .mainBox .cont .contact li .map .mapcont .iconBox{
    width: 50%;
    height: 100%;
}
.wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon{
    width: 100%;
    height: auto;
    text-align: center;
}
.wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
    width: auto;
    height: 37px;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
}
.wapper .map{
    height: 680px;
}
.wapper .main .mainBox .cont .contact li .map.cd{
    background: none;
}
.wapper .main .mainBox .cont .contact li .map .codeBox{
    width: 45%;
    height: auto;
    float: left;
    margin-right: 5%;
}
.wapper .main .mainBox .cont .contact li .map .codeBox:nth-of-type(2){
    margin-right: 0;
    margin-left: 5%;
}
.wapper .main .mainBox .cont .contact li .map .codeBox .code{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .contact li .map .codeBox .code img{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .contact li .map .codeBox .text{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #444444;
    line-height: 32px;
    text-align: center;
}
.wapper .main .mainBox .cont .contact li .inptBox{
    width: 75%;
    height: auto;
    float: left;
    overflow: hidden;
}
.wapper .main .mainBox .cont .contact li .inptBox .name{
    width: 48%;
    height: auto;
    float: left;
    border:1px solid #d5d5d5;
    font-size: 16px;
    color: #444444;
    line-height: 28px;
    padding: 6px 2%;
    margin-right: 2%;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .contact li .inptBox .phone{
    width: 48%;
    height: auto;
    float: left;
    border:1px solid #d5d5d5;
    font-size: 16px;
    color: #444444;
    line-height: 28px;
    padding: 6px 2%;
    margin-left: 2%;
    margin-bottom: 3%;
}
.wapper .main .mainBox .cont .contact li .inptBox .msg{
    width: 75%;
    height: auto;
    float: left;
    border:1px solid #d5d5d5;
    font-size: 16px;
    color: #444444;
    line-height: 28px;
    padding: 6px 2%;
    margin-right: 5%;
}
.wapper .main .mainBox .cont .contact li .inptBox .btn{
    width: 20%;
    height: auto;
    float: left;
    background: #fe5800;
    cursor: pointer;
}
.wapper .main .mainBox .cont .contact li .inptBox .btn input{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}
@media screen and (max-width: 1600px) {
    .wapper .main .mainBox .cont .contact li .theme .pic{
        width: 55px;
    }
    .wapper .main .mainBox .cont .contact li .theme .txt{
        font-size: 34px;
    }
}
@media screen and (max-width: 1500px) {
    .wapper .main .mainBox .cont .contact li .theme .pic{
        width: 52px;
    }
    .wapper .main .mainBox .cont .contact li .theme .txt{
        font-size: 32px;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont{
        padding-top: 4%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
        height: 33px;
    }
}
@media screen and (max-width: 1350px) {
    .wapper .main .mainBox .cont .contact li .theme .pic{
        width: 48px;
    }
    .wapper .main .mainBox .cont .contact li .theme .txt{
        font-size: 30px;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont{
        padding-top: 3%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
        height: 31px;
    }
    .wapper .main .mainBox .cont .contact li .ways{
        font-size: 16px;
        line-height: 36px;
    }
}
@media screen and (max-width: 1260px) {
    .wapper .main .mainBox .cont .contact li .theme .pic{
        width: 45px;
    }
    .wapper .main .mainBox .cont .contact li .theme .txt{
        font-size: 28px;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont{
        padding-top: 2%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
        height: 28px;
    }
}
@media screen and (max-width: 1200px) {
    .wapper .main .mainBox .cont .contact li .theme .pic{
        width: 42px;
    }
    .wapper .main .mainBox .cont .contact li .theme .txt{
        font-size: 25px;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont{
        padding-top: 2%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
        height: 26px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .contact li{
        padding: 6% 0;
    }
    .wapper .main .mainBox .cont .contact li:first-child{
        padding-top: 0;
    }
    .wapper .main .mainBox .cont .contact li .theme{
        width: 100%;
    }
    .wapper .main .mainBox .cont .contact li .ways{
        width: 100%;
        font-size: 14px;
        line-height: 28px;
        margin: 4% 0;
    }
    .wapper .main .mainBox .cont .contact li .map{
        width: 100%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont{
        padding-top: 8%;
    }
    .wapper .main .mainBox .cont .contact li .map .mapcont .iconBox .icon img{
        height: 28px;
    }
    .wapper .main .mainBox .cont .contact li .inptBox{
        width: 100%;
        margin-top: 4%;
    }
    .wapper .main .mainBox .cont .contact li .inptBox .name{
        width: 100%;
        margin-right: 0;
    }
    .wapper .main .mainBox .cont .contact li .inptBox .phone{
        width: 100%;
        margin-left:0;
    }
    .wapper .main .mainBox .cont .contact li .inptBox .msg{
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .wapper .main .mainBox .cont .contact li .inptBox .btn{
        width: 100%;
    }
}
















/*战略合作伙伴*/
.wapper .main .mainBox .cont .partnersList{
    width: 100%;
    height: auto;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .partnersList li{
    width: 20%;
    height: auto;
    float: left;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.wapper .main .mainBox .cont .partnersList li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .partnersList li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .partnersList li .name{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(254,80,0,0.8);
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    color: #eeeeee;
    line-height: 30px;
    opacity: 0;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .partnersList li:hover .name{
    opacity: 1;
}
.wapper .main .mainBox .cont .partnersType{
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.wapper .main .mainBox .cont .partnersType .title{
    width: 100%;
    height: auto;
    font-size: 36px;
    color: #000000;
    line-height: 36px;
    text-align: center;
    margin-bottom: 4%;
}
.wapper .main .mainBox .cont .partnersType .type{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}
.wapper .main .mainBox .cont .partnersType .type .left{
    width: 128px;
    height:auto;
    float: left;
    padding-right: 46px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fe5800;
    line-height: 30px;
}
.wapper .main .mainBox .cont .partnersType .type .list{
    width: 89%;
    height: auto;
    float: left;
    padding-left: 4%;
    border-left: 1px solid #eeeeee;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .partnersType .type .list li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    font-size: 16px;
    color: #969696;
    line-height: 36px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition: all 0.5s;
    cursor: pointer;
}
.wapper .main .mainBox .cont .partnersType .type .list li a{
    display: block;
    font-size: 16px;
    color: #969696;
    line-height: 36px;
    transition: all 0.5s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}
.wapper .main .mainBox .cont .partnersType .type .list li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainBox .cont .partnersType .type .list li:hover{
    color: #fe5800;
}
.wapper .main .mainBox .cont .partnersType .type .list li:hover a{
    color: #fe5800;
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont .partnersType .type .list{
        width: 86%;
    }
}
@media screen and (max-width: 1470px) {
    .wapper .main .mainBox .cont .partnersType .type .list{
        width: 84%;
    }
    .wapper .main .mainBox .cont .partnersType .type .left{
        font-size: 16px;
    }
    .wapper .main .mainBox .cont .partnersType .type .list li{
        font-size: 13px;
    }
}
@media screen and (max-width: 1305px) {
    .wapper .main .mainBox .cont .partnersType .type .list{
        width: 82%;
    }
}
@media screen and (max-width: 1195px) {
    .wapper .main .mainBox .cont .partnersType .type .list{
        width: 80%;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .partnersType .title{
        font-size: 24px;
        line-height: 36px;
    }
    .wapper .main .mainBox .cont .partnersType .type .left{
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .wapper .main .mainBox .cont .partnersType .type .list{
        width: 100%;
        padding-left: 0;
        border-left: none;
    }
    .wapper .main .mainBox .cont .partnersList li{
        width: 33.33%;
    }
    .wapper .main .mainBox .cont .partnersType .type .list li{
        width: 47%;
        box-sizing: border-box;
    }
}
























/*行业解决方案*/
.wapper .main .mainBox .cont .solutions{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .solutions li{
    width: 31.33%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    transition: all 0.5s;
    cursor: pointer;
}
.wapper .main .mainBox .cont .solutions li:nth-of-type(3n){
    margin-right: 0;
}
.wapper .main .mainBox .cont .solutions li .pic{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .solutions li .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .solutions li .textBox{
    width: 100%;
    height: auto;
    padding: 3% 0;
}
.wapper .main .mainBox .cont .solutions li .textBox .title{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #000000;
    line-height: 38px;
    font-weight: bold;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .solutions li .textBox .desc{
    width: 100%;
    height: auto;
    min-height: 66px;
    font-size: 16px;
    color: #969696;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 1%;
}
.wapper .main .mainBox .cont .solutions li:hover{
    transform: translateY(-15px);
}
.wapper .main .mainBox .cont .solutions li:hover .textBox .title{
    color: #fe5800;
}
@media screen and (max-width: 1600px) {
    .wapper .main .mainBox .cont .solutions li .textBox .title{
        font-size: 22px;
    }
    .wapper .main .mainBox .cont .solutions li .textBox .desc{
        font-size: 14px;
        line-height: 26px;
        min-height: 52px;
    }
}
@media screen and (max-width: 1400px) {
    .wapper .main .mainBox .cont .solutions li .textBox .title{
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .wapper .main .mainBox .cont .solutions li .textBox .title{
        font-size: 18px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .solutions li{
        width: 48%;
        margin-right: 2%;
    }
    .wapper .main .mainBox .cont .solutions li:nth-of-type(2n){
        margin-right: 0%;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .solutions li:nth-of-type(3n){
        margin-right: 2%;
        margin-left: 0%;
    }
    .wapper .main .mainBox .cont .solutions li:nth-of-type(6n){
        margin-right: 0%;
        margin-left: 2%;
    }
    .wapper .main .mainBox .cont .solutions li .textBox .title{
        font-size: 16px;
        line-height: 32px;
    }
    .wapper .main .mainBox .cont .solutions li .textBox .desc{
        font-size: 12px;
        line-height: 18px;
        min-height: 36px;
    }
}
























/*行业解决方案详细*/
.wapper .main .mainBox .cont .solutionsDetails{
    width: 100%;
    height: auto;
    background: #f8f8f8;
}
.wapper .main .mainBox .cont .solutionsDetails .titleBox{
    width: 100%;
    height: auto;
    position: relative;
}
.wapper .main .mainBox .cont .solutionsDetails .titleBox .pic{
    width: 100%;
    height: auto;

}
.wapper .main .mainBox .cont .solutionsDetails .titleBox .pic img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .solutionsDetails .titleBox .title{
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #ffffff;
    line-height: 46px;
    text-align: right;
    padding-right: 6%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.wapper .main .mainBox .cont .solutionsDetails .titleBox .Bg{
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,0.5));
}
.wapper .main .mainBox .cont .solutionsDetails .text{
    width: 100%;
    height: auto;
    padding: 4%;
    box-sizing: border-box;
    font-size: 16px;
    color: #969696;
    line-height: 36px;
}
.wapper .main .mainBox .cont .solutionsDetails .text strong{
    font-size: 20px;
    color: #000000;
    line-height: 48px;
}
.wapper .main .mainBox .cont .solutionsDetails .text img{
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin: 3% 0;
}
@media screen and (max-width: 1500px) {
    .wapper .main .mainBox .cont .solutionsDetails .titleBox .title{
        font-size: 36px;
        line-height: 42px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .solutionsDetails .titleBox .Bg{
        display: none;
    }
    .wapper .main .mainBox .cont .solutionsDetails .titleBox .title{
        font-size: 20px;
        position: static;
        background: #fe5800;
        color: #fff;
        text-align: center;
        padding: 6px 6%;
        box-sizing: border-box;
        transform: translateY(0);
    }
    .wapper .main .mainBox .cont .solutionsDetails .text{
        font-size: 14px;
        line-height: 28px;
    }
    .wapper .main .mainBox .cont .solutionsDetails .text strong{
        font-size: 18px;
    }
}








































/*驱动及手册下载*/
.wapper .main .mainBox .cont .download{
    width: 100%;
    height: auto;
    padding: 4% 0;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}
.wapper .main .mainBox .cont .download .species{
    width: 20%;
    height: auto;
    float: left;
    padding-right: 5%;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .download .species .pic{
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}
.wapper .main .mainBox .cont .download .species .pic img{
    width: auto;
    height: 84px;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .download .species .txt{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 36px;
    text-align: center;
    margin-top: 16px;
}
.wapper .main .mainBox .cont .download .lists{
    width: 66%;
    height: auto;
    float: left;
    padding: 0 5%;
    overflow: hidden;
    border-left: 1px solid #eeeeee;
    box-sizing: border-box;
    /*transition: all 0.5s;*/
}
.wapper .main .mainBox .cont .download .lists li{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 3%;
    box-sizing: border-box;
    font-size: 16px;
    color: #969696;
    line-height: 26px;
    margin-bottom: 10px;
    transition: all 0.5s;
    cursor: pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wapper .main .mainBox .cont .download .lists li a{
    display: block;
    font-size: 16px;
    color: #969696;
    line-height: 26px;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .download .lists li:hover{
    color: #fe5800;
}
.wapper .main .mainBox .cont .download .lists li:hover a{
    color: #fe5800;
}
.wapper .main .mainBox .cont .download .more{
    width: 100px;
    height: auto;
    float: right;
    font-size: 16px;
    color: #ffffff;
    line-height: 36px;
    background: #fe5800;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}
.wapper .main .mainBox .cont .download .more.open{
    background: #bfbfbf;
}
.wapper .main .mainBox .cont .download .more:hover{
    filter: brightness(120%);
}
.wapper .main .mainBox .cont .download .more.open:hover{
    background: #7f7f7f;
}
@media screen and (max-width: 1550px) {
    .wapper .main .mainBox .cont .download .species .pic img{
        height: 78px;
    }
    .wapper .main .mainBox .cont .download .species .txt{
        font-size: 24px;
    }
    .wapper .main .mainBox .cont .download .lists li{
        font-size: 15px;
    }
}
@media screen and (max-width: 1200px) {
    .wapper .main .mainBox .cont .download .species .pic img{
        height: 72px;
    }
    .wapper .main .mainBox .cont .download .species .txt{
        font-size: 22px;
    }
    .wapper .main .mainBox .cont .download .lists li{
        font-size: 14px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .download{
        display: block;
    }
    .wapper .main .mainBox .cont .download .species{
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
    .wapper .main .mainBox .cont .download .species .pic img{
        height: 48px;
    }
    .wapper .main .mainBox .cont .download .species .txt{
        margin-top: 6px;
    }
    .wapper .main .mainBox .cont .download .lists{
        width: 100%;
        margin: 0;
        margin-top: 2%;
        border-left: none;
    }
    .wapper .main .mainBox .cont .download .lists li{
        width: 100%;
        padding-right: 0;
        margin-bottom: 6px;
    }
    .wapper .main .mainBox .cont .download .more{
        width: 100%;
        margin: 4% 0;
    }
}




















/*驱动及手册下载Details*/
.wapper .main .mainBox .cont .downloadDetails{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .downloadDetails .title{
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #000;
    line-height: 36px;
    font-weight: bold;
}
.wapper .main .mainBox .cont .downloadDetails .downList{
    width: 100%;
    height: auto;
    margin-top: 3%;
}
.wapper .main .mainBox .cont .downloadDetails .downList li{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .downloadDetails .downList li .nameBox{
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding-left: 4%;
    box-sizing: border-box;
    overflow: hidden;
}
.wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .name{
    width: 80%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    font-weight: bolder;
    padding-top: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .downBtn{
    width: 142px;
    height: auto;
    float: right;
    font-size: 18px;
    color: #ffffff;
    line-height: 70px;
    text-align: center;
    background: #a6a6a6;
    cursor: pointer;
    transition: all 0.5s;
}
.wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .downBtn:hover{
    background: #fe5800;
}
.wapper .main .mainBox .cont .downloadDetails .downList li .desc{
    width: 100%;
    height: auto;
    padding: 4%;
    box-sizing: border-box;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
}
@media screen and (max-width: 1500px) {
    .wapper .main .mainBox .cont .downloadDetails .title{
        font-size: 28px;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .name{
        padding-top: 12px;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .downBtn{
        line-height: 60px;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .desc{
        font-size: 16px;
    }
}
@media screen and (max-width: 1250px) {
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .downBtn{
        width: 122px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .downloadDetails .title{
        font-size: 20px;
        line-height: 26px;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox{
        padding-left: 0;

    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .name{
        width:72%;
        font-size: 16px;
        line-height: 32px;
        padding: 5px  4%;
        box-sizing: border-box;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .nameBox .downBtn{
        width: 90px;
        font-size: 16px;
        line-height: 42px;
    }
    .wapper .main .mainBox .cont .downloadDetails .downList li .desc{
        font-size: 14px;
        line-height: 28px;
    }
}



























/*维修服务*/
.wapper .main .mainBox .cont .maintenance{
    width: 100%;
    height: auto;
}
.wapper .main .mainBox .cont .maintenance .maintenanceDesc{
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding: 3% 4%;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
    display: flex;
}
.wapper .main .mainBox .cont .maintenance .maintenanceDesc .logo{
    width: 18%;
    height: auto;
    float: left;
    padding-right: 2%;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
}
.wapper .main .mainBox .cont .maintenance .maintenanceDesc .logo img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.wapper .main .mainBox .cont .maintenance .maintenanceDesc .text{
    width: 82%;
    height: auto;
    float: left;
    padding-left: 2%;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}
.wapper .main .mainBox .cont .maintenance .maintenanceList{
    width: 100%;
    height: auto;
    margin-top: 4%;
}
.wapper .main .mainBox .cont .maintenance .maintenanceList li{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    /*padding-bottom: 2%;*/
}
.wapper .main .mainBox .cont .maintenance .maintenanceList li .name{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #000000;
    line-height: 72px;
    font-weight: bolder;
    cursor: pointer;
    background: url(../images/icon10.gif) no-repeat 97% center;
}
.wapper .main .mainBox .cont .maintenance .maintenanceList li .name.open{
    background: url(../images/icon11.gif) no-repeat 97% center;
}
.wapper .main .mainBox .cont .maintenance .maintenanceList li .content{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #969696;
    line-height: 36px;
    display: none;
    margin-bottom: 2.5%;
}
@media screen and (max-width: 1690px) {
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .text{
        font-size: 16px;
    }
}
@media screen and (max-width: 1550px) {
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .text{
        font-size: 14px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .name{
        font-size: 24px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .content{
        font-size: 16px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1360px) {
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .text{
        font-size: 14px;
        line-height: 18px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .name{
        font-size: 22px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .content{
        font-size: 15px;
        line-height: 30px;
    }
}
@media screen and (max-width: 1000px) {
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc{
        display: block;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .logo{
        width: 100%;
        padding-right: 0;
        border-right: 0;
        text-align: center;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .logo img{
        width: 60%;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceDesc .text{
        width: 100%;
        padding-left: 0;
        margin-top: 3%;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList{
        margin-top: 6%;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .name{
        font-size: 18px;
        background-size: 12px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .name.open{
        background-size: 12px;
    }
    .wapper .main .mainBox .cont .maintenance .maintenanceList li .content{
        font-size: 14px;
        line-height: 28px;
        margin-top: 3%;
        margin-bottom: 2%;
    }
}















/*图片预览*/
#imgModule{
    display:none;
    width: 100%;
    height: 100%;
}
#imgDefault{
    cursor:pointer;
}
.mask{
    background:#000;
    opacity:.8;
    filter:alpha(opacity=80);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow: hidden;
    align-items: center; 
    justify-content: center;
    display: -webkit-flex;
    z-index: 5555;
}
.lightBoxContent{
    width:80%;
    height:80%;
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%); 
    align-items: center; 
    justify-content: center;
    display: -webkit-flex;
    z-index: 5555;
 }
#imgLoader{
    width:32px;
    height:32px;
    position:fixed;
    left:50%;
    top:50%;
    margin:-16px 0 0 -16px;
    display:none;
    z-index: 5555;
}
#imgLight{
    width:auto;
    height:auto; 
    max-width:100%; 
    max-height: 100%; 
    -webkit-animation:change 2s;
    animation:change 2s;
}
#imgModule .btn{
    width:40px;
    height:50px;
    position:fixed;
    top:50%;
    margin-top:-25px;
    cursor:pointer;
    z-index: 5555;
}
#lightBoxPrev{
    left: 10px;
    background: url(../images/viewPrev.png) no-repeat center center;
    background-size: 26px;
}
#lightBoxNext{
    right: 10px;
    background: url(../images/viewNext.png) no-repeat center center;
    background-size: 26px;
}
.closeBtn{
    width:35px;
    height:35px;
    position:fixed;
    top:15px;
    right:15px;
    cursor:pointer;
    background: url(../images/viewClose.png) no-repeat center center;
    background-size: 24px;
    z-index: 5555;
}
#lightBoxPrev:hover{
    background: url(../images/viewPrev_hover.png) no-repeat center center;
    background-size: 26px;
}
#lightBoxNext:hover{
    background: url(../images/viewNext_hover.png) no-repeat center center;
    background-size: 26px;
}
.closeBtn:hover{
    background: url(../images/viewClose_hover.png) no-repeat center center;
    background-size: 24px;
}
.lightBoxPagination{
    position:absolute;
    left:0;
    bottom:50px;
    width:100%;
    text-align:center; 
    display: none;
}
.lightBoxPagination span{
    display:inline-block;
    width:10px;
    height:10px;
    border:1px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    margin-right:8px;
}
.lightBoxPagination span.current{
    background:#fff;
}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}
.schmenu{
    display: none;
}
@media screen and (max-width: 1000px) {
    .lightBoxContent{
        width: 100%;
        height: auto;
    }
    #imgLight{
        /*width: 100%;
        height: auto;
        max-height: 100%;*/
    }
    #lightBoxPrev{
        left: 0;
        background-size: 16px;
    }
    #lightBoxNext{
        right: 0;
        background-size: 16px;
    }
    .closeBtn{
        background-size: 16px;
    }
}


.main-content{
    width: 100%;
}
.title{
    /*margin: 20px 30px;*/
}
.image-list{
    width: 100%;
    padding: 20px;
    background-color: #f2f2f2;
}
.image-list .cover{
    position: relative;
    width: 160px;
    height: 230px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
}
.image-list .cover img{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    /* background-color: #fff; */
    position: absolute;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 15px;
}
#pictureViewer .menu-bar .handel:hover{

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
    display: none;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/mClose.png);
    background-size: 30px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/mClose.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 63px;
    height: 63px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/prev.png);
    background-size: 100%;
}
#pictureViewer .handel-next{
    background-image: url(../images/next.png);
    background-size: 100%;
}
/*#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff2e67;
}*/
#pictureViewer .handel-prev:hover{
    background-image: url(../images/prev_hover.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/next_hover.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 800px;
    height: calc(100% - 80px);
    max-height: 800px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}



.tccode{
    width: 100%;
    height: auto;
    margin: auto;
    background: #fff;
    padding: 6%;
    box-sizing: border-box;
}
.tccodeimg{
    width: 100%;
    height: auto;
    padding-top: 30px;
}
.tccodeimg img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
.layui-layer-setwin .layui-layer-close2.des{
    position: absolute;
    top: -10px !important;
    right: -10px !important;

}