.con1{
    height: 290px;
    background: url("../img/search_bg.jpg") no-repeat center;
    color: #fff;
    /*æ–°åŠ */
    background-size: cover;
}
.con1 .search{
    width: 850px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 23px;
}
.con1 h6{
    font-size: 20px;
    font-weight: bold;
    padding-top: 60px;
    padding-bottom: 16px;
}
.search_input{
    background: #fff;
    border-radius: 5px;
    height: 42px;
    line-height: 42px;
    margin-top: 28px;
}
.search_input input{
    height: 42px;
    margin-left: 10px;
    width: 800px;
    outline: none;
}
.search_input a{
    position: relative;
    top: 3px;
}
.search_key{
    margin-top: 16px;
}
.search_key a{
    color: #fff;
    margin-left: 20px;
    display: inline-block;
}
.search_key a:hover{
    border-bottom: 1px solid #fff;
}
/*con2*/
.con2{
    height: 480px;
    background: #2d88e5;
}
.con2_pro{
    width: 252px;
    height: 438px;
    margin-right: 15px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    display: block;
    float: left;
    margin-top: 20px;
}
.con2_pro .con2_img{
    margin: 12px 11px 0;
    overflow: hidden;
}
.con2_pro p{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-top: 24px;
}
.con2_pro span{
    display: block;
    font-size: 20px;
    color: #5687fe;
    font-weight: bold;
    margin-top: 18px;
}
.con2_pro:hover span{
    color: #102d8d;
}
.con2_pro:hover{
    box-shadow: 0 0 5px 5px rgba(16, 45, 141, 0.2);
}
/*con3*/
.con3{
    width: 640px;
    height:570px;

    border-radius: 5px;
    margin-top: 78px;
    position: relative;
}
.c_left{
    position: absolute;
    top:305px;
    left: 13px;
    z-index: 3;
}
.c_right{
    position: absolute;
    top:304px;
    right: 13px;
    z-index: 3;
}
.con3 h6{
    font-size: 18px;
    padding:20px;
    padding-top: 26px;
}
.con3 .tr1 td{
    padding-top: 10px;
}
.con3 h6 a{
    float: right;
    color: #0d6fdf;
    font-size: 14px;
    font-weight: normal;
}
.con3 h6 a:hover{
    color: #102d8d;
}
.con3_in{
    width: 100%;
    height: 162px;
    margin: auto;
    min-width: 1200px;
    background: url(../images/imgs/banner_new2.jpg) no-repeat;
    margin-top: 40px;

}
.con3_in table{
    width: 100%;
    font-size: 15px;
    color: #3d3c3c;
    text-align: center;
}
.con3_in th{
    background: #f6f7fc;
    height: 46px;
    line-height: 46px;
    font-weight: normal;
}
.con3_in td{
    height: 40px;
}
.con3 .data{
    height: 15px;
    background: #6395ff;
    color: #fff;
    line-height: 15px;
    font-size: 13px;
    text-align: left;
    text-indent: 5px;
}
.con3b .data{
    background: #f07717;
    color: #000;
}
#table1 .data2{
    width: 96%;
}
#table1 .data3{
    width: 90%;
}
#table1 .data4{
    width: 86%;
}
#table1 .data5{
    width: 82%;
}
#table1 .data6{
    width: 70%;
}
#table1 .data7{
    width: 65%;
}
#table1 .data8{
    width: 55%;
}
#table1 .data9{
    width: 43%;
}
#table1 .data10{
    width: 22%;
}

#table3 .data2{
    width: 96%;
}
#table3 .data3{
    width: 90%;
}
#table3 .data4{
    width: 86%;
}
#table3 .data5{
    width: 82%;
}
#table3 .data6{
    width: 70%;
}
#table3 .data7{
    width: 65%;
}
#table3 .data8{
    width: 55%;
}
#table3 .data9{
    width: 43%;
}
#table3 .data10{
    width: 22%;
}
.con3 .fa-long-arrow-alt-up{
    color: #ff0505;
}
.con3 .fa-long-arrow-alt-down{
    color: #058205;
}
/*con4*/
.title{
    font-size: 22px;
    text-align: center;
    margin-top: 65px;
    position: relative;
    padding-bottom: 50px;
}
.title a{
    position: absolute;
    font-size: 14px;
    color: #0d6fdf;
    right:0;
}
.title a:hover{
    color: #102d8d;
}
a.con4_pro{
    width: 640px;
    height: 70px;
    background: #f7f9fc;
    color: #000;
    display: block;
    border-radius: 5px;
    margin-bottom: 10px;
}

.con4_l{
    float: left;
    margin-left: 20px;
    margin-top: 17px;
}
.con4_r{
    width: 560px;
    float: left;
    margin-top: 14px;
    margin-left: 12px;
}
.con4_r p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.con4_r span{
    color: #666;
    font-size: 13px;
    padding-top: 5px;
    display: block;
}
a.con4_pro:hover{
    color: #102d8d;
    box-shadow: 0 0 5px 5px rgba(16, 45, 141, 0.13);
}
a.con4_pro:hover span{
    color: #102d8d;
}
/*con5*/
.con5{
    height: 426px;
    border-radius: 5px;
    background: linear-gradient(to right, #264bbf, #0e42ab);
}
.con5 a{
    color: #fff;
    display: block;
    width: 580px;
    font-size: 14px;
    line-height: 23px;
    opacity: 0.95;
}
.con5 a:hover{
    opacity: 1;
}
.con5_pro{
    margin-top: 34px;
    display: block;
    height: 40px;
}
.con5_pro p{
    width: 500px;

    overflow: hidden;
    float: left;
}
.con5_pro span{
    float: right;
}
.con5_l{
    margin-left: 50px;
}
.con5_r{
    margin-right: 50px;
}
.footer{
    height: 66px;
    line-height: 66px;
    text-align: center;
    background: #434345;
    color: #fff;
    font-size: 14px;
    margin-top: 54px;
}
body{
    background: url("../img/bg.png") no-repeat bottom;
}
/*è¡¨æ ¼è½®æ’­*/
.swiper_wrap,.swiper_wrap2{
    position: relative;
 /*   margin: 0 auto;*/
    overflow: hidden;
}
.swiper_wrap ul,.swiper_wrap2 ul{
    position: relative;
    top: 0;
    left: 0;
}
.swiper_wrap ul li,.swiper_wrap2 ul li{
    float: left;
}
/*ä¿®æ”¹æ»šåŠ¨æ¡æ ·å¼*/
body::-webkit-scrollbar{
    width:8px;
    height:10px;
    /**/
}
body::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
}
body::-webkit-scrollbar-thumb:hover{
    background: #333;
}
body::-webkit-scrollbar-corner{
    background: #179a16;
}
/*å°å±å¹•å…¼å®¹*/
body{
    min-width: 1200px;
}
@media screen and (max-width: 1320px){
    .center{
        width: 1200px;
    }
    .login a{
        margin-right: 20px;
    }
    /*.logo a{
        font-size: 22px;
        margin-left: 20px;
        display: block;
    }*/
    .nav a{
        font-size: 15px;
        /*margin-right: 20px;*/
    }
    .nav{
        margin-left: 42px;
    }
    .con2_pro{
        margin-left: 12px;
        margin-right: 0;
        width: 224px;
    }
    .con3{
        width: 580px;
    }
    .con3a{
        margin-left: 12px;
    }
    .con3b{
        margin-right: 12px;
    }
    .title a{
        right: 12px;
    }
    .con4a{
        margin-left: 12px;
    }
    .con4b{
        margin-right: 12px;
    }
    a.con4_pro{
        width: 580px;
    }
    .con4_r{
        width: 514px;
    }
    .con5 a{
        /*width: 517px;*/
    }
    .con5_pro p{
        width: 420px;
    }
    .con5{
        margin: 0 12px;
    }
}
/*ä¸»é¢˜æ•°æ®*/
.theme_pro{
    border: 1px solid #f2f2f2;
    width: 199px;
    height: 157px;
    text-align: center;
    font-size: 16px;
    color: #333;
    float: left;
    margin-right: 22px;
    margin-top: 20px;
}
.theme{
    overflow: hidden;
    margin-top: -20px;
}
.theme_pro img{
    margin-top: 32px;
    margin-bottom: 18px;
}
@media screen and (max-width: 1320px) {
    .theme_pro{
        width: 179px;
    }
}