﻿







#about_box{width:1000px; margin:0 auto; margin-top: 10px;}

#about_left{ width:170px; margin:0 auto; float:left;display:block; margin-top:20px;}

#about_right{ width:800px; margin:0 auto;float:left;display:block;margin-top:15px;border-left: solid 1px #d7e1e5;margin-bottom: 40px;}

.about_title_top{ width:737px;height:50px; margin:0 auto;border-bottom:solid 1px #CCCCCC; margin-bottom:10px;}

.about_title{ height:55px; line-height:60px; float:left; font-size:18px; padding-left:10px; font-weight:bold; color:#0266aa}

.about_con{ width:750px; margin:0 auto;line-height:24px; margin:0 0 0 40px; font-size:14px;}





.left_no{ height:55px; width:170px; border:1px solid #D7E1E5; border-right:none; line-height:55px; text-align:center; font-size:16px;}

.left_no a{ color:#333333;  font-size:16px;line-height:55px; text-decoration:none}

.left_no a:hover{ color:#333333; line-height:55px;  text-decoration:none; }



.left_yes{ height:55px; width:170px; border:1px solid #D7E1E5; border-right:none; line-height:55px; text-align:center; font-size:16px;}

.left_yes a{ color:#005EAD; font-size:16px;line-height:55px;text-decoration:none}

.left_yes a:hover{ color:#005EAD; line-height:55px; text-decoration:none}







.zi1 {

    font-size: 46px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

}



.zi2 {

    font-size: 32px;

}



.zi3 {

    font-size: 28px;

    color: #317fc6;

}



.zi4 {

    font-size: 28px;

    color: #23c069;

}



.zi5 {

    font-size: 28px;

    color: #7099cd;

}



.zi6 {

    font-size: 18px;

    color: #555;

}



.zi7 {

    font-size: 26px;

    color: #005ead;

}



.zi8 {

    font-size: 18px;

    color: #333;

}



.zi9 {

    font-size: 16px;

    color: #005ead;

}



.zi10 {

    font-size: 20px;

    color: #d09725;

}



.zi11 {

    font-size: 16px;

    color: #005ead;

    font-weight: bold;

}









.yuan {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.yuan {

    width: 1170px;

    height: 270px;

    padding: 46px 110px 0 110px;

    margin: auto;

}



    .yuan li {

        width: 144px;

        margin-right: 57px;

        float: left;

    }



    .yuan span {

        width: 100%;

        font-size: 20px;

        line-height: 26px;

        color: #999;

        float: left;

        text-align: center;

    }



    .yuan img {

        width: 144px;

        height: 144px;

        float: left;

        margin-bottom: 20px;

    }



.xunjia {

    width: 100%;

    min-width: 1170px;

    height: 628px;

    background-color: #f6f6f6;

    padding-top: 50px;

}



    .xunjia ul {

        width: 962px;

        margin: auto;

    }



.jia {

    width: 274px;

    height: 460px;

    float: left;

    margin-right: 70px;

}



    .jia h2 {

        width: 100%;

        height: 90px;

        background-color: #317fc6;

        font-size: 20px;

        color: #fff;

        text-align: center;

        font-weight: normal;

        padding-top: 55px;

		line-height:34px;

    }



    .jia ul {

        width: 100%;

        height: 308px;

        background-color: #fff;

        padding-top: 20px;

    }



        .jia ul li {

            font-size: 20px;

            line-height: 66px;

            text-align: center;

            color: #666;

        }



.zzxj {

    width: 100%;

    height: 160px;

    float: left;

    margin-top: 10px;

}



    .zzxj h2 {

        border-bottom: solid 1px #bbcadd;

        line-height: 42px;

        color: #6b9bd0;

        font-size: 20px;

        font-weight: normal;

    }



    .zzxj dl {

        width: 1002px;

        float: left;

        padding-top: 15px;

    }



        .zzxj dl dt {

            width: 48px;

            height: 64px;

            float: left;

            margin-right: 22px;

        }



        .zzxj dl dd {

            font-size: 16px;

            float: left;

        }



.srk {

    width: 160px;

    height: 24px;

    line-height: 24px;

    padding: 0 6px;

    border: solid 1px #bbcadd;

    margin-right: 5px;

}



.box2 {

    width: 100%;

    min-width: 1170px;

    padding: 80px 0 80px 0;

    background-color: #fff;

    overflow: hidden;

}




.box3 {

    width: 100%;

    min-width: 1300px;

    padding: 60px 0 40px 0;

    background-color: #f6f6f6;

    overflow: hidden;

}



    .box3 ul {

        width: 962px;

        margin: auto;

    }



.news {

    width: 240px;

    border-right: solid 1px #eee;

    float: left;

    margin:0 40px;

}



    .news h2 {

        font-size: 26px;

        font-weight: normal;

        margin-bottom: 28px;

    }



    .news span {

        margin-right: 50px;

        float: right;

    }



    .news li {

        width: 100%;

        line-height: 36px;

    }



        .news li a {

            font-size: 14px;

            color: #888888;

        }



    .news p {

        width: 100%;

        color: #3d70c0;

        font-size: 14px;

        float: left;

        margin-bottom: 6px;

    }



.bottom1 {

    width: 100%;

    min-width: 1170px;

    height: 70px;

    background-color: #d7e1e5;

    padding-top: 20px;

    padding-bottom: 20px;

	text-align:center;

}



    .bottom1 ul {

        width: 1170px;

        margin: auto;

        text-align: center;

    }



    .bottom1 li {

        color: #343434;

        line-height: 24px;

        width: 100%;

        float: left;

    }



        .bottom1 li a {

            color: #343434;

            margin: 0 5px;

        }







.down-list {

    width: 140px;

    border: 1px solid #ddd;

    padding: 0;

    margin: 0;

    position: absolute;

    left: 50%;

    margin-left: -71PX;

    margin-top: -4px;

    background-color: #fff;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    display: none;

}



.arrow-icon-bg {

    display: block;

    border-width: 9px;

    border-style: solid;

    border-color: transparent transparent #ddd transparent;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    margin-top: -18px;

}



.arrow-icon-sm {

    display: block;

    border-width: 8px;

    border-style: solid;

    border-color: transparent transparent #fff transparent;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    margin-top: -16px;

}



.down-list-ul {

    padding: 0;

    margin: 0;

    width: 100%;

    overflow: hidden;

}



    .down-list-ul * {

        box-sizing: border-box;

        -WEBKIT-box-sizing: border-box;

    }



    .down-list-ul li {

        display: block;

        height: 40px;

        line-height: 40px!important;

        text-align: center;

        border-bottom: 1px solid #ddd;

        width: 100%;

        padding: 0;

        font-size: 16PX!important;

        color: #999!important;

        cursor: pointer;

    }



        .down-list-ul li a {

            line-height: 40px!important;

            font-size: 16PX!important;

            color: #999!important;

            display: inline-block;

            margin: 0;

            height: 100%;

            width: 100%;

        }



        .down-list-ul li:last-child {

            border-bottom: 1px solid transparent!important;

        }



        .down-list-ul li:hover {

            background-color: #1268b3;

            color: #fff;

        }



        .down-list-ul li a:hover {

            color: #fff!important;

        }





.center {

    width: 1170px;

    height: auto;

    overflow: hidden;

    margin: auto;

}











.ding {

    width: 162px;

    background-color: #fff;

    color: #005ead;

    display: block;

}



.right {

    width: 849px;

    min-height: 600px;

    height: auto;

    border-left: solid 1px #d7e1e5;

    padding: 0 40px;

    float: left;

    margin-bottom: 40px;

}



.ys1 {

    width: 100%;

    height: auto;

    border-bottom: solid 1px #ddd;

    margin-bottom: 70px;

    float: left;

}



    .ys1 dt {

        float: right;

        padding-bottom: 60px;

    }



    .ys1 dd {

        width: 300px;

        font-size: 14px;

        line-height: 24px;

        color: #939fa6;

        float: left;

    }



.ys-bt {

    color: #555;

    font-size: 32px;

    line-height: 56px;

}



.ys2 {

    width: 100%;

    height: auto;

    border-bottom: solid 1px #ddd;

    margin-bottom: 70px;

    float: left;

}



    .ys2 dt {

        float: left;

        padding-bottom: 60px;

    }



    .ys2 dd {

        width: 280px;

        font-size: 14px;

        line-height: 24px;

        color: #939fa6;

        float: right;

    }



.yxgn {

    width: 750px;

    padding-bottom: 20px;

    float: right;

    margin-bottom: 30px;

}



    .yxgn h2 {

        font-size: 18px;

        font-weight: normal;

        padding-bottom: 10px;

        border-bottom: solid 1px #d7e1e5;

    }



.yxgn-text {

    width: 750px;

    border-top: solid 1px #d7e1e5;

    border-left: solid 1px #d7e1e5;

    float: left;

    margin-top: 20px;

    float: left;

}



.yxgn-text td {

        width: 410px;

        height: 90px;

        padding-left: 50px;

        font-size: 14px;

        line-height: 24px;

        color: #939fa6;

        border-bottom: solid 1px #d7e1e5;

        border-right: solid 1px #d7e1e5;

    }





.zhfa {

    width: 750px;

    padding-bottom: 20px;

    float: right;

    margin-bottom: 30px;

}



    .zhfa dl {

        width: 750px;

        height: 88px;

        border: solid 1px #d7e1e5;

        margin-bottom: 20px;

        padding-top: 20px;

        float: left;

    }



    .zhfa dt {

        width: 200px;

        text-align: right;

        float: left;

    }



    .zhfa dd {

        width: 550px;

        float: right;

        text-align: left;

        font-size: 14px;

        color: #939fa6;

        line-height: 28px;

    }





.buy {

    width: 750px;

    padding-bottom: 20px;

    float: right;

    margin-bottom: 30px;

}



.ggw1 {

    width: 750px;

    height: 122px;

    border: solid 1px #d7e1e5;

    padding-top: 65px;

    float: right;

    margin-bottom: 35px;

}



    .ggw1 p {

        float: right;

        padding-right: 35px;

        margin-bottom: 16px;

        clear: both;

        float: right;

    }



.buy h2 {

    font-size: 18px;

    font-weight: normal;

    padding-bottom: 10px;

    border-bottom: solid 1px #d7e1e5;

}



.jgylb {

    border-top: solid 1px #d7e1e5;

    border-left: solid 1px #d7e1e5;

    margin: 10px 0 20px 0;

    float: left;

}



    .jgylb td {

        height: 42px;

        border-bottom: solid 1px #d7e1e5;

        border-right: solid 1px #d7e1e5;

        text-align: center;

    }



.gm-srk {

    width: 100%;

    text-align: center;

    font-size: 16px;

    color: #333;

}



.srk2 {

    width: 100px;

    height: 30px;

    line-height: 30px;

    padding: 0 6px;

    border: solid 1px #bbcadd;

    margin: 0 6px;

    color: #999;

}



.gmdj {

    width: 104px;

    height: 42px;

    background-color: #005ead;

    border: none;

    border-radius: 3px;

    color: #fff;

    font-family: "微软雅黑";

    font-size: 16px;

    text-align: center;

    line-height: 42px;

    margin-left: 20px;

    cursor: pointer;

}



.sfbgn {

    width: 750px;

    padding-bottom: 20px;

    float: left;

    margin-bottom: 30px;

}



    .sfbgn h2 {

        font-size: 18px;

        font-weight: normal;

        padding-bottom: 10px;

        border-bottom: solid 1px #d7e1e5;

    }



    .sfbgn dl {

        width: 250px;

        height: 70px;

        margin: 30px 0 20px 0;

        float: left;

    }



    .sfbgn dt {

        width: 55px;

        height: 55px;

        float: left;

    }



    .sfbgn dd {

        width: 190px;

        float: right;

        line-height: 20px;

        color: #939fa6;

        font-size: 14px;

    }



.ggw2 {

    width: 968px;

    height: 198px;

    border: solid 1px #d7e1e5;

    float: right;

    margin-bottom: 35px;

}



.djxx {

    margin-top: 15px;

}



    .djxx tr {

        height: 90px;

    }



    .djxx td {

        height: 66px;

        font-size: 14px;

    }



/*.dj-srk {

    width: 620px;

    height: 40px;

    border: solid 1px #ccc;

    line-height: 40px;

    padding: 0 5px;

}*/









.dj-srk {

    height: 24px;

    line-height: 22px;

    width: 620px;

    outline: none;

    background-color: #fff;

    border: 1px solid #c0c0c1;

    border-top-color: #ababab;

    padding: 8px 4px;

    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

    -ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

    border-radius: 2px;

    overflow: hidden;

    font-size: 14px;

}



    .dj-srk:focus {

        border-color: #4d90fe;

    }





.ggw3 {

    width: 968px;

    height: 267px;

    border: solid 1px #d7e1e5;

    float: right;

    margin-bottom: 35px;

}



.yhhd {

    width: 970px;

    padding-bottom: 20px;

    padding-left: 37px;

    border-left: solid 1px #d7e1e5;

    float: right;

    margin-bottom: 30px;

}



    .yhhd h2 {

        font-size: 18px;

        font-weight: normal;

        padding-bottom: 10px;

        border-bottom: solid 1px #d7e1e5;

    }



.ggw4 {

    width: 968px;

    height: 260px;

    border: solid 1px #d7e1e5;

    float: right;

    margin-bottom: 35px;

}



.jxsjm {

    width: 970px;

    padding-bottom: 20px;

    padding-left: 37px;

    border-left: solid 1px #d7e1e5;

    float: right;

    margin-bottom: 30px;

}



    .jxsjm h3 {

        width: 100%;

        font-size: 16px;

        margin-bottom: 15px;

        float: left;

        line-height: 42px;

        font-weight: normal;

    }



    .jxsjm ul {

        width: 928px;

        border: solid 1px #d7e1e5;

        padding: 0 20px 20px 20px;

        float: left;

    }



    .jxsjm dl {

        width: 100%;

        height: 60px;

        padding-top: 20px;

        float: left;

    }



        .jxsjm dl dt {

            width: 130px;

            height: 40px;

            text-align: center;

            float: left;

        }



        .jxsjm dl dd {

            font-size: 14px;

            float: left;

        }



.yhgs {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 50px;

}



.swiper-container {

    min-height: 398px;

}



.swiper-slide {

    position: relative;

}



.a-link {

    display: block;

    width: 180px;

    height: 80px;

    position: absolute;

    color: transparent!important;

    left: 50%;

    top: 50%;

    margin-left: 50px;

    margin-top: 20px;

}



.swiper-slide img {

    width: 100%;

    height: 100%;

    min-height: 342px;

}

/*广告*/

.ad {

    display: none;

    background-color: #e6002f;

    background-image: url(../images/ggt.jpg);

    background-repeat: no-repeat;

    background-position: center;

    /*height: 60px;*/

    width: 100%;

    /*margin-top: 60px;*/

    position: fixed;

    bottom: 0;

    cursor: pointer;

}



#divAD #b {

    position: relative;

}



#divAD #a {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 99;

    font-size: 14px;

    background-color: #ddd;

}



    #divAD #a:hover {

        background-color: #ffffff;

    }



/*.ad img {

        width: 100%;

    }*/





/* mainbanner 首页幻灯片 */

.mainbanner {

    height: 394px;

    overflow: hidden;

    position: relative;

}



.mainbanner_window {

    left: 50%;

    width: 2000px;

    height: 394px;

    overflow: hidden;

    margin-left: -1000px;

    position: absolute;

}



    .mainbanner_window ul {

        width: 999999px;

        height: 454px;

        position: relative;

    }



    .mainbanner_window li {

        background: #f6f6f6;

        width: 2000px;

        height: 454px;

        text-align: center;

        font-size: 0px;

        float: left;

        display: inline;

    }



.mainbanner_list {

    left: 50%;

    top: 360px;

    width: 500px;

    height: 30px;

    margin-left: -75px;

    position: absolute;

}



    .mainbanner_list li {

        width: 30px;

        height: 30px;

        overflow: hidden;

        float: left;

        display: inline;

    }



    .mainbanner_list a {

        background: url("../images/1.png") no-repeat;

        width: 25px;

        height: 25px;

        line-height: 25px;

        overflow: hidden;

        text-align: center;

        color: rgb(255, 255, 255);

        font-size: 12px;

        font-weight: 700;

        float: left;

        display: inline-block;

    }



    .mainbanner_list li.active a {

        background-position: 0 -30px;

        text-decoration: none;

    }



    .mainbanner_list li a:hover {

        background-position: 0 -30px;

        text-decoration: none;

    }



/*免费试用*/

.rides-cs {

    font-size: 12px;

    background: #29a7e2;

    position: fixed;

    top: 180px;

    /*left: 0px;*/

    left: 0px;

    _position: absolute;

    z-index: 1500;

    border-radius: 6px 0px 0 6px;

}

    /*.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}*/

    .rides-cs .floatL a {

        color: white;

        font-size: 22px;

        text-decoration: none;

    }

    /*.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}*/

    .rides-cs .floatR {

        font-size: 12px;

        /*background: #29a7e2;*/

        position: fixed;

        top: 176px;

        left: 40px;

        _position: absolute;

        z-index: 1500;

        border-radius: 6px 0px 0 6px;

    }



        .rides-cs .floatR .cn {

            background: #29a7e2;

            border-radius: 6px;

            margin-top: 4px;

        }



    .rides-cs .cn .titZx {

        font-size: 14px;

        color: #333;

        font-weight: 600;

        line-height: 24px;

        padding: 5px;

        text-align: center;

    }



.cn h2 {

    font-size: 16px;

    color: black;

}



    .cn h2 span {

        font-size: 14px;

        color: black;

    }



.rides-cs .cn ul {

    padding: 0px;

}



    .rides-cs .cn ul li {

        line-height: 38px;

        heiht: 38px;

        border-bottom: solid 1px #E6E4E4;

        overflow: hidden;

        text-align: center;

    }



        .rides-cs .cn ul li span {

            color: #777;

        }



        .rides-cs .cn ul li a {

            color: #777;

        }



        .rides-cs .cn ul li img {

            vertical-align: middle;

        }



.rides-cs .btnOpen, .rides-cs .btnCtn {

    position: relative;

    z-index: 9;

    top: 25px;

    left: 0;

    /*background-image: url(../images/lanrenzhijia.png);*/

    background-repeat: no-repeat;

    display: block;

    height: 146px;

    padding: 8px;

}



.rides-cs .btnOpen {

    background-position: 0 0;

}



.rides-cs .btnCtn {

    background-position: -37px 0;

}



.rides-cs ul li.top {

    border-bottom: solid #ACE5F9 1px;

}



.rides-cs ul li.bot {

    border-bottom: none;

}



.freetable {

    margin-top: 15px;

    text-align: center;

}



    .freetable td {

        padding-bottom: 10px;

    }



.freeinput {

    width: 220px;

    height: 26px;

    border: solid 1px #ccc;

    line-height: 26px;

    padding: 5px 5px;

}



.freegmdj {

    width: 104px;

    height: 35px;

    background-color: #ff8100;

    border: none;

    border-radius: 3px;

    color: #fff;

    font-family: "微软雅黑";

    font-size: 16px;

    text-align: center;

    line-height: 35px;

    margin-left: 20px;

    cursor: pointer;

}

ul, li, span, p, h1, h2, input, dt, dd, dl {

    margin: 0;

    padding: 0;

}









body,dd,div,dl,dt,form,h2,h3,h4,h5,h6,li,ol,p,td,th,ul,input{margin:0;padding:0;}





.about_tit{text-align:center; padding-top:20px; padding-bottom:20px}

.about_tit h4{ height: 30px; line-height: 30px;}

.about_tit h4 strong{display: inline; font-weight: 400; padding-right: 40px;margin-right: 10px; font-size: 30px; color: #157dce; background: url(../images/tit7.png) right center no-repeat; }

.about_tit h4 span { font-size: 24px; font-weight: 400; color: #adadad; }

.about_tit p{line-height:24px;font-size:16px;}

.about_content{border-bottom:1px solid #7f7f7f;padding-bottom:50px;}

.about_content p{line-height:30px;font-size:14px;}

.team_box{width:1200px;min-height:500px;border-bottom:1px solid #7f7f7f;padding-bottom:100px;background:url(../images/team_bg.jpg) 220px 50px no-repeat;}

.team_box ul{width:450px;float:right;margin-right:100px;_display:inline; zoom:1;}

.team_box ul li{margin-top:45px;padding-left:95px;background:url(../images/team_on.png) center left no-repeat;}

.team_box ul li h3{font-weight:400;}

.team_box ul li h3 a{color:#ef9b11;font-size:26px;line-height:35px;}

.team_box ul li p{line-height:22px;}

.work_box{margin:50px 0 130px 0;}

.work_content .wfBox { position: relative; margin-top: 85px; height: 230px; z-index:999;}

.work_content .wfBox .line { position: absolute; top: 63px; left: 59px; width: 1087px; height: 112px; background: url(../images/line1.png) no-repeat; z-index: 1; }

.work_content .wfBox .dot { position: absolute; width: 128px; height: 128px; background-image: url(../images/about.png); background-repeat: no-repeat; cursor: pointer; z-index: 2; }

.work_content .wfBox .icon { position: relative; margin-left: auto; margin-right: auto; background-image: url(../images/about.png); background-repeat: no-repeat; z-index: 4; }

.work_content .wfBox .wfBoxBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; overflow: hidden; }

.work_content .wfBox .wfBoxBg .bg { height: 0; overflow: hidden; }

.work_content .wfBox h6 { position: relative; padding-top: 10px; text-align: center; font-size: 18px; color: #fff; z-index: 4; }

.work_content .wfBox .topCir { display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -182px no-repeat; z-index: 3; }

.work_content .wfBox .bottomCir { position: relative; display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -118px no-repeat; z-index: 3; }

.work_content .wfBox ul { position: relative; padding-top: 45px; margin-bottom: -6px; background-color: #06a3ea; overflow: hidden; z-index: 4; }

.work_content .wfBox ul li { font-size: 12px; text-align: center; line-height: 24px; }

.work_content .wfBox ul li a,.wfBox ul li a:hover {color: #ffffff; }

.work_content .wfBox .odd { top: 0; }

.work_content .wfBox .even { bottom: 0; }

.work_content .wfBox .dot1 { left: 0; background-position: 0 -886px; }

.work_content .wfBox .dot1 .icon { margin-top: 32px; margin-bottom: -1px; width: 27px; height: 33px; background-position: 0 -1270px; }

.work_content .wfBox .dot2 { left: 154px; background-position: 0 -758px; }

.work_content .wfBox .dot2 .icon { margin-top: 33px; margin-bottom: -1px; width: 36px; height: 33px; background-position: 0 -1303px; }

.work_content .wfBox .dot3 { left: 307px; background-position: 0 -1142px; }

.work_content .wfBox .dot3 .icon { margin-top: 25px; margin-bottom: -1px; width: 41px; height: 34px; background-position: 0 -1336px; }

.work_content .wfBox .dot4 { left: 461px; background-position: 0 -1014px; }

.work_content .wfBox .dot4 .icon { margin-top: 27px; margin-bottom: -1px; width: 40px; height: 41px; background-position: 0 -1370px; }

.work_content .wfBox .dot5 { left: 615px; background-position: 0 -374px; }

.work_content .wfBox .dot5 .icon { margin-top: 27px; margin-bottom: -1px; width: 51px; height: 38px; background-position: 0 -1411px; }

.work_content .wfBox .dot6 { left: 769px; background-position: 0 -246px;_background-position: 0 -247px; }

.work_content .wfBox .dot6 .icon { margin-top: 32px; margin-bottom: -1px; width: 28px; height: 36px; background-position: 0 -1449px; }

.work_content .wfBox .dot7 { left: 922px; background-position: 0 -630px; }

.work_content .wfBox .dot7 .icon { margin-top: 32px; margin-bottom: -1px; width: 42px; height: 36px; background-position: 0 -1485px; }

.work_content .wfBox .dot8 { left: 1076px; background-position: 0 -502px; }

.work_content .wfBox .dot8 .icon { margin-top: 35px; margin-bottom: -1px; width: 32px; height: 34px; background-position: 0 -1521px; }



.solution_top_tit{text-align:center;}

.solution_top_tit h3{ font-size: 30px; font-weight:400;}

.solution_top_tit p{ font-size: 20px;padding:10px 0;}

.solution_top_box .solution_top_box_ul{}

.solution_top_box li {height: 190px;overflow: hidden;width: 40%;margin-left: 9.5%;margin-bottom: 40px;float: left;}

.solution_top_box li.solution_li{display:inline-block; *display:inline; zoom:1;}

.solution_top_box h4 {font-size: 18px;padding-bottom: 5px;padding-left: 90px;font-weight: bold;}

.solution_top_box p{font-size: 14px;padding-bottom: 5px;padding-left: 90px;color:#000;}

.solution_top_box a:hover p{color:#157dce;}

.solution_top_box li ul{padding: 0;padding-left: 90px;}

.solution_top_box li ul li {width: auto;margin: 0;height: 20px;font-size: 12px;float: none;color:#565656;}

.solution_top_box li a:hover ul li{color:#157dce;}

.solution_top_box .icon-s{width:70px;height:70px;display:block;float:left;margin:40px 0;background:url("../images/ico-s.png") no-repeat;}

.solution_top_box .i-s2 {background-position: 0px -70px;}

.solution_top_box .i-s3 {background-position: -70px -70px;}

.solution_top_box .i-s4 {background-position: -70px 0;}

.solution_top_box a:hover .i-s1 {background-position: 0 -140px;}

.solution_top_box a:hover .i-s2 {background-position: 0px -210px;}

.solution_top_box a:hover .i-s3 {background-position: -70px -210px;}

.solution_top_box a:hover .i-s4 {background-position: -70px -140px;}

.solution-view {width:1200px;margin:0 auto;height:500px;background:url("../images/service-bg.png") no-repeat;position:relative;color:#fff;}

.solution-view-bg {background:url("../images/solution_bg.gif");position:relative;color:#fff;}

.solution-view-bg .zi {color:#fff;text-align:center;padding:20px 0;}

.solution-view-bg .zi h3 {padding:50px 0 0 0;font-size:30px;font-weight:400;}

.solution-view-bg .zi .p1{font-size:14px;line-height:24px;}

.solution-view .solution-re {position:absolute;top:-187px;_top:-189px;right:47%;}

.solution-view .solution-bg {max-width:100%;}

.solution-view .sv1 {width:120px;height:289px;position:absolute;left:120px;bottom:0;}

.solution-view .sv2 {width:105px;height:170px;position:absolute;left:268px;bottom:0;}

.solution-view .sv3 {width:130px;height:415px;position:absolute;left:420px;bottom:0;}

.solution-view .sv4 {width:145px;height:250px;position:absolute;left:575px;bottom:0;}

.solution-view .sv5 {width:110px;height:375px;position:absolute;left:813px;bottom:0;}

.solution-view .sv6 {width:100px;height:209px;position:absolute;left:1020px;bottom:0;}

.solution-view i.icon-s2 {float:left;background:url("../images/ico-s2.png") no-repeat;}

.solution-view .sv1 i.icon-s2 {width:42px;height:289px;display:block;}

.solution-view .sv2 i.icon-s2 {width:43px;	height:170px;display:block;}

.solution-view .sv3 i.icon-s2 {width:53px;height:415px;display:block;}

.solution-view .sv4 i.icon-s2 {width:49px;height:250px;display:block;}

.solution-view .sv5 i.icon-s2 {width:50px;height:375px;display:block;}

.solution-view .sv6 i.icon-s2 {width:44px;height:209px;display:block;}

.solution-view .sv1 .icon-s2 {background-position:0 -126px;}

.solution-view .sv2 .icon-s2 {background-position:-43px -245px;}

.solution-view .sv3 .icon-s2 {background-position:-87px 0;}

.solution-view .sv4 .icon-s2 {background-position:-141px -165px;}

.solution-view .sv5 .icon-s2 {background-position:-191px -40px;}

.solution-view .sv6 .icon-s2 {background-position:-242px -206px;}

.solution-view div p {font-size:24px;padding-left:0;}

.solution-view .sv1 p {padding-top:50px;}

.solution-view .sv2 p {padding-top:45px;}

.solution-view .sv3 p {padding-top:70px;}

.solution-view .sv4 p {padding-top:65px;}

.solution-view .sv5 p {padding-top:50px;}

.solution-view .sv6 p {padding-top:50px;}















.STYLE1 {color: #FF0000} 











@charset "utf-8";

blockquote, body, button, dd, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, td, textarea, th, ul {

	border: medium none;

	margin: 0;

	padding: 0

}

body, html {

	-webkit-text-size-adjust: none;

	font-family: Microsoft YaHei, Arial;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

	font-size: 14px;

	color: #666

}

button, input, select, textarea {

	font-family: Microsoft YaHei, Arial;

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

	vertical-align: middle;

	outline: 0

}

img {

	border: 0;

	vertical-align: middle;

	-ms-interpolation-mode: bicubic

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

.clearfix {

	 z-index:-100

}

.clearfix:after, .clearfix:before {

	content: "";

	display: table

}

.clearfix:after {

	clear: both

}

ol, ul {

	list-style: none

}

a {

	color: #333;

	-webkit-transition: .35s;

	transition: .35s

}

a, a:hover {

	text-decoration: none

}

a:hover {

	color: #666;

	will-change: transform

}

a:active, a:hover {

	outline: 0

}

section {

	max-width: 75pc;

	margin: 0 auto;

	padding: 50px 0;

	overflow: hidden

}

.back_top {

	width: 40px;

	height: 40px;

	position: fixed;

	right: 5%;

	bottom: 10%;

	display: none;

	padding: 2px;

	cursor: pointer;

	overflow: hidden;

	background: #111;

	z-index: -1

}

.back_top:hover {

	border-radius: 25px;

	will-change: transform

}

.back_top, .bodybox, .menu {

	transition: all ease-in .2s;

	-webkit-transition: all ease-in .2s;

	-moz-transition: all ease-in .2s;

	-ms-transition: all ease-in .2s;

	-o-transition: all ease-in .2s

}

.menu {

	width: 100%;

	position: absolute;

	right: 0;

	position: fixed;

	z-index: 10;

	height: 0;

	top: 65px;

	background: #222;

	overflow: hidden

}

.open .menu {

	height: 100%;

	overflow: auto

}

.menu li {

	line-height: 3pc;

	border-bottom: 1px dashed #505050

}

.menu li a {

	display: block;

	padding: 0 10%;

	color: #eee

}

.menu li a.on {

	background: #669acc;

	color: #fff

}

.loading {

	width: 100%;

	height: 100%;

	background: #fff;

	position: fixed;

	z-index: 100;

	text-align: center

}

.loading i {

	display: block;

	width: 140px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -70px 0 0 -70px

}

.zxqq {

	width: 5pc;

	display: block;

	float: left;

	padding: 1pc 5px 5px

}

.zxqq a {

	display: block;

	margin-top: 5px

}

.top {

	background: #f7f7f7;

	height: 26px;

	border-bottom: 1px solid #ddd;

	font-size: 9pt;

	line-height: 26px;

	color: #888

}

.top h4 {

	font-weight: 400;

	float: left

}

.top span {

	float: right;

	background: url(../images/icon_tel.png) no-repeat left center;

	padding-left: 24px

}

.top span b {

	color: #669acc;

	padding-left: 4px

}


header section {

	padding: 0

}

header {

	position: fixed;

	top: 0;

	width: 100%;

	left: 0;

	z-index: 40;

	background: #fff;

	box-shadow: 0 1px 2px #999

}

header nav {

	float: right

}

header nav li {

	float: left;

	width: 90px;

	text-align: center;

	line-height: 24px

}

header nav li a {

	display: block;

	height: 55px;

	padding: 35px 14px 0

}

header nav li a em, header nav li a span {

	display: block

}

header nav li a em {

	font-style: normal;

	font-size: 9pt;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	display: none;

	-o-transition: .3s;

	-ms--o-transition: .3s;

	-webkit-transition: .3s;

	transition: .3s

}

header nav li a.act, header nav li a:hover {

	background: #669acc;

	color: #fff;

	padding-top: 25px;

	height: 65px

}

header nav li a.act span, header nav li a:hover span {

	border-bottom: 1px dotted #fff

}

header nav li a.act em, header nav li a:hover em {

	display: block

}

.hidebox {

	overflow: hidden

}

main {

	padding-top: 117px

}

.i_tit {

	text-align: center;

	font-size: 30px;

	color: #333;

	border-bottom: 1px solid #ddd;

	padding-bottom: 20px;

	line-height: 45px;



	margin-bottom: 15px;

	position: relative

}

.i_tit span {

	display: block;

	width: 90pt;

	position: absolute;

	bottom: 0;

	height: 4px;

	background: #a0c316;

	left: 50%;

	margin-left: -60px

}

.i_tips {

	text-align: center;

	padding-bottom: 30px;

	color: #888

}

.baner {

	width: 100%;

	position: relative;

	overflow: hidden;

	max-height: 35pc

}

.baner_box {

	width: 750pt;

	margin: 0 auto

}

.n_baner {

	width: 20in;

	margin: 0 -460px;

	overflow: hidden;

	display: block

}

.atlas {

	width: 999999px

}

.atlas li {

	float: left

}

.atlas li img {

	display: block

}

.n_baner .num {

	position: absolute;

	width: 100%;

	height: 9pt;

	bottom: 5%;

	left: 0;

	text-align: center;

	z-index: 5

}

.n_baner .num a {

	width: 9pt;

	height: 9pt;

	display: inline-block;

	background: #000;

	border-radius: 10px;

	margin: 0 5px

}

.n_baner .num a.on {

	background: #fff

}



.tomore {

	display: block;

	width: 200px;

	margin: 0 auto;

	height: 50px;

	text-align: center;

	background: #669acc;

	color: #fff;

	position: relative;

	line-height: 50px

}

.tomore i, .tomore span {

	position: absolute;

	width: 100%;

	height: 50px;

	left: 0;

	top: 0;

	z-index: 2;

	-webkit-transition: .4s;

	transition: .4s

}

.tomore i {

	z-index: 1;

	background: #ffaa23;

	width: 0

}

.tomore:hover i {

	width: 100%

}

.tomore:hover {

	color: #fff

}



.newfy {

	line-height: 40px;

	border-top: 1px solid #ddd;

	background: #eee;

	overflow: hidden

}

.newfy li {

	float: left;

	width: 46%;

	padding: 0 2%

}



.subnavbox {

	height: 81px;

	overflow: hidden

}

.subnav {

	background: #f9f9f9;

	height: 5pc;

	border-bottom: 1px solid #ddd;

	line-height: 5pc;

	font-size: 18px;

	overflow: hidden

}

.subnav.fixed {

	width: 100%;

	left: 0;

	position: fixed;

	z-index: 5

}

.subnav nav {

	padding: 0;

	max-width: 75pc;

	margin: 0 auto;

	overflow: hidden;

	border-right: 1px solid #ddd

}

.subnav nav li {

	width: 25%;

	float: left;

	text-align: center

}

.subnav nav li a {

	display: block;

	font-weight: 700;

	border-left: 1px solid #ddd

}

.subnav nav li a.act, .subnav nav li a:hover {

	border-bottom: 2px solid #ce2424;

	background: #fff;

	line-height: 78px

}

#fours nav li {

	width: 33.3333%

}

.desing .list {

	padding: 5pc 0

}

.desing .list .names {

	float: left;

	

}

.desing .list .names h4 {

	font-size: 18px;

	padding-bottom: 5px;

	color: #333

}

.desing .list .names .img {

	padding-top: 10px

}

.desing .list .biaos {

	float: right;

	width: 840px

}

.desing .list .biaos table {

	table-layout: fixed

}

.desing .list .biaos table td, .desing .list .biaos table th {

	line-height: 22px;

	padding: 8px;

	border-bottom: 1px solid #ddd

}

.bjf7 {

	background: #f7f7f7

}





.zxzxbor{border:1px solid #fbbd14;background-color:#ffffff;}

.zxzx{height:25px;background-color:#fbbd14;color:#fdf9d3;padding-top:5px;width:126px; text-align:center}



.div_left_js{ position:fixed; right:0px; top:50%; margin-top:-217px; z-index:100; }

.div_left_js .div1{ margin-bottom:2px; position:relative; height:76px;}

.div_left_js .div1 a{ display:block; position:absolute; right:0px;}

.div_left_js .div2{ margin-bottom:2px; position:relative; height:70px; right:0px;}

.div_left_js .div2 a{ background:#ff8300; display:block; width:219px; position:absolute; right:-149px;}

.div_left_js .div3{ margin-bottom:2px; position:relative; height:70px;}

.div_left_js .div3 a{ background:#ff8300; display:block; width:80px; position:absolute; right:-10px;}







/*è”ç³»æˆ‘ä»¬*/

.contact_map{margin-top: 20px;border:2px solid #fff;}



.contact_info{background: #fff;border-radius:20px;padding:10px 0;box-shadow:0 0 10px #eee;}

.contact_info .title{font-size: 30px;color: #333333;font-weight: bold;text-align: center;line-height: 60px;}

.contact_info .box{text-align: center;padding:25px 0;border-top:1px solid #f0f0f0;}

.contact_info .box .tit{font-size: 22px;color: #4e8fec;margin-bottom: 5px;}

.contact_info .box li{font-size: 16px;color: #666666;line-height: 44px;}



/*é¦–é¡µ*/



.idx_banner{height: 700px;padding-top: 80px;position: relative;}



.idx_login{width: 340px;height: 420px;background: #fff;border-radius:15px;padding:20px 20px 50px;position:absolute;right: 20px;top: 50%;margin-top: -220px;}

.idx_login .top{text-align: center;padding-top: 25px;}

.idx_login .top .cn{font-size: 20px;color: #333333;}

.idx_login .top .en{font-size: 12px;color: #999999;margin-top: 10px;text-transform: uppercase;}

.idx_login .about_login:after{display: none;}

.idx_login .about_login .login_form{padding-top: 20px;}

.idx_login .close{background: url(../images/close.png) no-repeat center;background-size:cover;width: 16px;height: 16px;display: block;float: right;}



.idx_login .about_in{padding-bottom: 0;}

.idx_login .login_form{margin-top: 0;padding:30px 20px 55px;}

.idx_login .login_form .row{padding: 0;;border-radius:6px;margin-bottom: 15px;overflow: hidden;border:none;}



.idx_login .login_form .ipt_txt{padding-left: 45px;border:1px solid #ddd;border-radius:6px;font-size: 14px;}

.idx_login .login_form .code{width: 150px;}

.idx_login .login_form .imgcode{width: 100px;}

.idx_login .login_form .imgcode img{height: 45px;}

.idx_login .login_form .ipt_button{width: 100%;margin: 10px auto 0;border-radius: 8px;height: 44px;line-height: 44px;}



.idx_top{width: 1200px;margin:0 auto;padding:60px 75px;border-radius:100px;background: #fff;box-shadow:0 0 20px #ddd;margin-top: -90px;position: relative;}

.idx_top li{width: 262px;float: left;}

.idx_top li .info{text-align: center;display: inline-block;}

.idx_top .icon{margin-right: 20px;width: 56px;height: 56px;vertical-align: middle;display: inline-block;}

.idx_top .num{font-size: 20px;color: #33aaff;}

.idx_top .font{font-size: 16px;color: #666666;margin-top: 10px;}

.idx_top .num span{font-size: 36px;}



/*.idx_main{background: url(../images/idx_28.jpg) no-repeat center;background-size:cover;}*/



.idx_seo{padding:70px 0 10px;background: url(../images/idx_33.jpg) no-repeat center bottom;background-size:cover;margin-top: 10px;}

.idx_seo .title{font-size: 30px;color: #333333;text-align: center;}

.idx_seo .smtit{font-size: 24px;color: #00bbfa;font-weight: bold;text-align: center;margin-top: 25px;}

.idx_seo .brief{font-size: 16px;color: #888888;line-height: 30px;width: 1080px;margin:45px auto 0;}

.idx_seo .detail{margin-top: 60px;}

.idx_seo .detail .img{width: auto;margin:0 auto;}



.idx_titbox{text-align: center;}

.idx_titbox .en{font-size: 66px;color: #999999;text-transform: uppercase;opacity: .3;font-family: pingfang;}

.idx_titbox .cn{font-size: 36px;color: #222222;margin-top: -35px;letter-spacing: 2px;}

.idx_titbox .line{background: url(../images/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:25px auto 0;}

.idx_titbox .sm{margin-top: 25px;font-size: 18px;color: #333333;font-weight: bold;text-align: center;}



.idx_risk{padding:180px 0 130px;background: url(../images/idx_32.jpg) no-repeat center;background-size:cover;}

.idx_risk .detail{margin-top: 75px;}

.idx_risk .lbox{width: 530px;}

.idx_risk .lbox li{margin-bottom: 40px;padding:25px;border-radius:6px;box-shadow:0 0 10px #ddd;background: #fff;}

.idx_risk .lbox .icon{width: 90px;}

.idx_risk .lbox .info{width: 360px;}

.idx_risk .lbox .title{font-size: 24px;color: #333333;font-weight: bold;padding:5px 0 5px;}

.idx_risk .lbox .desc{font-size: 16px;color: #999999;margin-top: 15px;}

.idx_risk .rbox{width: 50%;}



.idx_price{padding:80px 0 0;}

.idx_price .list{margin-top: 80px;text-align: center;font-size: 0;}

.idx_price .item{width: 25%;display: inline-block;}

.idx_price .item .icon:before,.idx_price .item .icon:after{width: 110px;height: 1px;display: block;background: #dfe2e6;content:'';top: 50%;position:absolute;}

.idx_price .item .icon:before{left: -110px;}

.idx_price .item .icon:after{right: -110px;}



.idx_price .item .icon{width: 100px;height: 100px;display: block;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;}

.idx_price .item .title{font-size: 24px;color: #333333;font-weight: bold;margin-top: 40px;}

.idx_price .item .price{font-size: 30px;color: #079eff;font-style: italic;margin:20px 0;}

.idx_price .item .fz{font-size: 16px;color: #999999;}



.idx_price .item_1 .icon{background-image: url(../images/idx_06.png);}

.idx_price .item_2 .icon{background-image: url(../images/idx_07.png);}

.idx_price .item_3 .icon{background-image: url(../images/idx_08.png);}

.idx_price .item_4 .icon{background-image: url(../images/idx_09.png);}



.idx_price .item_1:hover .icon{background-image: url(../images/idx_06-1.png);}

.idx_price .item_2:hover .icon{background-image: url(../images/idx_07-1.png);}

.idx_price .item_3:hover .icon{background-image: url(../images/idx_08-1.png);}

.idx_price .item_4:hover .icon{background-image: url(../images/idx_09-1.png);}



.idx_advan{padding:250px 0 50px;background: url(../images/idx_31.jpg) no-repeat top center;background-size:cover;}

.idx_advan .list{margin-top: 80px;text-align: center;font-size: 0;}

.idx_advan .item{width: 31.3%;margin:0 1%;border-radius:6px;box-shadow:0 0 10px #ddd;padding:70px 55px 0;height: 500px;display: inline-block;vertical-align: text-top;background: #fff;transition: all .3s;}

.idx_advan .item .icon{width: 100px;height: 100px;display: block;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:cover;}

.idx_advan .item .title{font-size: 30px;color: #333333;font-weight: bold;text-align: center;margin-top: 50px;}

.idx_advan .item .sm_line{margin-top: 25px;background: url(../images/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:25px auto 0;}

.idx_advan .item .desc{margin-top: 30px;font-size: 16px;color: #888888;line-height: 30px;}

.idx_advan .item_1 .icon{background-image: url(../images/idx_10.png);}

.idx_advan .item_2 .icon{background-image: url(../images/idx_11.png);}

.idx_advan .item_3 .icon{background-image: url(../images/idx_12.png);}

.idx_advan .item:hover{background: #079eff;transform: scale(1.05,1.05);}

.idx_advan .item:hover .title,.idx_advan .item:hover .desc{color: #fff;}

.idx_advan .item:hover .line{background: #fff;}

.idx_advan .item_1:hover .icon{background-image: url(../images/idx_10-1.png);}

.idx_advan .item_2:hover .icon{background-image: url(../images/idx_11-1.png);}

.idx_advan .item_3:hover .icon{background-image: url(../images/idx_12-1.png);}



.idx_customer{padding:135px 0 150px;background: url(../images/idx_29.jpg) no-repeat center;background-size:cover;}

.idx_customer .idx_titbox .en{color: #fff;}

.idx_customer .idx_titbox .cn{color: #fff;}

.idx_customer .list{margin-top: 70px;    font-size: 0;}

.idx_customer .list li{width: 30.3%;height: 400px;border-radius:10px;text-align: center;padding:55px 0 0;position:relative;display: inline-block;vertical-align: text-top;margin:0 1.5%;background: #fff;}

.idx_customer .list .icon{border-radius:50%;box-shadow:0 0 10px #ddd;}

.idx_customer .list .title{font-size: 24px;color: #333333;font-weight: bold;margin-top: 50px;}

.idx_customer .list .en_tit{font-size: 16px;color: #999999;margin-top: 25px;text-transform: uppercase;}

.idx_customer .list .sm_line{width: 40px;height: 8px;position:absolute;bottom: 0;left: 50%;margin-left: -20px;}



.idx_case{padding:40px 0;}

.idx_case .detail{margin-left: -2%;margin-top: 80px;}

.idx_case .column{box-shadow:0 0 10px #ddd;border-radius:10px;width: 31.33%;margin-left: 2%;padding:20px 10px 10px;}

.idx_case .column a:hover{text-decoration: underline;}



.idx_case li{font-size: 0;}

.idx_case li .words{width: 25%;}

.idx_case li .website{width: 50%;}

.idx_case li .rank{width: 25%;}

.idx_case li span{font-size: 14px;color: #888888;padding:5px 0;line-height: 20px;text-align: center;display: inline-block;vertical-align: middle;}

.idx_case li.first{margin-bottom: 10px;}

.idx_case li.first span{font-size: 16px;color: #333333;line-height: 35px;}

.idx_case .column li:hover span{color: #079eff;}



.idx_case .box{height: 120px;}









.idx_media{padding:100px 0 115px;}

.idx_media .list{margin:75px 0 0 0;font-size: 0;text-align: center;padding-bottom: 70px;position:relative;}

.idx_media .list .item{/*margin-left: 25px;*//*width: 280px;*/height: 350px;border-radius:10px;overflow: hidden;position:relative;display: inline-block;vertical-align: text-top;}

.idx_media .list .img{}

.idx_media .list .title{position:absolute;width: 100%;left: 0;bottom: 0;font-size: 20px;color: #fff;font-weight: bold;line-height: 60px;background: rgba(7,158,255,.7);}

.idx_media .swiper-container{position:initial;}

.idx_media .swiper-pagination-bullet{width: 14px;height: 14px;margin:0 10px!important;}





.idx_last{background: url(../images/idx_30.jpg) no-repeat bottom center;background-size:cover;padding:0 0 110px;}

.idx_ad{background: url(../images/idx_23.jpg) no-repeat center;background-size:cover;padding:100px 0 140px;text-align: center;/*height: 400px;*/border-radius:25px;}

.idx_ad .title{font-size: 36px;color: #333333;font-weight: bold;}

.idx_ad .title .fz{font-size: 48px;color: #079eff;}

.idx_ad .button{width: 250px;height: 50px;border-radius:25px;font-size: 16px;color: #fff;font-weight: bold;line-height: 50px;background:#08a9ff;background: -webkit-gradient(linear, left top, right bottom, from(#08a9ff), to(#326ce4)); background: -moz-linear-gradient(top,  #08a9ff,  #326ce4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08a9ff', endColorstr='#326ce4');margin:60px auto 0;display: block;}

.idx_ad .button:hover{box-shadow:0 0 10px #326ce4;}



.idx_news{margin-top: 120px;}

.idx_news .detail{margin:80px 0 0 -30px;}

.idx_news .idx_titbox .en{color: #fff;}

.idx_news .idx_titbox .cn{color: #fff;}

.idx_news .column{margin-left: 30px;background: #fff;border-radius:10px;padding:40px 20px 20px;width: 380px;}

.idx_news .column .t_tit{font-size: 24px;color: #333333;font-weight: bold;text-align: center;}

.idx_news .column .line{background: url(../images/idx_24.png) no-repeat center;background-size:cover;width: 30px;height: 4px;display: block;margin:15px auto 0;}

.idx_news .column .list{margin-top: 25px;}

.idx_news .column li{position:relative;}

.idx_news .column .tit{width: 60%;display: inline-block;font-size: 15px;color: #888888;overflow:hidden;text-overflow:ellipsis;

white-space:nowrap;line-height: 30px;}

.idx_news .column .date{float: right;font-size: 13px;color: #999;line-height: 30px;}





.idx_news .column li:before{content:'';display: inline-block;width: 5px;height: 5px;background: #079eff;border-radius:50%;vertical-align: middle;margin-right: 10px;float: left;margin-top: 15px;}

.idx_news .column li:hover .tit,.idx_news .column li:hover .date{color: #079eff;}



/*åº•éƒ¨*/

.footer{background: #20243e;}

.footer_b{padding:15px 0;border-top:1px solid #3c415e;}

.footer_b p{font-size: 13px;color: #99a6bf;text-align: center;line-height: 26px;}



.footer_t{padding:60px 0 30px;}

.ft_col1{width: 215px;}

.ft_col1 .tit{font-size: 22px;color: #ffffff;}

.ft_col1 .box{margin-top: 25px;}

.ft_col1 .lk{font-size: 14px;color: #99a6bf;line-height: 30px;display: block;}

.ft_col1 a.lk:hover{color: #fff;text-decoration: underline;}

.ft_txt{width: 340px;border-left:1px solid #3c415e;padding:10px 0 10px 40px;}

.ft_txt .logo{height: 40px;width: auto;margin:0 auto;display: block;}

.ft_txt .brief{font-size: 14px;color: #99a6bf;line-height: 22px;margin-top: 20px;}



.sj_menu{background: url(../images/sj_menu.png) no-repeat center;background-size:cover;width: 28px;height: 28px;display: none;position:fixed;right: 20px;top: 10px;}

.sj_logo{display: none;}

@media screen and (min-width:320px) and (max-width:1199px){

    .auto{width: 100%;padding:0 3%;}

  

}

@media screen and (min-width:1281px) and (max-width:1366px){

    /*é¦–é¡µ*/

  .idx_login{display: none;}

  

}

@media screen and (min-width:1201px) and (max-width:1280px){

    /*é¦–é¡µ*/

   /*.idx_login{margin-top: -250px;}*/

  .idx_login{display: none;}

  .hd_btns{margin-top: 5px;}

  .hd_btns .lk{width: 80px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}

  

}

@media screen and (min-width:992px) and (max-width:1200px){

    .head{padding:5px 0;height: 60px;}

    .hd_logo{position:initial;float: left;}

    .hd_logo .img{height: 50px;}

    .hd_btns{position:initial;float: right;}

    .hd_nav{padding: 0;float: left;margin-left: 35px;}

    .hd_nav li{line-height: 50px;margin:0 15px;}

    .hd_btns{margin-top: 10px;}

    .hd_btns .lk{width: 80px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}

    

    /*é¦–é¡µ*/

   .idx_login{display: none;}

   .idx_banner{height: 490px;}

   

   .idx_top{width:100%;margin-top: 0;    padding: 40px 30px;box-shadow:none;}

   .idx_top li{width: 25%;}

   .idx_top .num span{font-size: 26px;}

   .idx_top .icon{width: 40px;height: 40px;}

   .idx_top .font{margin-top: 5px;}

   

   .idx_seo{padding: 70px 0 10px;}

   .idx_seo .brief{width: 80%;}

   .idx_seo .detail .img{width: 80%;}

   

   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}

   

   .idx_risk .lbox{width: 50%;}

   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}

   .idx_risk .lbox .icon{width: 60px;}

   .idx_risk .lbox .info{width:calc(100% - 60px);}

   .idx_risk .lbox .desc{margin-top: 10px;}

   .idx_risk .lbox .title{font-size: 20px;}

   

   

   .idx_media .list{margin-left: 0;}

   .idx_media .list .item{margin-left: 0;height: auto;}

   

   .idx_news .detail{margin-left: -2%;}

   .idx_news .column{width: 31.3%;margin-left: 2%;}

   .idx_news .column li:before{margin-top: 12px;}

   /*åº•éƒ¨*/

  .ft_col1{width: 18%;}

  .ft_txt{width: 28%;}

   /*ç™»å½•*/

  .login_box{width:500px;height: 500px;margin-top: -250px;margin-left: -250px;padding: 40px 30px 30px 30px;}

  .login_box .imgbox{width: 60%;display: none;}

  .login_box .info{width: 100%;}

  .login_main .hd_logo{margin-top: 10px;}

  

  .login_box .title{font-size: 30px;}

  .login_form .ipt_button{display: block;float:none;}

  

  /*æ³¨å†Œ*/

  .main{margin-top: 60px;}

  .foot{padding:15px 3%;line-height: 20px;}

    /*è”ç³»æˆ‘ä»¬*/

   .mar_l{width: 210px;}

   .mar_l li a{background-position: 25px center;padding-left: 70px;}

  .mar_r{width:calc(100% - 230px);}

  .contact_info .title{font-size: 24px;}

  .contact_info .box .tit{font-size: 20px;}

  /*è¥é”€å­¦é™¢*/

 .mar_top .rbox{display: none;}

  .mar_list .info{width:calc(100% - 240px);}

  .mar_list .brief{margin-top: 10px;line-height: 20px;}

  .mar_list .bot{margin-top: 10px;}

  /*æ–‡ç« è¯¦æƒ…*/

 .arc_content .title{font-size: 28px;}

 .arc_content .tag span{margin:0 15px;}

 .pagenav li{width: 100%;line-height: 30px;}

 .pagenav li.next{text-align: left;}

 

 

 

 

 

 

 

 

 

 

}



@media screen and (min-width:768px) and (max-width:991px){

    .sj_menu{display: block;}

    

   .head{padding:5px 0;height: 50px;}

    .hd_logo{position:initial;float: left;}

    .hd_logo .img{height: 40px;}

    .hd_btns{position:initial;float: right;}

    .hd_nav{padding: 0;float: left;position:absolute;width: 100%;left: 0;top: 50px;background: rgba(0,0,0,.6);display: none;}

    .hd_nav li{line-height: 40px;margin:0 15px;display: block;text-align: left;padding:0 3%;}

    .hd_btns{margin-top: 5px;margin-right: 50px;}

    .hd_btns .lk{width: 60px;height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;}

    

    /*é¦–é¡µ*/

   .idx_login{display: none;}

   .idx_banner{height: 400px;}

   

   .idx_top{width:100%;margin-top: 0;    padding: 40px 30px;box-shadow:none;}

   .idx_top li{width: 25%;}

   .idx_top .num span{font-size: 26px;}

   .idx_top .icon{width: 40px;height: 40px;margin-right: 10px;}

   .idx_top .font{margin-top: 5px;}

   

   .idx_seo{padding: 20px 0 10px;margin-top: 0;}

   .idx_seo .brief{width: 90%;}

   .idx_seo .detail .img{}

   .idx_seo .title{font-size: 26px;}

   .idx_seo .smtit{font-size: 20px;}

   

   .idx_titbox .en{font-size: 50px;}

   .idx_titbox .cn{font-size: 30px;margin-top: -25px;}

   .idx_titbox .sm{font-size: 16px;}

   

   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}

   .idx_price .item .icon{width: 80px;height: 80px;}

   .idx_price .item .title{font-size: 20px;}

   .idx_price .item .price{font-size: 22px;}

   

   .idx_risk .lbox{width: 50%;}

   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}

   .idx_risk .lbox .icon{width: 40px;}

   .idx_risk .lbox .info{width:calc(100% - 50px);}

   .idx_risk .lbox .desc{margin-top: 5px;}

   .idx_risk .lbox .title{font-size: 17px;}

   

   .idx_advan .item{    padding: 30px 15px 0;height: 375px;}

   .idx_advan .item .icon{width: 80px;height: 80px;}

   .idx_advan .item .title{font-size: 28px;margin-top: 30px;}

   .idx_advan .item .desc{margin-top: 20px;font-size: 14px;line-height: 24px;}

   

   .idx_customer .list li{height: 300px;padding-top: 35px;}

   .idx_customer .list .icon{width: 100px;}

   .idx_customer .list .title{margin-top: 30px;font-size: 22px;}

   

   .idx_ad{padding: 100px 0 100px;}

   .idx_ad .title{font-size: 28px;}

   .idx_ad .title .fz{font-size: 40px;}

   

   

   .idx_media .list{margin-left: 0;}

   .idx_media .list .item{/*width: 23%;*/margin-left:0;height: auto;}

   

   .idx_news .detail{margin-left: -1%;}

   .idx_news .column{width: 32.3%;margin-left: 1%;}

   .idx_news .column .t_tit{font-size: 20px;}

   /*åº•éƒ¨*/

  .ft_col1{width: 25%;}

  .ft_txt{width: 100%;display: none;}

   

   /*ç™»å½•*/

  .login_box{width:460px;height: 480px;margin-top: -250px;margin-left: -230px;padding: 40px 30px 20px 30px;}

  .login_box .imgbox{width: 60%;display: none;}

  .login_box .info{width: 100%;}

  .login_main .hd_logo{margin-top: 10px;}

  

  .login_box .title{font-size: 26px;}

  .login_form .ipt_button{display: block;float:none;}

  .login_form .ipt{height: 36px;line-height: 36px;}

   

   /*æ³¨å†Œ*/

  .main{margin-top: 50px;}

  .foot{padding:15px 3%;line-height: 20px;}

  .inner_head{background: rgba(0,0,0,.6)!important;}

  .sj_logo{display: block;}

  .pc_logo{display: none;}

   .inner_head .hd_nav li{color: #fff;}

   

   .reg_form .detail{padding: 45px 0 20px;width: 80%;margin:0 auto;}

   /*è”ç³»æˆ‘ä»¬*/

    .mar_l{width: 100%;float:none;font-size: 0;}

   .mar_l li{width: 31.3%;margin:0 1%;display: inline-block;padding: 0;height: 45px;}

   .mar_l li a{background-position: 15px center;padding-left: 35px;width: 100%;height: 45px;line-height: 45px;    background-size: 24px;font-size: 16px;}

   

   

   

   .mar_l li a{background-position: 25px center;padding-left: 70px;width: 100%;}

  .mar_r{width:100%;margin-top:20px;}

  .contact_info .title{font-size: 24px;}

  .contact_info .box .tit{font-size: 20px;}

   

   /*è¥é”€å­¦é™¢*/

 .mar_top .rbox{display: none;}

  .mar_list .info{width:calc(100% - 240px);padding-top: 10px;}

  .mar_list .brief{margin-top: 10px;line-height: 20px;}

  .mar_list .bot{margin-top: 10px;}

   

   .pagelist a{width: 36px;height: 36px;line-height: 36px;}

   /*æ–‡ç« è¯¦æƒ…*/

 .arc_content .title{font-size: 28px;}

 .arc_content .tag span{margin:0 15px;}

 .pagenav li{width: 100%;line-height: 30px;}

 .pagenav li.next{text-align: left;}

   

}

@media screen and (min-width:320px) and (max-width:767px){

    .sj_menu{display: block;}

    

   .head{padding:5px 0;height: 50px;background: rgba(0,0,0,.6)!important;}

    .hd_logo{position:initial;float: left;}

    .hd_logo .img{height: 40px;}

    .hd_btns{position:initial;float: right;}

    .hd_nav{padding: 0;float: left;position:absolute;width: 100%;left: 0;top: 50px;background: rgba(0,0,0,.6);display: none;padding-bottom: 10px;}

    .hd_nav li{line-height: 35px;margin:0 15px;display: block;text-align: left;padding:0 3%;font-size: 15px;}

    .hd_btns{margin-top: 5px;margin-right: 50px;}

    .hd_btns .lk{height: 30px;line-height: 30px;margin-left: 15px;font-size: 14px;border:none;width: auto;}

    .hd_btns .login{background: transparent;}

    /*é¦–é¡µ*/

   .idx_login{display: none;}

   .idx_banner{height: 210px;}

   

   .idx_top{width:100%;margin-top: 0;    padding: 20px 0px;box-shadow:none;}

   .idx_top li{width: 25%;text-align: center;}

   .idx_top .num span{font-size: 16px;}

   .idx_top .icon{width: 30px;height: 30px;float:none;margin:0 auto;}

   .idx_top .font{margin-top: 5px;font-size: 12px;}

   .idx_top li .info{display: block;margin-top: 5px;}

   .idx_top .num{font-size: 16px;margin-top: 10px;}

   

   .idx_seo{padding: 10px 0 10px;margin-top: 0;}

   .idx_seo .brief{width: 100%;font-size: 14px;line-height: 24px;margin-top: 25px;}

   .idx_seo .detail{margin-top: 15px;}

   .idx_seo .detail .img{}

   .idx_seo .title{font-size: 16px;line-height: 24px;padding: 0 5%;}

   .idx_seo .smtit{font-size: 15px;margin-top: 15px;}

   

   .idx_titbox .en{font-size: 34px;}

   .idx_titbox .cn{font-size: 22px;margin-top: -18px;}

   .idx_titbox .line{margin-top: 15px;}

   .idx_titbox .sm{font-size: 14px;margin-top: 20px;}

   

   .idx_risk{padding: 90px 0 30px;}

   .idx_risk .detail{margin-top: 35px;}

   .idx_risk .lbox{width: 100%;float:none;}

   .idx_risk .lbox li{padding: 20px 15px;margin-bottom: 15px;}

   .idx_risk .lbox .icon{width: 40px;}

   .idx_risk .lbox .info{width:calc(100% - 50px);}

   .idx_risk .lbox .desc{margin-top: 5px;font-size: 14px;}

   .idx_risk .lbox .title{font-size: 16px;}

   .idx_risk .rbox{width: 80%;margin:15px auto 0;float:none;}

   

   .idx_price .list{margin-top: 40px;}

   .idx_price .item{width: 50%;margin-bottom: 25px;}

   .idx_price{padding-top: 50px;}

   .idx_price .item .icon:before, .idx_price .item .icon:after{display: none;}

   .idx_price .item .icon{width: 60px;height: 60px;}

   .idx_price .item .title{font-size: 16px;margin-top: 15px;}

   .idx_price .item .price{font-size: 17px;margin:15px 0;}

   .idx_price .item .fz{font-size: 14px;}

   

   .idx_advan{    padding: 150px 0 30px;}

   .idx_advan .list{margin-top: 30px;}

   .idx_advan .item{ width: 100%;   padding: 20px 15px 20px;height: auto;margin-bottom: 15px;}

   .idx_advan .item .icon{width: 70px;height: 70px;}

   .idx_advan .item .sm_line{margin-top: 15px;}

   .idx_advan .item .title{font-size: 20px;margin-top: 20px;}

   .idx_advan .item .desc{margin-top: 15px;font-size: 14px;line-height: 24px;}

   

   .idx_customer{padding: 80px 0 50px;background: url(../images/idx_29.jpg) no-repeat center;}

   .idx_customer .list{margin-top: 30px;}

   .idx_customer .list li{height: auto;padding:20px 0 30px;width: 31.3%;margin:0 1% 0;}

   .idx_customer .list .icon{width: 50px;}

   .idx_customer .list .title{margin-top: 20px;font-size: 15px;}

   .idx_customer .list .en_tit{font-size: 12px;margin-top: 15px;}

   .idx_customer .list .sm_line{height: 4px;}

   

   .idx_case .detail{margin-top: 35px;margin-left: 0;}

   .idx_case .column{width: 100%;margin-left: 0;margin-bottom: 10px;}

   .idx_case .column td{padding:5px 0;}

   .idx_case .column th{font-size: 15px;line-height: 30px;}

   

   .idx_media{padding:30px 0;}

   .idx_media .list{margin-left: 0;margin-top: 30px;padding-bottom: 35px;}

   .idx_media .list .item{/*width: 48%;*/margin-left:0;height: auto;margin-bottom: 10px;}

   .idx_media .list .title{font-size: 14px;line-height: 36px;}

   .idx_media .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 4px!important;}

   

   .idx_ad{padding: 60px 0 60px;box-shadow:0 0 10px #999;}

   .idx_ad .title{font-size: 16px;}

   .idx_ad .title .fz{font-size: 20px;}

   .idx_ad .button{width: 150px;height: 36px;line-height: 36px;font-size: 14px;margin-top: 50px;}

   

   .idx_last{padding-bottom: 40px;}

   .idx_news{margin-top: 40px;}

   .idx_news .detail{margin-left: 0;margin-top: 30px;}

   .idx_news .column{width: 100%;margin-left: 0;margin-bottom: 10px;padding: 20px 10px 20px;}

   .idx_news .column .t_tit{font-size: 18px;}

   .idx_news .column li{font-size: 14px;line-height: 26px;display: none;}

   .idx_news .column .tit,.idx_news .column .date{line-height: 26px;font-size: 14px;}

   .idx_news .column li:before{margin-top: 11px;}

   

   .idx_news .column li:nth-child(1){display: block;}

   .idx_news .column li:nth-child(2){display: block;}

   .idx_news .column li:nth-child(3){display: block;}

   .idx_news .column li:nth-child(4){display: block;}

   .idx_news .column li:nth-child(5){display: block;}

   

   /*åº•éƒ¨*/

  .footer_t{padding:20px 0 5px;}

  .ft_col1{width: 100%;margin-bottom: 10px;}

  .ft_txt{width: 100%;display: none;}

  .ft_col1 .tit{font-size: 14px;}

  .ft_col1 .box{margin-top: 5px;}

  .ft_col1 .lk{font-size: 12px;line-height: 24px;display: inline-block;margin-right: 15px;}

  .footer_b p{font-size: 12px;line-height: 22px;}

  

  /*ç™»å½•*/

  .login_box{width:90%;height: auto;margin-top: -190px;margin-left: 0;padding: 30px 30px 30px 30px;left: 5%;border-radius: 15px;}

  .login_box .imgbox{width: 60%;display: none;}

  .login_box .info{width: 100%;}

  .login_main .hd_logo{margin-top: 10px;}

  

  .login_box .title{font-size: 20px;}

  .login_form{margin-top: 20px;}

  .login_form .ipt_button{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 16px;}

   .login_form .ipt{height: 36px;line-height: 36px;font-size: 14px;}

   .login_form .row{    padding: 8px 0 3px;}

  .login_form .ipt_txt{padding-left: 45px;    background-size: 16px;}

  .login_form .imgcode{width: 90px;height: 36px;}

  .login_form .imgcode img{height: 36px;width: 90px;}

  .login_form .code{width: 180px;}

  /*æ³¨å†Œ*/

  .main{margin-top: 50px;}

  .foot{padding:10px 4%;line-height: 18px;font-size: 12px;}

  .inner_head{background: rgba(0,0,0,.6)!important;}

  .sj_logo{display: block;}

  .pc_logo{display: none;}

   .inner_head .hd_nav li{color: #fff;}

   

   .reg_main{padding:15px 0 20px;}

   .reg_form{width: 100%;}

   .reg_form .detail{padding: 25px 0 20px;width: 90%;margin:0 auto;}

  .reg_form .top{padding:15px 10px;}

  .reg_form .title{font-size: 16px;padding-left: 15px;}

  .reg_form .tip{display: block;line-height: 35px;}

  .reg_form .ipt_txt{background-size:18px;    background-position: 15px center;padding-left: 45px;margin-right: 0;height: 40px;line-height: 40px;font-size: 14px;display: block;width: 100%;}

  .reg_form .row{margin-bottom: 5px;}

  .reg_form .code{width: 70%;float: left;}

  .reg_form .getcode{width: 25%;font-size: 14px;border-radius:10px;float: right;height: 40px;line-height: 40px;}

  .reg_form .module{margin-bottom: 0;}

  .reg_form .ipt_button{width: 60%;height: 40px;line-height: 40px;margin-top: 20px;}

  .reg_form .notice .sel{width: 15px;height: 15px;}

  .reg_form .notice{line-height: 15px;}

  

  /*è”ç³»æˆ‘ä»¬*/

   .mar_l{width: 100%;float:none;font-size: 0;}

   .mar_l li{width: 31.3%;margin:0 1%;display: inline-block;padding: 0;height: 40px;}

   .mar_l li a{background-position: 10px center;padding-left: 35px;width: 100%;height: 40px;line-height: 40px;    background-size: 20px;font-size: 15px;}

  .mar_r{width:100%;margin-top:20px;}

  .contact_info .title{font-size: 17px;}

  .contact_info .box {padding:25px 0;}

  .contact_info .box .tit{font-size: 15px;text-align: left;}

  .contact_info .box li{font-size: 14px;line-height: 33px;text-align: left;}

  .contact_info{background: transparent;box-shadow:none;}

  

  /*è¥é”€å­¦é™¢*/

 .mar_top .rbox{display: none;}

 .mar_top .lbox{width: 100%;}

 .mar_top .title{font-size: 16px;}

 .mar_top .brief{font-size: 14px;line-height: 22px;}

  .mar_list .info{width:100%;padding-top: 15px;}

  .mar_list .brief{margin-top: 10px;line-height: 20px;}

  .mar_list .bot{margin-top: 10px;}

   .mar_list .item{padding: 10px;}

   .mar_list .imgbox{width: 100%;height: auto;}

   .mar_list .title{font-size: 17px;}

   .mar_list .tag{font-size: 12px;line-height: 16px;}

   .mar_list .tag .icon{width: 16px;height: 16px;margin-right: 5px;}

   .mar_list .more{margin-top: 10px;}

   

   

   .pagelist a{width: 30px;height: 30px;line-height: 30px;font-size: 13px;}

   

   /*æ–‡ç« è¯¦æƒ…*/

 .arc_content .title{font-size: 18px;}

 .arc_content .tag span{margin:0 15px;}

 .pagenav li{width: 100%;line-height: 26px;font-size: 14px;}

 .pagenav li.next{text-align: left;}

  

  .arc_content{padding:35px 10px;}

  .arc_content .tag{margin-top: 15px;}

  .arc_content .tag span{font-size: 12px;}

  .arc_content .tag .icon{width: 14px;height: 14px;}

  .arc_content .tag span:nth-child(1){display: none;}

  .arc_content .tag span:nth-child(2){display: none;}

  .arc_content .editbox p{font-size: 14px;line-height: 24px;}

  .arc_content .editbox{padding:15px 5px;}

  

  .arc_rela{padding:20px 10px;}

  .arc_rela .title{font-size: 16px;padding-left: 20px;}

  

  .arc_rela_list{margin-top: 10px;padding-top: 10px;}

  .arc_rela_list li{width: 100%;font-size: 14px;line-height: 30px;background: url(../images/mar_12.jpg) no-repeat 10px center;padding-left: 25px;}

  .arc_main{padding-bottom: 30px;}

}

.yq_p{

	color: #99a6bf;

	font-size: 14px;

}

.yq_link{

	color: #99a6bf;

	font-size: 14px;

	padding-top: 15px;

}







