ul li{
    list-style-type: none;
}
.banner-pagination{
    text-align: center;
    position: relative;
    bottom: 50px !important;
    z-index: 1;
}
.headerBox{
    background: unset;
}
.searchBox input{
    background: #FFFFFF;
    border-radius: 40px;
    border: 0;
    position: absolute;
    display: none;
    right: 35px;
    padding: 2px 5px 2px 10px;
    color: #333333;
    top: 2px;
    width: 200px;
}
.searchBox{
    position: relative;
    margin-top: 16px;
    border: 0;
}
.header .lang{
    margin-left: 15px;
}
.searchBox a{
    border: 1px solid #fff;
    border-radius: 40px;
}
.header .lang{
    border: 1px solid #fff;
    border-radius: 40px;
    background: unset;
    line-height: unset;
    padding: 4px;
    top: 17px;
}
.header .logo{
    width: 20%;
    margin-top: 5px;
}
.mainnav ul.navul li a.navA{
    width: 110px;
}
.bannerinfo{
    position: absolute;
    left:0;
    right:0;
    top:33%;
    margin:auto
}
.bannerinfo h1{
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.bannerinfo p{
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
}
.MainTitle .h3 span .icon1{
    left: -80px;
    background-size: 70px;
}
.MainTitle .h3 span .icon2{
    right: -80px;
    background-size: 70px;
}
.MainTitle .h2{
    font-weight: 100;
}
.Main{
    /*padding-top: 120px;*/
}
.HomeF1 .HomeBox .txtBox{
    margin-top: 0;
    max-width: 792px;
}
.HomeF1 .HomeBox .txtBox p{
    font-size: 20px;
    color: #666666;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 30px;
}
/*首页特效*/
.HomeF2 .bgch{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(../image/other_bg.jpg) no-repeat center top;
    background-size: cover;
}
.HomeF2{
    background: unset;
    height: 4000px;
}
#wave1{position: absolute;top:280px;height:400px;}
#wave2{position: absolute;top:1170px;height:400px;}
#wave3{position: absolute;top:2500px;height:400px;}
#wave4{position: absolute;top:3300px;height:400px;}

.section.others{position: relative; overflow: hidden;}
.section.others .bg{position: absolute;top:0;right:0;left:0;bottom:0;background: url(../image/other_bg.jpg) no-repeat center top;}
.section.others .section_area{position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.section.others .section_area .pattern{position: absolute;}
.section.others .section_area .pattern1_1{top:-25px;right: 0;}
.section.others .section_area .pattern1_2{top:330px;left: 50%;margin-left: -487px;}
.section.others .section_area .pattern2_1{top:400px;left: 50%;margin-left: 487px;}
.section.others .section_area .pattern2_2{top:690px;left: 0}
.section.others .section_area .pattern2_3{top:715px;left: 50%;margin-left: -210px;}
.section.others .section_area .pattern2_4{top:1215px;left: 50%;margin-left: 550px;}
.section.others .section_area .pattern2_5{top:1030px;left: 50%;margin-left: -580px;}
.section.others .section_area .pattern3_1{top:280px;left: 50%;margin-left: -810px;}
.section.others .section_area .section_inner{position: relative;max-width: 1200pxpx;margin: 0 auto;}
.section.others .section_area .section_inner h4{ font-family:Microsoft YaHei; font-weight:bold;position: relative;padding: 40px 0 15px;font-size: 40px;color: #ec6ca5;line-height: 60px;}
.section.others .section_area .section_inner h4 span{position: absolute;display: block; top:0;left:2px;width: 50px;height: 5px;border-radius: 10px;background: #fcd4e6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}
.section.others .section_area .section_inner h4 span:before{content: '';background: #ec6ca5;position: absolute;top:0;left:0;width: 5px;height: 5px;border-radius: 10px;}
.section.others .section_area .section_inner h4 span:after{content: '';background: #ec6ca5;position: absolute;top:0;right:0;width: 5px;height: 5px;border-radius: 10px;}
.section.others .section_area .section_inner p{font-size: 24px;line-height: 36px;  }
.section.others .section_area .section_inner .title_wrap{opacity: 0;transform: translate(0,30px);-webkit-transform: translate(0,30px); transition: all 1s cubic-bezier(.25,.1,.25,1);-webkit-transition: all 1s cubic-bezier(.25,.1,.25,1)}
.section.others .section_area.now_area .section_inner .title_wrap{transform: translate(-30px,0);-webkit-transform: translate(-30px,0);}
.section.others .section_area .section_inner .title_wrap.on{opacity: 1;transform: translate(0,0px);-webkit-transform: translate(0,0px);}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area{overflow: hidden;  width: 64px;margin-top: 35px; display:none;}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a{position: relative;float: left;width: 30px;height: 30px;background: #fff;border: 1px solid #cdcdcd;}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a img.on{position: absolute;left:0;right:0; opacity: 0;visibility: hidden;}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a:hover{background: #ec6ca5;border-color: #ec6ca5}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a:hover img.on{visibility: visible;opacity: 1}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a.btn_right{border-left: 0px}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a.btn_left{border-right: 0px}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a.btn_right:before{content: '';position: absolute;top:5px;bottom:5px;width: 1px;background:#e6e6e6; }
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a.btn_right:hover:before{content: none;}
.section.others .section_area .section_inner .title_wrap .arrow_btn_area a.btn_left:hover+.btn_right:before{content: none;}
.section.others .business_area .section_inner{height: 840px;padding-top: 160px;}
.section.others .business_area .section_inner .title_wrap{position: relative;top: 205px;float: left}
.section.others .business_area ul{float: right}
.section.others .business_area ul li{position: relative;float: left;
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
    -webkit-transition-timing-function: cubic-bezier(.25,.1,.25,1);
    -moz-transition-timing-function: cubic-bezier(.25,.1,.25,1);
    -ms-transition-timing-function: cubic-bezier(.25,.1,.25,1);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
}
.section.others .business_area ul li .overlay{position: absolute;left:0;top:0;right:0;bottom:0;width: 100%;height: 100%;background: #f29ec2;visibility: hidden;opacity: 0;}
.section.others .business_area ul li a{opacity: 0;visibility: hidden; }
.section.others .business_area ul li a .box{position: relative;display: block;width: 310px;height: 585px; overflow: hidden;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transition: transform .3s ease;
}
.section.others .business_area ul li a .box:after{content: ''; position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.4); -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.section.others .business_area ul li a .text{
    position: absolute;
    left:0;
    right:0;
    bottom: 0;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    height: 235px;
    overflow: hidden;
}
.section.others .business_area ul li a .box:before{content: ''; position: absolute;right:0;bottom:0;left:0;height: 277px;z-index:1;background:#ec6ca5;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: -o-transform .3s ease;
    transition: transform .3s ease;}
.section.others .business_area ul li a .text .text_inner{
    position: relative;
    color: #fff;
    width: 240px;
    white-space: nowrap;
    margin: 0 auto;
    padding: 35px 0;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    transform: none;
}
.section.others .business_area ul li a .text .text_inner .tit{font-size: 28px;line-height: 40px;letter-spacing: -0.5px;padding: 0 0 45px}
.section.others .business_area ul li a .text .text_inner .tit .ico{display: block}
.section.others .business_area ul li a .text .text_inner .desc{font-size: 13px;line-height: 23px;white-space: nowrap;padding-bottom: 25px;border-bottom:1px solid rgba(255,255,255,0.3)}
.section.others .business_area ul li a .text .text_inner .more{position: relative; font-size: 17px;margin-top: 25px; padding-left: 40px;}
.section.others .business_area ul li a .text .text_inner .more span{  position: absolute;
    display: block;
    top: 7px;
    left: 0;
    width: 25px;
    height: 4px;
    border-radius: 8px;
    background: rgba(255,255,255,0.3);}
.section.others .business_area ul li a .text .text_inner .more span:before{content: '';background: #fff;position: absolute;top:0;left:0;width: 4px;height: 4px;border-radius: 8px;}
.section.others .business_area ul li a .text .text_inner .more span:after{content: '';background: #fff;position: absolute;top:0;right:0;width: 4px;height: 4px;border-radius: 8px;}

.section.others .business_area ul li a .text .tit >br.on{display: none;}

.section.others .business_area ul li a .img{  transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.section.others .business_area ul li:hover a .box{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-box-shadow: 1px 1px 35px 0 rgba(0,0,0,0.23);
    -moz-box-shadow: 1px 1px 35px 0 rgba(0,0,0,0.23);
    -ms-box-shadow: 1px 1px 35px 0 rgba(0,0,0,0.23);
    box-shadow: 1px 1px 35px 0 rgba(0,0,0,0.23);

}
.section.others .business_area ul li:hover{}
.section.others .business_area ul li:hover{
    z-index: 10;
}
.section.others .business_area ul li:hover a .box .img{
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px);}
/*.section.others .business_area ul li:hover a .img{top:30px;}*/
.section.others .business_area ul li:hover a .text{  transform: translateY(45px);-webkit-transform: translateY(45px);height: 316px;}
.section.others .business_area ul li:hover a .box:before{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    /*transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;*/}
.section.others .business_area ul li:hover a .box:after{visibility: hidden;opacity: 0;}
.section.others .business_area ul li:hover a .text .text_inner{width: 240px;padding: 18px 0 }
.section.others .business_area ul li:hover a .text .tit{padding-bottom: 10px}
.section.others .business_area ul li:hover a .text .text_inner .tit .ico{display: none}
.section.others .infra_area .section_inner{height: 2084px;}
.section.others .infra_area ul{position: relative; width: 1200px;margin: 0 auto;overflow: hidden;bottom: 20%}
.section.others .infra_area ul li{float: left;width: 100%;}

/*.section.others .infra_area ul li .text{transform: translate(0px,100px); }
.section.others .infra_area ul li.on .text{transform: translate(0px,0px);transition: all 1s cubic-bezier(.25,.1,.25,1);}
.section.others .infra_area ul li .img{transform: translate(0px,100px);}
.section.others .infra_area ul li.on .img{transform: translate(0px,0px);transition: all 1s cubic-bezier(.25,.1,.25,1);}*/

.section.others .infra_area ul li .text{float: left;padding: 150px 75px;}

.section.others .infra_area ul li .text h5{font-size: 28px;line-height: 31px;font-weight: normal;margin-bottom: 0}
.section.others .infra_area ul li .text .desc{font-size: 18px;line-height: 30px;padding: 25px 0;    width: 450px;text-align: justify;}
.section.others .infra_area ul li .text .infra_icons{font-size: 14px;line-height: 20px; color: #666666;overflow: hidden}
.section.others .infra_area ul li .text .infra_icons .item{position: relative; float: left; width: 150px;text-align: center;padding: 0 20px 0 0;}
.section.others .infra_area ul li .text .infra_icons .item:before{content: '';position: absolute;top:20px;left:-10px;bottom:50px;width: 1px; background: #f5f5f5;}
/*.section.others .infra_area ul li .text .infra_icons .item:first-child{padding-left: 0px;}*/
.section.others .infra_area ul li .text .infra_icons .item:first-child:before{content: none}
.section.others .infra_area ul li .text .infra_icons .item span{display: block;padding-top: 10px;}
.section.others .infra_area ul li .text a{position: relative; font-size: 18px;line-height: 55px; width: 180px;height: 55px;letter-spacing: 0.4px;text-align: center;margin-top: 45px;color: #09b2f6;display: block; }
.section.others .infra_area ul li .text a .more_text{position: relative; opacity: 0;visibility: hidden;background:#b9eefc; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.section.others .infra_area ul li .text a .more_text:before{content:'';-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.section.others .infra_area ul li .text a span.ico{  position: absolute;display: block;top: 25px;left: -14px;width: 28px;height: 5px;border-radius: 10px;background: #b9eefc;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.section.others .infra_area ul li .text a span.ico:before{content: '';background: #09b2f6;position: absolute;top:0;left:0;width: 5px;height: 5px;border-radius: 10px;}
.section.others .infra_area ul li .text a span.ico:after{content: '';background: #09b2f6;position: absolute;top:0;right:0;width: 5px;height: 5px;border-radius: 10px;}
.section.others .infra_area ul li .text a span.overlay{  position: absolute;left: 0;top: 0;right: 0;bottom: 0; width: 100%; height: 100%;  background: #74b0b6;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(.05,0);
    -moz-transform: scale(.05,0);
    -ms-transform: scale(.05,0);
    -o-transform: scale(.05,0);
    transform: scale(.05,0);
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
    animation-timing-function: cubic-bezier(.785,.135,.15,.86);
}
.section.others .infra_area ul li .text a:hover .more_text:before{padding: 0 0 0 35px}
.section.others .infra_area ul li .text a:hover span.ico{width: 80px;left: -40px;}
.section.others .infra_area ul li .img{position: relative; float: right;top: 450px}
.section.others .infra_area ul li .img .overlay{position: absolute;left:0;top:0;right:0;bottom:0;width: 100%;height: 100%;background: #73c697;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(.05,0);
    -moz-transform: scale(.05,0);
    -ms-transform: scale(.05,0);
    -o-transform: scale(.05,0);
    transform: scale(.05,0);
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
    animation-timing-function: cubic-bezier(.785,.135,.15,.86);
}
.section.others .infra_area ul li .img .mask{ height: auto;overflow: hidden; box-shadow: 0px 4px 18px 0 rgba(60,74,66,0.2)}
.section.others .infra_area ul li.infra_li2 .img{float: left;top:90px}
.section.others .infra_area ul li.on .img .mask{opacity: 1;visibility: visible}
.section.others .infra_area ul li.on .text a .more_text{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;opacity: 1;visibility: visible}
.section.others .inside_area #clipCircle circle{-webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;}
.section.others .inside_area #clipCircle.on circle{ -webkit-transform: scale(0.66, 0.66);
    -moz-transform: scale(0.66, 0.66);
    -ms-transform: scale(0.66, 0.66);
    -o-transform: scale(0.66, 0.66);
    transform: scale(0.66, 0.66)}
.section.others .inside_area .section_inner{height: 854px;}
.section.others .inside_area .circle_area{position: absolute;left:0;top:0;right:0;bottom:0;}
.section.others .inside_area .circle_area svg{  display: block;margin: 0 auto;}
.section.others .inside_area .title_wrap.left{position: absolute;top:320px;left: 0;}
.section.others .inside_area .title_wrap.right{position: absolute;top:365px;right: 70px;}
.section.others .inside_area .title_wrap.right p:before{content: '“';margin-left: -8px;}
.section.others .inside_area .title_wrap.right .text_area{width: 210px;}
.section.others .inside_area .title_wrap.right .assignment{font-size: 18px;color: #ec6ca5;margin-top: 22px;}
.section.others .inside_area .title_wrap.right .thumb{position: relative;margin-top: 35px;margin-left: 5px; display:none;}
.section.others .inside_area .title_wrap.right .thumb ul{overflow: hidden}
.section.others .inside_area .title_wrap.right .thumb ul li{float: left;margin-right: 10px;}
.section.others .inside_area .title_wrap.right .thumb ul li a{position: relative;display: block;width: 7px;height: 7px;text-indent: -999em;overflow: hidden;border-radius: 100%;background: #b5b5b5;}

.section.others .inside_area .section_inner[data-num='0'] .title_wrap.right .thumb ul li.thumb1 a{background: #ec6ca5;}
.section.others .inside_area .section_inner[data-num='1'] .title_wrap.right .thumb ul li.thumb2 a{background: #ec6ca5;}
.section.others .inside_area .section_inner[data-num='2'] .title_wrap.right .thumb ul li.thumb3 a{background: #ec6ca5;}
.section.others .inside_area .section_inner[data-num='3'] .title_wrap.right .thumb ul li.thumb4 a{background: #ec6ca5;}

.section.others .inside_area .section_inner .title_wrap.right .text{display: none}
.section.others .inside_area .section_inner[data-num='0'] .title_wrap.right .text1{display: block}
.section.others .inside_area .section_inner[data-num='1'] .title_wrap.right .text2{display: block;}
.section.others .inside_area .section_inner[data-num='2'] .title_wrap.right .text3{display: block;}
.section.others .inside_area .section_inner[data-num='3'] .title_wrap.right .text4{display: block;}


.section.others .inside_area .circle_area .btn_play{position: absolute;top:50%;left:50%;width: 91px;height: 91px;margin: -46px 0 0 -46px;border-radius: 100%;transform: scale(0);-webkit-transform: scale(0)}
.section.others .inside_area .circle_area .btn_play a{visibility: hidden;opacity: 0;position: absolute;top:0;left:0;width: 91px;height: 91px;display: block;overflow: hidden;border-radius: 100%;background: #fff;}
.section.others .inside_area .circle_area .btn_play a:hover{transform: scale(1.22);-webkit-transform: scale(1.22)}
.section.others .inside_area .circle_area svg image{visibility: hidden;opacity: 0; -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

.section.others .inside_area .section_inner[data-num='0'] .circle_area svg image.inside_img1{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='1'] .circle_area svg image.inside_img2{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='2'] .circle_area svg image.inside_img3{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='3'] .circle_area svg image.inside_img4{visibility: visible;opacity: 1}

.section.others .inside_area .section_inner[data-num='0'] .circle_area .btn_play1{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='1'] .circle_area .btn_play2{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='2'] .circle_area .btn_play3{visibility: visible;opacity: 1}
.section.others .inside_area .section_inner[data-num='3'] .circle_area .btn_play4{visibility: visible;opacity: 1}

.section.others .now_area{background: #FFFFFF;padding: 160px 0}
.section.others .now_area .section_inner{overflow: hidden}
.section.others .now_area .section_inner .title_wrap{float: left}
.section.others .now_area .section_inner .slide_area{float: right;}
.section.others .now_area .section_inner .slide_area ul li{opacity: 0; transform: translate(30px,0);-webkit-transform: translate(30px,0); transition: all 0.5s cubic-bezier(.25,.1,.25,1);-webkit-transition: all 0.5s cubic-bezier(.25,.1,.25,1);}
.section.others .now_area .section_inner .slide_area.on ul li{ opacity: 1; transform: translate(0,0px);-webkit-transform: translate(0,0px);}
.section.others .now_area .section_inner .slide_area.on ul li:nth-child(1){transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.section.others .now_area .section_inner .slide_area.on ul li:nth-child(2){transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.section.others .now_area .section_inner .slide_area.on ul li:nth-child(3){transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.section.others .now_area .section_inner .slide_area .slide_inner{width: 978px;overflow: hidden}
.section.others .now_area .section_inner .slide_area .slide_inner ul{width: 310%;overflow: hidden}
.section.others .now_area .section_inner .slide_area .slide_inner ul li{position: relative; float: left;margin:0 13px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a{display: block;width: 300px;height: 300px;color: #fff; -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a:before{content: '';position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.5);opacity: 0;visibility: hidden; -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a .text_area{position: absolute;top:30px;right:30px;bottom:30px;left: 30px;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a .text_area .sns_ico{float:right; display:none;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a .text_area .now_tit{position: absolute;bottom:25px;font-size: 18px;line-height: 21px;-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a .text_area .now_date{position: absolute;bottom:0;font-size: 12px;line-height: 15px;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li.article a{border: 1px solid #dedede;background: #fff;color: #333;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li.article a .text_area .now_desc{font-size: 14px;line-height: 24px;  height: 164px; /* word-break: keep-all;*/
    overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 7;-webkit-box-orient: vertical;word-wrap: break-word;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li.article a:before{content: none;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a:hover{border-color: #ec6ca5}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a:hover .now_tit{color: #ec6ca5;}
.section.others .now_area .section_inner .slide_area .slide_inner ul li a:hover:before{opacity: 1;visibility: visible}
.section.others .now_area .section_inner .slide_area .carousel ul{font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: center;margin-top: 30px}
.section.others .now_area .section_inner .slide_area .carousel ul li{width: 7px;height: 7px;background: #b5b5b5;display: inline-block;vertical-align: top;margin: 0 5px;border-radius: 100%;}
.section.others .now_area .section_inner .slide_area .carousel ul li.on{background: #ec6ca5;}
.section.others .now_area .section_inner .slide_area .carousel ul li a{display: block;width: 7px;height: 7px;}
.section.others .now_area .section_inner[data-num='0'] .slide_area .carousel ul li.carousel1{background: #ec6ca5;}
.section.others .now_area .section_inner[data-num='1'] .slide_area .carousel ul li.carousel2{background: #ec6ca5;}
.section.others .now_area .section_inner[data-num='2'] .slide_area .carousel ul li.carousel3{background: #ec6ca5;}
.icon11,.icon22{background: url(../image/i3.png) no-repeat 0 center !important;background-size: 70px !important;}
.ProTitle h2,.ProTitle h3,.ProTitle p{color: #FFFFFF !important;text-align: center}
.infra_li2{position: relative;top: 230px}
.newTitle{margin-top: 200px;margin-bottom: 50px}
.infra_li1 .text{position: relative;top: 255px}
.infra_li2 .text{position: relative;bottom: 115px}
.infra_li3 .text{position: relative;bottom: -25px}
.infra_li3 .img{position: relative;top: 25px !important;}
.mainnav .navul li .Mxl{left: 5px}
.mainnav ul .Mxl a{line-height: 35px}
.Products .ProList{padding: 1% 0;}

.clear{clear: both}
.ninfo{padding: 20px 15px 35px;background: #eafafe}
.ninfo p:nth-child(1){font-size: 18px !important;color: #999999;line-height: 0 !important}
.ninfo p:nth-child(2){font-size: 18px !important;color: #000000;line-height: 25px !important}
.ninfo p:nth-child(3){font-size: 16px !important;color: #666666;line-height: 25px !important}
.picScroll-left{width: 1200px;margin: 0 auto}
.nlists{width: 33%;}
.nlist img{width: 90%;}
.nlist .ninfo{width: 90%;height: 250px}
.nlist:last-of-type{margin-right: 0}
.section.others .inside_area .section_inner{height: 1180px}
.txtBoxp{font-size: 24px;margin-bottom: 0}
.picScroll-left{position: relative}
.hd .prev,.hd .next{position: absolute;width: 80px;top: 220px}
.hd .prev{left: -120px}
.hd .next{right: -70px}

/*底部*/
.footerch{margin-top: 20px}
.fimg{width: 100%;display: block}
.flogo{position: absolute;right: 0;top: -160px;width: 27%}
.w-1200{max-width: 1200px;margin: 0 auto;position: relative;}
.bluebg{background: #0051d3;padding: 100px 0 0px;}
.finfo ul{width: 16.6%;float: left}
.finfo ul li a{color: #FFFFFF;font-size: 16px}
.finfo ul li {color: #FFFFFF;line-height: 30px}
.finfo ul li:first-of-type{font-size: 18px;margin-bottom: 10px;overflow: hidden}
.wxcode{float: right}
.ficp{padding: 5px 0;border-top: 1px solid #ffff;margin-top: 60px;}
.ficp p{font-size: 14px;color: #FFFFFF}
.ficp p a{color: #FFFFFF}
.ficpw{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto}

.xypg-pagination {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}
.xypg-pagination a, .xypg-pagination #current, .xypg-pagination span {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei",Arial;
    line-height: 26px;
    border: 1px solid #cbcbcb;
    margin: 0 5px;
    padding: 0 8px;
}
.maps{text-align: center}
.pagecontent h1{text-align: center}
.indexdesc{font-size: 20px !important;text-align: justify}
.nlistn{display: none}
.nch2{display: none}
.HomeF6{padding-top: 0}
.HomeF6 .Links .List ul li a{
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
}
.HomeF6 .Links .List ul li a:hover{
    border: 0;
}
.HomeF6 .Links .bx-viewport{
    padding-top: 22px;
}
.encat{font-size: 30px;margin: 20px 0}
.wxdesc{
    float: right;
    margin-right: 28px;
    margin-top: 8px;
    font-size: 16px;
}
.ProListhz .List li a{
    border: 1px solid #e6e6e6;
}
.ProListhz .List li{
    width: 24%;
    margin-right: 1%;
}
.ProListhz .List li:nth-child(3n){
    margin-right: 1%;
}
.ProListhz .List li:nth-child(5n){
    margin-right: 0;
}
.ProListhz .List li:nth-child(2n){
    margin-right: 1%;
}
.News .List .Libox .txtBox .h3{
    height: auto;
}
.ndesc{font-size: 16px}
.ProListp .List{width: 76.4%}
.ProListp .List .libox{    border: 1px solid #e6e6e6;}
a:hover{color: #0FB4F6 !important}
.infra_icons .item img{
    transition: all .5s;
}
.infra_icons .item:hover img{
    transform: scale(1.2);
}
.ProList .List .txtbox a.more{
    width: 145px;
    background: url(../image/more01.png) no-repeat 97px center;
}
.ldesc{
    font-size: 20px;
    position: absolute;
    top: -110px;
    right: 0;
    font-weight: bold;
    width: 715px;
    text-align: justify;
}
.SidebarList ul .sideA{
    font-size: 20px;
}
.MainTitle .h3{
    font-size: 30px;
}
.ProListp .pagecontent,.ProListp .maps,.page_show,.ProListhz .List{
    width: 76.4%;
    float: right;
}
@media (max-width: 768px) {
    .ProListp .pagecontent,.ProListp .maps,.page_show,.ProListhz .List{
        width: 100%;
        margin-top: 15px;
    }
    .nlist .ninfo{
        height: 170px;
    }
    .HomeF6{padding-top: 380px}
    .ProListp .List{
        width: 100%;
    }
    .wxdesc{
        float: left;
        margin-top: 5px;
        font-size: 16px;
        margin-left: 22px;
    }
    .encat{font-size: 18px;margin: 0}
    .nch2{display: block}
    .nch1{display: none}
    .picScroll-left{width: 75%;margin: 0 auto}
    .nlists{width: 100%;margin: 0 auto}
    .nlist img{width: 100%;}
    .nlist .ninfo{width: 100%}
    .picScroll-left{position: relative}
    .hd .prev,.hd .next{position: absolute;width: 50px;top: 150px}
    .hd .prev{left: -51px}
    .hd .next{right: -51px}
    .HomeF2{height: 3775px}

    .bannerinfo{
        top: 20%;
    }
    .bannerinfo h1{
        font-size: 1.4rem;
        margin: 10px 0;
    }
    .bannerinfo p{
        font-size: 1.2rem;
        margin: 10px 0;
    }
    .TopLang .NavBtn{
        height: 45px;
    }
    .searchBox a{
        margin-top: 5px;
    }
    .TopLang a{
        display: block;
        float: right;
        margin-top: 5px;
    }
    .searchBox input{
        top: 7px;
    }
    .section.others .business_area .section_inner{
        padding-top: 4vh;
        height: 600px;
    }
    .MainTitle .h3 span .icon1 {
        left: -65px;
        background-size: 55px;
    }
    .MainTitle .h3 span .icon2 {
        right: -65px;
        background-size: 55px;
    }
    .section.others .section_area .section_inner p{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .indexdesc {
        font-size: 16px !important;
        line-height: 28px !important;
    }
    #wave1 {
        position: absolute;
        top: 210px;
        height: 160px;
    }
    .icon11, .icon22 {
        background: url(../image/i3.png) no-repeat 0 center !important;
        background-size: 55px !important;
    }
    .infra_li1 .text{
        padding: 0 !important;
        top: 400px;
    }
    .MainTitle .h2{
        font-size: 2rem;
    }
    .section.others .infra_area ul li .text h5{
        font-size: 1.2rem;
    }
    .section.others .infra_area ul li .text .desc{
        font-size: 1rem;
        padding-top: 10px;
    }
    .section.others .infra_area ul li .text a{
        font-size: 0.8rem;
        line-height: 35px;
        width: 140px;
        height: 35px;
        display: block;
        margin: 30px auto 0;
    }
    .section.others .infra_area ul{
        width: 100%;
        padding: 0 15px;
    }
    .section.others .infra_area ul li .text a span.ico{
        top: 15px;
    }
    .infra_li2{
        top: 440px;
    }
    .section.others .infra_area ul .infra_li1 .img{
        top: 440px;
    }
    .section.others .infra_area ul .infra_li2 .text,.section.others .infra_area ul li .text{
        padding: 205px 0;
    }
    #wave1, #wave2, #wave3, #wave4{
        display: none;
    }
    .infra_li3 .img{
        top: -310px !important;
    }
    .newTitle {
        margin-top: 210%;
    }
    .nlists{
        /*width: 100%;*/
        /*padding: 0 3%;*/
    }
    .nlist{
        /*width: 49%;*/
        /*margin-right: 2%;*/
        margin-bottom: 10px;
    }
    .nlist:nth-child(2n){
        /*margin-right: 0;*/
    }
    .nlistn{display: block}
    .ninfo{
        padding: 5px 5px 10px;
    }
    .ninfo p:nth-child(1) {
        font-size: 14px !important;
        color: #999999;
        line-height: 0 !important;
    }
    .ninfo p:nth-child(2) {
        font-size: 15px !important;
        color: #000000;
        line-height: 25px !important;
        margin: 0 !important;
    }
    .ninfo p:nth-child(3) {
        font-size: 14px !important;
        color: #666666;
        line-height: 25px !important;
        margin: 0 !important;
        display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: auto;
    }
    .section.others .inside_area .section_inner{
        height: 1665px;
    }
    .txtBoxp{
        font-size: 16px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
    .finfo ul{
        width: 49%;
        margin-right: 2%;
    }
    .finfo ul:nth-child(2n){
        margin-right: 0;
    }
    .wxcode{
        float: unset;
    }
    .flogo {
        position: absolute;
        right: 35px;
        top: -95px;
        width: 40%;
    }
    .ficpw{
        display: block;
        padding: 0 3%;
        width: 100%;
    }
    .section.others .infra_area ul li .text .infra_icons .item{
        width: 110px;
    }
    .section.others .infra_area ul li .text .desc{
        width: 100%;
    }
    .TopLang .container{
        position: relative;
    }
    .waplogo{
        width: 33%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 5px;
    }
    .banner .BanTxt .h3{
        font-size: 22px;
    }
    .pagecontent img{
        width: 100% !important;
        height: auto !important;
    }
    .lpro{
        padding-top: 85px;
    }
    .ldesc {
        font-size: 16px;
        width: 100%;
        padding: 0 15px;
    }
    .ProListhz .List li{
        width: 49%;
    }
}