/*banner*/

.bn-box {

    width: 100%;

    overflow-x: hidden;

    position: relative;

    z-index: 0;

    margin-bottom:50px;

}

.banner {

    width: 1920px;

    height:460px;

    position: relative;

    overflow: hidden;

    margin-left: 50%;

    left: -960px;

    top: 0;

}

.banner img{

    width: 100%;height: 102%;

    background: url() no-repeat;

    background-size:cover;

}      

/*数字按钮样式*/

.banner .num {

    overflow: hidden;

    height: 25px;

    position: absolute;

    bottom: 12px;

    zoom: 1;

    z-index: 3;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.banner .num li {

    width:90px; height:5px; background: white;

    line-height: 25px;

    text-align: center;  

    cursor: pointer;

    float: left;

    font-size: 0; 

    margin-left: 10px;

}

.banner .num li.on {

    background: #2D6FCB;

} /*当前项*/

/*上一个  下一个*/

.banner .prev, .banner .next {

    display: none;

    width: 40px;

    height: 100px;

    background: url(../images/btn.png) no-repeat;

    background-size:cover;

    position: absolute;

    top: 154px;

}

.banner .prev {

    left: 50%;

    margin-left: -635px;

}

.banner .next {

    right: 50%;

    margin-right: -635px;

    background-position: right;

}

/*banner end*/

/*pro*/

.pro-box{

    width: 1180px;height: 882px;margin:0 auto;

}

.pro-title{

    width: 1180px;height: 59px;

    background: url(../images/tit.png) no-repeat;

    background-size:cover;position: relative;margin-bottom: 40px;

}

.pro-title h3{

    font-size: 28px;font-weight: bold;color:#2c6fcc;

    position: absolute;top: -4px;

    left: 538px;

}

.pro-title span{display: block;

    font-size: 14px;color:#666;

    position: absolute;bottom:0;left:463px;

    letter-spacing: 1px;

}

.pro-center{

    width: 100%;height: 731px;margin-bottom: 60px;

}

.pro-left{

    width: 241px;height: 100%;border:1px solid #0097FF;float: left;background: #E7E7E7;

}

.pro-left .t-top{

    width: 241px;height: 95px;position: relative;

    background: url(../images/pro-left.jpg) no-repeat center;

    background-size:cover;

}

.pro-left .t-top span{

    display: block;

    font-size: 18px;

    position: absolute;top: 20px;

    left: 67px;

    color: #fff;font-weight: bold;

}

.pro-left .t-top p{

    display: block;

    font-size: 12px;

    position: absolute;bottom: 29px;

    left:39px;

    color: #fff;text-transform: uppercase;

}

.pro-left ul{

    width: 242px;height: 322px;overflow: hidden;

}

.pro-left ul li{

    width: 241px;height: 45px;border-bottom: 1px solid #fff;

}

.pro-left ul li span{display: block;width: 4px;height: 4px;border-radius: 50%;

    background: #265AA7;float: left;margin:21px 9px 0 56px;}

.pro-left ul li a{

    display: block;

    font-size: 14px;

    color: #333;line-height: 45px;float: left;

}

.pro-left ul li:hover{

    background: #D9D7D7;

}

.pro-left ul li a:hover{

    color:#265AA7;

}

.pro-erweima{width: 173px;height: 173px; 

    background: url(../images/pro-erweima.jpg) no-repeat center;

    background-size:cover;margin:34px auto 0;position: relative;}

.pro-erweima .erweima{

    width: 147px;height: 147px;position: absolute;top:0;left:0;right:0;bottom:0;

    margin:auto;

}

.pro-sao{

    display: block;

    width: 100%;height: 40px;border-bottom: 1px solid #d5d2d2;color: #245aa7;

    font-size: 14px;text-align: center;line-height: 40px;

}

.pro-online{

    width:173px;height: 34px; 

    background: url(../images/online.jpg) no-repeat center;

    background-size:cover;margin:19px auto 0;position: relative;

}

.pro-online span{

    display: block;

    font-size:18px;font-weight: bold;

    position: absolute;top: 17px;

    left: 38px;

    color: #245aa7;

}

.pro-online .click{

    display: block;width: 70px;height: 25px;

    border-radius: 5px;

    font-size:14px;

    position: absolute;bottom:0;

    left: 6px;background: #255AA7;

    color: #fff;text-align: center;line-height: 25px;

}

.pro-online .online{

    display: block;width: 70px;height: 25px;

    border-radius: 5px;

    font-size:14px;

    position: absolute;bottom: 0;

    right: 5px;background: #DF170E;

    color: #fff;text-align: center;line-height: 25px;

}

.pro-right{

    width: 900px;height: 100%;

    float: right;

}

.p-right-top{

    width: 100%;height: 45px;border-top:1px solid #c2c2c2;

    border-bottom:1px solid #c2c2c2;margin-bottom: 27px;



}

.p-right-top .icon{

    display: block;

    width: 8px;height: 8px;

    background: url(../images/p-icon.jpg) no-repeat center;

    background-size:cover;margin-top: 19px;float: left;

}

.p-right-top .p-hot{

    display: block;

    font-size: 18px;color: #2b6fcc;

    font-weight: bold;line-height: 45px;margin-left:11px;

    float: left;letter-spacing: 1px;

}

.p-right-top .more{

    display: block;

    font-size: 14px;color: #2b6fcc;

    line-height: 45px;margin-left:20px;

    float: right;text-transform: uppercase;

}

.p-right-cen{

    width: 100%;height: 667px;overflow: hidden;

}

.p-right-cen li{

    width: 215px;height: 215px;margin-right:10px;margin-bottom:10px;float: left;

}

.p-right-cen li .line{

    width: 215px;height: 177px;

    border:1px solid #d5d5d5;

}

.p-right-cen li .line .tu{

    display: block;

    width: 205px;height: 167px;

position: relative;

    overflow: hidden;margin:5px auto;

}

.p-right-cen li .line .tu img{

    display: inline-block;

    width: 100%;height: 100%;

    background: url() no-repeat center center;

    background-size:cover;

    cursor: pointer;

    transition: all 0.6s;

    position: absolute;

    top: 0;left: 0;

}

.p-right-cen li .line .tu img:hover{

    transform: scale(1.4);

}



.p-right-cen li .wen{

    display: block;

    width: 100%;height: 35px;

    font-size: 14px;color: #333;

    line-height: 35px;text-transform: uppercase;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.p-right-cen li .wen:hover{

    color: #245aa7;

}

/*理由*/

.ly-box{

    width: 100%;

    height: 1038px;

    background: url(../images/ly-bg.jpg) no-repeat center center;

    background-size:cover;

}

.ly-cen{

    width: 1180px;

    height: 100%;

    background: url(../images/ly-cen.png) no-repeat center center;

    background-size:cover;margin:0 auto;position: relative;

}

.ly-box .ly-cen .chose{

    display: block;

    font-size:41px;

    color: #fff;

    position: absolute;top: 60px;

        left: 171px;

    letter-spacing: 8px;

}

.ly-box .ly-cen h3{

   font-size: 73px;

    font-weight: bold;

    color: #015cb5;

    position: absolute;

    top: 42px;

    left: 495px;

    letter-spacing: 5px;

}

.ly-box .ly-cen .ad01{

    display: block;

    font-size:20px;

    color: #015cb5;font-weight: bold;

    position: absolute;top: 29px;

    right: 184px;

    letter-spacing:4px;

}

.ly-box .ly-cen .ad02{

    display: block;

    font-size:18px;

    color: #333;

    position: absolute;    top: 60px;

    right: 5px;

    letter-spacing:2px;

}

.ly-box .ly-cen .ly01{

    width: 500px;height: 180px;

    position: absolute;top:180px;left:0;

}

.ly-box .ly-cen .ly02{

    width: 500px;height: 180px;

    position: absolute;top:413px;left:0;

}

.ly-box .ly-cen .ly03{

    width: 500px;height: 180px;

    position: absolute;bottom:257px;right:0;

}

.ly-box .ly-cen .ly04{

    width: 500px;height: 180px;

    position: absolute;bottom:4px;right:0;

}

.ly-top{

    width:100%;height:94px;margin-bottom:10px;

    border-bottom: 1px dashed #003e9a;

}

.ly-top .left{

    width: 54px;height: 76px;background: #2062D3;

    border-radius: 10px;float: left;

}



.ly-top .right{

    width:432px;height: 66px;float: right;

}

.ly-top .right .num01{

    display: block;

    font-size:18px;line-height:60px;

    color: #2b6fcc;font-weight: bold;

}

.ly-top .right .num02{

    display: block;

    font-size:12px;line-height: 0px;

    color: #767575;text-transform: uppercase;

}

.ly-bot{

    width:100%;height:85px;

}

.ly-bot li{

    width:100%;height:28px;

}

.ly-bot li .num03{display: block;

    width: 5px;height: 5px;background: #CA3E36;

    float: left;margin-top: 11px;border-radius: 50%;

    margin-right: 10px;

}

.ly-bot li .num04{display: block;

     width: 473px;

    font-size:14px;line-height: 28px;

    color: #333;float: left;

}

.ly-bot li .num04 em{

    color: #2b6fcc;

}

.ly01-img{

    width: 528px;height: 444px;

    position: absolute;top: 155px;

    right: 68px;

}

.ly02-img{

    width: 643px;height: 383px;

    position: absolute;bottom:31px;

    left: 0;

}

/*ad01*/

.ad01-box{

    width: 100%;

    height: 210px;

    background: url(../images/ad01-bg.jpg) no-repeat center;

    background-size:cover;margin-bottom:35px;

}

.ad01-cen{

    width: 1180px;

    height: 100%;

    background: url(../images/ad01-cen.png) no-repeat center;

    background-size:cover;margin:0 auto;position: relative;

}

.ad01-cen span{

    display: block;

    font-size:33px;font-weight: bold;

    color:#fff; position: absolute;    

    top: 70px;

    right: 27px;

}

.ad01-cen a{

    display: block;width: 175px;height: 43px;

    font-size:16px;

    color:#fff;text-align: center; line-height: 43px;

    position: absolute;    bottom: 37px;

    right: 106px;

}

/*case*/

.case-box{

    width: 1180px;height:457px;margin:0 auto;

}

.case-title{

    width: 1180px;height: 59px;

    background: url(../images/tit.png) no-repeat;

    background-size:cover;position: relative;margin-bottom: 30px;

}

.case-title h3{

    font-size: 28px;font-weight: bold;color:#2c6fcc;

    position: absolute;top: -4px;

    left: 538px;

}

.case-title span{display: block;

    font-size: 14px;color:#666;

    position: absolute;bottom:0;left:463px;

    letter-spacing: 1px;

}

.case-box ul{

    width: 104%;height: 334px;

}

.case-box ul li{

    width: 285px;height: 335px;border:1px solid #cccccc;

    float: left;margin-right:16px;

}

.case-box ul li .tu{

    display: block;width: 264px;height: 178px;margin:8px auto;

    position: relative;

    overflow: hidden;

}

.case-box ul li .tu img{

    display: inline-block;

    width: 100%;height: 100%;

    background: url() no-repeat center center;

    background-size:cover;

    cursor: pointer;

    transition: all 0.6s;

    position: absolute;

    top: 0;left: 0;

}

.case-box ul li .tu img:hover{

    transform: scale(1.4);

}

.case-box ul li .wen{

    display: block;

    width: 254px;height: 50px;margin:0 auto;

    border-bottom: 1px solid #E0E0E0;

}

.case-box ul li .wen span{

    display: block;width: 106px;height: 48px;

    border-bottom:3px solid #DF170E;font-size: 18px;color: #333;

    line-height: 48px;text-align: center;margin:0 auto;

    transition: all 0.7s;overflow: hidden;

}

.case-box ul li .wen span:hover{color: #DF1910;}

.case-box ul li p{

    width: 255px;height: 57px;overflow: hidden;

    font-size: 14px;color: #666;line-height: 25px;

    margin:0 auto;padding-top:15px;

}

.bigbox{

    width: 100%;padding-top: 47px;

    height: 1190px;background: #F8F7F7;

}

/*about*/

.about-box{

    width: 1180px;height: 531px;margin:0 auto;

}

.about-title{

    width: 1180px;height: 59px;

    background: url(../images/tit.png) no-repeat;

    background-size:cover;position: relative;margin-bottom: 24px;

}

.about-title h3{

    font-size: 28px;font-weight: bold;color:#2c6fcc;

    position: absolute;top: -4px;

    left: 538px;

}

.about-title span{display: block;

    font-size: 14px;color:#666;

    position: absolute;bottom:0;left:502px;

    letter-spacing: 1px;

}

.about-center{

    width: 1180px;height: 435px;

    background: url(../images/about-bg.jpg) no-repeat;

    background-size:cover;

}

.about-center .left{

    width: 485px;height: 255px;float: left;

    margin:112px 47px 0 40px; 

}

.about-center .left .name{

    width: 480px;height: 55px;border-bottom: 1px solid #ccc;

    margin-bottom: 27px;

}

.about-center .left .name a{

    display: block;color: #0f67ba;

    font-size: 20px;font-weight: bold;

    line-height: 55px;letter-spacing: 1px;text-indent: 0.5rem;

}

.about-center .left p{

    width: 483px;height: 100px;overflow: hidden;

    font-size:14px;color:#666;

    line-height: 26px;text-indent: 1.8rem;

}

.about-center .left .cf{

    display: block;

    width: 116px;height: 36px;

    background: #0569C8;border-radius: 5px;

    font-size:16px;color:#fff;

    line-height:36px;text-align: center;

    margin-top:35px;

}

.about-center .right{

    width: 558px;height: 372px;background: pink;float: right;

    margin:27px 37px 0 0; 

}

/*news*/

.news-box{

    width: 100%;

    height: 642px;

}

}.n25{height: 25px;}

.news-center{

    width: 1180px;height: 594px;

    margin:0 auto 33px;

}

.news-center .left{

    width: 592px;height: 577px;

    float: left;overflow: hidden;

    background: #fff;padding:20px;

}

.news-center .left .news01-tit{

    width: 590px;height: 18px;

    background: url(../images/news01-tit.jpg) no-repeat center;

    background-size:cover;position: relative;margin-bottom: 19px;

}

.news-center .left .news01-tit .tit{

    display: block;

    font-size:16px;

    color:#333;font-weight: bold;

    text-transform: uppercase;

}

.news-center .left .news01-tit .tit em{font-size:15px;font-weight: normal;}

.news-center .left .news01-tit .more{

    display: block;

    font-size:14px;

    color:#666;

    position: absolute;top:0;right:22px;

}

.news-center .left .news01-tit .rig{

    display: block;

    font-size:16px;

    color:#fff;

    width: 18px;height: 18px;border-radius: 50%;

    background: #0A63C5;line-height: 15px;text-align: center;

    position: absolute;top:0;right:0;

}

.news-center .left .news01-mob{

    width: 592px;height: 131px;

}

.news-center .left .news01-mob .about-img01{

    display: block;float: left;

    width: 227px;height: 132px;

    position: relative;

    overflow: hidden;

}

.news-center .left .news01-mob .about-img01 img{

    display: inline-block;

    width: 100%;height: 100%;

    background: url() no-repeat center center;

    background-size:cover;

    cursor: pointer;

    transition: all 0.6s;

    position: absolute;

    top: 0;left: 0;

}

.news-center .left .news01-mob .about-img01 img:hover{

    transform: scale(1.4);

}

.news-center .left .news01-mob .about-cen{

    width: 348px;height: 100%;float: right;

}

.news-center .left .news01-mob .about-cen .tit{

    display: block;

    width: 100%;height: 25px;

    color: #121212;font-size:14px;font-weight: bold;

    line-height: 25px;overflow: hidden;margin-bottom: 5px;

}

.news-center .left .news01-mob .about-cen .tit:hover{color:#0A63C5;}

.news-center .left .news01-mob .about-cen p{

    width: 100%;height: 78px;

    color: #333;font-size:14px;

    line-height: 25px;overflow: hidden;

    text-indent: 1.8rem;

}



.news-center .left .new-bot{

    width: 100%;height: 210px;

    border-top:1px solid #ccc;margin-top: 15px;

}

.news-center .left .new-bot li{

    width: 590px;

    height: 45px;

    margin-right: 24px;

    float: left;

    border-bottom: 1px dashed #ccc;

}

.news-center .left .new-bot li span{

    width: 5px;height: 5px;border-radius: 50%;

    border:1px solid #333;float: left;margin-top:17px;

}

.news-center .left .new-bot li a{

    display: block;

    width:415px;height:40px;float: left;color:#333;

    font-size: 14px;line-height: 40px;overflow: hidden;

    margin-left: 15px;

}

.news-center .left .new-bot li a:hover{color:#166EBE;}

.news-center .left .new-bot li p{

    width:100px;height:40px;float: right;color:#333;

    font-size: 14px;line-height: 40px;

}











.news-center .right{

    width: 502px;height: 577px;

    float: right;overflow: hidden;

    background: #fff;padding:20px;

}

.news-center .right .news01-tit{

    width: 500px;height: 18px;

    background: url(../images/news02-tit.jpg) no-repeat center;

    background-size:cover;position: relative;margin-bottom: 19px;

}

.news-center .right .news01-tit .tit{

    display: block;

    font-size:16px;

    color:#333;font-weight: bold;

    text-transform: uppercase;

}

.news-center .right .news01-tit .tit em{font-size:15px;font-weight: normal;}

.news-center .right .news01-tit .more{

    display: block;

    font-size:14px;

    color:#666;

    position: absolute;top:0;right:22px;

}

.news-center .right .news01-tit .rig{

    display: block;

    font-size:16px;

    color:#fff;

    width: 18px;height: 18px;border-radius: 50%;

    background: #0A63C5;line-height: 15px;text-align: center;

    position: absolute;top:0;right:0;

}

.news-center .right .news01-mob{

    width: 503px;height: 131px;

}

.news-center .right .news01-mob .about-img01{

    display: block;float: left;

    width: 227px;height: 132px;

    position: relative;

    overflow: hidden;

}

.news-center .right .news01-mob .about-img01 img{

    display: inline-block;

    width: 100%;height: 100%;

    background: url() no-repeat center center;

    background-size:cover;

    cursor: pointer;

    transition: all 0.6s;

    position: absolute;

    top: 0;left: 0;

}

.news-center .right .news01-mob .about-img01 img:hover{

    transform: scale(1.4);

}

.news-center .right .news01-mob .about-cen{

    width: 261px;height: 100%;float: right;

}

.news-center .right .news01-mob .about-cen .tit{

    display: block;

    width: 100%;height: 25px;

    color: #121212;font-size:14px;font-weight: bold;

    line-height: 25px;overflow: hidden;margin-bottom: 5px;

}

.news-center .right .news01-mob .about-cen .tit:hover{color:#0A63C5;}

.news-center .right .news01-mob .about-cen p{

    width: 100%;height: 78px;

    color: #333;font-size:14px;

    line-height: 25px;overflow: hidden;

    text-indent: 1.8rem;

}



.news-center .right .new-bot{

    width: 100%;height: 210px;

    border-top:1px solid #ccc;margin-top: 15px;

}

.news-center .right .new-bot li{

    width: 500px;

    height: 45px;

    margin-right: 24px;

    float: left;

    border-bottom: 1px dashed #ccc;

}

.news-center .right .new-bot li span{

    width: 5px;height: 5px;border-radius: 50%;

    border:1px solid #333;float: left;margin-top:17px;

}

.news-center .right .new-bot li a{

    display: block;

    width:335px;height:40px;float: left;color:#333;

    font-size: 14px;line-height: 40px;overflow: hidden;

    margin-left: 15px;

}

.news-center .right .new-bot li a:hover{color:#166EBE;}

.news-center .right .new-bot li p{

    width:100px;height:40px;float: right;color:#333;

    font-size: 14px;line-height: 40px;

}