*{
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", WenQuanYi Micro Hei, sans-serif;
    margin:0;
    padding:0;
    font-style:normal;
    font-weight:normal;
    font-size:14px;
}
html{
    height:100%;
}
body{
    background-color:#fff;
    color:#fff;
    height:100%;
}
ul,ol{
    list-style:none;
}
img{
    display:inline-block;
    border:none;
}
:focus{
    outline:0;
}
input{
    padding:0;
    border:0 none;
    outline-style:none;
}
textarea{
    resize:none;
}
table{
    border-collapse:collapse;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
.clearfix{
    zoom:1;
}
.wrap{
    width:1200px;
    margin:0 auto;
}
p{
    line-height:1.5;
    margin:10px 0;
    color:#000;
    text-align:justify;
}
a{
    text-decoration:none;
    color:#000;
}
a:hover{
    text-decoration:none;
}
span{
    display:inline-block;
    color:#000;
}
::selection{
    background:#7b9fd3;
    color:#fff;
}
::-moz-selection{
    background:#7b9fd3;
    color:#fff;
}
::-webkit-selection{
    background:#7b9fd3;
    color:#fff;
}
.mt80{
    margin-top:80px;
}
.mb80{
    margin-bottom:80px;
}
@media only screen and (max-width:1199px){
    .responsive{
        width:1200px!important;
        overflow:hidden;
    }
}

/*header*/
.header{
    width:100%;
    height:120px;
    position:fixed;
    left:0;
    top:0;
    z-index:10000;
    background:rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
}
.header .wrap{
    position:relative;
    height:120px;
}
.header h1{
    position:absolute;
    left:0;
    top:20px;
    width:70px;
    height:81px;
}
.header h1 a{
    display:block;
    width:100%;
    height:100%;
    background:url(../images/logo.png) 0 0 no-repeat;
    text-indent:-9999px;
}
.header .hotline{
    position:absolute;
    right:0;
    top:20px;
    font-size:22px;
    line-height:23px;
    height:24px;
    background:url(../images/hotline.png) 0 0 no-repeat;
    padding-left:35px;
    color:#1d2089;
}
.header .nav{
    position:absolute;
    right:-20px;
    bottom:20px;
    height:40px;
    line-height:40px;
}
.header .nav>li{
    float:left;
    height:100%;
}
.header .nav>li>a{
    display:block;
    height:100%;
    min-width:70px;
    margin:0 20px;
    text-align:center;
    font-size:16px;
    position:relative;
}
.header .nav>li>a>i{
    position:absolute;
    width:100%;
    height:3px;
    bottom:-3px;
    left:0;
    background:none;
    box-shadow:inset 0 0 0 0 #df1b49;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header .nav>li>a:hover>i,.header .nav>li>a.current>i{
    box-shadow:inset 70px 0 0 0 #df1b49;
}
.header.fixed{
    box-shadow:0 1px 10px rgba(0,0,0,0.2);
    border-bottom:1px solid #ccc\0;/*ie9及以下*/
}

/*fullSlide*/
.fullSlide{
    width:100%;
    position:relative;
    height:650px;/*修改*/
}
.fullSlide .bd{
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.fullSlide .bd ul{
    width:100%!important;
}
.fullSlide .bd li{
    width:100%!important;
    position:relative;
    overflow:hidden;
    height:650px;/*修改*/
}
.fullSlide .hd{
    width:100%;
    position:absolute;
    left:0;
    bottom:40px;/*修改*/
    height:14px;/*修改*/
    line-height:14px;/*修改*/
}
.fullSlide .hd ul{
    text-align:center;
    height:100%;
}
.fullSlide .hd ul li{
    cursor:pointer;
    display:inline-block;
    text-indent:-9999px;
    border-radius:50%;
    width:10px;/*修改*/
    height:10px;/*修改*/
    border:2px solid #fff;/*修改*/
    margin:0 5px;/*修改*/
}
.fullSlide .hd ul li.on{
    background-color:#fff;/*修改*/
}

#page-slide{ height:500px;}/* 产品系列轮播高度 */
#page-slide .bd li{height:500px;}

/*h2.title*/
h2.title{
    text-align:center;
    padding-bottom:50px;
}
h2.title span{
    display:block;
}
h2.title span.cn{
    font-size:35px;
    line-height:35px;
    color:#535353;
    font-weight:bold;
}
h2.title span.en{
    font-size:20px;
    line-height:48px;
    color:#999;
}

/*index-about*/
.index-about .content{
    height:400px;
    position: relative;
}
.index-about .index-about-us{
    float:left;
    width:500px;
    padding:0 50px;
    height:100%;
    background-color:#7b9fd3;
}
.index-about .index-about-us .item{
    height:200px;
}
.index-about .index-about-us .item .pic{
    float:left;
    height:100%;
    width:120px;
    background:url(../images/about-us2.png) center center no-repeat;
}
.index-about .index-about-us .item:first-child .pic{
    background-image:url(../images/about-us1.png);
}
.index-about .index-about-us .item .text{
    float:right;
    width:380px;
    height:100%;
    display:table;
}
.index-about .index-about-us .item .text .dtl{
    vertical-align:middle;
    display:table-cell;
}
.index-about .index-about-us .item .text h3{
    font-size:18px;
    line-height:18px;
    font-weight:bold;
}
.index-about .index-about-us .item .text p{
    color:#fff;
    font-size:13px;
    margin-bottom:0;
}
.index-about .safer{
    float:left;
    width:500px;
    padding:60px 50px 0;
    height:340px;
    background-color:#fafafa;
    text-align:center;
}
.index-about .safer h3.cn{
    color:#7b9fd3;
    font-size:28px;
    letter-spacing:1px;
    font-weight:bold;
}
.index-about .safer h3.en{
    color:#7b9fd3;
    font-size:14px;
}
.index-about .safer p{
    line-height:30px;
    margin-top:40px;
}
.public{
    display:block;
    font-size:16px;
    color:#7b9fd3;
    border:1px solid #7b9fd3;
    width:160px;
    height:40px;
    line-height:40px;
    text-align:center;
}
.public:hover{
    color:#e10042;
    border:1px solid #e10042;
}
.index-about .content a.public{
    position: absolute;
    right:219px;
    bottom:40px;
}

/*index-SH*/
.index-SH{
    width:100%;
    height:360px;
}

/*index-application*/
.index-application .application-area>li{
    float:left;
    width:50%;
    text-align:center;
    background-color:#dddddd;
    height:60px;
    line-height:60px;
    font-size:24px;
    cursor:pointer;
    -webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index-application .application-area>li.current{
    background-color:#e10042;
}
.index-application .picScroll{
    height:85px;
    padding:20px 100px 0;
    position:relative;
    overflow:hidden;
    display:none;
}
.index-application .picScroll.current{
    display:block;
}
.index-application .picScroll .tempWrap{
    width:100%!important;
}
.index-application .picScroll .prev,.index-application .picScroll .next{
    display:block;
    position:absolute;
    top:50%;
    left:0px;
    width:34px;
    height:34px;
    margin-top: -17px;
    background:url(../images/btn1.jpg) left top no-repeat;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.index-application .picScroll .next{
    background-position:right top;
}
.index-application .picScroll .prev:hover{
    background-position:left bottom;
}
.index-application .picScroll .next:hover{
    background-position:right bottom;
}
.index-application .picScroll .next{
    left:auto;
    right:0;
}
.index-application .picScroll ul{
    overflow:hidden;
}
.index-application .picScroll ul li{
    float:left;
    width:250px!important;
    height:100%;
    overflow:hidden;
}
.index-application .picScroll ul li a{
    display:block;
    width:100%;
    height:100%;
    cursor:default;
}
.index-application .picScroll ul li img{
    display:block;
    margin:0 auto;
    max-height:85px;
    max-width:250px;
}

/*index-news*/
.index-news ul li{
    float:left;
    height:300px;
    width:385px;
    margin-left:22px;
}
.index-news ul li:first-child{
    margin-left:0;
}
.index-news ul li a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.index-news ul li p{
    position:absolute;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    color:#fff;
    left:0;
    bottom:0;
    margin-bottom:0;
    background:rgba(123,159,211,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b27b9fd3,endColorstr=#b27b9fd3);
}
.index-news ul li a:hover img{
    -webkit-filter:opacity(.7);
            filter:opacity(.7);
}
.index-news a.public{
    margin:50px auto 0;
}

/*footer*/
.footer{
    width:100%;
    background-color:#1d2089;
}
.footer .content{
    padding:70px 0;
    border-bottom:1px solid #fff;
}
.footer .content>h2{
    float:left;
    width:70px;
    height:81px;
    margin-right:180px;
}
.footer .content>h2 a{
    display:block;
    width:100%;
    height:100%;
    background:url(../images/logo2.png) 0 0 no-repeat;
    text-indent:-9999px;
}
.footer .content .footer-info{
    float:left;
    width:860px;
}
.footer .content .footer-info h2{
    padding-bottom:10px;
}
.footer .content .footer-info span{
    color:#fff;
    float:left;
    width:430px;
    font-size:12px;
    line-height:24px;
}
.footer .content .footer-info span.email b,.footer .content .footer-info span.email i{
    font-size:12px;
    float:left;
}
.footer .content .social-icon{
    float:right;
    margin-top:25px;
}
.footer .content .social-icon a{
    margin-left:10px;
    display:inline-block;
    width:29px;
    height:28px;
}
.footer .content .social-icon a.wechat{
    position:relative;
}
.footer .content .social-icon a.wechat img.qrcode{
    position:absolute;
    left:-120px;
    top:0;
    display:none;
}
.footer .copyright p{
    color:#fff;
    text-align:center;
    margin:0;
    height:50px;
    line-height:50px;
    font-size:12px;
}
.footer .copyright p a{
    color:#fff;
    font-size:12px;
}

/*banner*/
#banner{
    height:500px;
}

/*switch*/
#switch{
    border-bottom:1px solid #ddd;
    margin-bottom:50px;
}
#switch ul{
    text-align:center;
    font-size:0;
}
#switch ul li{
    display:inline-block;
}
#switch ul li a{
    display:block;
    height:60px;
    line-height:60px;
    padding:0 50px;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#switch ul li a.current,#switch ul li a:hover{
    background-color:#e10042;
    color:#fff;
}

/*#product*/
#product ul li{
    float:left;
    width:300px;
    height:330px;
    margin-bottom:50px;
}
#product ul li a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
#product ul li a img{
    display:block;
    width:300px;
    height:300px;
}
#product ul li a span{
    display:block;
    font-size:18px;
    text-align:center;
    height:40px;
    line-height:40px;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#product ul li a .shadow{
    position:absolute;
    height:300px;
    width:300px;
    left:0;
    top:0;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#product ul li a:hover span,#product ul li a:hover .shadow{
    background:rgba(0,0,0,0.1); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
}

/*page*/
.page{
    text-align:center;
}
#mypage {
    width:100%;
    margin:0 auto;
    font-size:16px;
}
#mypage span,#mypage a{
    display:inline-block;
    margin:0 2px;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    font-weight:600;
    -webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#mypage span.current, #mypage a:hover{
    background: #7b9fd3;
    cursor: pointer;
    color: #fff;
    border-radius:50%;
}
p.empty{
    font-size:16px;
    margin-bottom:300px;
}

/*product-dtl*/
#product-dtl .pic{
    float:left;
    width:578px;
    height:578px;
    border:1px solid #ddd;
}
#product-dtl .pic img{
    display:block;
    width:100%;
    height:100%;
}
#product-dtl .desc{
    float:right;
    width:580px;
    color:#000;
}
#product-dtl .desc h2{
    font-size:35px;
    line-height:40px;
    margin-top:10px;
    margin-bottom:20px;
}
#product-dtl .desc .features span{
    float:left;
    font-size:20px;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:0 25px;
    background-color:#7b9fd3;
    color:#fff;
    margin-right:15px;
    margin-bottom:10px;
}
#product-dtl .desc .detail{
    margin-top:25px;
}
#product-dtl .desc .detail p{
    font-weight:800;
    padding:10px 0;
    border-top:1px solid #ddd;
    margin:0;
}
#product-dtl .desc .detail p:first-child{
    border-top:0 none;
}
#product-dtl .desc .detail p span{
    font-weight:bolder;
    color:#1d2089;
}
#product-dtl .desc .detail p a{
    display:inline-block;
    margin-right:5px;
}
#product-dtl .desc .detail p a img{
    vertical-align:middle;
}

/*h2.caption*/
h2.caption{
    font-size:35px;
    color:#1d2089;
    text-align:center;
    line-height:35px;
    font-weight:bold;
    padding-bottom:50px;
}
h2.caption.hidden{
    display:none;
}
.SH-effect h2.caption{
    color:#fff;
    width:480px;
    height:54px;
    line-height:54px;
    background:url(../images/tech-bg.png) 0 0 no-repeat;
    margin:0 auto;
}

/*#honor*/
#focus{
    position:relative;
}
#focus .prev,#focus .next{
    position:absolute;
    display:block;
    left:0;
    top:370px;
    width:60px;
    height:60px;
    background:url(../images/btn.jpg) left top no-repeat;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#focus .next{
    left:auto;
    right:0;
    background-position:right top;
}
#focus .prev:hover{
    background-position:left bottom;
}
#focus .next:hover{
    background-position:right bottom;
}
#focusIn{
    width:800px;
    height:800px;
    padding:0 200px 300px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
}
#focusIn .bd li{
    vertical-align:middle;
}
#focusIn .bd li img{
    display:block;
    width:800px;
    height:800px;
}
#focusIn .hd{
    position:absolute;
    width:100%;
    height:150px;
    left:0;
    bottom:75px;
    overflow:hidden;
}
#focusIn .hd ul{
    width:1000%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#focusIn .hd ul li{
    float:left;
    width:240px;
    height:150px;
    cursor:pointer;
}
#focusIn .hd ul li img{
    width:140px;
    height:140px;
    border:5px solid #fff;
    display:block;
    margin:0 auto;
}
#focusIn .hd ul li.on img{
    border:5px solid #7b9fd3;
}

/*#case*/
#case .item{
    margin-bottom:50px;
}
#case ul li{
    float:left;
    width:280px;
    height:200px;
    margin:0 10px 40px 10px;
}
#case ul li a{
    display:block;
    width:100%;
    height:100%;
    cursor:default;
}
#case ul li a .pic{
    width:278px;
    height:159px;
    border:1px solid #ddd;
    border-bottom:0 none;
}
#case ul li a .pic img{
    display:block;
    height:85px;
    width:auto;
    max-width:100%;
    margin:38px auto 0;
}
#case ul li a span{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:16px;
    background-color:#7b9fd3;
    color:#fff;
    text-align:center;
}

/*#tech*/
.SH-intro p{
    text-align:center;
    margin-top:0;
}
.SH-intro img{
    display:block;
    margin:0 auto;
}
.SH-effect{
    padding-top:50px;
    padding-bottom:30px;
    background-color:#7b9fd3;
}
.SH-effect .desc{
    width:330px;
    float:left;
}
.SH-effect .desc ul li{
    font-size:18px;
    padding-left:25px;
    margin-bottom:20px;
    background:url(../images/circle.png) left center no-repeat;
}
.SH-effect .illustration{
    width:370px;
    float:left;
}
.SH-effect .illustration img{
    display:block;
    max-width:100%;
}
.SH-effect .effect{
    float:right;
    width:430px;
}
.SH-effect .effect h3{
    font-size:20px;
    color:#1d2089;
    line-height:20px;
}
.SH-effect .effect p{
    font-size:13px;
    color:#fff;
    margin-top:5px;
    margin-bottom:25px;
}
.SH-expert{
    padding-top:50px;
}
.SH-expert p{
    text-align:center;
    margin-top:0;
}
.SH-expert .avatar{
    height:250px;
    padding:0 105px;
    margin-top:40px;
    position:relative;
    overflow:hidden;
}
.SH-expert .avatar.current{
    display:block;
}
.SH-expert .avatar .tempWrap{
    width:100%!important;
}
.SH-expert .avatar .prev,.SH-expert .avatar .next{
    display:block;
    position:absolute;
    top:50%;
    left:0;
    width:60px;
    height:60px;
    margin-top:-30px;
    background:url(../images/btn.jpg) left top no-repeat;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.SH-expert .avatar .next{
    background-position:right top;
}
.SH-expert .avatar .prev:hover{
    background-position:left bottom;
}
.SH-expert .avatar .next:hover{
    background-position:right bottom;
}
.SH-expert .avatar .next{
    left:auto;
    right:0;
}
.SH-expert .avatar ul{
    overflow:hidden;
}
.SH-expert .avatar ul li{
    float:left;
    width:330px!important;
    height:100%;
    overflow:hidden;
}
.SH-expert .avatar ul li a{
    display:block;
    width:100%;
    height:100%;
    cursor:default;
}
.SH-expert .avatar ul li img{
    display:block;
    margin:0 auto;
    max-height:250px;
    max-width:250px;
}
.SH-expert .avatar-desc{
    height:180px;
    text-align:center;
}
.SH-expert .avatar-desc img{
    margin-top:40px;
}
.SH-expert .avatar-desc h3{
    font-size:25px;
    color:#1d2089;
    line-height:50px;
}
.SH-expert .avatar-desc .item{
    display:none;
}
.SH-article{
    background-color:#fafafa;
    padding-top:50px;
    padding-bottom:50px;
}
.SH-article .pic{
    float:left;
    width:600px;
}
.SH-article .pic img{
    display:block;
    width:100%;
    height:auto;
}
.SH-article .text{
    float:right;
    width:550px;
}
.SH-article .text h2{
    font-size:40px;
    color:#1d2089;
    font-weight:bold;
}

/*terminal*/
#terminal ul li{
    float:left;
    width:380px;
    margin-left:30px;
}
#terminal ul li:first-child{
    margin-left:0;
}
#terminal ul li a{
    display:block;
    width:100%;
    height:100%;
}
#terminal ul li a img{
    display:block;
    width:100%;
    height:auto;
}
#terminal ul li a:hover img{
    -webkit-filter:opacity(.7);
            filter:opacity(.7);
}

/*terminal-dtl*/
#terminal-dtl ul li{
    float:left;
    width:380px;
    height:280px;
    margin:0 10px 30px;
}
#terminal-dtl ul li img{
    display:block;
    width:380px;
    height:245px;
}
#terminal-dtl ul li span{
    display:block;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    color:#000;
}

/*demonstration*/
#demonstration ul li{
    margin-bottom:40px;
}
#demonstration ul li a{
    display:block;
    width:100%;
    height:150px;
}
#demonstration ul li a img,#demonstration ul li a span{
    float:left;
    display:block;
    width:50%;
    height:100%;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#demonstration ul li a span{
    line-height:150px;
    text-indent:145px;
    font-size:30px;
    position:relative;
    background:#fafafa url(../images/arrow1.png) 505px center no-repeat;
}
#demonstration ul li a:hover img{
    -webkit-filter:opacity(.7);
            filter:opacity(.7);
}
#demonstration ul li a:hover span{
    color:#fff;
    background:#7b9fd3 url(../images/arrow2.png) 505px center no-repeat;
}

/*proxy*/
#proxy h2.title span{
    color:#1d2089;
}
#proxy h3.desc{
    width:200px;
    height:40px;
    line-height:40px;
    margin:0 auto 40px;
    text-align:center;
    background-color:#7b9fd3;
    font-size:20px;
}
#proxy .condition{
    margin-bottom:20px;
}
#proxy .condition li{
    text-align:center;
}
#proxy .condition li span{
    display:inline-block;
    padding:0 30px;
    height:40px;
    line-height:40px;
    background-color:#fafafa;
    color:#000;
    margin-bottom:30px;
    border-radius:20px;
}
#proxy .process li{
    text-align:center;
}
#proxy .process li .num{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    background-color:#7b9fd3;
    text-align:center;
    font-size:28px;
    color:#fff;
    border-radius:50%;
    margin-top:45px;
    position:relative;
}
#proxy .process li:first-child .num{
    margin-top:0;
}
#proxy .process li .num em{
    position:absolute;
    width:1px;
    height:45px;
    top:-45px;
    left:20px;
    background-color:#7b9fd3;
}
#proxy .process li:first-child .num em{
    width:0;
    display:none;
}
#proxy .process li .num h4{
    position:absolute;
    width:500px;
    left:60px;
    top:0;
    text-align:left;
}
#proxy .process li .num h4.left{
    text-align:right;
    left:-520px;
}
#proxy .process li .num h4 span.cn{
    font-size:20px;
    line-height:24px;
    height:24px;
    display:block;
    font-weight:bold;
}
#proxy .process li .num h4 span.en{
    font-size:12px;
    line-height:14px;
    height:14px;
    display:block;
    font-weight:bold;
}

/*intro*/
#intro .intro-pic img{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto;
}
#intro .content{
    margin-top:50px;
    height:260px;
}
#intro .content .pic{
    float:left;
    width:450px;
    height:100%;
}
#intro .content .pic img{
    display:block;
    width:100%;
    height:100%;
}
#intro .content .desc{
    float:left;
    background-color:#fafafa;
    width:670px;
    padding:0 40px;
    height:100%;
    display:table;
}
#intro .content .desc .text{
    display:table-cell;
    vertical-align:middle;
}

/*news*/
#news ul{
    margin-top:50px;
}
#news ul li{
    height:180px;
    overflow:hidden;
    margin-top:40px;
}
#news ul li a{
    display:block;
    width:100%;
    height:100%;
}
#news ul li .time,#news ul li .pic,#news ul li .art{
    float:left;
    height:100%;
}
#news ul li .time{
    width:150px;
    background-color:#fafafa;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#news ul li .time span{
    display:block;
    text-align:center;
}
#news ul li .time span.date{
    font-size:60px;
    padding-top:30px;
}
#news ul li .time span.month{
    font-size:18px;
}
#news ul li .pic{
    width:220px;
}
#news ul li .pic img{
    display:block;
    width:100%;
    height:100%;
}
#news ul li .art{
    width:730px;
    padding:0 50px;
    background-color:#fafafa;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#news ul li .art h2{
    font-size:25px;
    padding-top:30px;
    color:#000;
}
#news ul li a:hover .time,#news ul li a:hover .art{
    background-color:#7c9fd3;
}
#news ul li a:hover .time span,#news ul li a:hover .art h2,#news ul li a:hover .art p{
    color:#fff;
}

/*news-dtl*/
#news-dtl .inside{
    padding:40px 150px 0;
    color:#000;
    position:relative;
}
#news-dtl .inside h2{
    font-size:28px;
    text-align:center;
}
#news-dtl .inside h4{
    color:#898989;
    padding-bottom:10px;
    margin-bottom:50px;
    border-bottom:1px solid #ddd;
    text-align:center;
}
#news-dtl .inside p{
    text-indent: 2em;
}
#news-dtl a.public{
    margin:120px auto 0;
}

/*jiathis_style_24x24*/
.jiathis_style_24x24{
    position:absolute;
    left:50%;
    margin-left:-89px;
    bottom:70px;
}
#jiathis_webchat{
    padding-left:70px;
    width:290px;
}

/*adv*/
#adv ul li{
    float:left;
    position:relative;
    display:table;
    width:430px;
    height:200px;
    padding:0 30px 0 80px;
    margin:0 20px 40px 40px;
    background-color:#fafafa;
}
#adv ul li .content{
    display:table-cell;
    vertical-align:middle;
}
#adv ul li .content h3{
    font-size:25px;
    color:#386ab2;
}
#adv ul li img{
    position:absolute;
    width:100px;
    height:100px;
    left:-50px;
    top:50%;
    margin-top:-50px;
}

/*care*/
#care{
    height:400px;
    position:relative;
}
#care ul li{
    height:400px;
}
#care ul li .pic,#care ul li .text{
    float:left;
    width:50%;
    height:400px;
}
#care ul li .pic img{
    display:block;
    width:100%;
    height:100%;
}
#care ul li .text{
    background-color:#fafafa;
    display:table;
    width:400px;
    padding:0 100px;
}
#care ul li .text .content{
    display:table-cell;
    vertical-align:middle;
}
#care ul li .text h3{
    font-size:35px;
    color:#7b9fd3;
    line-height:40px;
    padding-bottom:10px;
}
#care .prev,#care .next{
    display:block;
    position:absolute;
    top:50%;
    left:600px;
    width:60px;
    height:60px;
    margin-top: -30px;
    background:url(../images/btn.jpg) left top no-repeat;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#care .next{
    background-position:right top;
}
#care .prev:hover{
    background-position:left bottom;
}
#care .next:hover{
    background-position:right bottom;
}
#care .next{
    left:auto;
    right:0;
}

/*contact*/
#contact{
    margin-top:50px;
}
.contact-info{
    float:left;
    width:400px;
}
.contact-info h2{
    font-size:24px;
    height:24px;
    line-height:24px;
    color:#000;
    margin-bottom:30px;
}
.contact-info ul li{
    margin-bottom:15px;
}
.contact-info ul li span{
    display:block;
}
.contact-info ul li span.info-name{
    font-size:16px;
    font-weight:bold;
}
#contact form{
    float:left;
    width:800px;
}
#contact form .type-in{
    float:left;
    position:relative;
    overflow:hidden;
    width:230px;
    padding-left:20px;
    height:50px;
    line-height:50px;
    margin-left:25px;
    margin-bottom:40px;
    background-color:#fafafa;
}
#contact form .type-in:first-child{
    margin-left:0;
}
#contact form .type-in input{
    color:#999;
    font-size:16px;
    background-color:#fafafa;
    height:50px;
    line-height:50px;
    float:left;
    width:160px;
}
#contact form label{
    color:#999;
    font-size:16px;
    float:left;
    width:50px;
}
#contact form .feed-back{
    float:left;
    position:relative;
    overflow:hidden;
    width:780px;
    padding-left:20px;
    height:270px;
    background-color:#fafafa;
    margin-bottom:40px;
}
#contact form .feed-back label{
    height:50px;
    line-height:50px;
    width:auto;
}
#contact form .feed-back textarea{
    display:block;
    width:760px;
    height:190px;
    color:#999;
    font-size:16px;
    background-color:#fafafa;
    border:0 none;
}
#contact .public{
    background-color:#fff;
    margin:0 auto;
    cursor:pointer;
}
#contact form .hint{
    position:absolute;
    display:block;
    color:#e10042;
    font-size:16px;
    right:-150px;
    top:0;
    height:50px;
    line-height:50px;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contact form .type-in .hint.show{
    right:0;
}
#contact form .feed-back .hint{
    right:-180px;
}
#contact form .feed-back .hint.show{
    right:0;
}

/*百度地图插件*/
.baidumap{
    height:400px;
}
.allmap{
    height:100%;
}

/* 异步与表单异步loading */
#loading{
    width:200px;
    height:30px;
    position:absolute;
    left:50%;
    top:30%;
    margin-left:-100px;
    margin-top:-15px;
    vertical-align:middle;
    z-index:10001;
}
#loader{
    display:none;
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } 
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } 
}
.loader{
  text-align: center;
  margin-bottom: 1rem;
  display:block;
}
.loader-inner{
    padding:30px 0;
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.7s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.7s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.7s 0.30s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.30s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(4) {
  -webkit-animation: scale 0.7s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div:nth-child(5) {
  -webkit-animation: scale 0.7s 0.42s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.7s 0.42s infinite cubic-bezier(.2, .68, .18, 1.08); }
.ball-pulse > div {
  background-color: #df1b49;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin:0 10px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; 
}
/* 遮罩层 */
#shade{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    z-index:10000;
    left:0;
    top:0;
}
    
/*回到顶部*/
#go-to-top{
    width:56px;
    height:56px;
    position:fixed;
    right:0;
    bottom:50px;
    cursor:pointer;
    display:none;
    z-index:9999;
    background:#fff url(../images/top.png) left top no-repeat;
    -webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#go-to-top:hover{
    background:#434343 url(../images/top.png) left bottom no-repeat;
}
#empty{
    color:#000;
    height: 300px;
}