/*Fonts*/
@font-face {
  font-family: 'dincond-medium-webfont';
  src: url('../fonts/dincond-medium-webfont.eot');
  src:
    url('../fonts/dincond-medium-webfont.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/dincond-medium-webfont.woff') format('woff'),
    url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
    url('../fonts/dincond-medium-webfont.TTF') format('truetype'),
    url('../fonts/dincond-medium-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'RUBIK-REGULAR-WEBFONT';
  src: url('../fonts/RUBIK-REGULAR-WEBFONT.eot');
  src:
    url('../fonts/RUBIK-REGULAR-WEBFONT.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/RUBIK-REGULAR-WEBFONT.woff') format('woff'),
    url('../fonts/RUBIK-REGULAR-WEBFONT.woff2') format('woff2'),
    url('../fonts/RUBIK-REGULAR-WEBFONT.TTF') format('truetype'),
    url('../fonts/RUBIK-REGULAR-WEBFONT.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.longforsmall{padding-top: 140px;}
.longforsmall *{box-sizing: border-box;}
.longforsmall .banner{background:no-repeat center; background-size:cover;}
.longforsmall .content{background:#25419f url("../img/news/longforsmall_bg.jpg") no-repeat top center;}
.longforsmall .w_lump1 .w1200{height:589px; padding:81px 40px 0; background:url("../img/news/longforsmall_k1_bg.png") no-repeat bottom left; position: relative; z-index: 10;}
.longforsmall .w_lump1 .h1_cn{font-size:22px; color:#fff; line-height: 32px;}
.longforsmall .w_lump1 .h1_en{font-size:32px; color:#fff; line-height: 32px; opacity: .66; filter:alpha(opacity=66); font-family: dincond-medium-webfont; margin-bottom: 6px;}
.longforsmall .w_lump1 .remark{font-size:16px; color:#fff; line-height: 24px; opacity: .66; filter:alpha(opacity=66);}
.longforsmall .w_lump1 .box .h5{font-size:16px; color:#fff; line-height: 24px; font-weight: bold; padding:10px 0;}
.longforsmall .w_lump1 .box p{font-size:15px; color:#fff; line-height: 22px; background:no-repeat;}
.longforsmall .w_lump1 .box{position:absolute;}
.longforsmall .w_lump1 .box:after{content:" "; display:block; width:21px; height:21px; position:absolute; background:url("../img/news/longforsmall_k1_dot.png") no-repeat center;}
.longforsmall .w_lump1 .b1{bottom:291px; left:40px;}
.longforsmall .w_lump1 .b1:after{left:-6px; bottom:-34px;}
.longforsmall .w_lump1 .b1 .h5{padding:0;}
.longforsmall .w_lump1 .b2{top:193px; left:444px; width:200px;}
.longforsmall .w_lump1 .b2:after,.longforsmall .w_lump1 .b4:after{left:0; top:-24px;}
.longforsmall .w_lump1 .b2 p{padding-left: 30px; margin-bottom: 10px;}
.longforsmall .w_lump1 .b3{bottom: 426px; left: 635px; width:186px;}
.longforsmall .w_lump1 .b3:after,.longforsmall .w_lump1 .b5:after{left:0; bottom:-27px;}
.longforsmall .w_lump1 .b3 p{padding-left: 30px;}
.longforsmall .w_lump1 .b4{top:193px; left:800px; width:160px;}
.longforsmall .w_lump1 .b4 .h5{margin-bottom: 14px;}
.longforsmall .w_lump1 .b4 p{padding-left: 25px;}
.longforsmall .w_lump1 .b5{bottom: 426px; left: 964px; width:200px;}
.longforsmall .w_lump1 .adorn{position:absolute; z-index: -1;}
.longforsmall .w_lump1 .an1{left: 86px; top: -15px; -webkit-animation:z_lrswing 5s linear infinite alternate; animation:z_lrswing 5s linear infinite alternate;}
.longforsmall .w_lump1 .an2{left: 48px; top: 311px; -webkit-animation:z_udswing 5s linear infinite alternate; animation:z_udswing 5s linear infinite alternate;}
.longforsmall .w_lump1 .an3{left: 1068px; top: 160px; -webkit-animation:z_udswing 5s linear infinite alternate; animation:z_udswing 5s linear infinite alternate;}
.longforsmall .h_til{width:262px; height:72px; font-size: 22px; color:#fff; text-align: center; line-height: 72px; background:url("../img/news/longforsmall_k1_btn.png") no-repeat center;}
.longforsmall .w_lump2{margin-top:-55px;}
.longforsmall .w_lump2 .w1200{position:relative; margin-bottom: 246px;}
.longforsmall .w_lump2 .h_til{position:absolute; right:0; top:-74px;}
.longforsmall .w_lump2 .h3{font-size: 15px; color: #fff; line-height: 55px; text-align: right;}
.longforsmall .slide_wr1{height:334px; overflow: hidden; position:relative; margin-bottom: 9px;}
.longforsmall .slide_wr1 .hd{position:absolute; left:0; bottom:20px; width:100%; height:9px; text-align: center; font-size: 0;}
.longforsmall .slide_wr1 .hd ul{display:inline-block;}
.longforsmall .slide_wr1 .hd li{float: left; width:40px; height:9px; margin:0 5px; background:#fff; cursor: pointer;}
.longforsmall .slide_wr1 .hd li.on{background:#25419f;}
.longforsmall .slide_wr1 .bd li{cursor:pointer;}
.longforsmall .slide_wr2{height:242px; position:relative;}
.longforsmall .slide_wr2 .tempWrap{width:1200px !important;}
.longforsmall .slide_wr2 .bd ul{width:1210px;}
.longforsmall .slide_wr2 .bd li{position:relative; float:left; width:393px; height:242px; margin-right:10px; cursor:pointer; overflow:hidden;}
.longforsmall .slide_wr2 .bd li .txt{position:absolute; left:0; bottom:0; height:76px; line-height: 76px; width:100%; padding-top:18px; background:url("../img/news/longforsmall_txt_bg.png");}
.longforsmall .slide_wr2 .bd li p{font-size: 16px; color:#fff; line-height: 20px; text-align: center;}
.longforsmall .slide_wr2 .bd li em{font-size: 16px; color:#fff; font-family: "RUBIK-REGULAR-WEBFONT";}
.longforsmall .slide_wr2 .bd li img{-webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.longforsmall .slide_wr2 .bd li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}
.longforsmall .slide_wr2 .btn{display:none; position: absolute; top: 50%; z-index: 3; display: block; margin-top: -40px; width: 79px; height: 79px;}
.longforsmall .slide_wr2 .prev{left: -100px; border-radius: 50%; background:url(../img/project/rd-leftbtn.png) no-repeat center; -webkit-transition: all .3s; transition: all .3s;}
.longforsmall .slide_wr2 .next{right: -100px; border-radius: 50%; background: url(../img/project/rd-rightbtn.png) no-repeat center; -webkit-transition: all .3s; transition: all .3s;}
.longforsmall .slide_wr2 .prev:hover{background: url(../img/project/rd-leftbtn-hover.png) no-repeat center; }
.longforsmall .slide_wr2 .next:hover{background: url(../img/project/rd-rightbtn-hover.png) no-repeat center; }
.longforsmall .w_lump3{margin-bottom: 191px;}
.longforsmall .w_lump3 .w1200{position:relative; padding-bottom: 40px;}
.longforsmall .w_lump3 .h_til{position:absolute; left:0; top:-118px;}
.longforsmall .w_lump3 .ul_wr{overflow:hidden;}
.longforsmall .w_lump3 ul{width:1210px; overflow:hidden;}
.longforsmall .w_lump3 li{float:left; width:393px; /*height:242px;*/ margin:0 10px 10px 0; position:relative; overflow:hidden;}
.longforsmall .w_lump3 li img{max-width: 100%;}
.longforsmall .w_lump3 .pon{position:absolute; left:0; bottom:0; top:0; right:0; -webkit-transition: all .3s; transition: all .3s; opacity:0; filter:alpha(opacity=0);}
.longforsmall .w_lump3 .pon .icon{position:absolute; left:10px; bottom:10px; display:block; width:60px; height:60px; border-radius:50%; margin:0 auto; background:#25419f url("../img/news/longforsmall_icon_down.png") no-repeat center; margin-bottom: 6px; -webkit-transition: all .3s; transition: all .3s;}
.longforsmall .w_lump3 .pon .txt{font-size:16px; color:#fff; line-height: 24px; text-align: center;}
.longforsmall .w_lump3 li:hover .pon{opacity:1; filter:alpha(opacity=100);}
.longforsmall .w_lump3 .pon .icon:hover{background-color: #ffce78;}
.longforsmall .w_lump3 .adorn{position:absolute; right:0; top:-246px; width:369px; height:241px; background:url("../img/news/longforsmall_k4_line.png") no-repeat center;}
.longforsmall .w_lump3 .adorn img{float:right; margin:-100px -140px 0 0; -webkit-animation:z_udswing 5s linear infinite alternate; animation:z_udswing 5s linear infinite alternate;}

#longforsmall_popup{position:fixed; left:0; top:0; height:100%; width:100%; z-index: 999999; opacity:0; filter:alpha(opacity=0);}
#longforsmall_popup.show{opacity:1; filter:alpha(opacity=100);}
#longforsmall_popup .bg{position:absolute; left:0; top:0; height:100%; width:100%; background:#000; opacity:.66; filter:alpha(opacity=66);}
#longforsmall_popup .wr{position:absolute; left:50%; top:50%; width:1200px; height:440px; background:#fff; margin:-190px 0 0 -600px; z-index: 10; padding:10px;}
#longforsmall_popup .adorn1{position:absolute; left:-5px; top:-152px;}
#longforsmall_popup .shut{display:block; position:absolute; right:0; top:-122px; width:114px; height:48px; font-size: 16px; color:#01b2b3; line-height: 16px; text-align: center; padding:54px 0 0; background:url("../img/news/longforsmall_popUp_icon2.png") no-repeat center; font-weight: bold;}
#longforsmall_popup .shut:active {font-size: 12px;}
#longforsmall_popup .le{float:left; width:550px; height:365px; margin-top:75px; padding:0 0 0 30px; overflow:hidden; overflow-y: auto;}
#longforsmall_popup .le img{max-width: 100%;}
#longforsmall_popup .le .til{font-size: 22px; color:#01b2b3; line-height: 32px; margin-bottom: 4px;}
#longforsmall_popup .le h4{font-size: 14px; color:#333; line-height: 24px; padding:16px 0 0; font-weight: 600;}
#longforsmall_popup .le p{font-size: 14px; color:#666; line-height: 26px;}
#longforsmall_popup .le .clearfix>*{margin-right: 80px;}
#longforsmall_popup .ri{float:right; width:550px; height:440px; overflow:hidden; position:relative;}
#longforsmall_popup .bd li{width:550px; height:440px;}
#longforsmall_popup .hd{position:absolute; right:10px; bottom:10px; width:114px; height:56px; background:#fff; border-radius: 56px; text-align: center;}
#longforsmall_popup .hd .d_i{display:inline-block; height:56px;}
#longforsmall_popup .hd .d_i *{float:left; font-size: 26px; color:#01b2b3; line-height: 56px; font-family: "RUBIK-REGULAR-WEBFONT";}
#longforsmall_popup .hd .d_i .at{color:#ccc;}
#longforsmall_popup .btn{position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background:#fff no-repeat center; border-radius: 50%; opacity:0; filter:alpha(opacity=0); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
#longforsmall_popup .prev{left:40px; background-image: url("../img/news/icon_prev.png");}
#longforsmall_popup .next{right:40px; background-image: url("../img/news/icon_next.png");}
#longforsmall_popup .prev:hover{background-image: url("../img/news/icon_prev-on.png");}
#longforsmall_popup .next:hover{background-image: url("../img/news/icon_next-on.png");}
#longforsmall_popup .ri:hover .btn{opacity:1; filter:alpha(opacity=100);}


@-webkit-keyframes z_udswing {
    0% {
        -webkit-transform: translate(0,30px);
        transform: translate(0,30px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@keyframes z_udswing {
    0% {
        -webkit-transform: translate(0,30px);
        transform: translate(0,30px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@-webkit-keyframes z_lrswing {
    0% {
        -webkit-transform: translate(30px,0);
        transform: translate(30px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@keyframes z_lrswing{
    0% {
        -webkit-transform: translate(30px,0);
        transform: translate(30px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}


@media screen and (max-width: 1460px) {
    .longforsmall .slide_wr2 .prev{left:-40px;}
    .longforsmall .slide_wr2 .next{right:-40px;}
}

@media screen and (max-width: 1600px) {
    .longforsmall .w_lump1 .an3{left:900px;}
}


.longforsmall .w_lump4 .w1200{position:relative; padding-bottom: 40px;}
.longforsmall .w_lump4 .h_til{position:absolute; right:0; top:-118px;}
.longforsmall .w_lump4 .ul_wr{overflow:hidden;}
.longforsmall .w_lump4 ul{width:1212px; overflow:hidden;}
.longforsmall .w_lump4 li{float:left; width:190px; height:190px; padding:10px; margin:0 12px 12px 0; position:relative; overflow:hidden; background:#fff;}
.longforsmall .w_lump4 li img{max-width: 100%;}
.longforsmall .w_lump4 .pon{position:absolute; left:0; bottom:0; top:0; right:0; -webkit-transition: all .3s; transition: all .3s; opacity:0; filter:alpha(opacity=0);}
.longforsmall .w_lump4 .pon .icon{position:absolute; left:10px; bottom:10px; display:block; width:60px; height:60px; border-radius:50%; margin:0 auto; background:#25419f url("../img/news/longforsmall_icon_down.png") no-repeat center; margin-bottom: 6px; -webkit-transition: all .3s; transition: all .3s;}
.longforsmall .w_lump4 .pon .txt{font-size:16px; color:#fff; line-height: 24px; text-align: center;}
.longforsmall .w_lump4 li:hover .pon{opacity:1; filter:alpha(opacity=100);}
.longforsmall .w_lump4 .pon .icon:hover{background-color: #ffce78;}
.longforsmall .w_lump4 .adorn{position:absolute; left:0; top:-241px; width:366px; height:246px; background:url("../img/news/longforsmall_k3_line.png") no-repeat center;}
.longforsmall .w_lump4 .adorn img{margin:-100px 0 0 -130px; -webkit-animation:z_udswing 5s linear infinite alternate; animation:z_udswing 5s linear infinite alternate;}