* {
    margin:0px;
    padding:0px;
}
a {
    text-decoration:none;
}
li {
    list-style:none;
}
img {
    vertical-align:middle;
    border:none;
}
body {
    font-family:"Microsoft YaHei";
    min-width:1440px;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.head{
    width:100%;
    height:38px;
    line-height:38px;
    background:#004498;
    color:#fff;
}
.header{
    width:1440px;
    margin:0 auto;
    overflow:hidden;
    font-size: 14px;
}
.header .l{
    font-size:14px;
    float:left;
}
.header img{
    display:inline-block;
    margin-right:8px;
}
.header div{
    font-size:14px;
    height:38px;
    overflow:hidden;
    display:block;
    text-align:right;
}
.nav{
    width:100%;
    height:86px;
    background-color:#fff;
}
.nav_cen{
    width:1440px;
    margin:0px auto;
    height:86px;
}
.logo{
    width:312px;
    float:left;
    padding-top:13px;
}
.logo img{
    float:left;
}
.logo .logo-year{
    margin-top:17px;
    height:20px;
    line-height:20px;
    width:38px;
    text-align:center;
    font-size:12px;
    color:#fff;
    background:#84c225;
    border-radius:4px;
    overflow:hidden;
    font-size:14px;
    color:#fff;
}
.logo .logo-text{
    margin-top:5px;
    height:18px;
    color:#656565;
    line-height:18px;
    overflow:hidden;
    font-size:12px;
}
.nav{
    float:right;
}
.nav_rig{
    float:right;
}
.nav_rig li{
    width:86px;
    padding-right:22px;
    margin:0 22px 0 0;
    float:left;
    text-align:center;
    background:url(../images/top_bg1.png) right 46px no-repeat;
}
.nav_rig li:last-child{
    background:none;
    padding-right:0;
    margin-right:0;
}
.nav_rig a{
    width:86px;
    height:46px;
    padding-top:40px;
    display:block;
    font-size:16px;
    color:#333;
}
.index-banwrap{position: relative;width:100%;overflow:hidden;}
.index-banwrap .index-banner {
    width: 100%;
    height:820px;
    overflow: hidden;
}
.index-banner .slide05 .banner1_con .before{
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}
.index-banner .slide05 .banner1_con .after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.index-banner .slide04 .banner3_text{
    position: absolute;
    top: 31%;
    left: 50%;
    z-index: 20;
    margin-left: -800px;
    color: #fff;
}
.index-banner .slide04 .banner3_text .before{
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}
.index-banner .slide04 .banner3_text .after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.index-banner .slide04 .banner3_text h3{
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 58px;
    width: 72.39583%;
    white-space: nowrap;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.index-banner .slide04 .banner3_text p{
    margin-bottom: 52px;
    font-size: 20px;
    line-height: 32px;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    white-space: nowrap;
}
.index-banner .slide04 .imgpopup img {
    position: absolute;
    z-index: 10;
    width: auto
}
.index-banner .slide04 .imgpopup .pop01 {
    top: 9.875%;
    left: 33.90625%;
    width: 35.46875%
}
.index-banner .slide04 .imgpopup .pop01.before {
    -webkit-transform: translate(-120px, 120px);
    -moz-transform: translate(-120px, 120px);
    -ms-transform: translate(-120px, 120px);
    -o-transform: translate(-120px, 120px);
    transform: translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop02 {
    top: 0;
    left: 58.54167%;
    width: 26.35417%
}
.index-banner .slide04 .imgpopup .pop02.before {
    -webkit-transform: translate(-120px, 120px);
    -moz-transform: translate(-120px, 120px);
    -ms-transform: translate(-120px, 120px);
    -o-transform: translate(-120px, 120px);
    transform: translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop03 {
    top: 80.375%;
    left: 33.3125%;
    width: 33.33333%;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}
.index-banner .slide04 .imgpopup .pop03.before {
    -webkit-transform: translate(120px, -120px);
    -moz-transform: translate(120px, -120px);
    -ms-transform: translate(120px, -120px);
    -o-transform: translate(120px, -120px);
    transform: translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop04 {
    top: 19.5%;
    left: 55.57292%;
    width: 35.46875%;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}
.index-banner .slide04 .imgpopup .pop04.before {
    -webkit-transform: translate(120px, -120px);
    -moz-transform: translate(120px, -120px);
    -ms-transform: translate(120px, -120px);
    -o-transform: translate(120px, -120px);
    transform: translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop05 {
    top: 0;
    left: 80.625%;
    width: 19.47917%;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}
.index-banner .slide04 .imgpopup .pop05.before {
    -webkit-transform: translate(120px, -120px);
    -moz-transform: translate(120px, -120px);
    -ms-transform: translate(120px, -120px);
    -o-transform: translate(120px, -120px);
    transform: translate(120px, -120px)
}
.index-banner .slide04 .imgpopup .pop06 {
    top: 75.5%;
    left: 57.29167%;
    width: 36.97917%
}
.index-banner .slide04 .imgpopup .pop06.before {
    -webkit-transform: translate(-120px, 120px);
    -moz-transform: translate(-120px, 120px);
    -ms-transform: translate(-120px, 120px);
    -o-transform: translate(-120px, 120px);
    transform: translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .pop07 {
    top: 29.125%;
    left: 84.32292%;
    width: 15.88542%
}
.index-banner .slide04 .imgpopup .pop07.before {
    -webkit-transform: translate(-120px, 120px);
    -moz-transform: translate(-120px, 120px);
    -ms-transform: translate(-120px, 120px);
    -o-transform: translate(-120px, 120px);
    transform: translate(-120px, 120px)
}
.index-banner .slide04 .imgpopup .before {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s
}
.index-banner .slide04 .imgpopup .before.after {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}
.index-banner ul.swiper-wrapper .slide01 .anim-1{
    animation:mymove6 0.6s;
    -webkit-animation:mymove6 0.6s linear;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay:0.3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards; 
    -webkit-animation-delay:0.3s;
}
.index-banner ul.swiper-wrapper .slide01 .leftto{
    filter:alpha(opacity=0);
    opacity:0;
    animation:mymove8 0.5s;
    -webkit-animation:mymove8 0.5s linear;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay:0s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards; 
    -webkit-animation-delay:0s;
}
/*.index-banner ul.swiper-wrapper li.slide05 .anim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay:0.6s;

    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards; 
    -webkit-animation-delay:0.6s;
}*/
.banner_con{ top:0; left:0; width:100%; height:100%; position:absolute;}
.banner1_one{ text-align:center; color:#fff;margin-top:6%;}
.banner1_one h2{ font-weight:normal; margin-bottom:0.5%;}
.banner1_two{ text-align:center; color:#fff; margin-top:3%;opacity:0;filter:Alpha(opacity=0);}
.banner1_two span{ display:inline-block; padding-left:60px; padding-right:60px; height:112px;}
.banner1_two span:first-child{ border-right:1px solid rgba(103,119,148,0.5); margin-left:50px;}
.banner1_two span b{ font-weight:normal; color:#ffc600; display:block;}
.banner_con .f90{ font-size:76px;}
.banner_con .f72{ font-size:72px;}
.banner_con .f48{ font-size:48px;}
.banner_con .f36{ font-size:36px;}
.banner_con .f30{ font-size:30px;}

.banner1_con{width:100%; height:100%; position:absolute;top:0;left:0%;}
.banner1_con .span_f1{position:absolute;left:55%;top:0%;}
.banner1_con .span_f2{position:absolute;left:23%;top:17%;}
.banner1_con .span_f3{position:absolute;left:23%;top:36%;}
.banner1_con .span_f4{position:absolute;left:78%;top:12%;}
.banner1_con .span_f5{position:absolute;left:68%;top:31%;}
.banner1_con .span_f6{position:absolute;left:73%;top:51%;}
.banner1_con span{font-size:42px;color:#000;display:block}
.banner1_con span b{font-size:30px;color:#fff;display:block}
.iban-ctrl{position:absolute; bottom:0; width:30%; height:100px;overflow:hidden; z-index:9;perspective: 800px;-webkit-perspective: 800px;-moz-perspective: 800px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;}
.iban-ctrl .sub-arrows{position:absolute; left:48%; top:0; width:auto; height:100%; line-height:100px; padding-left:10px; font-size:0;}
.iban-ctrl .sub-arrows i.icom{display:inline-block; vertical-align:top; width:60px; height:40%; cursor:pointer; position:relative;}
.iban-ctrl .sub-arrows i.prev:before,.iban-ctrl .sub-arrows i.next:before{content:''; display:inline-block; position:absolute; top:42%; width:13px; height:22px; 
    background-image:url(../images/sub-arrows.png); background-position:0px 0px; background-repeat:no-repeat;}
.iban-ctrl .sub-arrows i.prev:before{background-position:0px 0px;left:8px;transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.iban-ctrl .sub-arrows i.next:before{background-position:-14px 0px;left:8px;transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.iban-ctrl .sub-arrows i.icom:after{position:absolute; content: ''; left:0; top:27px; width:30px; height:2px; background-color: #fff;transform: scale(0,1);-webkit-transform: scale(0,1);-moz-transform: scale(0,1);transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.iban-ctrl .sub-arrows i.icom font{color:#000;transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}
.iban-ctrl .sub-arrows i.icom.prev font{position:absolute; left:9px;}
.iban-ctrl .sub-arrows i.icom.next font{position:absolute; left:6px;}
.iban-ctrl .sub-arrows i.prev:hover:before{left:-4px;}
.iban-ctrl .sub-arrows i.next:hover:before{left:20px;}
.iban-ctrl .sub-arrows i:hover:after{transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
.iban-ctrl .sub-arrows i.icom.prev:hover font{left:-7px;}
.iban-ctrl .sub-arrows i.icom.next:hover font{left:20px;}
.scroll-tips{width:70%; height:43px; position:absolute; bottom:6%; left:15%; cursor:pointer; z-index:1; zoom:0.7; -moz-transform:scale(0.7);}
.scroll-tips:after{display:none; z-index:-1; position:absolute; content:''; top:-30px; left:50%; height:53px; border-right:1px solid #333; margin-left:-1px;}
.scroll-tips i{text-align:center;display:block; position:relative;width:50%;height:100%;animation: ani-svg 0.85s linear 0s alternate infinite;
-webkit-animation: ani-svg 0.85s linear 0s alternate infinite; margin:0 auto;}
@keyframes ani-svg{
    0%{
      opacity: 0.4;
      transform: translateY(-20px);
    }
    15%{
      opacity: 0.65;
      transform: translateY(-15px);
    }
    25%{
      opacity: 0.8;
      transform: translateY(-10px);
    }
    50%{
      opacity: 1;
      transform: translateY(0px);
    }
    65%{
      opacity: 0.8;
      transform: translateY(5px);
    }
    75%{
      opacity: 0.65;
      transform: translateY(10px);
    }
    100%{
      opacity: 0.4;
      transform: translateY(15px);
    }
}
@-webkit-keyframes ani-svg{
    0%{
      opacity: 0.4;
      -webkit-transform: translateY(-20px);
    }
    15%{
      opacity: 0.65;
      -webkit-transform: translateY(-15px);
    }
    25%{
      opacity: 0.8;
      -webkit-transform: translateY(-10px);
    }
    50%{
      opacity: 1;
      -webkit-transform: translateY(0px);
    }
    65%{
      opacity: 0.8;
      -webkit-transform: translateY(5px);
    }
    75%{
      opacity: 0.65;
      -webkit-transform: translateY(10px);
    }
    100%{
      opacity: 0.4;
      -webkit-transform: translateY(15px);
    }
}
@-moz-keyframes ani-svg{
    0%{
      opacity: 0.4;
      -moz-transform: translateY(-20px);
    }
    15%{
      opacity: 0.65;
      -moz-transform: translateY(-15px);
    }
    25%{
      opacity: 0.8;
      -moz-transform: translateY(-10px);
    }
    50%{
      opacity: 1;
      -moz-transform: translateY(0px);
    }
    65%{
      opacity: 0.8;
      -moz-transform: translateY(5px);
    }
    75%{
      opacity: 0.65;
      -moz-transform: translateY(10px);
    }
    100%{
      opacity: 0.4;
      -moz-transform: translateY(15px);
    }
}

/*xuqiu*/
.kehuxq{
    width:100%;
    overflow: hidden;
}
.kehuxq_cen{
    width:1440px;
    margin:0px auto;
    overflow: hidden;
}
.kehuxq_hp{
    margin-top:68px;
    width:100%;
    text-align:center;
}
.kehuxq_hp .hp1{
    color: #333333;
    font-size: 40px;
}
.kehuxq_hp .hp1 a{
    color: #333333;
}
.kehuxq_hp .hp2{
    color: #666666;
    font-size: 16px;
    margin-top: 22px;
}
.kehuxq_bot{
    width:100%;
    margin:0px auto;
    padding-top:70px;
    padding-bottom:90px;
    overflow: hidden;
}
.kehuxq_bot .bot_li{
    width:12%;
    float: left;
    padding:0 2%;
    display:inline-block;
}
.kehuxq_bot .bot_li .pic{
    height: 160px;
    width: 160px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}
.kehuxq_bot .bot_li .pic1{
    background: #f0f0f0 url(../images/fw1.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic2{
    background: #f0f0f0 url(../images/fw2.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic3{
    background: #f0f0f0 url(../images/fw3.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic4{
    background: #f0f0f0 url(../images/fw4.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic5{
    background: #f0f0f0 url(../images/fw5.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic6{
    background: #f0f0f0 url(../images/fw6.png) no-repeat center;
}
.kehuxq_bot .bot_li .pic .dot{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 20px;
    height: 20px;
    margin-top: -90px;
    margin-left: -10px;
    border-radius: 10px;
    background-color: #cbcbcb;
    transform-type: preserve-3d;
    transform-origin: 50% 90px;
    transform: rotateZ(30deg);
}
.kehuxq_bot .bot_li:hover .pic .dot{background-color: #a2000d;}
.kehuxq_bot .bot_li:hover .pic1{background: #e00012 url("../images/fw1h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .pic2{background: #e00012 url("../images/fw2h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .pic3{background: #e00012 url("../images/fw3h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .pic4{background: #e00012 url("../images/fw4h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .pic5{background: #e00012 url("../images/fw5h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .pic6{background: #e00012 url("../images/fw6h.png") no-repeat center;}
.kehuxq_bot .bot_li:hover .tp{color: #e00012;}
.kehuxq_bot .bot_li .pic1 .dot{
    animation: dot1 2.5s cubic-bezier(.2,0,.2,1) infinite;
}
.kehuxq_bot .bot_li .pic2 .dot{
    animation: dot1 2.5s cubic-bezier(.3,0,.3,1) infinite;
}
.kehuxq_bot .bot_li .pic3 .dot{
    animation: dot1 2.5s cubic-bezier(.4,0,.4,1) infinite;
}
.kehuxq_bot .bot_li .pic4 .dot{
    animation: dot1 2.5s cubic-bezier(.5,0,.5,1) infinite;
}
.kehuxq_bot .bot_li .pic5 .dot{
    animation: dot1 2.5s cubic-bezier(.6,0,.6,1) infinite;
}
.kehuxq_bot .bot_li .pic6 .dot{
    animation: dot1 2.5s cubic-bezier(.7,0,.7,1) infinite;
}
.kehuxq_bot .bot_li .tp{
    font-size: 22px;
    color: #505050;
    margin-top: 16px;
    text-align:center;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
}
.kehuxq_bot .bot_li .intro{
    font-size:14px;
    line-height: 24px;
    text-align:center;
    color: #666666;
}
@keyframes dot1{
    0%{
        transform: rotateZ(30deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(390deg) rotateX(10deg);
    }
}
.kehuxq_bot .bot_li:hover .pic{
    animation: flipInY 2s ease-in-out;
    -webkit-animation: flipInY 2s ease-in-out;
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1
    }
}
.web_case{
    width:100%;
    overflow: hidden;
    background-color:#f5f5f5;
}
.web_case_cen{
    width:1440px;
    margin:0px auto;
    padding-bottom:75px;
    overflow: hidden;
}
.web_case_li{
    width:100%;
    margin-top:55px;
    overflow: hidden;
}
.IndexCase_content_list{
    display: inline-block;
    width: 22%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    position: relative;
}
.IndexCase_content_list:nth-child(4n) {
    margin-right: 0px!important;
}
.IndexCase_content_list:hover{
    border-bottom: 1px solid #004498;
    transition:all 0.5s ease;-webkit-transform:all 0.5s ease;
}
.IndexCase_content_list:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0%;
    left: 0;
    background: #004498;
    bottom: -1px;
    height: 1px;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.IndexCase_content_list:hover:before{width:100%;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.IndexCase_content_list .content_list_img{
    overflow: hidden;
    position: relative;
    background: #000;
}
.IndexCase_content_list .content_list_img .content_images{
    width:318px;
    height:500px;
}
.IndexCase_content_list .content_list_img .content_images img{
    width:100%;
    height:500px;
}
.IndexCase_content_list:hover .content_list_img .tra{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    filter:scale(1.15);
    filter:transform;
    transition:all 0.5s ease 0s;
    -webkit-transform:all 0.5s ease 0s;
}
.IndexCase_content_list .content_list_img
.IndexCase_content_list .content_list_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.content_list_hover{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    transition:all 0.5s ease 0s;
    -webkit-transform:all 0.5s ease 0s;
}
.contact_content_list:hover .content_list_hover{
    bottom:0px;
    transition:all 0.5s ease 0s;
    -webkit-transform:all 0.5s ease 0s;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.content_list_hover dd{
    background: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    display: none;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.content_list_hover dt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    width:36px;
    color: #fff;
    font-size: 35px;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.content_list_hover dt img{
    width:100%;
}
.content_list_hover hr{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}
.IndexCase_content_list .content_list_img a{
    display: inline-block;
    width: 100%;
}
.content_list_hover .hr img{
    width: auto;
    height: auto;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.IndexCase_content_list .content_list_hover .hr {
    position: absolute;
    left: 50%;
    top: 50%;
    display:none;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}
.IndexCase_content_list:hover .content_list_img img{opacity:.6;transition:all 0.5s ease;-webkit-transform:all 0.5s ease;}
.IndexCase_content_list:hover .content_list_hover dd{opacity:1;}
.IndexCase_content_list:hover .content_list_hover .hr{display:block;}
.IndexCase_content_list:hover .content_list_hover .hr img{ opacity:1;}
.IndexCase_content_list:hover .content_list_hover dt{opacity:1;}
@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
.IndexCase_content_list:hover .content_list_hover .hr img{
    -webkit-transform:rotate(360deg);
    animation:rotation 10s linear infinite;
    -moz-animation:rotation 10s linear infinite;
    -webkit-animation:rotation 10s linear infinite;
    -o-animation:rotation 10s linear infinite;
}
.IndexCase_content_list:hover .content_list_hover .hr img {
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}
.content_list_hover .hr img {
    opacity: 1;
}
.IndexCase_content_list:hover .content_list_img img {
    opacity: .6;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.content_list_title{
    margin-top: 25px;
}
.content_list_title .list_title_left{
    width:88%;
}
.IndexCase_content_list .content_list_title .list_title_left dd{
    color: #333333;
    font-size: 20px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.IndexCase_content_list .content_list_title .list_title_left dd a{
    color: #333333;
    font-size: 20px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.IndexCase_content_list .content_list_title .list_title_left dd i{
    font-style: inherit;
    padding: 0px 15px;
}
.IndexCase_content_list .content_list_title .list_title_left dd span{
    font-size: 16px;
}
.IndexCase_content_list .content_list_title .list_title_left dt{
    color: #999999;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_title_icon {
    color: #bbbbbb;
    font-size: 30px;
    line-height: 52px;
    transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
}
.list_title_icon i{
    font-size:30px;
}
.IndexCase_content_list:hover .content_list_title .list_title_icon{
    color: #004498;
}
.IndexCase_more{
    text-align: center;
    margin-top: 15px;
}
.IndexCase_more a {
    background: #eeeeee;
    display: inline-block;
    width: 185px;
    line-height: 64px;
    text-transform: capitalize;
    font-size: 16px;
    color: #999999;
    font-weight: bolder;
    position: relative;
}
.IndexCase_more a:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: rgba(255,112,25,0);
    border-radius: 100%;
    left: 50%;
    opacity: 0;
    top: 50%;
    -webkit-transform: all 0.5s ease 0s;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.5s ease 0s;
}
.IndexCase_more a span {
    position: relative;
    z-index: 1;
}
.IndexCase_more a:hover{color:#fff;}
.IndexCase .IndexCase_more a:hover:before{
    opacity:1;
    width:100%;
    height:100%;
    border-radius:inherit;
    background:rgba(255,112,25,1);
    transition:all 0.5s ease 0s;
    -webkit-transform:all 0.5s ease 0s;
}
.IndexCase_more a:hover{color:#fff;}
.IndexCase_more a:hover:before{opacity:1;width:100%;height:100%;border-radius:inherit;background:rgba(255,112,25,1);transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.IndexCase_more a:before{content:"";position:absolute;display:inline-block;width:50px;height:50px;background:rgba(255,112,25,0);border-radius:100%;left:50%;opacity:0;top:50%;-webkit-transform:all 0.5s ease 0s;transform:translateX(-50%) translateY(-50%);transition:all 0.5s ease 0s;}
.servers{
    width:100%;
    overflow: hidden;
}
.servers_cen{
    width:1440px;
    margin:0px auto;
    overflow: hidden;
}
.servers_ulli{
    width:100%;
    overflow: hidden;
    position:relative;
    margin-top:60px;
    margin-bottom:60px;
}
.servers_ulli ul li{
    width:100%;
    float: left;
    width: -webkit-calc(20% - 1px);
    width: -moz-calc(20% - 1px);
    width: calc(20% - 1px);
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
    position: relative;
}
.servers_ulli ul li .imgs {
    cursor: pointer;
    overflow: hidden;
    border-color: #fff;
}
.servers_ulli ul li .imgs a{
    display:inline-block;
    position:relative;
    width:100%;
}
.servers_ulli ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}
.servers_ulli ul li .imgs:after {                                
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 #eee;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.servers_ulli ul li:hover .imgs img{
    opacity:1;
    -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -ms-filter:grayscale(0);
    -o-filter:grayscale(0);
    filter:grayscale(0);
    filter:none;
    -webkit-transform:scale(0.9) translateY(-8px);
    -moz-transform:scale(0.9) translateY(-8px);
    transform:scale(0.9) translateY(-8px);
}

.servers_ulli ul li .imgs img{
    width:100%;
    height:158px;
    /*opacity: 0.5;*/
    /*-webkit-filter: grayscale(100%);*/
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /*filter: grayscale(100%);*/
    filter: gray;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.new_ali{
    width:100%;
    overflow: hidden;
}
.servers_ulli .item{
    overflow: hidden;
}
.servers_ulli .item{
    width:1438px;
    float: left;
    /*width: -webkit-calc(20% - 1px);
    width: -moz-calc(20% - 1px);
    width: calc(20% - 1px);*/
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
    position: relative;
}
.servers_ulli .imgbg{
    width: 575px;
    height: 318px;
    float: left;
}
.servers_ulli .servers_button{ 
    position:absolute; 
    top:20px;width:40%;
    left:0; height:0;
    text-align:right;
}
.servers_ulli .servers_button div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width:50px;
    height:50px;
    /*IE7 life-saver*/
    text-indent:60px;
    overflow:hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    cursor:pointer;
}
.servers_ulli .servers_button div.arrow{
    background:url(../images/left.png) no-repeat;
    margin-right:-1px;
}
.servers_ulli .servers_button div.arrow.on{
    background:url(../images/left_on.png) no-repeat;
}
.servers_ulli .servers_button div.next1{
    background:url(../images/right.png) no-repeat;
    margin-right:20px;
}
.servers_ulli .servers_button div.next1.on{
    background:url(../images/right_on.png) no-repeat;
}
.servers_ulli .servers_button div.arrow:hover{
    opacity:0.6;
    filter:Alpha(opacity=60);
    background:url(../images/left_on.png) no-repeat;
}
.servers_ulli .servers_button div.next1:hover{
    opacity:0.6;
    filter:Alpha(opacity=60);
    background:url(../images/right_on.png) no-repeat;
}

.solutioncon{width:100%;height:700px; background:url(../images/i_bg1.jpg) center center  no-repeat;}
.solutioncon_cen{width:1400px;overflow: hidden;margin:0px auto;padding-bottom:70px;}
.solutioncon .solutioncon_l{ width:48%; max-width:550px; float:left; overflow:hidden; color:#fff;}
.solutioncon .solutioncon_l .divhidden{ display:none;}
.solutioncon .solutioncon_l .h2{ font-size:50px; font-weight:normal; line-height:72px; margin-top:120px; margin-bottom:50px;}
.solutioncon .solutioncon_l .p{ font-size:16px;line-height:36px; overflow:hidden; margin-bottom:52px; max-width:435px;}
.solutioncon .solutioncon_l
.guwenmore3{ display:block; width:50px;height:50px; line-height:50px;text-align:center;   clear:both; overflow:hidden;transition:all 0.3s; border:2px solid #fff; border-radius:50%;}
.guwenmore3 i{ display:block; width:100%; height:100%;background:url(../images/i_bg2.png) center center no-repeat;animation: ani-svg2 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg2 0.85s linear 0s alternate infinite;-moz-animation: ani-svg2 0.85s linear 0s alternate infinite;}
.guwenmore3:Hover{opacity:0.6;filter:Alpha(opacity=60);}
.solutioncon .solution_ul{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); float:right; overflow:hidden; border-right:1px solid #495a6f;border-bottom:1px solid #495a6f; margin-top:157px;}
.solutioncon .solution_ul ul li{ float:left; height:279px;width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); border-top:1px solid #495a6f; border-left:1px solid #495a6f; text-align:center; position:relative; overflow:hidden;}
.solutioncon .solution_ul ul li a{ position:absolute; width:100%; height:100%; z-index:9999; top:0; left:0;}
.solutioncon .solution_ul ul li .shade{
    width:100%;
    height:100%;
    background:#f67524;
    position:absolute;
    transform:rotate(-90deg);
    top:-120%;
    left:-10%;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}
.solutioncon .solution_ul ul li img{ height:58px; display:block; margin:0 auto; margin-bottom:27px; margin-top:71px; position:relative;}
.solutioncon .solution_ul ul li strong{ display:block; text-align:center; height:84px; line-height:84px; background:url(../images/i_bg3.png) center top no-repeat; font-size:20px; color:#fff; font-weight:normal; position:relative;}
.solutioncon .solution_ul ul li:hover .shade{top:0; left:0;transform:rotate(0deg);}
.solutioncon .solution_ul ul li p{ display:none;}
.solutioncon .solution_ul ul li .CorebgColour{
    width:100%;
    height:100%;
    z-index: -1;
    padding: 1px;
    margin: -1px;
    background:#f67524;
    position:absolute;
    left:0;top:0;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    filter: Alpha(Opacity=0);
    opacity: 0;
}
.solutioncon .solution_ul ul li:hover .CorebgColour{
    z-index:99;
    filter: Alpha(Opacity=100);
    opacity: 1.0;
}
/*.anim-show {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}*/
.from-top{
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.from-left{
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.from-right{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.from-bottom{
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}


.from-top, .from-left{
    -webkit-animation: enter-clockwise 0.23s ease-out;
    -moz-animation: enter-clockwise 0.23s ease-out;
    -ms-animation: enter-clockwise 0.23s ease-out;
    animation: enter-clockwise 0.23s ease-out;
}
@-webkit-keyframes enter-clockwise{
    from{
        z-index: 3;
        -webkit-transform: rotate(-90deg);
    }
    to{
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes enter-clockwise{
    from{
        z-index: 3;
        -moz-transform: rotate(-90deg);
    }
    to{
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
}
@-ms-keyframes enter-clockwise{
    from{
        z-index: 3;
        -ms-transform: rotate(-90deg);
    }
    to{
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
}
@keyframes enter-clockwise{
    from{
        z-index: 3;
        transform: rotate(-90deg);
    }
    to{
        z-index: 3;
        transform: rotate(0deg);
    }
}

.from-right, .from-bottom{
    -webkit-animation: enter-anti-clockwise 0.23s ease-out;
    -moz-animation: enter-anti-clockwise 0.23s ease-out;
    -ms-animation: enter-anti-clockwise 0.23s ease-out;
    animation: enter-anti-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-anti-clockwise{
    from{
        z-index: 3;
        -webkit-transform: rotate(90deg);
    }
    to{
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes enter-anti-clockwise{
    from{
        z-index: 3;
        -moz-transform: rotate(90deg);
    }
    to{
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
}
@-ms-keyframes enter-anti-clockwise{
    from{
        z-index: 3;
        -ms-transform: rotate(90deg);
    }
    to{
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
}
@keyframes enter-anti-clockwise{
    from{
        z-index: 3;
        transform: rotate(90deg);
    }
    to{
        z-index: 3;
        transform: rotate(0deg);
    }
}

.to-top{
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.to-left{
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.to-right{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.to-bottom{
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.to-top, .to-left{
    -webkit-animation: leave-anti-clockwise 0.23s ease-out;
    -moz-animation: leave-anti-clockwise 0.23s ease-out;
    -ms-animation: leave-anti-clockwise 0.23s ease-out;
    animation: leave-anti-clockwise 0.23s ease-out;
}

@-webkit-keyframes leave-anti-clockwise{
    from{
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -webkit-transform: rotate(-90deg);
    }
}
@-moz-keyframes leave-anti-clockwise{
    from{
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -moz-transform: rotate(-90deg);
    }
}
@-ms-keyframes leave-anti-clockwise{
    from{
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -ms-transform: rotate(-90deg);
    }
}
@keyframes leave-anti-clockwise{
    from{
        z-index: 3;
        transform: rotate(0deg);
    }
    to{
        z-index: 3;
        transform: rotate(-90deg);
    }
}

.to-right, .to-bottom{
    -webkit-animation: leave-clockwise 0.23s ease-out;
    -moz-animation: leave-clockwise 0.23s ease-out;
    -ms-animation: leave-clockwise 0.23s ease-out;
    animation: leave-clockwise 0.23s ease-out;
}

@-webkit-keyframes leave-clockwise{
    from{
        z-index: 3;
        -webkit-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -webkit-transform: rotate(90deg);
    }
}
@-moz-keyframes leave-clockwise{
    from{
        z-index: 3;
        -moz-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -moz-transform: rotate(90deg);
    }
}
@-ms-keyframes leave-clockwise{
    from{
        z-index: 3;
        -ms-transform: rotate(0deg);
    }
    to{
        z-index: 3;
        -ms-transform: rotate(90deg);
    }
}
@keyframes leave-clockwise{
    from{
        z-index: 3;
        transform: rotate(0deg);
    }
    to{
        z-index: 3;
        transform: rotate(90deg);
    }
}

.solutioncon .solution_ul{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); float:right; overflow:hidden; border-right:1px solid #495a6f;border-bottom:1px solid #495a6f; margin-top:70px;}
.solutioncon .solution_ul ul li{ float:left; height:279px;width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); border-top:1px solid #495a6f; border-left:1px solid #495a6f; text-align:center; position:relative; overflow:hidden;}
.solutioncon .solution_ul ul li a{ position:absolute; width:100%; height:100%; z-index:9999; top:0; left:0;}
.solutioncon .solution_ul ul li .shade{width:100%;height:100%;background:#f67524;position:absolute;transform:rotate(-90deg);top:-120%;left:-10%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solutioncon .solution_ul ul li img{ height:58px; display:block; margin:0 auto; margin-bottom:27px; margin-top:71px; position:relative;}
.solutioncon .solution_ul ul li strong{ display:block; text-align:center; height:84px; line-height:84px; background:url(../images/i_bg3.png) center top no-repeat; font-size:20px; color:#fff; font-weight:normal; position:relative;}
.solutioncon .solution_ul ul li:hover .shade{top:0; left:0;transform:rotate(0deg);}
.solutioncon .solution_ul ul li p{ display:none;}
.solutioncon .solution_ul ul li .CorebgColour{width:100%;height:100%;z-index: -1;padding: 1px; margin: -1px;background:#f67524;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;filter: Alpha(Opacity=0);opacity: 0;}
.solutioncon .solution_ul ul li:hover .CorebgColour{
    z-index:99;
    filter: Alpha(Opacity=100);
    opacity: 1.0;
}
.new_ali{
    width:100%;
    overflow: hidden;
    background-color:#f5f5f5;
}
.news_cen{
    width:1440px;
    margin:0px auto;
    overflow: hidden;
}
.news_list{width:100%;overflow: hidden;padding-top:55px;padding-bottom:75px;}
.news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;}
.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}
.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_lone:hover .blog_infTop{background:url(../images/i_bg4.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{ color:#f67524;}
.blog_r{ width:66.6%; height:520px; text-align:left;}
.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; }
.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.l li:last-child{ margin-bottom:0;}
.l{float: left;}
.r{float:right;}
.blol_list{width:32.7%; height:520px;}
.blol_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blol_list.l li:last-child{ margin-bottom:0;}
.blol_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}
.blol_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blol_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; }
.blol_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blol_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blol_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blol_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blol_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blol_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden;    overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;display: -webkit-box; margin-top:19px; font-size:16px;}
.blol_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;}
.blol_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}

.blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{ margin-bottom:0;}
.blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}
.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; }
.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}
.blog_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;}

.blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}
.blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;}
.blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block;}
.blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/i_bg6.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}
.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;}
.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#f67524;}
.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}
.blog_list.r li:hover .blog_Rmore span{background:url(../images/i_bg5.png) 5% center no-repeat;}
.about_us{
    width:100%;
    overflow: hidden;
    height:475px;
    background:url(../images/about_us.jpg) no-repeat;
}
.about_cen{
    width:1440px;
    margin:0px auto;
    padding-top:75px;
    overflow: hidden;
    padding-bottom:45px;
}
.about_font{
    width:100%;
    overflow: hidden;
}
.about_font p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;
    line-height:30px;
    color:#fff;
    font-size:18px;
    text-align:center;
}
.about_num{
    width:1200px;
    margin:0px auto;
    overflow: hidden;
    margin-top:50px;
}
.about_num ul li{
    width:400px;
    float: left;
    color:#fff;
    text-align:center;
}
.about_num .num {
    margin-bottom: 10px;
    font-size: 90px;
    line-height: 92px;
}
.about_num .text {
    font-size: 16px;
    line-height: 24px;
}
.submit_xq{
    width:100%;
    overflow: hidden;
}
.submit_cen{
    width:1440px;
    margin:0px auto;
    height:280px;
    overflow: hidden;
}
.submit_cen .p1 {
    color: #2e2e2e;
    font-size: 32px;
    padding-bottom: 20px;
    padding-top: 50px;
}
.submit_cen input {
    border:none;
    outline:none;
    margin-right: 1%;
    padding-left: 1%;
    margin-bottom: 10px;
}
.submit_cen .input1{
    background-color: #f0f0f0;
    color: #ababab;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
    width: 17%;
}
.submit_cen .input2{
    width:42%;
    background-color: #f0f0f0;
    color: #ababab;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
}
.submit_cen .submit {
    background-color: #004498;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
    width: 15%;
}
.submit_cen .p2 {
    color: #999;
    padding: 30px 0 50px;
    font-size:14px;
}
.foot{
    width:100%;
    position:relative;
    overflow: hidden;
    background-color:#222;
}
.footer{
    width:1440px;
    margin:0px auto;
    overflow: hidden;
    position:relative;
}
.foot_top{
    width:100%;
    padding-top:30px;
    overflow: hidden;
}
.f_logo{
    float: left;
}
.f_list{
    float: left;
    width:840px;
    margin-top:20px;
}
.f_list .f_list_t{
    width:13%;
    float: left;
    text-align:center;
}
.f_list .f_list_t dd{
    margin-bottom:20px;
}
.f_list .f_list_t dd a{
    font-size:14px;
    color:#fff;
}
.f_list .f_list_t dt a{
    font-size: 14px;
    color: #777777;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}
.f_rig{
    float:right;
    width:400px;
    overflow: hidden;
}
.f_lxwm{
    margin-top:10px;
}
.f_lxwm span{
    display:block;
    width:394px;
    height:42px;
    line-height:42px;
    color:#777;
    text-align:center;
    font-size:16px;
    border:1px solid #363636;
    background-color:#2a2a2a;
}
.f_lxwm p{
    margin-top:20px;
    color:#777;
    font-size:14px;
}
.f_lxwm p img{
    margin-right:10px;
}
.f_yqlj{
    width:100%;
    margin-top:16px;
    height:45px;
    line-height:45px;
    font-size:12px;
    color:#777;
}
.f_yqlj a{
    font-size:12px;
    color:#777;
    margin-left:38px;
}
.f_banx{
    width:100%;
    height:46px;
    line-height:46px;
    text-align:center;
    position:relative;
    border-top:1px solid #313131;
}
.f_banx p{
    font-size:14px;
    color:#a5a5a5; 
}
.f_banx p a{
    color:#a5a5a5;
}
#J_dotLine{
    position:absolute;
    left:0;
    top:0;
}
.right_cont{
    position:fixed;
    top:500px;
    right:0px;
    z-index:1000;
    display:none;
    background-color:#fff;
}
.right_cont ul{
    border-top:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
}
.right_cont ul li{
    position:relative;
    text-align:center;
    border-bottom:1px solid #e0e0e0;
    width:60px;
    height:60px;
    line-height:60px;
}
.right_cont ul li a i{
    color:#333;
    font-size:30px;
}
.right_cont ul li:hover .f_ewm{
    display:block;
}
.f_ewm{
    display:none;
    width:200px;
    height:200px;
    position:absolute;
    left:-215px;
    top:0px;
    background:url(../images/f_ewm.png) no-repeat;
}
.right_cont ul li:hover .f_tell{
    display:block;
}
.f_tell{
    display:none;
    width:200px;
    line-height:30px;
    font-size:16px;
    color:#fff;
    position:absolute;
    top:0;
    left:-215px;
    background-color:#004498;
    border-radius:28px;
}
.right_cont ul li:hover{
    background-color:#004498;
}
.right_cont ul li:hover a i{
    color:#fff;
    font-size:30px; 
}