﻿@charset "utf-8";
html,body,.index{
    width: 100%;
    /* height: 100%; */
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1400px;
    /* max-width: 1920px; */
    background-color: #ffffff;
    height: auto;
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
    }
body,div,p,a,span,ul,li,img{margin: 0;padding: 0px;}
a{text-decoration: none;color: #000;}
/* .wrap{height: 100%;} */
.index{overflow: hidden;}
/*banner*/
.banner img{width: 100%;display: block;}
.banner{width: 100%;}
/*nav*/
.index-top{border-top: 2px solid #07498e; border-bottom: 2px solid #07498e;}
.main-width{width: 1100px;margin: 0 auto;background-color: #fff;font-size: 16px;height: 75px;}
.main-width::after{display: block;clear: both;content: "";}
.logo{float: left;position: relative;top: 50%;transform: translate(0,-50%);}
.nav-list{float: right;position: relative;top: 50%;transform: translate(0,-50%);margin-left: 20px;}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center;display: block;position: relative;margin: 0px 20px;height: 45px;width: 165px;}
.nav-list li.one-li a{font-size: 18px;text-decoration: none;display: block;line-height: 13px;text-align: center;color: #4e4e4e;position: relative;top: 57%;transform: translate(0,-50%);}
.nav-list li.one-li.on{background: linear-gradient(180deg, #0c59ae, #0f70bb);}
.nav-list li.one-li.on a{color: #ffffff;}
.logo img{display: block;}
.nav-list li.one-li:hover{background: linear-gradient(180deg, #0c59ae, #0f70bb);}
.nav-list li.one-li:hover a{color: #ffffff;}
.nav-list li.one-li span{font-size: 12px;line-height: 20px;}
.bottom-content::after,.content-message::after{display: block; clear: both; content: "";}
.title-box{width: 1200px;margin: 50px auto 40px;}
.title-box div{width: 100%;height: 60px;text-align: center;background-color: #e9eeff;border: 2px solid #9bb9e1;}
.title-box div span{display: inline-block;background: transparent url(./images/titlt-left.png)no-repeat left center;color: #0253b1;line-height: 60px;padding-left: 65px;font-weight: bold;font-size: 24px;margin-left: 15px;text-align: center;}
.content-p{width: 1120px;margin: 0 auto;text-indent: 2em;color: #808080;font-size: 18px;line-height: 35px;text-align: justify;}
.content-bottom{width: 930px;height: 332px;background: #ffffff url(./images/content-bottom.png) no-repeat;margin: 75px auto 125px;}
.content-bottom a{display: block;position: relative;margin: 0 auto;text-align: center;width: 240px;top: 60%;}
.bottom-box{width: 100%;background: #ffffff url(./images/bottom.png)center;margin:  0 auto;height: 264px;}
.bottom-box .bottom-bj img{width: 100%;display: block;}
.bottom-content{width: 930px;margin: 0 auto;height: 100%;}
.unit{float: left;position: relative;top: 50%;transform: translate(0,-50%);}
.unit p{font-size: 18px;color: #fff;margin: 40px 0;}
.unit p span{display: inline-block;border-radius: 30px;padding: 0px 15px;margin-right: 20px;border: 1px solid #fff;}
.erwei{float: right;position: relative;top: 50%;transform: translate(0,-50%);}
.content-message{width: 1200px;margin: 50px auto 125px;min-height: 900px;}
.active{background-color: #fff !important;color: #094e9f !important;font-weight: bold;}
.content-message .content-message-left{float: left;width: 350px;height: 1247px;padding: 0 40px; background: #094e9f url(./images/company-bj.png) no-repeat right top;position: relative;}
.content-message .content-message-right{float: right; width: 665px;margin-right: 45px;}
.content-message .content-message-left .content-message-left-titlt-p{color: #fff;font-weight: bold;text-align: center;margin: 85px 0 40px;font-size: 26px;}
.content-message .content-message-left .content-message-left-a{display: block;border-radius: 30px;margin-bottom: 25px;border: 1px solid #fff;color: #fff;font-size: 18px;line-height: 33px;text-align: center;background-color: #2968b3;}
.content-message-box{display: none;}
.content-message-left-p-box{height: 1000px;width: 100%;padding-right: 20px; position: relative;overflow: scroll;overflow-x: hidden;}
.content-message-left-p-box::-webkit-scrollbar {width: 10px;}
.content-message-left-p-box::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
} /* 滚动条的滑轨背景颜色 */
.content-message-left-p-box::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8); 
    border-radius: 15px;
} /* 滑块颜色 */
.content-message-right-jiesao,.content-message-right-fengcai,.content-message-right-lueying{padding-bottom: 40px;}
.content-message-right-title{margin-bottom: 20px;}
.content-message-right-title{width: 100%;background: linear-gradient(90deg,#85afe3 ,#6392cc);border-radius: 30px;line-height: 35px;text-align: center;color: #fff;font-weight: bold;font-size: 20px;}
.content-message-right-jiesao>p{transition: all 1s;width: 660px;text-indent: 2em;text-align: justify;font-size: 18px;color: #3b3b3b;line-height: 28px;height: 115px;margin: 0 auto 30px;overflow: hidden;}
.content-message-right-jiesao>p>a{color: #094e9f;}
.an-p{display: block;width: 113px;margin: 0 auto;}
.content-message-right-fengcai>p{width: 660px;margin: 0 auto;height: 318px;padding: 10px;background: transparent url(./images/shipin_box.png)no-repeat;background-size: 100% 100%;box-sizing: border-box;}
.content-message-right-lueying>p{width: 660px;margin: 0 auto 22px;}
.content-message-right-lueying>p>img{display: block; margin: 0 auto;}
.content-message-right-fengcai>p img{width: 100%;cursor:pointer;}
.content-message-right-fengcai>p img video{cursor:pointer;}
/*footer*/
.footer{text-align: center;color: #ffffff;font-size: 16px;width: 100%;position: absolute;z-index: 999;bottom: 8px;}