@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/


/*首页*/
@media screen and (max-width:1660px){
/* 头部 */
body{ overflow-x: hidden;}
.w1200{width:1200px;height:auto;margin:0 auto;}
.w1400{width:1400px;height:auto;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clear{clear: both;}
.yys_hei{color:#555;}
.head{height: 115px;width: 1200px;margin:0 auto;}
.head .logo{width:390px;height: 115px;left: 0px;}
.head .logo_img{width: 157px;height: 50px;margin-top: 35px;}
.head .logo_text{margin-left: 15px; width:188px; height:88px; overflow:hidden; float:left;}
.head .nav{height: 115px;margin-left:0px;}
.head .nav .nLi{display: inline-block;font-size: 16px;margin-top: 49px;text-align: center; position:relative;}
.head .nav .nLi .n_a{display: block;position: relative;width: 80px;float: left;height: 50px;}
.head .nav .nLi .n_a::after{content:"";display:block;width:0;height:2px;border-radius:2px;background:#28af62;margin:16px auto 0;transition:padding .3s;z-index: 9999;}
.head .nav .nLi .n_a:hover::after {padding: 0 20px;}
.head .nav .nLi .n_a:hover{color: #28af62;}
.head .nav .sub{display:none; width:90px; left:-5px; top:44px; position:absolute; background:#fff;padding:5px 0; z-index: 99999;text-align: center;padding-top: 30px;font-size: 14px;}
.head .nav .sub li{width:90px;z-index: 777;margin-bottom: 25px;text-align: center;}
.head .nav .sub a{ display:block; padding:0 10px;}
.head .nav .sub a:hover{ color:#28af62; }
.head .nav .nLi.on .n_a::after {padding: 0 20px;}
.head .nav .nLi.on .n_a{color: #28af62;}
.head .top_tel{height: 115px;}
.head .top_tel i{width: 46px;height: 80px;display: inline-block;background:url(../images/top_tel.png)no-repeat center center;margin-right: 10px;}
.head .top_tel span{font-size: 20px;margin-top: 43px;float: right;}
/*  轮播图  */
.banner{overflow: hidden;}  
.banner .focus_box {position:relative;width:100%;height:630px;overflow:hidden;margin:0 auto}
.banner .focus_box .pic {position:relative;z-index:0;}
.banner .focus_box .pic li .move_box {width:100%;height:630px; position: absolute;left:50%;}
.banner .focus_box .pic li .move_box3{margin-left: -599px;}
.banner .focus_box .pic li .move_box3 h2{color:#fff;font-size:72px;opacity:0;filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0;position:absolute;top:200px;margin:0px 0px 0px -190px;}
.banner .focus_box .pic li .move_box3 h2.move1{animation:move1 0.5s ease 0.1s;animation-fill-mode:forwards;}
.banner .focus_box .pic li .move_box3 .text{display:block; position: absolute;top:310px;margin-left:100px;transition: all 0.3s;overflow: hidden;font-size: 24px;left: -190px;-moz-transition: all 0.3s;opacity:0;-webkit-transition: all 0.3s;-o-transition: all 0.3s; color: #fff; }
.banner .focus_box .pic li .move_box3 .button1{margin-left:100px;display:inline-block;left: -190px;font-size:16px;opacity:0;filter: alpha(opacity=0); -moz-opacity:0;  -khtml-opacity:0;width: 180px;height: 50px;line-height: 50px; overflow:hidden;position: absolute;top:378px;text-align: center;transition: all 0.3s; -moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;background:#fff;border-radius:0px 10px 0 10px; -webkit-border-radius:0px 10px 0 10px; -moz-border-radius:0px 10px 0 10px; }
.banner .focus_box .pic li .move_box3 .button1 em{ display:block;height:50px; line-height:50px;font-style:normal}
.banner .focus_box .pic li .move_box3 .button1 span { display:block; transition:all 0.36s ease-out; -webkit-transition:all 0.36s ease-out; -moz-transition:all 0.36s ease-out; -ms-transition:all 0.36s ease-out; -o-transition:all 0.36s ease-out; }
.banner .focus_box .pic li .move_box3 .button1:hover span{margin-top: -50px; color:#28af62;}
.banner .focus_box .pic li .move_box3 a.move2{animation:move2 0.5s ease 0.8s;animation-fill-mode:forwards;}
.banner .focus_box .pic .move_box .text.move2{animation:move2 0.5s ease 0.3s;animation-fill-mode:forwards;}
@keyframes move1 {from{top:300px;opacity:0;filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0;}to{padding-left:100px;opacity:1;filter: alpha(opacity=1); -moz-opacity:1;-khtml-opacity:1;}}
@keyframes move2 {from{margin-left:300px;opacity:0;filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0;}to{margin-left:100px;opacity:1;filter: alpha(opacity=1); -moz-opacity:1;-khtml-opacity:1;}}
.banner .focus_box .pic .li:nth-child(1){background:url(../images/banner1.jpg) no-repeat center center;}
.banner .focus_box .pic .li .np-list-box{position: absolute;width:700px;height:630px;left:50%; top:0;}
.banner .focus_box .pic .li .np-line{position:absolute;left:0px;top:0px;width:700px;height:630px;z-index:1;background:url(../images/np.png) no-repeat;}
.banner .focus_box .pic .li .np-list-img{position:absolute;left:0px;top:0px;width:700px;height:630px;}
.banner .focus_box .pic .li .np-tb01{display:block;width:700px;height:630px;z-index:2}
.banner .focus_box .pic .li .np-tb02{display:block;position:absolute;left:197px;bottom:230px;width:166px;height:162px;z-index:5}
.banner .focus_box .pic .li .np-tb02:before{content:"";position:absolute;left:220px;bottom:30px;width:100%;height:100%;background:url(../images/np-tb02.png) bottom center no-repeat;animation:opacity1 4s ease 0s infinite;-webkit-animation:opacity1 4s ease 0s infinite;}
.banner .focus_box .pic .li .np-tb01:before{content:"";position:absolute;left:0;top:0px;width:700px;height:630px;background:url(../images/np-tb1.png) center no-repeat;z-index:4}
.banner .focus_box .pic .li.np-tb01:after{content:"";position:absolute;left:0;bottom:0;width:539px;height:358px;background:url(../images/np-tb3.png) center no-repeat;z-index:1;-webkit-animation:marginauto 3s linear 0s infinite;-moz-animation:marginauto 3s linear 0s infinite;-o-animation:marginauto 3s linear 0s infinite;animation:marginauto 3s linear 0s infinite;}
.banner .focus_box .pic .li .np-tb01 i{position:absolute;left:0;bottom:0;width:700px;height:630px;background:url(../images/np-tb2.png) center no-repeat;z-index:2}
.banner .focus_box .pic .li .np-list{width:200px;position:absolute;line-height:1.7em;z-index:1;-webkit-animation:marginauto 3s linear 0s infinite;-moz-animation:marginauto 3s linear 0s infinite;-o-animation:marginauto 3s linear 0s infinite;animation:marginauto 3s linear 0s infinite;}
.banner .focus_box .pic .li .np-list .title{font-size:20px;margin-bottom:10px;position:relative;}
.needplus-wrap .np-list .title:before{content:"";position:absolute;left:-18px;top:5px;width:9px;height:9px;background:url(../images/np-tip.png) center no-repeat;}
.banner .focus_box .pic .li .np-line, .banner .focus_box .pic .li .np-tb01 i {
    -webkit-animation: marginauto 3s linear 0s infinite;
    -moz-animation: marginauto 3s linear 0s infinite;
    -o-animation: marginauto 3s linear 0s infinite;
    animation: marginauto 3s linear 0s infinite;
}
.marginauto{-webkit-animation-name:marginauto;animation-name:marginauto;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes opacity1{
    0%,100%{opacity:0.05;}
    40%,60%{opacity:1}
}
@keyframes opacity1{
    0%,100%{opacity:0.05;}
    40%,60%{opacity:1}
}
@keyframes marginauto{
    0%{-webkit-transform:translateZ(0)}
    50%{-webkit-transform:translate3d(0,10px,0)}
    to{-webkit-transform:translateZ(0)}
}
@-webkit-keyframes marginauto{
    0%{-webkit-transform:translateZ(0)}
    50%{-webkit-transform:translate3d(0,10px,0)}
    to{-webkit-transform:translateZ(0)}
}


.banner .focus_box .hd{width:100%;position:absolute; z-index:1; bottom:70px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .focus_box .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:56px; height:4px; margin:2px; border-radius:30px; margin-right: 3px; background-color: rgba(255,255,255,0.3);}
.banner .focus_box .hd ul li.on{ background-color: #28af62}
.banner .focus_box .hd ul li:hover{cursor:pointer;}

/* 浮动头部 */
.index_float{ width: 1200px; height: 106px; background-color: #fff; position: absolute; top:-167px; box-shadow: 0px 15px 10px -15px #eee; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);border: 1px solid #eee;}
.index_float ul li{width: auto;height: 106px;display: inline-block;float: left;box-sizing: border-box; padding-right:5px;border-right: 1px solid #eee;}
.index_float ul li:nth-last-child(1){border:none} 
.index_float ul li .pic{width: 72px;height: 83px;position: relative;margin-left:7px;margin-top: 10px;}
.index_float ul li .pic i{ width: 46px; height: 45px; background:url(../images/inc_4.png)no-repeat; display: block; margin:20px auto; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); }
.index_float ul li .pic span{ width: 72px; height: 72px; background:url(../images/inc_4_hove.png)no-repeat center center; display:block; position: absolute; z-index: 55; left: 0; top: 0; right: 0; bottom: 0; margin: auto; animation: rotate1 30s infinite; -webkit-animation: rotate1 30s infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); }
.index_float ul li .text{height: 106px; width:150px; margin-left:5px;}
.index_float ul li .text h3{font-size: 16px;font-weight: normal;padding-top:20px;}
.index_float ul li .text p{font-size: 14px;padding-top: 5px;}
.index_float ul li:nth-child(1) i{background-position: 0 -0px;}
.index_float ul li:nth-child(2) i{background-position: -45px -0px;}
.index_float ul li:nth-child(3) i{background-position: -92px -2px;}
.index_float ul li:nth-child(4) i{background-position: -146px -0px;}
.index_float ul li:nth-child(5) i{background-position: -195px -0px;}
/* 标题 */
.index_title{width: 1200px;margin: 0 auto;text-align: center;position: relative;}
.index_title h2{font-size: 36px;color: #333;}
.index_title p{font-size: 16px;color: #666;margin-top: 27px;}
.index_title i{width: 399px;height: 8px;position: absolute;display: inline-block;background: url(../images/index_title.png)no-repeat center center;z-index: 20;left: 400px;top: 25px;}
.index_title .on{color: #fff;}
/* 产品中心 */
.porduct{width: 1200px;margin: 120px auto 0;position: relative;}
.porduct .hd {width: 1200px;height: 154px;margin: 60px auto 15px;}
.porduct .hd li{margin-right: 7px;}
.porduct .bd{width: 1200px;margin: 0 auto;height: 580px;}
.porduct .porduct_box_fl{width:550px;height:auto; overflow:hidden;}
.porduct .porduct_box_fl img{ width:100%; height:auto;}
.porduct .porduct_box_fr{width: 600px;height: 360px;margin-top: 40px;}
.porduct .porduct_box_fr h2{margin-left: 10px;font-size: 26px;font-weight: normal;}
.porduct .porduct_box_fr p{color: #878585;margin-left: 10px;margin-top: 20px;margin-bottom: 30px;}
.porduct .porduct_box_fr_text{margin-top: 10px;display: block;color: #878585;margin-left: 10px;}
.porduct .porduct_box_fr_title{color: #28af62;}
.porduct .porduct_box_fr_title i{width: 24px;height: 24px;display: block;float: left;background: url(../images/porduct_box_fr_text.png)no-repeat;margin-right: 5px;margin-top: -5px;}
.porduct .porduct_box_fr_text p{margin-left: 30px;margin-top: 0px;margin-bottom: 0px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.porduct .porduct_box_fr .inc_1{background-position: -7px 0;}
.porduct .porduct_box_fr .inc_2{background-position: -44px 2px;}
.porduct .porduct_box_fr .inc_3{background-position: -75px 0;}
.porduct .porduct_box_fr .inc_4{background-position: -110px 0;}
.porduct .porduct_box_fr .inc_5{background: url(../images/porduct_box_fr_text1.png)no-repeat center center;}
.porduct .porduct_box_fr a{width: 150px;height: 36px;border: 1px solid #eee;display: block;text-align: center;line-height: 36px;color: #878585;margin-top: 60px;margin-left: 40px;}
.porduct .porduct_box_fr a:hover{background-color: #2cb165;border: 1px solid #2cb165;color: #fff;}
/* 渠道 */
.channel{width: 100%;background-color: #f5f8fa;margin: 50px auto 0;}
.channel .support{width: 100%;height: 40px;}
.channel .channel_box{width: 1200px;margin: 50px auto 0;background-color: #fff;position:relative;  overflow:hidden;  zoom:1;height: 800px;border: 1px solid #eee;}
.channel_box .hd{ width:300px;  height:800px; position:absolute;left:0px; overflow:hidden;}
.channel_box .hd ul li{ width:300px; text-align:center;height: 200px; background-color: #fafafa;border: 1px solid #eee;border-top:none;text-align: center;position: relative;cursor: pointer;
border-left: none;}
.channel_box .hd ul li p{font-size: 22px;padding-top: 70px;}
.channel_box .hd ul li span{color: #999;padding-top: 10px;display: block;}
.channel_box .hd ul li::after{width: 10px;height: 0px;background-color: #28af62;content: "";position: absolute;top: 0;left: 0;transition:all .3s;}
.channel_box .hd ul li.on{background-color: #fff;border-right:none;}
.channel_box .hd ul li.on span{color: #28af62;}
.channel_box .hd ul li.on::after{height: 200px;}
.channel_box .bd{ width:900px;height:800px; position:relative;float: right;}
.channel_box .bd li{width:900px;height:800px; }
.channel_box .bd li h2{height: 110px;text-align: center;line-height: 110px;font-size: 36px;font-weight: normal;}
.channel_box .bd li .stock{ width:860px; height:147px; border: 1px solid #eee; margin:0 auto;position: relative;}
.channel_box .bd li .stock h3{font-size: 24px;margin-left:35px;padding-top: 25px;}
.channel_box .bd li .stock p{margin:0 35px;padding-top: 20px;color: #999;}
.channel_box .bd li .stock a{width: 130px;height:42px;text-align:center;line-height: 42px;display: block;position: absolute;top:25px;}
.channel_box .bd li .stock .more_1:hover{background-color: #2cb165;border: 1px solid #2cb165;color: #fff;}
.channel_box .bd li .stock .more_1{border: 1px solid #eee;right: 185px;}
.channel_box .bd li .stock .more_2{color: #fff;background-image: linear-gradient(to right,#269c59,#46c07b);right: 35px;overflow: hidden;}
.channel_box .bd li .stock .more_2 b{display: block;font-weight: normal;transition: all .36s;height: 42px;}
.channel_box .bd li .stock .more_2 em{display: block;font-weight: normal;transition: all .36s;height: 42px;font-style:normal}
.channel_box .bd li .stock .more_2:hover b{margin-top: -42px; }
.channel_box .bd li .analysis{width: 860px;height: 346px;border-bottom:1px solid #eee;margin: 0 auto;overflow: hidden;}
.channel_box .bd li .analysis ul{width: 990px;overflow: hidden;}
.channel_box .bd li .analysis li{width: 290px;height:336px;float: left;overflow: hidden;cursor: pointer;}
.channel_box .bd li .analysis li:nth-child(1){background:url(../images/channel_img1.png)no-repeat center center}
.channel_box .bd li .analysis li:nth-child(2){background:url(../images/channel_img2.png)no-repeat center center}
.channel_box .bd li .analysis li:nth-child(3){background:url(../images/channel_img3.png)no-repeat center center}
.channel_box .bd li .analysis li .text{width: 230px;height: 75px;margin: 230px auto 0;position:relative;}
.channel_box .bd li .analysis li .text p{font-size: 16px;padding-top: 10px;}
.channel_box .bd li .analysis li .text::after{content: "";width: 35px;height: 3px;background-color: #28af62;position: absolute;top: -5px;left: 3px;transition: all .36s;}
.channel_box .bd li .analysis li:hover .text::after{width: 100px;}
.channel_box .bd li .brand{width: 860px;height: 250px;margin: 0 auto;}
.channel_box .bd li .brand ul{width: 880px;overflow: hidden;margin-top: 20px;}
.channel_box .bd li .brand ul li{width: 155px;height: 132px;float:left;margin-right: 20px;}
.channel_box .bd li .brand ul li .brand_img{width: 155px;height: 76px;overflow: hidden;position: relative;}
.channel_box .bd li .brand ul li .brand_img img{width: 155px;height: 76px;transition: all 0.3s;}
.channel_box .bd li .brand ul li .brand_text{width: 154px;text-align: center;margin-top: 10px;color: #666;}
.channel_box .bd li .brand ul li .brand_img .text {position: absolute;width: 155px;height:96px; top:0; left:0; background: rgba(40,175,98,.8);opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-transition: all .5s ease-out;
    }
.channel_box .bd li .brand ul li .brand_img .text p {
        margin-top: 28px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
.channel_box .bd li .brand ul li .brand_img .text span {
        display: block;
        margin: 10px auto 0;
        width: 12px;
        height: 1px;
        background: #fff;
    }
.channel_box .bd li .brand ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.channel_box .bd li .brand ul li:hover .brand_img .text{ opacity:1;}
/* 案例 */
.case{width: 100%;height: 776px;background: url(../images/case_bg.jpg)no-repeat center center;margin:0 auto;}
.case_box_out{width: 1200px;margin:20px auto;}
.case_box_out .hd{width: 215px;height: 573px;float: right;position: relative;border-left:1px solid rgba(255,255,255,0.1); }
.case_box_out .hd::after{width:5px;height:5px;border: 1px solid rgba(255,255,255,0.1);border-radius: 50%;content: "";position: absolute;top: -6px;left: -4px}
.case_box_out .hd ul{margin-top: 50px;margin-bottom: 40px;}
.case_box_out .hd li{width: 215px;height: 55px;cursor: pointer;margin-top: 20px;line-height: 55px;position: relative;}
.case_box_out .hd li::after{width:0px;height:55px;content: "";position: absolute;top: 0px;left: 0px;transition:all .3s;background-image: linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.05),rgba(255,255,255,0));}
.case_box_out .hd li i{width: 40px;height: 40px;background:url(../images/index_case_li_logo.png)no-repeat;display: inline-block;float: left;margin: 7px 15px;}
.case_box_out .hd li:nth-child(1) i{background-position: -3px 0;}
.case_box_out .hd li:nth-child(2) i{background-position: -48px 0;}
.case_box_out .hd li:nth-child(3) i{background-position: -99px 0;}
.case_box_out .hd li:nth-child(4) i{background-position: -151px 0;}
.case_box_out .hd li:nth-child(5) i{background-position: -202px 0;}
.case_box_out .hd li span{color: #ccc;font-size: 16px;}
.case_box_out .hd li.on i{background:url(../images/index_case_li_logo_hover.png)no-repeat}
.case_box_out .hd li.on:nth-child(1) i{background-position: -3px 0;}
.case_box_out .hd li.on:nth-child(2) i{background-position: -48px 0;}
.case_box_out .hd li.on:nth-child(3) i{background-position: -99px 0;}
.case_box_out .hd li.on:nth-child(4) i{background-position: -151px 0;}
.case_box_out .hd li.on:nth-child(5) i{background-position: -202px 0;}
.case_box_out .hd li.on span{color: #fff}
.case_box_out .hd li.on::after{width: 215px;}
.case_box_out .hd .case_more{width: 215px;height: 130px;text-align: center;border-top: 1px solid rgba(255,255,255,0.1);line-height: 80px;position: relative;}
.case_box_out .hd .case_more a::after{width:218px;height:0px;content: "";position: absolute;top: 0px;left: 0px;background-image: linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.05),rgba(255,255,255,0));transition:all .3s;}
.case_box_out .hd .case_more a{display: block;color: #ccc;width: 215px;height: 131px;}
.case_box_out .hd .case_more a:hover{color:#fff}
.case_box_out .hd .case_more a:hover::after{height: 131px;}
.case_box_out .bd{width: 1184px;height: 576px;}
.case_box_in{width: 1184px;height: 576px;position: relative;}
.case_box_in .in_hd{width: 200px;height: 20px;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%,-50%);}
.case_box_in .in_hd li{width: 56px;height: 4px;background-color: rgba(255,255,255,0.3);border-radius: 30px;display: inline-block;margin-right: 3px;cursor: pointer;margin-bottom: 4px;}
.case_box_in .in_hd li.on{background-color: #28af62}
.case_box_in .in_bd ul{margin-left: 30px;}
.case_box_in .in_bd li{width: 164px;height: 90px;float: left;margin-right:28px;border-radius: 5px;overflow: hidden;margin-top: 30px;position: relative;}
.case_box_in .in_bd li a img{width: 164px;height: 90px;transition: all 0.3s;}
.case_box_in .in_bd li a{display: block;width: 164px;height: 90px;}
.case_box_in .in_bd li a .text {position: absolute;width: 164px;height:90px; top:0; left:0; background: rgba(40,175,98,.8);opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-transition: all .5s ease-out;
}
.case_box_in .in_bd li a .text p {
    margin-top: 28px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.case_box_in .in_bd li a .text span {
    display: block;
    margin: 10px auto 0;
    width: 12px;
    height: 1px;
    background: #fff;
}
.case_box_in .in_bd li a:hover img{transform: scale(1.1);}
.case_box_in .in_bd li a:hover .text{opacity: 1;}
/* 新闻 */
.news{width: 1200px; height:auto; overflow:hidden;margin:20px auto; margin-bottom:60px;}
.news .news_box{width: 1200px;margin:40px auto;height: 690px;}
.news .news_box .hd{margin-bottom:35px}
.news .news_box .hd ul{width:100%;text-align:center}
.news .news_box .hd ul li{display:inline-block; width:123px; height:48px; border:1px solid #eee;line-height:48px; margin:0 10px;}
.news .news_box .hd ul li a{display:block;color:#999;}
.news .news_box .hd ul li:hover{ border-color:#28af62; background:#28af62;}
.news .news_box .hd ul li:hover a{color:#fff}
.news .news_box .hd ul li.on{border-color:#28af62;background:#28af62;}
.news .news_box .hd ul li.on a{color:#fff}
.news .news_box .bd{height:520px;width: 1200px;margin: 20px auto;}
.news .news_box .bd .left_a{display: block;width:450px;float:left;position:relative;height: 487px;background-color: #fafafa;margin-top: 30px;}
.news .news_box .bd .left{width:450px;position:relative;}
.news .news_box .bd .left h2{margin-top:15px;font-size:16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;padding-left: 40px;width:280px;}
.news .news_box .bd .left p{color:#999;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:8px;padding-left:40px;margin-right: 30px;}
.news .news_box .bd .left span{color: #999;position: absolute;right:30px;top:364px}
.news .news_box .bd .left_img{overflow: hidden;width: 450px;height: 346px;}
.news .news_box .bd .left_a img{transition: all 0.3s;}
.news .news_box .bd .left_a:hover img{transform: scale(1.1);}
.news .news_box .bd .left_a:hover{background-color: #fff;box-shadow: 1px 1px 5px #eee;}
.news .news_box .bd .left_a:hover h2{color: #28af62;}
.news .news_box .bd .right{width:730px;float:right}
.news .news_box .bd .right ul li{ width:100%; height:140px; background-color: #fafafa; margin-top: 30px;}
.news .news_box .bd .right ul li a{display:block;width:100%;height:100%}
.news .news_box .bd .right ul li a .right_img{width:210px;height:140px;float:left;overflow: hidden;}
.news .news_box .bd .right ul li a .text{margin-top:20px;float: right;width: 500px;position: relative;}
.news .news_box .bd .right ul li a .text::after{ width: 18px; height: 9px; background: url(../images/news_icon.png)no-repeat center; content: ""; position: absolute; bottom: -8px; right:100px; display: none; transition:all .3s ease;}
.news .news_box .bd .right ul li a .text h2{font-size:16px;font-weight:400;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;margin-right: 30px; width:380px;}
.news .news_box .bd .right ul li a .text span{color: #999;position: absolute;right:45px;top:13px}
.news .news_box .bd .right ul li a .text p{font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:180%;margin-top:10px;margin-right: 30px;}
.news .news_box .bd .right .right_img img{transition: all 0.3s;}
.news .news_box .bd .right ul li:hover a{background-color: #fff;box-shadow: 1px 1px 5px #eee;}
.news .news_box .bd .right ul li:hover a img{ transform: scale(1.2);}
.news .news_box .bd .right ul li:hover a .text h2{color: #28af62;}
.news .news_box .bd .right ul li:hover a .text p{margin-left: 10px;transition:all .5s ease;}
.news .news_box .bd .right ul li:hover .text::after{display: block;right: 40px;transition:all .3s ease;}
.news .news_box .more{display:block;width:180px;height:40px;text-align:center;line-height:40px;font-size:14px;position:relative;margin: 75px auto 0;border: 1px solid #eee;color: #494748;}
.news .news_box .more b{font-weight:400;position:relative;z-index:2}
.news .news_box .more::before{content:"";display:block;width:0;height:40px;position:absolute;top:0;left:0;background:#28af62;transition:all .3s ease;z-index:1}
.news .news_box .more:hover b{color: #fff;}
.news .news_box .more:hover::before{width:180px}
/* 在线留言 */
.form_box{width: 100%;height: 407px;background: url(../images/zixun_bg.jpg)no-repeat center center;margin:0 auto;position: relative;overflow: hidden;}
.form_box .form{width: 1200px; overflow: hidden; margin: 0px auto;position: relative;z-index: 9;}
.form_box .form ul{width:1340px; overflow: hidden;}
.form_box .form ul li{width:310px;height:50px; float: left; margin-right: 37px;}
.form_box .form ul li.on{width: 500px;}
.form_box .form ul li input{width: 285px; height: 50px; border: 0;float:left;color: #98999b;padding: 0 15px;}
.form_box .form ul li.on input{width: 470px;}
.form_box .form .textarea{width: 1170px; margin-top: 25px;border:solid 1px #e6e6e6; color: #98999b;padding:15px;outline:none; height: 154px;font-size: 13px;}
.form_box .form .submit{width: 233px; height: 66px; line-height: 66px; font-size: 18px; text-align: center; color: #fff;background: #fdcd5c;border-radius: 5px;margin:  20px auto;overflow: hidden;}
.form_box .form .submit_hover { transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; position: relative;}
.form_box .form .submit_hover span{width: 24px;height: 24px;display: block;position: absolute;background: url(../images/form_submit.png)no-repeat center center;top: 24px;left: 50px;transition: all .36s;}
.form_box .form .submit_hover input{width: 233px; height: 66px; line-height: 66px;border:0;background: #fdcd5c;color: #fff;font-size: 24px;cursor:pointer;border-radius: 5px;}
.form_box .form .submit:hover .submit_hover{margin-top: -35px;}
.form_box #wave {width: 100%;height: 80%;position: absolute;top: 0px;}


/* 底部 */
.foot{width: 100%;margin: 0 auto; height:auto; overflow:hidden; padding-bottom:20px; padding-top: 20px;}
.foot .column{width: 1200px;height:90px;margin: 0 auto;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
.foot .column ul{width: 1525px;overflow: hidden;}
.foot .column ul li{width: 180px;height: 76px;float: left;margin-right:73px;}
.foot .column ul li .column_text{float: right;width: 100px;margin-top:10px;}
.foot .column ul li h2{color: #fff;font-weight: normal;}
.foot .column ul li p{color: #fff;margin-top: 8px;}
.foot .column ul li i{background: url(../images/foot_icn_4.png)no-repeat;width: 52px;height: 50px;display: inline-block;float: left;margin-top: 13px;}
.foot .column ul li:nth-child(1) i{background-position: -3px 0}
.foot .column ul li:nth-child(2) i{background-position: -64px 0}
.foot .column ul li:nth-child(3) i{background-position: -133px 0}
.foot .column ul li:nth-child(4) i{background-position: -184px 0}
.foot .column ul li:nth-child(5) i{background-position: -243px 0}
.foot .add {width: 1200px;margin: 0 auto;border-bottom: 1px solid rgba(255, 255, 255, 0.1);height: 260px; margin-bottom: 20px;}
.foot .add .adder{display: inline-block;margin-top: 45px;position: relative;padding: 0 100px;float: left;}
.foot .add .adder h2{font-size: 20px;color: #fff;padding-bottom: 30px;font-weight: normal;}
.foot .add .adder .phone a{background:url(../images/QQ.png)no-repeat center center;display: inline-block;width: 29px;height: 29px;margin-left: 2px;position: relative;}
.foot .add .adder .phone a::after{background:url(../images/QQ_hover.png)no-repeat center center;width: 29px;height: 29px;position: absolute;top:0;left: 0;content: "";display: none;}
.foot .add .adder .phone i{background: url(../images/phone.png)no-repeat center center;display: inline-block;width: 29px;height: 29px;cursor: pointer;position: relative;margin-left: 5px;}
.foot .add .adder .phone i::after{background:url(../images/phone_hover.png)no-repeat center center;width: 29px;height: 29px;position: absolute;top:0;left: 0;content: "";display: none;}
.foot .add .adder .phone a:hover::after{display: block;}
.foot .add .adder .phone i:hover span{display: block;}
.foot .add .adder .phone i:hover::after{display: block;}
.foot .add .adder .tel{margin-top: 12px;}
.foot .add .adder .tel p{color:#a3a3a3;padding-bottom: 5px;}
.foot .add .adder .tel span{color: #fff;}
.foot .add .adder::after{content: "";position: absolute;width: 1px;height: 148px;background-color:rgba(255, 255, 255, 0.1);top: 20px;right: 0; }
.foot .add .nav_bt{/*width: 384px;*/padding: 0 100px;display: inline-block;margin-top:45px;position: relative;}
.foot .add .nav_bt .nav_box{width: 180px;margin: 0 auto;}
.foot .add .nav_bt .nav_box .title{font-size: 20px;color: #fff;}
.foot .add .nav_bt .nav_box ul{margin-top: 20px;}
.foot .add .nav_bt .nav_box ul li{color: #a3a3a3;margin-bottom: 5px;}
.foot .add .nav_bt .nav_box ul li a{color: #a3a3a3;}
.foot .add .nav_bt .nav_box ul li a:hover{color: #fff}
.foot .add .nav_bt::after{content: "";position: absolute;width: 1px;height: 148px;background-color:rgba(255, 255, 255, 0.1);top: 20px;right: 0; }
.foot .add .weixin{/*width:113px;*/float: right;margin-top:45px;position: relative;margin-right:122px;}
.foot .add .weixin h2{font-size: 20px;color: #fff;font-weight: normal;margin-left: 80px;}
.foot .add .weixin span{position: absolute;width: 113px;height: 113px;background: url(../images/erweima.jpg)no-repeat center center;display: block;top: 50px;left: 80px;}
.copy{ text-align:center; height:20px; line-height:20px; overflow:hidden; margin-bottom:8px;color:#a3a3a3;margin-top:7px;}
.copy a{margin-right:8px;color:#a3a3a3;}
.copy a:hover{color:  #fff;}
.copy img{ vertical-align:middle;}
.foot .friend{width: 1200px; height:auto; line-height:20px;margin: 0 auto 0;color: #a3a3a3;}
.foot .friend .list{width: 1200px;text-align: center;}
.foot .friend a{margin-right: 10px;color: #a3a3a3;}
.foot .friend a:hover{color:  #fff;}
/*列表*/
/* 新闻中心 */
.banner_news{width: 100%;height: 340px;background: url(../images/banner_news.jpg)no-repeat center center;margin: 0 auto;position: relative;}
.banner_news .news_title{width: 1200px;margin:0 auto;}
.banner_news .news_title .titlebox{float: left;margin-top: 117px;}
.banner_news .news_title .titlebox h2{color: #fff;font-size: 30px;font-weight: normal;}
.crumbs{width:600px;margin:20px 0;color: #fff;}
.crumbs a{color: #fff;}
.crumbs a:hover{color: #fffd23;}
.crumbs .crumbs_icon {float: left;display: block;margin: 4px 6px 0 0;width: 14px;height: 14px;background: url("../images/crumbs_icon.png") no-repeat center center;}
.down_ic{ position: absolute;width: 42px;height: 42px;bottom: 30px;left: 50%;transform: translate(-50%,0);}
.down_ic i{width: 42px; height: 42px;animation: Updown 1s infinite alternate; overflow:hidden; -webkit-animation: Updown 1s infinite alternate; background: url(../images/news_down_ic.png)no-repeat;display: block;}
@keyframes Updown {
    from {
        margin-top:15px;
    }
    to {
        margin-top:0px;
    }
}     
@-webkit-keyframes Updown {
    from {
        margin-top:15px;
    }
    to {
        margin-top:0px;
    }
}
.crumbs_bg{width: 100%;height: 121px;background: url(../images/crumbs_bg.jpg)no-repeat center center;margin: 0 auto;}
.crumbs_nav{width: 1200px;margin:0 auto;text-align: center;}
.crumbs_nav li{width: 190px;height: 58px;display: inline-block;font-size: 16px;line-height: 58px;background-color: #fff;margin-top: 31px;margin-right: 20px;position: relative;}
.crumbs_nav li::after{ content: ""; width: 10px; height: 10px; border: 1px solid #333; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; position: absolute;top: 24px;left: 50px;}
.crumbs_nav li a{display:block;padding-left: 37px;}
.crumbs_nav li:hover{background-color: #28af62;} 
.crumbs_nav li:hover a{color:#fff}
.crumbs_nav li:hover::after{border-color: #fff;}
.crumbs_nav li.on{background-color: #28af62;} 
.crumbs_nav li.on a{color:#fff}
.crumbs_nav li.on::after{border-color: #fff;}



/* 新闻前三条 */
.banner_news .news_title{width: 1200px;margin:0 auto;}
.news_listTop{width: 1200px;margin: 20px auto;position: relative;}
.news_listTop .bd li {width: 1200px;height: auto;display: inline-block;}
.news_listTop .bd li .img{width: 670px;height: auto;overflow: hidden;}
.news_listTop .bd li .text_box{width: 520px;background-color: #f9f9f9;}
.news_listTop .bd li .text{width:420px;}
.news_listTop .bd li .text h2{font-size: 24px;  height:72px; line-height:36px; overflow:hidden;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:25px;}
.news_listTop .bd li .text p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;padding:32px 0;}
.news_listTop .bd li .text a{width: 160px;height: 50px;display: block;border: 1px solid #eee;text-align: center;line-height: 50px;position: relative;}
.news_listTop .bd li .text .time{color: #999;}
.news_listTop .bd li .text .time b{width: 20px;height: 18px;background: url(../images/news_time.png)no-repeat center center;display: inline-block;margin-top: 4px;float: left;margin-right: 3px;}
.news_listTop .bd li .text .time i{font-style:normal;font-size: 16px;}
.news_listTop .bd li .text span{width: 160px;height: 50px;position: absolute;display: block;z-index: 2;}
.news_listTop .bd li .text a::after{ content: ""; top: 0; left: 0; width: 0px; height: 50px; position: absolute; background-color:#28af62; transition: all .3s;z-index: 1;}
.news_listTop .bd li .text a:hover{color: #fff;}
.news_listTop .bd li .text a:hover::after{width: 160px;}
.news_listTop .bd li .img a:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.news_listTop .hd{width:400px;position:absolute; z-index:1; bottom:50px; right:100px; height:30px; line-height:30px; text-align:center; }
.news_listTop .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:4px; margin:2px; border-radius:30px; margin-right: 3px; background-color: rgba(221,221,221,0.5);}
.news_listTop .hd ul li.on{ background-color: #28af62}
.news_listTop .hd ul li:hover{cursor:pointer;}
/* 新闻列表 */
.news_list{width: 1216px;margin: 20px auto;overflow: hidden;}
.news_list ul{width: 1216px;overflow: hidden;}
.news_list ul li{width:288px;height:204px;float: left;overflow: hidden;margin-top: 10px;margin-right:16px;text-align: center;}
.news_list ul li a{display:block;}
.news_list ul li .news_list_img{width:288px;height:192px;overflow: hidden;display:table-cell;text-align: center;}
.news_list ul li a img{ width:100%; height:100%;transition: all 0.3s;}
.news_list ul li a .news_list_text{width: 327px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;font-size: 16px;line-height: 20px;margin-top: 10px;height: 20px;}
.news_list ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news_list ul li:hover a{color:#28af62;}
/* 分页 */
.page{text-align:center;margin:0px auto;padding: 50px 0 80px;}
.page a,.page span{display:inline-block;padding:10px 20px;border:1px solid #eaeaea;margin:0 5px;color:#666;vertical-align:middle}
.page span{color:#aaa}
.page a:hover{background:#28af62;border:1px solid #28af62;color:#fff}
.page .cur{display:inline-block;margin:0 5px;background:#28af62;padding:11px 21px;color:#fff;vertical-align:middle}
.page .next,.page .prev{display:inline-block;width:50px;height:42px;border:1px solid #eaeaea;padding:0;vertical-align:middle}
.page .next .arrow,.page .prev .arrow{position:absolute;width:15px;height:15px;margin:13px 17px;background:url(../images/arrow.png) no-repeat}
.page a.next:hover,.page a.prev:hover{background:#28af62;border:1px solid #28af62;padding:0}
.page span.prev .arrow{background-position:-2px -43px}
.page a.prev .arrow{background-position:-2px -3px}
.page a.prev:hover .arrow{background-position:-2px -22px}
.page span.next .arrow{background-position:-14px -43px}
.page a.next .arrow{background-position:-14px -3px}
.page a.next:hover .arrow{background-position:-14px -22px}


/*产品中心页*/
.banner_ows{height:290px; color:#fff; padding-top:110px;}
.product_title{width:861px ;height: 195px;margin:0 auto;text-align: center;}
.banner_ows .product_name{ font-size:40px; height:44px; line-height:44px; overflow:hidden; margin-bottom:25px;}
.banner_ows .product_td{ font-size:20px; height:24px; line-height:24px; overflow:hidden; margin-bottom:38px;}
.bnt_zx{ display:block;width:131px; height:46px; line-height:46px;background:url(../images/zx.png) no-repeat; text-align:center; padding-left:1px;color:#fff; font-size:18px;overflow:hidden;}
.bnt_zx em{ display:block;height:46px; line-height:46px;}
.bnt_zx span { display:block; transition:all 0.36s ease-out; -webkit-transition:all 0.36s ease-out; -moz-transition:all 0.36s ease-out; -ms-transition:all 0.36s ease-out; -o-transition:all 0.36s ease-out; }
.bnt_zx:hover span{ color:#fff;margin-top: -46px;}
.item_one{ background:url(../images/intro_bg.jpg) no-repeat center 0; height:685px; width:100%;}
.intro_pro{ font-size:14px; color:#333; line-height:20px; height:auto; overflow:hidden; font-weight:lighter; margin-bottom:38px;}
.title_item{ width:316px; height:34px; text-align:center;line-height:34px;overflow:hidden; color:#333; font-size:30px; margin:0 auto; margin-bottom:30px; margin-top:50px; background:url(../images/title_g.png) no-repeat center 0;}
.item_intro{height:429px;position:relative;}
.item_left{ width:710px; position:relative;}
.item_left img{ width:513px; height:429px; overflow:hidden;}
.item_left div{ width:280px;color:#333; line-height:22px; height:auto; overflow:hidden;}
.item_left .line_one{position:absolute; top:34px; left:329px;}
.item_left .line_two{ position:absolute;top:150px; left:422px}
.item_left .line_three{ position:absolute;top:264px; left:506px}
.item_right{ width:496px; height:358px; position:absolute;right:-11px; top:18px;}
.item_right .pro_td{ width:420px;height:232px; margin:0 auto; margin-top:52px;}
.item_right .pro_td .top_name{ height:82px; overflow:hidden; margin-bottom:22px;}
.pro_td .top_name .left_icon{ width:80px; height:80px; margin-left:8px; float:left; margin-right:22px; }
.pro_td .top_name .left_icon img{ display:block;width:80px; height:80px;border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; }
.top_name .left_details{ float:left; width:300px;}
.top_name .left_details h3{ font-size:20px; font-weight:normal; color:#333; height:26px; line-height:26px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:10px; margin-bottom:12px;}
.top_name .left_details p{ color:#333; font-size:14px; height:54px; line-height:18px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}
.pro_td .line{ width:420px; height:1px; background:#ebebeb; margin-bottom:25px;}
.other_adv{ width:390px; height:auto;}
.other_adv ul li{ height:24px; line-height:24px; overflow:hidden; color:#555;margin-bottom:14px;}
.other_adv ul li .icon_one{ width:22px; height:24px; float:left; background:url(../images/icon_07.jpg) no-repeat;  margin-right:6px;}
.other_adv ul li .icon_two{background-position:0 -40px;}
.other_adv ul li .icon_three{background-position:0 -79px;}
.item_high{height:654px;padding-top: 70px;position: relative;}
.highlights{ width: 1200px; height:654px; position: absolute; z-index: 2; top: 70px; left: 50%; transform:translate(-50%,0) ; -webkit-transform:translate(-50%,0) ; -moz-transform:translate(-50%,0) ; -ms-transform:translate(-50%,0) ; -o-transform:translate(-50%,0) }
.highlights .title_item1{ margin-top:0; color:#fff; background:url(../images/title_g1.png) no-repeat; width:350px; margin-bottom:79px}
.item_high .back{position:absolute;top:0px;left: 0px;overflow: hidden;width: 100%;height:724px;z-index: 1;}
.item_high .back .pic{background:url(../images/ld_02.jpg) no-repeat center center;height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:auto;-webkit-animation-name:'amplify';-webkit-animation-duration:12s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}
@keyframes amplify{
	0%{opacity:1;filter: alpha(opacity=100);transform:scale(1.2,1.2)}
	100%{opacity:1;filter: alpha(opacity=100);transform:scale(1.0,1.0)}
    }
.circular{ width:602px; height:530px; overflow:hidden; margin:0 auto; position:relative;}
.font_ld{ width:292px; height:120px; line-height:60px; font-size:48px; color:#363e4f; font-weight:bold;  position:absolute;bottom:130px; left:217px;text-transform:uppercase; text-align:right;}
.circular .pic3{ width:602px; height:530px; overflow:hidden;z-index:1; position:absolute;left:0;top:0;}
.circular .pic2{ width:332px; height:333px; position:absolute; top:135px; left:140px;z-index:2;  animation: rotate1 50s infinite;
     -webkit-animation: rotate1 50s infinite;  
     animation-timing-function:linear;
     -webkit-animation-timing-function:linear; }
.circular .pic1{ width:398px; height:372px;position:absolute; top:122px; left:104px;z-index:3;}
@keyframes rotate1 {
    0%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg);     
        -moz-transform:rotate(0deg);    
        -o-transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);   
        -moz-transform:rotate(360deg);  
        -o-transform:rotate(360deg);    
    }
}
.highlights_box{ height:530px; position:relative;}
.spot_one{ width:244px; height:110px; position:absolute;bottom:64px; left:170px;}
.spot_one .spot_top{ height:32px; font-size:16px; color:#fff; margin-bottom:11px;animation: ghostUpdown 1s infinite alternate;-webkit-animation: ghostUpdown1 1s infinite alternate;}
.spot_one .spot_top .icon{ background:url(../images/icon_ld.png) no-repeat; width:34px; height:32px;float:left; margin-right:10px; }
@keyframes ghostUpdown1 {
            from {
                margin-top:6px;
            }
            to {
                margin-top:0px;
            }
        }     
@-webkit-keyframes ghostUpdown1 {
            from {
                margin-top:6px;
            }
            to {
                margin-top:0px;
            }
        }
.spot_one .spot_top .spot_name{ float:left; width:180px; height:20px; line-height:20px; margin-top:8px;}
.spot_one .spot_font{color:#848fa5; line-height:20px; height:60px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}
.spot_two{ position:absolute;bottom:316px; left:160px;}
.spot_two .spot_top .icon1{ background-position:0 -47px;}
.spot_three{ width:302px; position:absolute;top:0; left:470px;}
.spot_three .spot_top .icon2{ background-position:0 -95px;}
.spot_four{ position:absolute;bottom:302px; left:867px;}
.spot_four .spot_top .icon3{ background-position:0 -143px;}
.spot_five{ position:absolute;bottom:66px; left:840px;}
.spot_five .spot_top .icon4{ background-position:0 -192px;}
.programme{ height:auto; overflow:hidden; margin-bottom:34px;width: 1200px;}
.programme .title_item{ background:url(../images/title_g2.png) no-repeat; width:363px;}
.programme_box{ width:1200px;height:auto; overflow:hidden; margin:0 auto;}
.contact_item{ background:#f7f8fa; padding-top:40px; height:232px;}
.item_one_ows {height: 925px;}

/*新增产品列表*/
.banner_sizx_box{ background:url(../images/banner_sizx.jpg) no-repeat center 0;}
.item_left2{ margin-top:-18px;}
.title_item1 {
    margin-top: 0;
    color: #fff;
    background: url(../images/title_g1.png) no-repeat;
    width: 350px;
    margin-bottom: 79px;
}
.banner_pos_box{ background: url(../images/banner_pos.jpg) no-repeat center 0; }
.item_left1{ margin-top:-26px;}
.item_left1 img{width:635px; height:508px;}
.item_high_pos{ background:url(../images/pro_bg.jpg) no-repeat center 0; width:100%; height:490px; padding-top:70px;}
.high_pos_box{ height:226px; overflow:visible; background:rgba(0,0,0,.25); margin-top:230px; }
.high_pos{height:226px; overflow:visible;position:relative;}
.high_pos ul li {width:300px;height:226px;box-sizing:border-box;
    position:absolute;bottom:0;transition:all ease .5s;border-right: 1px solid rgba(255,255,255,0.1);}

.high_pos ul li .li_s{ width: 220px;margin: 0 auto;}
.high_pos ul li .li_s a{ display: block;overflow: hidden;}

.high_pos ul li:nth-child(1) {left:0;}
.high_pos ul li:nth-child(2) {left:300px;}
.high_pos ul li:nth-child(3) {left:600px;}
.high_pos ul li:nth-child(4) {left:900px;}
.high_pos ul li.active,.high_pos ul li:hover {width:300px;height:336px;transition:all ease .5s;border-color:rgba(40,175,98,.2);background: url(../images/li_hover.png) no-repeat left center;
}

.high_pos ul li .item3-arrow {background-image:url(../images/pro_oms_arrow.png);width:25px;height:10px;display:inline-block;visibility:hidden;transition:all ease-in .5s;position:absolute;left:100px;bottom:34px;opacity:0; z-index:4;}
.high_pos ul li.active .item3-arrow,.high_pos ul li:hover .item3-arrow {
    visibility:visible;opacity:1;transition:all ease-in .5s;left:220px;}
.high_pos ul li .item3-title{font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);line-height:1;margin-bottom:14px;margin-top: 40px;}
.high_pos ul li .item3-desc {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);line-height:24px;opacity:.6;height:48px; line-height:24px;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.high_pos ul li span {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);line-height:1;opacity:.6;cursor:pointer;position:absolute;bottom:34px;}
.high_pos ul li.active span,.high_pos ul li:hover span {opacity:1;}
.high_pos ul li.active .item3-title,.high_pos ul li:hover .item3-title { font-weight:bold;}
.pro_td .top_name .left_icon1{ width:90px; height:88px;}
.programme_box_con{margin-bottom:40px;}
.programme_box_con ul{ width:1216px; padding-top:10px;height:auto; overflow:hidden;}
.programme_box_con ul li{ width:280px; height:360px; overflow:hidden;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;webkit-box-shadow: 0 0 18px rgba(0,0,0,0.09); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.09); box-shadow: 0 0 18px rgba(0,0,0,0.09); background:#fff; float:left; position:relative; margin:0 10px; margin-bottom:40px; transition:all .3s;}
.programme_box_con ul li img{ width:334px; height:250px; overflow:hidden;}
.programme_box_con ul li .modular_box{ background:url(../images/mk.png) no-repeat; width:282px; padding:0 26px; height:248px; position:absolute; top:158px; left:0;}
.modular_box .num{ font-size:86px; color:#fff; height:86px; line-height:86px; overflow:hidden;}
.modular_box .title{ font-size:20px; margin-bottom:26px;}
.modular_box .title:after{content:"";display:block;width:36px;height:3px;background:#28af62;transition:all .3s ease;z-index:1; margin-top:10px;}
.modular_box .modular_else{ color:#666;}
.modular_box .modular_else dt { height:18px; line-height:18px; overflow:hidden; margin-bottom:18px;text-overflow: ellipsis;white-space: nowrap;}
.modular_box .modular_else dt .icon{ background:url(../images/yuan.jpg) no-repeat; width:12px; height:12px; float:left; margin-top:3px; margin-right:10px;}
.programme_box_con ul li:hover .title:after{ width:118px;}
.programme_box_con ul li:hover {-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);}
.programme1 .title_item{ margin-bottom:50px;}
.banner_jppj_box{ background:url(../images/banner_jppj.jpg) no-repeat center 0;}
.item_right .pro_td1{width:494px; margin-top:30px;}
.item_right .pro_td1 .top_name{ height:110px;}
.pro_td .top_name .left_icon2{ height:110px;}
.pro_td .top_name .left_icon2 img{ height:110px;}
.item_right .pro_td1 .left_details{ width:360px; margin-top:22px;}
.item_high_gold{ background:url(../images/gold_bg.jpg) no-repeat center 0; height:716px; overflow:hidden;}
.item_high_gold .inner {position: relative;margin: 0 auto;width: 1200px;height:716px;}
.item_high_gold .inner .item_title{ padding-top:50px; height:auto;} 
.item_high_gold .inner .title_item1{ margin-bottom:0; }
.item_high_gold .amina-pic {position: absolute;bottom:-26px;left: 298px;z-index: 2;display: inline-block;width: 604px;height: 643px;background: url(../images/park-service-pic.png) no-repeat center;}
.item_high_gold .amina-line1 {
    position: absolute;
    top: 520px;
    left: 448px;
    display: inline-block;
    width: 33px;
    height: 317px;
    background: url(../images/park-service-line.png) no-repeat;
    background-position: 0 0;
    -webkit-animation: serviceline1 3s linear 0s infinite;
    animation: serviceline1 3s linear 0s infinite;
}
.item_high_gold .amina-line2 {
    position: absolute;
    top: 420px;
    left: 498px;
    display: inline-block;
    width: 33px;
    height: 114px;
    background: url(../images/park-service-line.png) no-repeat;
    background-position: -33px 0;
    -webkit-animation: serviceline2 4s linear 0s infinite;
    animation: serviceline2 4s linear 0s infinite;
}
.item_high_gold .amina-line3 {
    position: absolute;
    top: 380px;
    left: 634px;
    display: inline-block;
    width: 33px;
    height: 234px;
    background: url(../images/park-service-line.png) no-repeat;
    background-position: -66px 0;
    -webkit-animation: serviceline3 3s linear 0s infinite;
    animation: serviceline3 3s linear 0s infinite;
}
.item_high_gold  .amina-line4 {
    position: absolute;
    top: 560px;
    left: 698px;
    display: inline-block;
    width: 33px;
    height: 164px;
    background: url(../images/park-service-line.png) no-repeat;
    background-position: -99px 0;
    -webkit-animation: serviceline4 4s linear 0s infinite;
    animation: serviceline4 4s linear 0s infinite;
}
@-webkit-keyframes serviceline1 {
    0% {
        top: 520px
    }

    100% {
        top: -317px
    }
}

@keyframes serviceline1 {
    0% {
        top: 520px
    }

    100% {
        top: -317px
    }
}

@-webkit-keyframes serviceline2 {
    0% {
        top: 420px
    }

    100% {
        top: -417px
    }
}

@keyframes serviceline2 {
    0% {
        top: 420px
    }

    100% {
        top: -417px
    }
}

@-webkit-keyframes serviceline3 {
    0% {
        top: 380px
    }

    100% {
        top: -457px
    }
}

@keyframes serviceline3 {
    0% {
        top: 380px
    }

    100% {
        top: -457px
    }
}

@-webkit-keyframes serviceline4 {
    0% {
        top: 560px
    }

    100% {
        top: -267px
    }
}

@keyframes serviceline4 {
    0% {
        top: 560px
    }

    100% {
        top: -267px
    }
}
.item_high_gold .inner .item_info{width:438px; height:192px;position: absolute;z-index: 3; overflow:hidden;}
.item_high_gold .inner .info_box{ background:url(../images/item3-icon-bg1.png) no-repeat; width:276px; height:146px; padding-left:28px; padding-top:50px; float:left;}
.item_high_gold .inner .info_box .serial_icon{ background:url(../images/icon_pro.png) no-repeat; width:64px; height:77px; float:left; margin-right:15px;}
.item_high_gold .inner .info_box .title,.item_high_gold .inner .info_box .text{ width:172px; float:left;}
.item_high_gold .inner .info_box .title{ font-size:20px;color:#fff; height:24px; line-height:24px; overflow:hidden; margin-bottom:13px;}
.item_high_gold .inner .info_box .text{ color:#848fa5; height:72px; line-height:18px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-break: break-all; }
.item_high_gold .inner .line1{ float:left; background:url(../images/icon_pro.png) no-repeat 0 -94px; width:132px; height:62px; margin-top:94px;}
.item_high_gold .inner .line2{transform: rotateY(180deg); }
.item_high_gold .inner .line3{ float:left; background-position:-10px -167px; height:58px; margin-top:70px; margin-left:1px;}
.item_high_gold .inner .line4{float:left; background-position:-10px -167px; height:58px; margin-top:70px;transform: rotateY(180deg);margin-left:1px;}
.item_high_gold .inner .info1 {top: 170px;left: 0;}
.item_high_gold .inner .info2{top: 170px;right: 0;}
.item_high_gold .inner .info3{top: 430px;left: 0;}
.item_high_gold .inner .info4{top: 430px;right: 0;}
.item_high_gold .inner .info_box .serial_icon2{ background-position:-74px 0;}
.item_high_gold .inner .info_box .serial_icon1{ background-position:-148px 0;}
.item_high_gold .inner .info_box .serial_icon3{ background-position:-222px 0;}
.programme2{ width:1270px; height:auto; overflow:hidden;}
.programme2 .programme_box_con ul {width:1270px; height:auto; overflow:hidden;}
.programme2 .programme_box_con ul li{ width:350px; margin:0 35px; margin-bottom:22px;}
.programme2 .programme_box_con ul li img{ width:350px; height:286px;}
.programme2 .programme_box_con ul li .modular_box{ width:298px; background: url(../images/mk1.png) no-repeat;}
.item_one1{ height:655px;}
.item_right1 {width: 552px;height: 330px;}
.item_right1 .line{ width:494px;}
.item_right1 .pro_td3 {width: 494px;margin-top: 24px;}
.item_right1 .pro_td3 .top_name {height:102px;}
.pro_td3 .top_name .left_icon3{ width:122px; height:94px; margin-left:0;}
.pro_td3 .top_name .left_icon3 img { width:122px; height:94px;}
.pro_td3 .top_name .left_icon3{ width:122px; height:94px; margin-left:0;}
.pro_td3 .top_name .left_icon3 img { width:122px; height:94px;}
.pro_td3 .top_name .left_details{ width:350px;}
.item_right1 .other_adv{ width:494px;}
.item_right1 .other_adv ul li p{ float:left; width:466px;}
.pro_item4{overflow: hidden;height:648px; background:url(../images/wnlx-item4-bg.jpg) no-repeat center 0; padding-top:70px;}
.pro_item4 .title_item1{ margin-top:0; margin-bottom:60px;}
.pro_item4 .item4-wrap li {
    position: absolute;
    width: 357px
}

.pro_item4 .item4-wrap li.po1 {
    top: 103px;
    left:0px
}

.pro_item4 .item4-wrap li.po2 {
    bottom: -28px;
    left:0px
}

.pro_item4 .item4-wrap li.po3 {
	width:368px;
    top: 103px;
    right:0px
}
.pro_item4 .item4-wrap li.po3 .item4-desc {
	width:300px; 
	margin-left:46px;
}
.pro_item4 .item4-wrap li.po4 {
	 width:368px;
    bottom: -28px;
    right:0px
}
.pro_item4 .item4-wrap li.po4 .item4-desc { 
    width:348px; margin-left:20px;
	}
.pro_item4 .item4-wrap li .item4-title {
    box-sizing: border-box;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color:#fff;
    line-height: 32px
}

.pro_item4 .item4-wrap li .item4-icon1 {
    background-image: url(../images/wnlx-item4-icon1.png);
    background-size: 24px
}

.pro_item4 .item4-wrap li .item4-icon2 {
    background-image: url(../images/wnlx-item4-icon2.png);
    background-size: 24px
}

.pro_item4 .item4-wrap li .item4-icon3 {
    background-image: url(../images/wnlx-item4-icon3.png);
    background-size: 24px 24px;
    text-align: right;
    background-position: right 106px center
}

.pro_item4 .item4-wrap li .item4-icon4 {
    background-image: url(../images/wnlx-item4-icon4.png);
    background-size: 20px 27px;
    text-align: right;
    background-position: right 106px center
}

.pro_item4 .item4-wrap li .item4-line {
    width: 232px;
    height: 57px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute
}

.pro_item4 .item4-wrap li .item4-line1 {
    background-image: url(../images/wnlx-item4-line-right.png);
    top: -12px;
    right: -12px
}

.pro_item4 .item4-wrap li .item4-line2 {
    background-image: url(../images/wnlx-item4-line-left.png);
    top: -12px
}

.pro_item4 .item4-wrap li .item4-desc {
	width:337px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255,255,255,0.67);
    line-height: 20px;
	height:60px;
    margin-top: 16px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.pro_item4.item4-cover {
    background-image: url(../images/product/wnlx/index/wnlx-item4-circle-bg.png);
    background-size: 100%;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat
}

.pro_item4 .item4-box {position: relative;margin-top: 22px;}
.pro_item4 .item4-box .item4-jiqi {
    width: 416px;
    height: 456px;
    margin: auto;
    margin-top: -44px;
    position: relative;
}

.pro_item4 .item4-box  .item4-waihuan {
    background: url(../images/wnlx-item4-waihuan.png);
    background-size: 100%;
    width: 692px;
    height: 692px;
    position: absolute;
    left: -139px;
    right: 0;
    margin: auto;
    top: -57px}

    .pro_item4 .item4-box .tiao {
        top: 286px;
        left: 320px;
        position: absolute;
        z-index: 4;
        width: 4px;
        height: 28px;
        background: url(../images/kxd-tiao.png) no-repeat;
        -webkit-animation: kxd-tiao 3s .1s infinite;
        -moz-animation: kxd-tiao 3s .1s infinite;
        -ms-animation: kxd-tiao 3s .1s infinite;
        -o-animation: kxd-tiao 3s .1s infinite;
        animation: kxd-tiao 3s .1s infinite;
    }
    .pro_item4 .item4-box .tiao.tiao1 {
        top: 288px;
        left:217px;
        -webkit-animation: kxd-tiao 2.7s .2s infinite;
        -moz-animation: kxd-tiao 2.7s .2s infinite;
        -ms-animation: kxd-tiao 2.7s .2s infinite;
        -o-animation: kxd-tiao 2.7s .2s infinite;
        animation: kxd-tiao 2.7s .2s infinite;
    }	
    .pro_item4 .item4-box .tiao.tiao2 {
        top: 314px;
        left: 304px;
        -webkit-animation: kxd-tiao 2.5s .3s infinite;
        -moz-animation: kxd-tiao 2.5s .3s infinite;
        -ms-animation: kxd-tiao 2.5s .3s infinite;
        -o-animation: kxd-tiao 2.5s .3s infinite;
        animation: kxd-tiao 2.5s .3s infinite;
    }	
    .pro_item4 .item4-box .tiao.tiao3 {
        top: 316px;
        left: 238px;
        -webkit-animation: kxd-tiao 2.5s .3s infinite;
        -moz-animation: kxd-tiao 2.5s .3s infinite;
        -ms-animation: kxd-tiao 2.5s .3s infinite;
        -o-animation: kxd-tiao 2.5s .3s infinite;
        animation: kxd-tiao 2.5s .3s infinite;
    }
    @-webkit-keyframes kxd-tiao {
        0% {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: translate3d(0,50px,0);
            transform: translate3d(0,50px,0)
        }
    
        50% {
            opacity: 1;
            filter: alpha(opacity=100)
        }
    
        100% {
            opacity: 0;
            filter: alpha(opacity=0)
        }
    }
.pro_item4 .item4-box .item4-point {
    background: url(../images/wnlx-item4-point.png);
    background-size: 100%;
    width: 428px;
    height: 283px;
    position: absolute;
    left: -7px;
    right: 0;
    margin: auto;
    top: 138px;
}	

.pro_item4 .item4-box .item4-out-circle {
    background: url(../images/wnlx-item4-out-circle.png);
    background-size: 100%;
    width: 537px;
    height: 537px;
    position: absolute;
    left: -64px;
    right: 0;
    margin: auto;
    top: 17px;
    -webkit-animation: rotateForEver1 10s linear 0s infinite;
    animation: rotateForEver1 10s linear 0s infinite;}

.pro_item4 .item4-box .item4-kedu {
    background: url(../images/wnlx-item4-kedu.png);
    background-size: 100%;
    width: 526px;
    height: 526px;
    position: absolute;
    left: -55px;
    right: 0;
    margin: auto;
    top: 27px;
    -webkit-animation: rotateForEver1 10s linear 0s infinite;
    animation: rotateForEver1 10s linear 0s infinite;
	
}
.arrow-cir:before {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    content: "";
}
.arrow-cir{position: absolute;width: 6px;height: 6px;border-radius: 50%; top:25px; background:#ffffff;    transition: all .8s ease-out;}
.arrow-cir.rdot1{top:25px;}
.arrow-cir:before{position:relative;z-index:3;display:block;width:100%;height:100%;border-radius:50%;background:#fff;content:"";}
.arrow-cir.active em{z-index:0;position:absolute;top:50%;left:50%;box-sizing:border-box;margin-top:-14px;margin-left:-14px;width:28px;height:28px;border:1px solid rgba(255,255,255,.5);border-radius:50%;
-webkit-transform:scale(.6);transform:scale(.6);
-webkit-animation:cir_scaleForEver 4s linear infinite;-moz-animation:cir_scaleForEver 4s linear infinite;
-o-animation:cir_scaleForEver 4s linear infinite;
animation:cir_scaleForEver 4s linear infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;
animation-timing-function:linear;}
.arrow-cir.active .arrow-cir-radio2{z-index:1;-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes cir_scaleForEver{
    0%{transform:scale(.6);-webkit-transform:scale(.6);opacity:1;}
    70%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:.8;}
    100%{transform:scale(2);-webkit-transform:scale(2);opacity:0;}
}
@keyframes cir_scaleForEver{
    0%{transform:scale(.6);-webkit-transform:scale(.6);opacity:1;}
    70%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:.8;}
    100%{transform:scale(2);-webkit-transform:scale(2);opacity:0;}
}

.arrow-cir.rdot1{opacity:0;filter:alpha(opacity=0);top:120px;left:400px;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.arrow-cir.rdot1.on{opacity:1;filter:alpha(opacity=100);top:25px;}


.pro_item4 .item4-wrap li .item4-line1 .arrow-cir{ left:28px;}
.pro_item4 .item4-wrap li .item4-line2 .arrow-cir{ right:28px;left:auto;}

.banner_ty_box{ background:url(../images/banner_ty.jpg) no-repeat center 0;}
.item_left3{ width:780px; margin-top:-20px;}
.item_left3 img{ width:780px; height:508px;}
.item_right3{width:402px; height:382px;}
.item_right3 .pro_td{ width:352px;margin-top: 40px;} 
.item_right3 .top_name .left_details{ width:240px;}
.item_right3 .other_adv{ width:352px;}
.item_right3 .pro_td .line{ width:352px;}
.other_adv{ width:390px; height:auto;}
.other_adv ul li{ height:auto; line-height:24px; overflow:hidden; color:#555;margin-bottom:10px;}
.other_adv ul li p{ float:left;}
.other_adv ul li .icon_one{ width:22px; height:24px; float:left; background:url(../images/icon_07.jpg) no-repeat;  margin-right:6px;}
.other_adv ul li .icon_one1{ background-position:0 -112px;}
.other_adv ul li .icon_two{background-position:0 -79px;}
.other_adv ul li .icon_three{background-position:0 -40px;}
.pro_item_ty { background:url(../images/cb-item3-bg.jpg) no-repeat center 0; height:645px;}
.item_right_pos {width: 480px;height: 380px;}
.item_right_pos .pro_td{ margin-top:24px;}
.main_ty{ position:relative;}
.subject-upgrade{position:relative;display:block;width:772px;height:645px;margin:0 auto;}
.pk-rotate-box{position:absolute;left:50%;top:100px;margin-left:-163px;width:321px;height:321px;background:url(../images/rotate-pk.png) no-repeat center;border-radius:50%;}
.subject-upgrade .upg-li{position:absolute;width:0;height:377px;overflow:hidden;background-position:0 0;background-repeat:no-repeat;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .8s ease-out;transition:all .8s ease-out
}
.subject-upgrade.setp-two .upg-li{width:464px;height:377px;overflow:visible;opacity:1;filter:alpha(opacity=100);}
.subject-upgrade .upg-li1{bottom:196px;right:449px;background:url(../images/pk-rotate-linel.png);background-position:right bottom;}
.subject-upgrade .upg-li2{bottom:196px;left:451px;background:url(../images/pk-rotate-liner.png);background-position:left bottom;}
.subject-upgrade .upg-more{position:absolute;width:405px;height:475px;font-size:16px;line-height:28px;text-align:center;color:#fff;opacity:.1;filter:alpha(opacity=10);-webkit-transition:all 1.4s ease-out;transition:all 1.4s ease-out}
.subject-upgrade.setp-two .upg-more{opacity:1;filter:alpha(opacity=100);}
.subject-upgrade .upg-li1 .upg-more{bottom:-118px;right:0;}
.subject-upgrade.setp-two .upg-li1 .upg-more{bottom:-17px;right:138px;}
.subject-upgrade .upg-li2 .upg-more{bottom:-98px;left:0;}
.subject-upgrade.setp-two .upg-li2 .upg-more{bottom:-16px;left:131px;}
.subject-upgrade .upg-li3 .upg-more{top:-90px;right:0;}
.subject-upgrade .upg-text{width:400px;height:214px;background:url(../images/upg-more-bg.png) no-repeat 0 0;}
.subject-upgrade .upg-text1{ margin-top:70px;}
.subject-upgrade .upg-text ul{text-align:left;padding:23px 45px;line-height:24px;}
.subject-upgrade .upg-text li{margin-bottom:6px;font-size:14px;}
.subject-upgrade .upg-text h5{font-size:17px;padding-left:22px;position:relative;line-height:60px;height:60px;-moz-transform:matrix(1,0,0,0.99984631447337,0,0);-webkit-transform:matrix(1,0,0,0.99984631447337,0,0);-ms-transform:matrix(1,0,0,0.99984631447337,0,0);transform:matrix(1,0,0,0.99984631447337,0,0); margin-bottom:24px; font-weight:normal; font-size:20px;}
.subject-upgrade .upg-text h5:before{content:"";width:17px;height:20px;position:absolute;left:-5px;top:21px;background:url(../images/cb-item3-tip.png) no-repeat 0 0;}

.subject-upgrade .upg-text h5:after{content:"";position:absolute;left:0;bottom:-6px;width:170px;height:13px;background:url(../images/upg-text-line.png) no-repeat 0 0;-webkit-animation:line_background 4s linear infinite;-moz-animation:line_background 4s linear infinite;-ms-animation:line_background 4s linear infinite;-o-animation:line_background 4s linear infinite;animation:line_background 4s linear infinite;background:url(../images/upg-text-line.png) no-repeat 0 0;}
.subject-upgrade .upg-li.upg-li2 label:after{-webkit-animation:line_background 4s .8s linear infinite;-moz-animation:line_background 4s .8s linear infinite;-ms-animation:line_background 4s .8s linear infinite;-o-animation:line_background 4s .8s linear infinite;animation:line_background 4s .8s linear infinite;}
.subject-upgrade .upg-text p{opacity:.5;/*letter-spacing:1.5px*/}
.subject-upgrade .upg-dot{position:absolute;width:1px;height:4px;background-color:#fff;}
.subject-upgrade .upg-dot:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background-color:#fff;opacity:.5;filter:alpha(opacity=50);-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-animation:pk-scaleForEver 1s linear infinite;-moz-animation:pk-scaleForEver 1s linear infinite;-ms-animation:pk-scaleForEver 1s linear infinite;-o-animation:pk-scaleForEver 1s linear infinite;animation:pk-scaleForEver 1s linear infinite;}
.subject-upgrade .upg-li1 .upg-dot{top:35px;right:4px;}
.subject-upgrade .upg-li1 .upg-dot.dot2{top:0px;right:58px;width:4px;height:1px;}
.subject-upgrade .upg-li1 .upg-dot.dot3{top:auto;bottom:35px;right:4px;}
.subject-upgrade .upg-li1 .upg-dot.dot4{bottom:0px;right:58px;width:4px;height:1px;top:auto;}
.subject-upgrade .upg-li2 .upg-dot{top:35px;left:0;}
.subject-upgrade .upg-li2 .upg-dot.dot2{top:0;left:55px;width:4px;height:1px;}
.subject-upgrade .upg-li2 .upg-dot.dot3{top:auto;bottom:35px;left:0;}
.subject-upgrade .upg-li2 .upg-dot.dot4{top:auto;bottom:0;left:55px;width:4px;height:1px;}
.subject-upgrade .pk-rotate3,.subject-upgrade .pk-rotate2,.subject-upgrade .pk-rotate1{position:absolute;left:0;top:0;z-index:1;width:321px;height:321px;background:url(../images/pk-rotate-1.png) no-repeat center;}
.subject-upgrade .pk-rotate2{background:url(../images/pk-rotate-2.png)}
.subject-upgrade .pk-rotate3{background:url(../images/pk-rotate-3.png)}
.subject-upgrade .upg-rotate .upg-dot{opacity:0}
.subject-upgrade .upg-rotate{opacity:0;position:absolute;width:664px;height:664px;left:50%;top:50%;margin:-332px 0 0 -332px;z-index:2;background:url(../images/pk-rotate-0.png) no-repeat bottom;}
.subject-upgrade.setp-two .upg-rotate{opacity:1}
.subject-upgrade.setp-two .upg-rotate .upg-dot{opacity:1;left:50%;top:195px;}
.subject-upgrade.active .pk-rotate1{-webkit-animation:rotateForEver2 2.2s linear;-moz-animation:rotateForEver2 2.2s linear;-ms-animation:rotateForEver2 2.2s linear;-o-animation:rotateForEver2 2.2s linear;animation:rotateForEver2 2.2s linear;}
.subject-upgrade.setp-one .pk-rotate2{-webkit-animation:rotateForEver 6s linear infinite;-moz-animation:rotateForEver 6s linear infinite;-ms-animation:rotateForEver 6s linear infinite;-o-animation:rotateForEver 6s linear infinite;animation:rotateForEver 6s linear infinite;}
.subject-upgrade.setp-one .pk-rotate3{-webkit-animation:rotateForEver1 8s linear infinite;-moz-animation:rotateForEver1 8s linear infinite;-ms-animation:rotateForEver1 8s linear infinite;-o-animation:rotateForEver1 8s linear infinite;animation:rotateForEver1 8s linear infinite;}
@-webkit-keyframes pk-scaleForEver{
    0%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.5;}
    70%{transform:scale(1);-webkit-transform:scale(1);opacity:.1;}
    100%{transform:scale(1.3);-webkit-transform:scale(1.3);opacity:0;}
}
@keyframes pk-scaleForEver{
    0%{transform:scale(.5);-webkit-transform:scale(.5);opacity:.5;}
    70%{transform:scale(1);-webkit-transform:scale(1);opacity:.3;}
    100%{transform:scale(1.3);-webkit-transform:scale(1.3);opacity:0;}
}
@-webkit-keyframes line_background{
    0%{background-position:-170px 0}
    100%{background-position:0 0}
}
@keyframes line_background{
    0%{background-position:-170px 0}
    100%{background-position:0 0}
}
@-webkit-keyframes width_background{
    0%{background-position:0 0}
    100%{background-position:-1920px 0}
}
@keyframes width_background{
    0%{background-position:0 0}
    100%{background-position:-1920px 0}
}








/*成功案例*/
.banner_case .case_title_box{width:861px ;height: 195px;margin:0  auto;text-align: center;}
.banner_case .case_title{width: 800px;margin: 0px auto;text-align: center;}
.banner_case .case_title h2{font-size: 36px;padding: 20px;color: #fff;font-weight: normal;}
.banner_case .case_title p{font-size: 18px;color: #fff}
.case_box{width: 1200px;margin: 0 auto;}
.case_box .hd{width: 100%;margin:0 auto;}
.case_box .hd ul{margin-left: 0px;height: 165px;position: relative;}
.case_box .hd ul::after{width: 1200px;height: 17px;background:url(../images/case_box_hd_bottom2.png)no-repeat center center;position: absolute;content: "";bottom: 20px;left: -1px;z-index: 5;}
.case_box .hd ul li{width: 204px;height: 80px;display: inline-block;background-color: #f9f9f9;float: left;margin-right: 45px;line-height: 80px;font-size: 20px;margin-top: 30px;position: relative;cursor: pointer;}
.case_box .hd ul li i{width: 50px;height: 50px;display: inline-block;background:url(../images/case_box_hd.png)no-repeat;float: left;margin:15px 8px 15px 35px}
.case_box .hd ul li:last-child{margin-right:0px;}
.case_box .hd ul li:nth-child(1) i{background-position: -3px 0;}
.case_box .hd ul li:nth-child(2) i{background-position: -60px 0;}
.case_box .hd ul li:nth-child(3) i{background-position: -116px 0;}
.case_box .hd ul li:nth-child(4) i{background-position: -178px 0;}
.case_box .hd ul li:nth-child(5) i{background-position: -241px 0;}
.case_box .hd ul li a{display: block; color:#333;}
.case_box .hd ul li:hover a{color:#28af62;}
.case_box .hd ul li p{ background:url(../images/case_box_hover.png)no-repeat center center; width: 118px; height: 30px; position: absolute; bottom:-28px; left: 38px; display:none;z-index: 55;}
.case_box .hd ul li::after{content: "";position: absolute;background:url(../images/case_box_hover_d.png)no-repeat center center;width: 16px;height: 16px;bottom:-33px;left: 86px;z-index: 555;}
.case_box .hd ul li:nth-child(1) p{left: 36px;}

.case_box .hd ul li.on{background-color: #28af62;}
.case_box .hd ul li.on i{width: 50px;height: 50px;display: inline-block;background:url(../images/case_box_hd_hover.png)no-repeat;float: left;margin:15px 8px 15px 35px}
.case_box .hd ul li.on p{display: block;}
.case_box .hd ul li.on:nth-child(1) i{background-position: -3px 0;}
.case_box .hd ul li.on:nth-child(2) i{background-position: -60px 0;}
.case_box .hd ul li.on:nth-child(3) i{background-position: -116px 0;}
.case_box .hd ul li.on:nth-child(4) i{background-position: -178px 0;}
.case_box .hd ul li.on:nth-child(5) i{background-position: -241px 0;}
.case_box .hd ul li.on span{color:#fff;}
.case_box .hd ul li.on::after{display: block;}
.case_box .bd{width: 1200px;margin: 0 auto;}
.case_box .bd li{width: 1200px;height: 500px;position: relative;margin-top: 38px;overflow: hidden;}
.case_box .bd li a{display: block;}
.case_box .bd li .case_img{width: 1200px;height: 500px;}
.case_box .bd li .case_img img{ display:block; width:100%; height:100%;transition: all .3s; }
.case_box .bd li .text{width: 1200px;height: 120px;position: absolute;bottom: 0;left: 0;background-color: rgba(255,255,255,0.4);}
.case_box .bd li .text h2{font-size: 36px;font-weight: normal;padding: 15px 40px 5px}
.case_box .bd li .text p{font-size: 18px;padding: 0 80px 0 40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.case_box .bd li:hover .case_img img{transform:scale(1.1) ;}
.case_box .bd li:hover a{color: #333;}
.more_case{width: 100%;background-color: #f7f7f7;}
.more_case_title{width: 399px;height: 140px;background: url(../images/title_g2.png)no-repeat center center;margin: 0 auto;text-align: center;line-height: 140px;font-size: 30px;}
.more_case_box{margin:0 auto;width: 1200px;overflow: hidden;padding-bottom:40px ;}
.more_case ul{width: 1210px;overflow: hidden;}
.more_case ul li{width: 123px;height: 70px;float:left;margin-right: 10px;border:1px solid #dcdcdc;overflow: hidden;margin-bottom: 20px;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;box-sizing: border-box;text-align: center;background-color: #fff;position: relative;vertical-align: middle;}
.more_case ul li .text{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;position: absolute;width: 123px;height:70px; top:0; left:0;background: rgba(40,175,98,.8);opacity: 0;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; -moz-opacity: 0;-khtml-opacity: 0;-ms-transition: all .5s ease-out;}
.more_case ul li .text p {
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.more_case ul li .text span {
    display: block;
    margin: 10px auto 0;
    width: 12px;
    height: 1px;
    background: #fff;
}
.more_case ul li a{display:block}
.more_case ul li img{ width:100%; height:100%;transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.more_case ul li:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.more_case ul li:hover {border:none}
.more_case ul li:hover .text{opacity: 1;}
/* 新闻内容页 */
/* 新闻内容页 */
.banner_content{background: url(../images/banner_content.jpg)no-repeat center center;}
.content{width: 1200px;margin: 0 auto;}
.content_title{width: 1200px;text-align: center;margin: 0 auto;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.content_title h2{font-size: 24px;padding: 30px;}
.content_title p{color: #999;}
.content_text{margin-top: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}

.pre_next{width: 1200px; height: 121px; margin: 30px auto;}
.pre_next ul{width: 1200px; overflow: hidden;}
.pre_next ul li{width:600px; height: 121px; float: left; margin-right: 0; background: #f5f5f5;transition:.3s ease 0s;color: #999;    }
.pre_next ul li a{display: block;width:100%; height:100%; color: #666;}
.pre_next .left_s{ width: 38px; height: 15px;border-right:1px solid #e5e5e5;float: left; margin: 53px 0px 0px 20px; position:relative;}
.pre_next .left_s .left_jt{background: url(../images/p11.png) no-repeat;background-position: 0 0;width:10px; height:14px; position:absolute; left:10px;transition: all .36s ease;}
.pre_next .left_s .left_jt1{width:10px; height:14px;background: url(../images/p11.png) no-repeat;background-position: -10px 0;opacity:0; position:absolute; left:30px;transition: all .36s ease;}
.pre_next .left_ss{ width: 38px; height: 15px; border-left:1px solid #e5e5e5;float: right;margin: 53px 20px 0px 0px; position:relative;}
.pre_next .left_ss .right_jt{ width:10px; height:14px;background: url(../images/p11.png) no-repeat;background-position: -20px 0; position:absolute; right:10px;transition: all .36s ease;}
.pre_next .left_ss .right_jt1{width:10px; height:14px;background: url(../images/p11.png) no-repeat;background-position: -30px 0;margin-left:0px;transition: all .36s ease; opacity:0;position:absolute; right:30px;}
.pre_next .left_c{float: left; width:500px; height: 121px; margin-left: 21px;}
.pre_next .left_c .one2{width:380px; height: 121px; line-height: 121px; padding-right: 26px;transition:.3s ease 0s;
                    white-space:nowrap;text-overflow:ellipsis; overflow: hidden; text-indent: 5px;margin-right: 0;float: right;}
.pre_next .left_c .two{width: 78px;height: 52px;overflow: hidden;display: none;margin: 34px auto 16px ;transition: all .36s ease;}
.pre_next .left_c .two img{width: 78px;height: 52px;}                   
.pre_next .left_c .one1{/*width:464px;*/width:278px; height: 121px; line-height: 121px; padding-left: 6px;transition: all .36s ease;
                    white-space:nowrap;text-overflow:ellipsis; overflow: hidden; text-indent: 5px;}
.pre_next ul li a:hover{background:#28af62; transition: all .36s ease;}
.pre_next ul li a:hover .one2{color: #fff;}
.pre_next ul li a:hover .one1{color: #fff;}
.pre_next ul li a:hover .two{ display:block;}
.pre_next ul li a:hover .left_s{background-position: -39px 0;}
.pre_next ul li a:hover .left_ss{background-position: -39px -15px;}

.pre_next ul li a:hover .left_jt{left:-10px; opacity:0;}
.pre_next ul li a:hover .left_jt1{ opacity:1;left:10px;}


.pre_next ul li a:hover .right_jt{ opacity:0;right:-10px;}
.pre_next ul li a:hover .right_jt1{ opacity:1;right:10px;}



.hot_title{width: 1200px;margin: 30px auto 40px;height: 40px;line-height: 40px;}
.hot_title a{ padding:0 15px;height: 32px;display: inline-block;border: 1px solid #eee;line-height: 32px;margin-right: 10px;}
.hot_title a:hover{background-color: #28af62;color: #fff;}
.relevant{width: 1200px;margin: 10px auto 40px;}
.relevant_title{font-size: 18px;}
.relevant_box{width: 1200px;margin: 30px auto;}
.relevant_box ul{ width:1210px;}
.relevant_box li{width: 232px;height: 330px;float: left;margin-right: 10px;border: 1px solid #eee;box-sizing: border-box;box-shadow: 0 0px 5px #fff; transition:all .3s;}
.relevant_box li a{display: block;}
.relevant_box li:last-child{margin-right: 0px;}
.relevant_box li .img{width: 230px;height: 152px;text-align: center;overflow: hidden;margin: -1px auto 0;}
.relevant_box li .img img{ transition: all .3s ; -webkit-transition: all .3s ; -moz-transition: all .3s ; -ms-transition: all .3s ; -o-transition: all .3s ; width: 230px;height: 152px;}
.relevant_box li .text{margin-left: 5px;width: 220px;}
.relevant_box li .text h2{font-size: 16px;font-weight: normal;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 0;}
.relevant_box li .text p{color: #999; line-height:20px; height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom: 20px;}
.relevant_box li .more{display:block;width:120px;   height:36px; background: url(../images/more_ico.png) no-repeat 0 center; transition: .3s;  overflow: hidden;  text-align: center; }
.relevant_box li .more span{display: none; color: #fff; transition: .3s; font-size:14px; line-height:36px;}

.relevant_box li:hover{box-shadow: 0 0px 15px #ddd;transition: all .3s ;}
.relevant_box li:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.relevant_box li:hover .text{color: #28af62;}
.relevant_box li:hover .more{ background: url(../images/more_ico_hover.png) no-repeat 100px center; background-color: #28af62;}
.relevant_box li:hover .more span{display:block;}
/* 关于我们页 */
.about_title{width: 1200px;margin: 0 auto;text-align: center;height: 136px;background: url(../images/title_g2.png)no-repeat center center;line-height: 136px;}
.about_title h2{font-size: 30px;color: #333;font-weight: normal;}
.company{width: 100%;height: 680px;margin:0 auto;background: url(../images/company_bg.jpg)no-repeat center 304px;}
.company_text{width: 1200px;margin:0 auto 10px;}
.company_text p{padding-bottom: 20px;text-indent: 2em;color: #666;font-size: 16px;}
.company_img{width: 1200px;margin: 10px auto 30px;}
.company_img li{width: 230px;float:left;margin-right: 80px;text-align: center;font-size: 18px;}
.company_img li:last-child{margin-right: 0px;}
.company_img li span b{font-size: 36px;font-weight: normal;}
.company_img li i{width: 65px;height: 64px;background: url(../images/company_icon.png)no-repeat;display: block;margin: 0 auto;}
.company_img li:last-child p{font-size: 16px;}
.company_img li:nth-child(1) i{background-position: 0 0;}
.company_img li:nth-child(2) i{background-position: -80px 0;}
.company_img li:nth-child(3) i{background-position: -163px 0;}
.company_img li:nth-child(4) i{background-position: -242px 0;}
.company_box{width: 1200px;margin: 0px auto;}
.company_box li{ width: 360px; height: 140px; background-color: #fff; float: left; box-shadow: 1px 1px 5px #eee; margin-right: 20px; transition:all .3s ; -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.company_box li:last-child{margin-right: 0px;}
.company_box li i{width: 100px;height: 100px;background: url(../images/company_box_icon.png)no-repeat;display: inline-block;float: left;margin: 18px 16px;}
.company_box li:nth-child(1) i{background-position: -2px -3px;}
.company_box li:nth-child(2) i{background-position: -149px -3px;}
.company_box li:nth-child(3) i{background-position: -298px -3px;}
.company_box li .company_box_text{margin: 20px 0 10px;}
.company_box li .company_box_text h2{font-size: 20px;}
.company_box li .company_box_text span{color:#999;display: block;position: relative;}
.company_box li .company_box_text span::after{ width: 30px; height: 1px; background-color: #999; position: absolute; top:24px; left: 135px; content: ""; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.company_box li .company_box_text p{font-size: 16px;color:#777;padding-top:10px;padding-right: 10px;}
.company_box li:hover{margin-top: -10px;}
.company_box li:hover .company_box_text span::after{width: 140px;}
/* 优势 */
.good{width: 1200px;margin: 20px auto;}
.good li{width: 230px;height: 323px;float: left;margin-right: 10px;overflow: hidden;position: relative;}
.good li:last-child{margin-right: 0px;}
.good li .good_img{width: 230px;height: 323px;overflow: hidden;}
.good li .good_img img{width: 268px;height: 323px;transition: all .36s ;}
.good li .good_text{width: 230px;height: 50px;background-color: rgba(0,0,0,0.5);bottom: 0;left: 0px;text-align: center;overflow: hidden;position: absolute;transition: all .36s ;}
.good li .good_text p{padding:13px 40px 20px 40px;font-size: 16px;color:#fff;}
.good li .good_text p:last-child{font-size: 14px}
.good li:hover .good_text{ height: 140px; transition: all .36s ;}
.good li:hover .good_text p{padding:35px 35px 10px 35px;}
.good li:hover .good_text p:last-child{padding:0px 35px 10px 35px;}
.good li:hover .good_img img{ transform:scale(1.1);}
/* 发展历程 */
.milepost{width: 100%;background: url(../images/milepost_bg.jpg)no-repeat center center;height: 702px;margin: 60px auto 0;overflow: hidden;position: relative;}
.milepost_bg{ width:1013px; background: url(../images/milepost_bg1.png)no-repeat center center; height: 1013px; position: absolute; left: 0; top: 0; right: 0; bottom: 0;margin: auto; animation: rotate1 50s infinite;-webkit-animation: rotate1 50s infinite;  
animation-timing-function:linear;-webkit-animation-timing-function:linear; }
.milepost_bg2{ width:1013px; background: url(../images/milepost_bg2.png)no-repeat center center; height: 1013px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; animation: rotate2 50s infinite; -webkit-animation: rotate2 50s infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear;
}
    @keyframes rotate2 {
        0%{
            transform:rotate(0deg);
            -ms-transform:rotate(0deg);     
            -moz-transform:rotate(0deg);    
            -o-transform:rotate(0deg);
        }
        100% {
            transform:rotate(-360deg);
            -ms-transform:rotate(-360deg);
            -moz-transform:rotate(-360deg);
            -o-transform:rotate(-360deg);
            -webkit-transform:rotate(-360deg);
}
    }
.milepost .about_title{width: 1200px;margin: 0 auto;text-align: center;height: 136px;background: url(../images/title_g3.png)no-repeat center center;line-height: 136px;}
.milepost .milepost_box{width: 1200px;margin:0 auto;}
.milepost .milepost_box .hd{margin: 0 auto;position: relative;height: 131px;width: 100%}
.milepost .milepost_box .hd ul{width: 1200px;margin: 0 auto}
.milepost .milepost_box .hd li{width: 110px;float:left;text-align: center;height: 100px;line-height: 100px;margin-right: 6px;cursor: pointer;}
.milepost .milepost_box .hd li:last-child{margin-right: 100px}
.milepost .milepost_box .hd li:nth-child(1){margin-left: 140px}
.milepost .milepost_box .hd li .text{color: #fff;position: relative;display: block;}
.milepost .milepost_box .hd li.on .text{display: none;}
.milepost .milepost_box .hd li .text i{width: 1px;height: 10px;display: block;background-color: #fff;position: absolute;left: 52px;bottom: 0px;}
.milepost .milepost_box .hd li .text span{ width: 8px; height: 8px; display: block; background-color: #fff; position: absolute; left: 49px; bottom: -12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.milepost .milepost_box .hd li .text_hover{display: none;}
.milepost .milepost_box .hd li.on .text_hover{ color: #fff; position: relative; background-color: #28af62; width: 60px; height: 60px; margin: auto; text-align: center; line-height: 60px; border-radius: 50%;z-index: 555; display: block;}
.milepost .milepost_box .hd li.on .text_hover_s{ position: absolute; background-color: #28af62; width: 90px; height: 90px; border-radius: 50%; animation: technology-anim 2s infinite linear; -webkit-animation: technology-anim 2s infinite linear; top: -15px; left: -15px; box-shadow: 1px 1px 20px #28af62; z-index: 1;}
.milepost .milepost_box .hd li.on .text_hover p{position: relative;z-index: 555;}
.milepost .milepost_box .hd li.on .text_hover i{ width: 1px; height: 38px; display: block; background-color:  #28af62; position: absolute; left: 29px; bottom: -40px;}
.milepost .milepost_box .hd li.on .text_hover span{ width: 8px; height: 8px; display: block; background-color: #28af62; position: absolute; left: 25px; bottom: -51px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
@keyframes technology-anim {
    0% {  transform: scale(0); opacity: 0;}
    25% { transform: scale(.3); opacity: 0;}
    50% { transform: scale(.5); opacity: 0.5;}
    75% { transform: scale(.9); opacity: 0.5;}
    100% {transform: scale(1); opacity: 0.5;}
  }
  @-webkit-keyframes technology-anim{
    0% { transform: scale(0); opacity: 0;}
    25% { transform: scale(.3); opacity: 0;}
    50% { transform: scale(.5); opacity: 0.6;}
    75% { transform: scale(.9); opacity: 0.6;}
    100% { transform: scale(1); opacity: 0.6;}
  }
.milepost .milepost_box .hd .bottom_xian{position: absolute;width: 100%;background: url(../images/milepost_li_xian.png)no-repeat center center;height: 24px;bottom: 12px;}
.milepost .milepost_box .hd a{width: 11px;height: 21px;display: block;background: url(../images/milepost_next.png)no-repeat;position: absolute;top:40px;cursor: pointer;}
.milepost .milepost_box .hd .prev{background-position: 0 0;left:180px;}
.milepost .milepost_box .hd .next{background-position: -20px 0;right:180px}
.milepost .milepost_box .bd{width: 1200px;margin: auto;}
.milepost .milepost_box .bd li{margin-left: 115px;}
/* 荣誉资质 */
.honor{width: 1200px;margin:0 auto; margin-bottom:40px;}
.honor_box{width: 1200px;margin:0 auto;position: relative;}
.honor_box .hd .prev,.honor_box .hd .next{width: 30px;height: 88px;display: block;background: url(../images/honor_icon.png)no-repeat;position: absolute;top:60px;cursor: pointer;}
.honor_box .hd .prev{left: 0px;background-position: 0 0;}
.honor_box .hd .next{right: 0;background-position: -47px 0px;}
.honor_box .bd{width: 1100px; height:auto; overflow:hidden;margin:0 auto}
.honor_box .bd li{width: 197px;height: 260px;margin: 0 12px;float:left;}
.honor_box .bd li:last-child{margin-right: 0px;}
.honor_box .bd li .pic{width: 197px;height: 210px;overflow: hidden;}
.honor_box .bd li .pic img{ width: 197px; height: 210px; transition: all .36s;}
.honor_box .bd li .title{width: 185px;margin: 10px auto 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;text-align: center;}
.honor_box .bd li .title a{color:#333;}
.honor_box .bd li:hover .pic img{ transform:scale(1.1) ;}
.honor_box .bd li:hover .title a{ color:#28af62;}
/* 企业文化 */
.culture_box{ background:#fcfcfc; height:auto; overflow:hidden;}
.culture{width: 1200px;height: 620px; padding-top: 90px;margin:0 auto;overflow: hidden;}
#focus_Box{position:relative;width:1200px;height:440px;margin:0px auto;}
#focus_Box ul{position:relative;width:1030px;height:440px; margin: 0px auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer; background-color:#fff;overflow: hidden}
#focus_Box li img{width:100%;vertical-align:top;height:auto;}
#focus_Box li .text{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;text-align: center;display: block;position:absolute;left:0px;bottom:0px;width:100%;background-color: #fff;}
#focus_Box li:hover .text{ color:#28af62}


/*平台对接*/
.banner_platform{width: 1200px;}
.banner_platform .product_name{ font-size:30px; height:34px; line-height:34px; overflow:hidden; margin-bottom:10px;}
.banner_platform  .product_td{ font-size:18px; height:24px; line-height:24px; overflow:hidden; margin-bottom:24px; }
.banner_platform .crumbs{ height:20px; line-height:20px; overflow:hidden;color:rgba(255,255,255,.58);}
.banner_platform .crumbs .crumbs_icon {float: left;display: block;margin: 2px 6px 0 0;width: 14px;height: 14px;background: url(../images/crumbs_icon2.png) no-repeat center center; }
.banner_platform .crumbs a{ color:rgba(255,255,255,.58)}
.banner_platform .crumbs a:hover{ color:rgba(255,255,255,1)}
.platform_intro{ font-size:16px; text-align:center; height:18px; line-height:18px; overflow:hidden; margin-bottom:50px;}
.platform_item_one{ height:auto; overflow:hidden; margin-bottom:50px;width: 1200px;}
.platform_item_one .title_item{ margin-bottom:18px;}
.platform_con{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.platform_con ul li{ float:left; width:140px; height:75px; overflow:hidden;webkit-box-shadow: 0 0 18px rgba(0,0,0,0.09); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.09); box-shadow: 0 0 18px rgba(0,0,0,0.09); margin:0 5px; margin-bottom:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all .5s ease-out; position:relative;}
.platform_con ul li .text {position: absolute;width:160px;
height:88px; top:0; left:0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: rgba(40,175,98,.8);opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-transition: all .5s ease-out;
}
.platform_con ul li .text p {
    margin-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.platform_con ul li .text span {
    display: block;
    margin: 10px auto 0;
    width: 12px;
    height: 1px;
    background: #fff;
}
.platform_con ul li img{transition: all .36s ; -webkit-transition: all .36s ; -moz-transition: all .36s ; -ms-transition: all .36s ; -o-transition: all .36s ; width:100%; height:100%; }
.platform_con ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.platform_con ul li:hover .text{ opacity:1;}
.platform_item_two{ background:#f7f7f7;padding-bottom:60px; height:auto; overflow:hidden;}
.platform_erp{ width:1200px; height:222px; overflow:hidden; margin:0 auto;}
.platform_ul{ width:1200px; margin-bottom:40px;}
.platform_ul ul{ width:1212px;}
.platform_ul ul li{ float:left; width:160px; height:88px; overflow:hidden; border:1px solid #dcdcdc; margin:0 5px; margin-bottom:20px; overflow:hidden; border:1px solid #dcdcdc;-webkit-box-shadow:0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0 0px rgba(0,0,0,0.0); box-shadow: 0 00px rgba(0,0,0,0.0);}
.platform_ul ul li .text{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.platform_ul ul li img{ display:block; width:160px; height:88px; overflow:hidden;transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.platform_ul ul li:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.platform_ul ul li:hover .text{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
/*.platform_hd{ width:100%; text-align: center; font-size:0; height:10px; }
.platform_hd ul li{cursor:pointer; display:inline-block; zoom:1;  width:30px; height:3px; background:#dcdcdc; margin:0 7px; position: relative;}
.platform_hd ul li.on{background:#28af62;}*/

.logistics_item{ background:url(../images/wl_bg.jpg) center 0; width:100%; height:584px; padding-top:64px; margin-bottom:50px;}
.logistics_item .title_item{ background:url(../images/title_w.png) no-repeat; width:316px; color:#fff; margin-top:0; margin-bottom:18px;}
.logistics_item .platform_intro{ color:#fff;}
.logistics_box{ background:#fff; width:1200px; height:370px; margin:0 auto; padding-top:56px;-webkit-box-shadow:0 14px 50px rgba(0,0,0,0.1); -moz-box-shadow: 0 14px 50px rgba(0,0,0,0.1); box-shadow: 0 14px 50px rgba(0,0,0,0.1);border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.platform_wl{ width:1344px; margin:0 auto;}
.platform_wl ul li{ float:left; width:140px; height:75px;    -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.09); -moz-box-shadow: 0 0 18px rgba(0,0,0,0.09); box-shadow: 0 0 18px rgba(0,0,0,0.09); margin:0 15px; margin-bottom:20px; overflow:hidden;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.platform_wl ul li img{ width:100%; height:100%;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }


/*平台对接*/
.banner_scene .product_name{ font-size:32px; margin-bottom:20px;}
.banner_scene .product_td{ font-size:16px; margin-bottom:26px;}
.subject_item{height:560px;overflow: hidden;background-image: url(../images/govt-item2-bg.jpg);background-position: center bottom;
}
.subject_item .title_item{ margin-bottom:50px;}
.main_trends{ width:1200px;position:relative;display:block;margin:0 auto;}
.layout-list1 {overflow: hidden;margin-top: 40px;}
.layout-list1 li {position: relative;padding: 10px;float: left;width: 220px; height: 338px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.layout-list1 li .in{position: relative;width: 220px;height: 338px;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;}
.layout-list1 li .icon {position: relative;display: block;margin: 0 auto;width: 134px;height: 116px;}
.layout-list1 li .icon:before{content: "";position: absolute;left: 0;top:0;width: 134px;height: 116px;background: url("../images/govt-item2-iconbg.png") no-repeat 0 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.layout-list1 li .icon i {position: absolute;left: 50%;top: 50%;
width: 44px;height: 44px;margin: -22px 0 0 -22px;
background: url("../images/govt-item2-icon.png") no-repeat 0 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;}
.layout-list1 li h4 {margin-top: 42px;text-align: center;margin-bottom: 15px;font-size: 18px;line-height: 32px;letter-spacing: 1px;color: #333;-webkit-transition: all .2s ease-out;transition: all .2s ease-out; font-weight:normal;}
.layout-list1 li p {line-height: 25px;color: rgba(0, 0, 0, .5);font-size: 14px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.layout-list1 li+li:before {content: "";position: absolute;left: -3px;top: 0;width: 5px;height: 398px;background: url("../images/govt-item2-line.png") no-repeat 0 0;}
.layout-list1 li .icon.icon-1 i {background-position: 0 0;}
.layout-list1 li .icon.icon-2 i {background-position: -90px 0;}
.layout-list1 li .icon.icon-3 i {background-position: -174px 0;}
.layout-list1 li .icon.icon-4 i {background-position: -267px 0;}
.layout-list1 li .icon.icon-5 i {background-position: -358px 0;}
.dot-area {position: absolute;left: 50%;margin-left: -3px;bottom: 0;width: 6px;height: 6px;}
.dot-area .dot {position: absolute;left: -3px;bottom: -3px;width: 6px;height: 6px;border-radius: 3px;background-color: #d4d4d4;}
.dot-area .dot:after,.dot-area .dot.active:before {content: "";position: absolute;left: 50%;top: 50%;width: 16px;height: 16px;margin: -9px 0 0 -9px;border: 1px solid #d4d4d4;border-radius: 50%;}
.dot-area .dot.active {background-color: #28af62;}
.dot-area .dot.active:after,.dot-area .dot.active:before {
    opacity: .3;
    border: 1px solid #28af62;
    -webkit-animation: scaleForEver2 3s linear infinite;
    -moz-animation: scaleForEver2 3s linear infinite;
    -o-animation: scaleForEver2 3s linear infinite;
    animation: scaleForEver2 3s linear infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

.dot-area .dot.active:after {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.dot-area .dot.active{display:none}
.layout-list1 li:hover .dot{display:none}
.layout-list1 li:hover .dot.active{display:block;}
.layout-list1 li:hover h4{color:#28af62;}
.layout-list1 li:hover .in{margin-top:-15px;}
.layout-list1 li:hover .icon:before {
    transform: rotate(90deg) scale(1.05);
    -ms-transform: rotate(90deg) scale(1.05);
    -moz-transform: rotate(90deg) scale(1.05);
    -webkit-transform: rotate(90deg) scale(1.05);
    -o-transform: rotate(90deg) scale(1.05);
}



/*.scene_solve{ background:url(../images/solve_02.jpg) no-repeat center 0; width:100%; width:100%; height:auto; padding-top:50px; padding-bottom:50px;}*/
.scene_solve .title_item{ background:url(../images/title_cj.png) no-repeat; margin-top:0; color:#fff;margin-bottom: 18px;}
.scene_solve .platform_intro{ color:#fff; margin-bottom:10px;}
.scene_box{ width:1200px;height:auto; overflow:hidden; margin:0 auto;}
.scene_hd{ width:1200px; height:96px; line-height:96px; background:#fff; box-shadow:0px 0px 18px rgba(0,0,0,0.09);-webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.09);-moz-box-shadow:0px 0px 18px rgba(0,0,0,0.09); margin:20px auto; margin-bottom:28px;}
.scene_hd ul li{ width:300px; height:96px; overflow:hidden; position:relative; font-size:18px; color:#333; float:left; transition:all .3s;cursor: pointer;}
.scene_hd ul li .scene_c{width:300px; height:96px;}
.scene_hd .scene_c .icon{ width:38px; height:38px; background:url(../images/govt-item2-icon.png) no-repeat 0 -58px; margin-left:117px; float:left; margin-top:28px; margin-right:8px;}
.scene_hd ul li .line{ width:40px; height:3px; background:#28af62; position:absolute;left:155px; bottom:0px;transition:all .3s;}
.scene_hd .scene_c .icon_kc{ background-position:-74px -58px;}
.scene_hd .scene_c .icon_xx{ background-position:-149px -58px;}
.scene_hd .scene_c .icon_pt{ background-position:-222px -58px;}
.scene_hd ul li:hover .line{width: 350px;margin-left:-155px}
.scene_hd ul li.on{ background:#28af62; color:#fff;box-shadow:0px 0px 18px rgba(40,175,98,0.3);-webkit-box-shadow:0px 0px 18px rgba(40,175,98,0.3);-moz-box-shadow:0px 0px 18px rgba(40,175,98,0.3); }
.scene_hd ul li.on .line{ display:none;}
.scene_hd ul li.on .icon{background-position:0 -97px;}
.scene_hd ul li.on .icon_kc{background-position:-74px -97px;}
.scene_hd ul li.on .icon_xx{ background-position:-149px -97px;}
.scene_hd ul li.on .icon_pt{ background-position:-222px -97px;} 


.describe{ width:1178px; height:100px; overflow:visible; border:1px solid rgba(255,255,255,.08); margin:0 auto; position:relative;}
.describe .describe_c{ width:1092px; height:74px; margin:0 auto; margin-top:12px; color:#fff;}
.describe .a{ width:2px; height:2px; background:#ffffff; }
.describe .a1{position:absolute;top:-2px; left:-1px;}
.describe .b{position:absolute;top:-2px;right:-2px;}
.describe .c{position:absolute;bottom:-1px;left:-1px}
.describe .d{position:absolute;bottom:-1px; right:-1px;}
.scene_intro{    height: auto; margin-bottom:0;}
.serve_main{position:relative;display:block;margin:0 auto;width:1200px; margin-top:180px;}
.serve-area{position:relative;margin:88px auto 0 auto;left:2px;width:269px;height:269px;}
.serve-area .serve-center{position:absolute;top:0;left:50%;margin-left:-134.5px;width:269px;height:269px;}
.serve-area .serve-center .list{position:absolute;top:0;left:0;width:269px;height:269px;}
.serve-area .serve-center .s-cir1{background:url(../images/serve-cir1.png) no-repeat;}
.serve-area .serve-center .s-cir2{background:url(../images/serve-cir2.png) no-repeat;}
.serve-area .serve-center .s-cir3{background:url(../images/serve-cir3.png) no-repeat;}
.serve-area .serve-center .s-cir4{background:url(../images/serve-cir4.png) no-repeat;}
.serve-text1 .text{width:100%;height:50px;color:rgba(255,255,255,.5);text-align:center;font-size:14px}
.serve-text1 .text h4{font-size:18px;color:#28af62;line-height:20px;margin-bottom:10px; font-weight:normal;}
.serve-text1 .text .icon{position:absolute;left:50%;margin-left:-5px;width:9px;height:30px;background:url(../images/icon-arrow.png) no-repeat;}
.serve-text1 .text.t-1 .icon{bottom:-32px;background-position:0 -108px}
.serve-text1 .text.t-2 .icon{top:-40px;background-position:0 -162px}
.serve-text1 .text.t-1{position:absolute;top:-66px;left:0;}
.serve-text1 .text.t-2{position:absolute;bottom:-74px;left:0;}
.serve-area .serve-center .text{position:absolute;top:0;left:0;width:269px;height:269px;z-index:1}
.serve-area .serve-center .text p{display:table-cell;width:269px;height:269px;vertical-align:middle;text-align:center;font-size:23px;color:#fff;}
.serve-area .serve-center .text span{text-shadow:0px 0px 14px rgba(255,255,255,0.004);}
.serve-area .serve-center .scan{position:absolute;left:50%;top:50%;margin:-85.5px 0 0 -85.5px;width:171px;height:171px;border-radius:50%;overflow:hidden;}
.serve-area .serve-center .scan i{position:absolute;left:0;top:-173px;width:171px;height:173px;background:url(../images/serve-scan.png) no-repeat center bottom;}
.serve-list{position:absolute;left:-410px;top:50%;margin-top:-35px;width:410px;height:69px;}
.serve-list .i-icon{position:absolute;right:0;top:0;z-index:2;}
.serve-list .i-icon i{position:absolute;right:0;top:0;width:100%;height:100%;}
.serve-list.serve-right .i-icon i{right:auto;left:0;}
.serve-list .i-icon.i-1{right:-1px;width:200px;height:69px;}
.serve-list .i-icon.i-2{right:-9px;width:217px;height:69px;}
.serve-list .i-icon.i-3{right:-1px;width:250px;height:69px;}
.serve-list .i-icon.i-4{right:-1px;width:250px;height:69px;}
.serve-list .i-icon.i-1 i{background:url(../images/serve-left-line.png) no-repeat center right;}
.serve-list .i-icon.i-2 i{background:url(../images/serve-left-line0.png) no-repeat center right;}
.serve-list .i-icon.i-3 i{background:url(../images/serve-left-line1.png) no-repeat center right;}
.serve-list .i-icon.i-4 i{background:url(../images/serve-left-line2.png) no-repeat center right;}
.serve-list.serve-right{right:-411px;left:auto}
.serve-list.serve-right .i-icon.i-1{left:-1px;right:auto;}
.serve-list.serve-right .i-icon.i-2{left:-9px;right:auto;}
.serve-list.serve-right .i-icon.i-3{left:-1px;right:auto;}
.serve-list.serve-right .i-icon.i-4{left:-1px;right:auto;}
.serve-list.serve-right .i-icon.i-1 i{background:url(../images/serve-right-line.png) no-repeat center left;}
.serve-list.serve-right .i-icon.i-2 i{background:url(../images/serve-right-line0.png) no-repeat center left;}
.serve-list.serve-right .i-icon.i-3 i{background:url(../images/serve-right-line1.png) no-repeat center left;}
.serve-list.serve-right .i-icon.i-4 i{background:url(../images/serve-right-line2.png) no-repeat center left;}
.serve-list .name{position:absolute;right:248px;top:-18px;width:94px;height:107px;text-align:center;color:#28af62;font-size:14px;background:url(../images/serve-name-bg.png) no-repeat;}
.serve-list .name p{ width:94px; padding-top:30px; height:auto; overflow:hidden; line-height:18px; height:36px; color:#fff;}
.serve-list.serve-right .name{left:247px;right:auto;}
.serve-list .icon-tip{position:absolute;width:69px;height:11px;right:339px;top:50%;margin-top:-5px;background:url(../images/icon-arrow.png) no-repeat;}
.serve-list.serve-right .icon-tip{left:339px;right:auto;background-position:0 -35px;}
.serve-list .text{width:200px;height:80px;font-size:14px;color:rgba(255,255,255,.5);text-align:center;}
.serve-list .text h4{font-size:18px;color:#dddddd;line-height:20px;margin-bottom:10px; font-weight:normal;}
.serve-list .text.text-1{position:absolute;right:4px;top:-61px;}
.serve-list .text.text-2{position:absolute;right:4px;bottom:-93px;}
.serve-list.serve-right .text.text-1{right:auto;left:-8px;}
.serve-list.serve-right .text.text-2{right:auto;left:-8px;bottom:-93px;}
.serve-list .icon-tip:before{content:"";top:50%;right:13px;margin-top:-3px;position:absolute;width:6px;height:6px;background:url(../images/icon-arrow.png) no-repeat -31px -84px;}
.serve-list.serve-right .icon-tip:before{background-position:-31px -64px;}
.serve-list .i-icon i{width:0;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .8s ease-out;transition:all .8s ease-out;}
.serve-area.setp-two .serve-list .i-icon i{opacity:1;filter:alpha(opacity=100);width:100%;overflow:visible;}
.serve-list .name{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .8s .8s ease-out;transition:all .8s .8s ease-out;}
.serve-area.setp-two .name{opacity:1;filter:alpha(opacity=100);overflow:visible;}
.serve-list .icon-tip{width:0;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .8s 1s ease-out;transition:all .8s 1s ease-out;}
.serve-area.setp-two .icon-tip{width:69px;opacity:1;filter:alpha(opacity=100);overflow:visible;}
.serve-area .icon-tip:before{opacity:0;filter:alpha(opacity=0);}
.serve-area.setp-two .icon-tip:before {
    -webkit-animation: line_tip1 1.5s linear 1s infinite;
    -moz-animation: line_tip1 1.5s linear 1s infinite;
    -ms-animation: line_tip1 1.5s linear 1s infinite;
    -o-animation: line_tip1 1.5s linear 1s infinite;
    animation: line_tip1 1.5s linear 1s infinite;
}
.serve-area.setp-two .serve-list.serve-right .icon-tip:before {
    -webkit-animation: line_tip2 1.5s linear 1s infinite;
    -moz-animation: line_tip2 1.5s linear 1s infinite;
    -ms-animation: line_tip2 1.5s linear 1s infinite;
    -o-animation: line_tip2 1.5s linear 1s infinite;
    animation: line_tip2 1.5s linear 1s infinite;
}
.serve-area.setp-two .serve-list .i-icon.i-4 i{
    -webkit-animation: background0 3.5s linear infinite;
    -moz-animation: background0 3.5s linear infinite;
    -ms-animation: background0 3.5s linear infinite;
    -o-animation: background0 3.5s linear infinite;
    animation: background0 3.5s linear infinite;
}
.serve-area.setp-two .serve-list.serve-right .i-icon.i-4 i{

    -webkit-animation: background1 3.5s linear infinite;
    -moz-animation: background1 3.5s linear infinite;
    -ms-animation: background1 3.5s linear infinite;
    -o-animation: background1 3.5s linear infinite;
    animation: background1 3.5s linear infinite;
}
.serve-list .text{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .8s .8s ease-out;transition:all .8s .8s ease-out;}
.serve-area.active .serve-list .text{opacity:1;filter:alpha(opacity=100);overflow:visible;}
.serve-text1 .text{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .8s .3s ease-out;transition:all .8s .3s ease-out;}
.serve-area.active .serve-text1 .text{opacity:1;filter:alpha(opacity=100);overflow:visible;}
.serve-area.active .serve-center .scan i{
      -webkit-animation: ocrscan 2s linear 0s infinite;
    -moz-animation:ocrscan 2s linear 0s infinite;
    -ms-animation: ocrscan 2s linear 0s infinite;
    -o-animation: ocrscan 2s linear 0s infinite;
    animation: ocrscan 2s linear 0s infinite;
}
.serve-area.setp-one .serve-center .s-cir2{
        -webkit-animation: rotateForEver 5s linear infinite;
    -moz-animation: rotateForEver 5s linear infinite;
    -ms-animation: rotateForEver 5s linear infinite;
    -o-animation: rotateForEver 5s linear infinite;
    animation: rotateForEver 5s linear infinite;
}
.serve-area.setp-one .serve-center .s-cir3{
    -webkit-animation: rotateForEver1 7s linear infinite;
    -moz-animation: rotateForEver1 7s linear infinite;
    -ms-animation: rotateForEver1 7s linear infinite;
    -o-animation: rotateForEver1 7s linear infinite;
    animation: rotateForEver1 7s linear infinite;
}

.serve-area.setp-one .serve-center .s-cir4{
        -webkit-animation: rotateForEver2 1.3s linear;
    -moz-animation: rotateForEver2 1.3s linear;
    -ms-animation: rotateForEver2 1.3s linear;
    -o-animation: rotateForEver2 1.3s linear;
    animation: rotateForEver2 1.3s linear;
}
.serve_main h4{ font-weight:normal;}
.down_icon{ width:15px; height:100px; overflow:hidden; margin:0 auto; }
.down_icon img{ width:15px; height:92px; overflow:hidden; animation: ghostUpdown2 2s infinite; -webkit-animation: ghostUpdown2 2s infinite; }
.down_icon1{ margin-top:0px;}
@keyframes ghostUpdown2 {
    from {
        height:0px;
    }
    to {
        height:92px;
    }
}     
@-webkit-keyframes ghostUpdown2 {
from {
height:0px;
}
to {
height:92px;
}
}
.serve-list .text.text-11{ top:-31px;}

/*动画*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.hinge1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.hinge0 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.animated.delay {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s; /* Firefox 4 */
    -o-transition-delay: 2s; /* Safari 和 Chrome */
    transition-delay: 2s; /* Opera */
}

.animated.delay1 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s; /* Firefox 4 */
    -o-transition-delay: 1s; /* Safari 和 Chrome */
    transition-delay: 1s; /* Opera */
}

.animated.delay0 {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s; /* Firefox 4 */
    -o-transition-delay: .5s; /* Safari 和 Chrome */
    transition-delay: .5s; /* Opera */
}

@-webkit-keyframes fadeInDown {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}


@-webkit-keyframes updown {
    0% {

        -webkit-transform: translate3d(0,-7%,0);
        transform: translate3d(0,-7%,0);
    }
    50%{
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0);
    }
    100% {
        -webkit-transform: translate3d(0,-7%,0);
        transform: translate3d(0,-7%,0);
    }
}

@keyframes updown {
    0% {

        -webkit-transform: translate3d(0,-7%,0);
        transform: translate3d(0,-7%,0);
    }
    50%{
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,7%,0);
    }
    100% {
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-7%,0);
    }
}

.updown {
    -webkit-animation-name: updown;
    animation-name: updown
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes opacity {
    from {
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
    to {
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}


@-webkit-keyframes scaleForEver2 {
    0% {
         transform: scale(.6);
        -webkit-transform: scale(.6);
         opacity: .9;
    }
    70% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: .2;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes scaleForEver2 {
    0% {
          transform: scale(.6);
        -webkit-transform: scale(.6);
        opacity: .9;
    }
    70% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        opacity: .2;
    }
    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
}

@-webkit-keyframes background0 {
    from {
        background-repeat: repeat-x;
        background-position: 0 center;
    }

    to {
        background-repeat: repeat-x;
        background-position: -250px center;
    }
}
@keyframes background0 {
    from {
        background-repeat: repeat-x;
        background-position: 0 center;
    }

    to {
        background-repeat: repeat-x;
        background-position: -250px center;
    }
}

@-webkit-keyframes background1 {
    from {
        background-repeat: repeat-x;
        background-position: -250px center;
    }

    to {
        background-repeat: repeat-x;
        background-position: 0 center;
    }
}
@keyframes background1 {
    from {
         background-repeat: repeat-x;
        background-position: -250px center;
    }

    to {
        background-repeat: repeat-x;
        background-position: 0 center;
    }
}
@-webkit-keyframes rotateForEver {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes rotateForEver {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}


@-webkit-keyframes rotateForEver1 {
    0% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    50% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }
    100% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}

@keyframes rotateForEver1 {
    0% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    50% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
    }
    100% {
        opacity:1 ;
        filter: alpha(opacity=100);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotateForEver2 {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    40% {
        transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
    }
   80% {
        transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
    }
}

@keyframes rotateForEver2 {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    40% {
        transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
    }
    80% {
        transform: rotate(-50deg);
        -ms-transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        -o-transform: rotate(-50deg);
    }
}

@-webkit-keyframes rotateForEver3 {
    0% {
        left: -54px;
        transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -webkit-transform: rotate(0deg) ;
        -moz-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
    }
    20% {
        left: -36px;
        transform: rotate(120deg) ;
        -ms-transform: rotate(120deg);
        -webkit-transform: rotate(120deg) ;
        -moz-transform: rotate(120deg) ;
        -o-transform: rotate(120deg) ;
    }
    40% {
        left: -18px;
        transform: rotate(240deg) ;
        -ms-transform: rotate(240deg) ;
        -webkit-transform: rotate(240deg) ;
        -moz-transform: rotate(240deg) ;
        -o-transform: rotate(240deg) ;

    }
    60% {
        left: 0;
        transform: rotate(360deg);
        -ms-transform: rotate(360deg) ;
        -webkit-transform: rotate(360deg) ;
        -moz-transform: rotate(360deg) ;
        -o-transform: rotate(360deg) ;
    }
    to {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg) ;
        -moz-transform: rotate(0deg) ;
        -o-transform: rotate(0deg);
    }
}

@keyframes rotateForEver3 {
    0% {
        left: -54px;
        transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -webkit-transform: rotate(0deg) ;
        -moz-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
    }
    20% {
        left: -36px;
        transform: rotate(120deg) ;
        -ms-transform: rotate(120deg);
        -webkit-transform: rotate(120deg) ;
        -moz-transform: rotate(120deg) ;
        -o-transform: rotate(120deg) ;
    }
    40% {
        left: -18px;
        transform: rotate(240deg) ;
        -ms-transform: rotate(240deg) ;
        -webkit-transform: rotate(240deg) ;
        -moz-transform: rotate(240deg) ;
        -o-transform: rotate(240deg) ;
    }
    60% {
        left: 0;
        transform: rotate(360deg);
        -ms-transform: rotate(360deg) ;
        -webkit-transform: rotate(360deg) ;
        -moz-transform: rotate(360deg) ;
        -o-transform: rotate(360deg) ;
    }
    to {
        left: -54px;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg) ;
        -moz-transform: rotate(0deg) ;
        -o-transform: rotate(0deg);
    }
}

@-webkit-keyframes ocrscan{
    0%{top: -173px;}
  
    100%{top:0;}
}
@keyframes ocrscan{
    0%{top: -173px;}
  
    100%{top:0;}
}

@-webkit-keyframes line_tip1 {
    0% {
        right: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        right: 55px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes line_tip1 {
    0% {
        right: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        right: 55px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}
@-webkit-keyframes line_tip2 {
    0% {
        left: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        left: 55px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}
@keyframes line_tip2 {
    0% {
        left: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        left: 55px;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}
.laingdia_box{ width:1200px;height:auto; overflow:hidden; margin:0 auto;margin-top:19px;}
.laingdia_box .title{ font-size:32px; color:#fff; height:36px; line-height:36px; text-align:center; margin-bottom:32px;}
.laingdia_c ul li{/* float:left; width:280px;  background:url(../images/tw.png) no-repeat;background-size: 96% auto; border-bottom:2px solid rgba(255,255,255,.44); margin:0 10px; transition:all .3s;position: relative;*/ width:360px; margin:0 20px;height:258px;}
.laingdia_c .laingdia_con{ height:182px; margin:0 auto; color:#fff; margin-top:72px;} 
.laingdia_c .laingdia_con .icon{ width:58px; height:54px; margin:0 auto; margin-bottom:18px;overflow: hidden;}
.laingdia_c .laingdia_con .icon span{ display: block; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.laingdia_c .laingdia_con .icon i{width:58px; height:54px; background:url(../images/govt-item2-icon.png) no-repeat -274px -58px;display: block;}
.laingdia_con .title_c{ background:url(../images/light.png) no-repeat; width:194px; height:38px; line-height:38px; text-align:center;margin:0 auto; font-size:18px; color:#fff; position:relative; margin-bottom:28px;}
.laingdia_con .title_c::before{content:"";display: inline-block;width:6px;height:2px;background: #fff;position: absolute;top: 17px;left: 20px;}
.laingdia_con .title_c::after{content:"";display: inline-block;width:6px;height:2px;background: #fff;position: absolute;top: 17px;right: 20px;}
.laingdia_con .title_c1::before{left:39px;}
.laingdia_con .title_c1::after{right:39px;}
.laingdia_con .title_c2{ background:url(../images/light1.png) no-repeat; width:226px}
.laingdia_con .title_c2::before{left:10px;}
.laingdia_con .title_c2::after{right:10px;}
.laingdia_con p{ line-height:18px; height:36px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.laingdia_c ul li::after{ content: ""; position: absolute; bottom: -2px; width: 0px; height: 2px; background-color: #28af62; left: 0; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }
/*.laingdia_c ul li:hover::after{width: 280px;}*/
.laingdia_box1 .laingdia_c ul li{ width:280px; margin:0 10px;}
.laingdia_box2 .laingdia_c ul li{ width:220px; margin:0 10px;}
.laingdia_box2 .laingdia_c .laingdia_con{ width:180px;}
.scene_bd { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.scene_bd .scene_ms{ width:1200px;}
.function_box{background:#eef5f2; height:auto; overflow:hidden; padding-bottom:90px; margin-bottom:70px;}
.function_box .title_item{ margin-bottom:56px;}
.function_c{ width:1220px; height:auto; overflow:hidden;margin:0 auto;}
.function_c ul{width:1220px; height:auto; overflow:hidden; padding-top:10px;}
.function_c ul li{ width:280px; height:323px; overflow:hidden;background:#fff; float:left; margin:0 10px; position: relative; margin-bottom:16px;}
.function_c ul li .function_font{ width:240px; position:absolute; left:24px; top:50px; z-index:2;}
.function_c .gnmk_pic{ width:264px; height:216px; position:absolute; bottom:0; right:0;-index:1;}
.function_c .function_font h3{ font-size:18px; color:#28af62; height:22px; line-height:22px; overflow:hidden; font-weight:normal; margin-bottom:34px;}
.function_c .function_font p{ line-height:20px; height:80px; overflow:hidden; color:#666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-break: break-all; margin-bottom:27px;}
.function_c .function_font span{ display:block; width:98px; height:36px;line-height:36px; text-align:center; border:1px solid #ececec; color:#666;}
.function_c .hover_green{ width:338px; height:0px; overflow:hidden; position:absolute; bottom:0; background:#28af62; }
.function_c ul li:hover{box-shadow:0px 7px 16px rgba(0,0,0,0.15);-webkit-box-shadow:0px 7px 16px rgba(0,0,0,0.15);-moz-box-shadow:0px 7px 16px rgba(0,0,0,0.15); -webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0);}
.function_c ul li:hover .hover_green{ height:323px;}
.function_c ul li:hover h3,.function_c ul li:hover p{ color:#fff;}
.function_c ul li:hover span{ color:#fff;}
.function_c ul li:hover .gnmk_pic{ background-position:0 -216px;}
.function_case{ height:auto; overflow:hidden; margin-bottom:60px;}
.function_case .title_item{ margin-bottom:50px;}
.function_case_con{width:1200px; height:auto; overflow:hidden;margin:0 auto;}
.function_case_con .bd {width:1068px; height:468px; overflow:hidden;margin:0 auto 60px;}
.function_case_con .bd ul li{ width:332px; height:448px; background:#fff; float:left; margin:0 12px; position:relative; transition:all .3s; margin-top:20px;}
.function_case_con .bd ul li a{ display:block; width:100%; height:100%;}
.function_case_con .bd ul li .case_pic{ width:106px; height:106px; overflow:hidden;border:2px solid #47c17c; background:#fff;border-radius:53px; -webkit-border-radius:53px; -moz-border-radius:53px; position:absolute; top:0;left:113px; z-index:1;}
.function_case_con .bd ul li .case_pic img{ display:block;width:106px; height:106px; overflow:hidden;border-radius:53px; -webkit-border-radius:53px; -moz-border-radius:53px; }
.function_case_con .bd ul li .case_font{ background:url(../images/casepic.jpg) no-repeat; width:276px; height:312px; position:absolute; top:62px; left:0; padding:0 28px;padding-top:68px;}
.function_case_con .bd ul li .case_font h3{ font-weight:normal; font-size:24px; height:28px; line-height:28px; overflow:hidden; color:#333; text-align:center; margin-bottom:24px;}
.function_case_con .bd ul li .case_font p{ color:#666; line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical;word-break: break-all;}
.function_case_con .bd ul li:hover{ webkit-transform:translate3d(0,-14px,0);transform:translate3d(0,-14px,0);}
.function_case_con .bd ul li:hover .case_font{background-position:-355px 0;}
.function_case_con .bd ul li:hover h3{ color:#fff;}
.function_case_con .bd ul li:hover p{ color:#fff;}
.function_case_con .hd{ width:100%; text-align: center; font-size:0; height:10px; }
.function_case_con .hd ul li{cursor:pointer; display:inline-block; zoom:1;  width:30px; height:3px; background:#dcdcdc; margin:0 7px;}
.function_case_con  .hd ul li.on{background:#28af62;}
.scene_intro2{ margin-bottom:70px;}