/* global */
html, body{margin: 0; padding: 0; font-size: 16px;}
ul {margin: 0; padding: 0; list-style-type: none;}
a:hover{ text-decoration: none;}
.clearfloat{clear:both;}

/* head */
.top{height: 100px; padding-top: 20px;}
.top .logo{display: flex; align-items: center; font-size: 32px; font-weight: bold;}
.top .menus{font-size: 18px; color: #2F3440;}
.top .menus .menu{padding-top: 12px; margin-right: 2%; float: left; position: relative; z-index: 9999;}
.top .menus .menu span a{color: #2F3440;}
.top .menus .menu .menu-title{margin-right: 5px;}
.top .menus .menu .menu-sub{
    display: none;
    position: absolute; top: 47px; left: -5px;
    border-radius: 10px; 
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.16);
    background-color: white; font-size: 16px;
}
.top .menus .menu .menu-sub ul li{min-width: 130px; height: 50px; line-height: 50px; padding-left: 15px; }
.top .menus .menu .menu-sub ul li a{color: #2F3440;}
.top .menus .menu .menu-sub ul li.active{background: rgba(71, 109, 167, 0.1);}
.top .menus .menu .menu-sub ul li.active a{color: rgba(45, 88, 154, 1);}
.top .search{margin-top: 8px;}
.top .search #searchWord{
    width: 150px; height: 32px; padding-left: 10px;
    border-radius: 28px; border: 1px solid #2F3440;box-shadow: 0px 0px 7.8px 0px #00000040 inset; 
    font-size: 14px; outline: none;
}
.top .search input::placeholder{color: #B7B7B7;}
.banner img{width: 100%; height: 800px;}

.neibanner{position: relative;}
.neibanner h2{position: absolute; left: 5%; font-size: 38px; color: white;}
.neibanner img{width: 100%;}

/* main */
.horizontal{height: 20px; background-color: #ffffff; clear: both;}
.about .core{padding: 50px 0 100px; background-image: url(../images/about_bg.jpg); background-size: 100% 100%;}
.about .core .para1{margin: 0 auto; width: 524px; line-height: 40px; font-size: 20px;}
.about .core .para1 span{font-size: 26px; font-weight: bold; color: #2D589A;}
.about .core .para2{margin: 40px auto 0; width: 618px; line-height: 40px; font-size: 20px;}
.about .core .para2 span{font-size: 20px; font-weight: bold; color: #2D589A;}

.about .core .logo{width: 100px; margin: 0 auto; position: relative; top: 120px;}
.about .core .imgs{width: 1800px; margin: 0 auto;}

.about .core .imgs .item{width: 300px; float: left;}
.about .core .imgs .leftone{position: relative; left: 163px; top: -124px; }
.about .core .imgs .lefttwo{position: relative; left: 81px; top: -63px;}
.about .core .imgs .righttwo{position: relative; right: 81px; top: -63px;}
.about .core .imgs .rightone{position: relative; right: 163px; top: -124px;}

.about .core .imgs .leftone a{ display: block;width: 100%; height: 100%;position: relative;z-index: 98;}
.about .core .imgs .lefttwo a{ display: block;width: 100%; height: 100%;position: relative; z-index: 99;}
.about .core .imgs .leftthree a{ display: block;width: 100%; height: 100%;position: relative;z-index: 100;}
.about .core .imgs .rightthree a{ display: block;width: 100%; height: 100%;position: relative;z-index: 100;}
.about .core .imgs .righttwo a{ display: block;width: 100%; height: 100%;position: relative; z-index: 99;}
.about .core .imgs .rightone a{ display: block;width: 100%; height: 100%;position: relative; z-index: 98;}

.news{
    padding-bottom: 25px;
    background-image: url(../images/main-news-bg.jpg); background-size: 100% 100%;
}
.news .newnav{padding-top: 20px;}
.news .toutiao{float: right; height: 50px;  padding-right: 50px;}
.news .toutiao .toutiaoitem{height: 50px; line-height: 50px; text-align: right;}
.news .toutiao .toutiaoitem a{color: #2F3440;}

.news .newnav span{font-size: 32px; color: #2F3440; position: relative; top: 5px; left: 15px;}
.news .newcon{margin-top: 20px;}
.news .newcon img{width: 100%; height: 410px;}
.comlist{ 
    padding: 0 25px; border-radius: 16px;
    background-color: rgba(250,255,255,.7); 
}
.comlist .nav{
    height: 60px; padding-top: 15px; border-bottom: 1px dashed #BCBCBC;
    background-image: url(../images/common-list-nav-bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;   
    font-size: 20px;font-weight: bold; color: #2F3440;
}
.comlist .nav a.more{float: right; font-size: 18px; font-weight: normal;  color: #2F3440;}
.comlist .con{font-size: 16px; padding-top: 20px; padding-bottom: 38px;}
.comlist .con ul li{
    padding: 13px 0 13px 20px;
    background-image: url(../images/list-style-type01.jpg);
    background-repeat: no-repeat;
    background-position: 3px 20px;
    border-bottom: 1px dashed #cccccc;
}
.comlist .con ul li span{float: right; color: #A9A9A9;}
.comlist .con ul li a{color: #2F3440;}
.comlist .con ul li a:hover{color: dodgerblue;}

.tabnews{background-color: #f0f3f8; padding: 35px 0;}
.tabnews .con{ padding: 25px; background-color: white; border-radius: 12px;}
.tabnews .con .bgimg{width: 100%;}
.tabnews .con .tab1{position: relative; cursor: pointer;}
.tabnews .con .tab2{position: relative; cursor: pointer; margin-top: 15px;}
.tabnews .con .tab1 .neirong{position: absolute; top: 42px; left: 40px;}
.tabnews .con .tab1 .neirong img{float: left; margin-top: 0px; margin-right: 15px;}
.tabnews .con .tab1 .neirong .text{float: left; color: black;}
.tabnews .con .tab1 .neirong .text .p1{font-size: 24px; margin-top: 8px;}
.tabnews .con .tab1 .neirong .text .p2{font-size: 14px;}
.tabnews .con .tab2 .neirong{position: absolute; top: 42px; left: 40px;}
.tabnews .con .tab2 .neirong img{float: left; margin-top: 0px; margin-right: 15px;}
.tabnews .con .tab2 .neirong .text{float: left; color: black;}
.tabnews .con .tab2 .neirong .text .p1{font-size: 24px; margin-top: 8px;}
.tabnews .con .tab2 .neirong .text .p2{font-size: 14px;}
.tabnews .con .neirong .active{color: white !important;}

.tabnews .con .lists{
    padding: 17px 25px;
    border: 1px solid #E6EAEF; border-radius: 10px;
    background-color: #FBFDFF; 
}
.tabnews .con .lists ul li{
    padding: 11px 0 11px 20px;
    background-image: url(../images/list-style-type01.jpg);
    background-repeat: no-repeat;
    background-position: 3px 20px; 
}
.tabnews .con .lists ul li span{float: right; color: #A9A9A9;}
.tabnews .con .lists ul li a{color: #2F3440;}
.tabnews .con .lists ul li a:hover{color: dodgerblue;}

.impress{background-color: #DFECFF; padding: 35px 0;}
.impress .title{
    padding: 0  0 20px;
    text-align: center; font-size: 32px;
}
.impress .video .videoimg{width: 100%; height: 450px;}
.impress .images{display: flex; flex-wrap: wrap;}
.impress .images a{ 
    display: block; width: 49%; 
    margin-right: 1%; margin-bottom: 5px;
    border-radius: 4px; overflow: hidden;
}
.impress .images a img{width: 100%; height: 222px;}

.zt{background-color: #f0f3f8; padding: 35px 0;}
.zt .title{
    padding: 0  0 20px;
    text-align: center; font-size: 32px;
}
.zt .images a{display: block; width: 98%; margin: 0 auto;}
.zt .images img{width: 100%; height: 230px;} 

/* foot */
.foot{background-color: #578DDA; padding: 30px 0 20px;}
.foot .infos{color: white;}
.foot .infos .p1{margin-bottom: 15px; font-size: 22px;  font-weight: normal;}
.foot .infos .p2{margin-bottom: 15px; font-size: 16px;  font-weight: normal;}
.foot .infos .p3{font-size: 16px;  font-weight: normal;}
.foot .infos .right-info{text-align: right;}

/* neimain */
.topup{padding-bottom: 35px;}
.topup .column-title{padding: 35px; color: #ffffff; font-size: 38px; font-weight: bold;}
.topup .topitem{width: 97%; margin-left: auto; margin-right: auto;}
.topup .topitem img{width: 100%; height: 204px; border-radius: 8px;}
.topup .topitem .date{margin-top: 10px; color: #eeeeee; font-size: 28px; font-weight: bold;}
.topup .topitem .title{margin-top: 5px; font-size: 22px; font-weight: bold;}
.topup .topitem .title a{color: white;}
.topup .topitem .desc{margin-top: 10px;color: #eeeeee; font-size: 14px;}

.mbx{padding-left:0px;}
.mbx>li{display:inline-block;}
.mbx>li a{color: #7E8489; font-size: 14px;}
.mbx>.active a{color: #2D589A;}
.mbx>li+li:before{padding:0 5px; color:#ccc; content:"/\00a0";}

.listbox{background-color: #f1f6fd; padding-bottom: 20px;}
.listbox .list{padding: 25px; border-radius: 16px; background-color: white;}
.listbox .list .listitem{border-bottom: 1px solid #dcdcdc; padding-top: 15px; padding-bottom: 15px;}
.listbox .list .listitem .date{padding-top: 5px; color: #767676; text-align: center;}
.listbox .list .listitem .date .p1{font-size: 30px;}
.listbox .list .listitem .date .p2{font-size: 18px;}
.listbox .list .listitem .line{padding-top: 15px; text-align: left;}
.listbox .list .listitem .content .title{margin-bottom: 10px;}
.listbox .list .listitem .content .title a{color: #2F3440; font-size: 20px;}
.listbox .list .listitem .content .desc{ color: #767676; font-size: 14px;}
.listbox .list .listitem .goto{padding-top: 15px; text-align: right;}

.listbox .list-picture-content{padding: 20px 25px; background-color: white; border-radius: 16px;}
.listbox .list-picture-content .list-picture-item{
    width: 96%; min-height: 310px;
    margin-left: auto; margin-right: auto; margin-bottom: 15px; border-radius: 6px;padding-bottom: 10px;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.16);
}
.listbox .list-picture-content .list-picture-item .coverimg {width: 100%; height: 200px;}
.listbox .list-picture-content .list-picture-item .p1{margin-top: 15px; padding: 0 15px; min-height: 46px;}
.listbox .list-picture-content .list-picture-item .p1 a{font-size: 16px; color: #2F3440;}
.listbox .list-picture-content .list-picture-item .p2{
    display: flex;
    justify-content: space-between;
    margin-top: 15px; padding: 0 15px;
    font-size: 14px; color: #8F8F8F;
}

.contentbox{background-color: #f1f6fd; padding-top: 20px; padding-bottom: 20px;}
.contentbox .content{background-color: white; border-radius: 16px;}
.contentbox .content h2{font-size: 24px; text-align: center;}
.contentbox .content .attribute{
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
    text-align: center; color: #949494; font-size: 14px;
}
.contentbox .content .attribute span{margin-right: 10px;}
.contentbox .content .attribute img{position: relative; top: -2px;}
.contentbox .content .text{padding: 20px 25px 50px; line-height: 30px;}

.contentbox .about-content{padding: 20px 25px; background-color: white; border-radius: 16px;}
.contentbox .about-content .leftnav{
    background-color: #EDF2F7;
    background-image: url(../images/leftnav-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 20px;
}
.contentbox .about-content .leftnav .leftnav-item{
   margin-top: 10px; padding-left: 20%;
   height: 66px; line-height: 66px;
   border-radius: 8px;
}
.contentbox .about-content .leftnav .leftnav-item img{
    position: relative; top: -4px; margin-right: 5px;
}
.contentbox .about-content .leftnav .leftnav-item span a{
    font-size: 22px;
    color: #2F3440;
}
.contentbox .about-content .leftnav .active{
    background-color: #487DC8 !important;
}
.contentbox .about-content .leftnav .active span a{
    color: white;
}
.contentbox .about-content .rightcon{color:#2F3440; padding-left: 25px; padding-right:10px;}
.contentbox .about-content .rightcon h2{font-size: 22px; text-align: center;}
.contentbox .about-content .rightcon .text{margin-top: 40px; line-height: 32px; font-size: 20px;}
    /* 业务板块--服务 */
.list-service{height: 156px; background-color: white; margin-bottom: 20px;}
.list-service .mr{margin-right: 10px;}
.list-service .ml{margin-left: 10px;}
.list-service .service-img-left{float: left; width: 350px; height: 156px;}
.list-service .service-left{ height: 156px; padding-right: 15px; }
.list-service .service-img-right{float: right; width: 350px; height: 156px;}
.list-service .service-right{ height: 156px; padding-left: 15px; }
.list-service .nav{
    height: 60px; line-height: 60px; color: #2F3440; font-size: 18px;
    border-bottom: 1px solid #D9D9D9;
}
.list-service .con{
    margin-top: 20px; line-height: 28px;
    font-size: 16px; color: #5B5B5B;
}
.list-service .con .more{color: #2D589A;}

/* 侧边栏 */
.sidebar {
    position:fixed;
    display: block;
    right:0;
    top:30%;
    min-width: 80px;
    max-width: 90px;
    background-color: rgba(61,111,162,0.8);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index:3;
}
.sidebar a{border-top: #ffffff 1px solid;}
.sidebar a:first-child{border-top: none;}
.sidebar .sidebar-item{
    min-height: 90px;
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
    color: white;
    text-decoration: none; 
    font-size: 14px;
}

/* 分页 */
.page_num{padding-bottom: 30px; margin-top: 30px; text-align: center;}
.page_num li{display: inline-block; margin-right: 8px;}
.page_num li a{display: block; height: 100%;padding: 5px 15px; text-decoration: none;border: 1px solid #0071c7;}
.page_num li span{display: block; height: 100%;padding: 5px 15px; text-decoration: none;border: 1px solid #dddddd;}
.page_num li a:hover{background-color: #0071c7;color: white;}
.page_num li.total_count{display: none;}
.page_num li.page_jump{display: none;}
.page_num a.current{background-color:#0071c7; color:white;}

/* 媒体查询 */
    /* 1200px - max */
@media screen and (min-width: 1200px) {
    .contentbox .content{padding: 20px 95px;}
}

    /* min - 1199px */
@media screen and (max-width: 1199px) and (min-width: 0px) {
    .top .menus{font-size: 12px; color: #2F3440;}
    .top .menus .menu{width: 23%;}
    .top .menus .menu .adapt{top: 61px !important;}

    .banner img{width: 100%; height: 400px;}

    .news .newnav{padding-top: 0; height: 30px; line-height: 30px;}
    .news .newnav span{font-size: 14px; top: -4px; left: 0;}
    .news .newcon img{width: 100%; height: 275px;}
    .comlist{padding:5px;}
    .comlist .nav{
        height: 20px;
        padding-top:1px;
        border-bottom:none;
        font-size:12px;
    }
    .comlist .nav a.more{font-size:12px;}
    .comlist .con ul li{
        padding: 3px 0;
    }
    .comlist .con{
        font-size: 12px;
        padding-top:0px;
        padding-bottom:0px;
    }
    .contentbox .content{padding: 5px 10px;}
    .impress .video .videoimg{width: 100%; height: 250px;}
    .impress .images a img{height: 123px;}
    .zt .images img{height: 115px;}

    .foot .infos .p1{margin-bottom: 15px; font-size: 12px; }
    .foot .infos .p2{margin-bottom: 15px; font-size: 12px;}
    .foot .infos .p3{font-size: 12px;  font-weight: normal;}
    .foot .infos .right-info{padding-top: 20px;}
    .foot .infos .right-info .ewm{width: 95%;}

    /* 通用内容页 */
    .contentbox .content .text img{max-width: 100%; height:200px !important;}
    .contentbox .content .text *{font-size: 16px !important;}

    /* 公司概况内容页 */
    .contentbox .about-content .leftnav{padding: 0;}
    .contentbox .about-content .leftnav .leftnav-item{padding-left: 5%;}
    .contentbox .about-content .leftnav .leftnav-item span a{font-size: 12px;}
    .contentbox .about-content .rightcon{padding-left:10px; padding-right: 5px;}
    .contentbox .about-content .rightcon h2{font-size: 16px;}
    .contentbox .about-content .rightcon .text *{font-size: 12px !important}
    .contentbox .about-content .rightcon .text img{max-width: 100%; height:auto !important;}   



    /* neibanner */
    .neibanner h2{font-size: 16px;}
    /* list */
    .topup .topitem img{height: 104px;}
    .topup .topitem .date{font-size: 14px;}
    .topup .topitem .title{font-size: 12px;}

    .topup .column-title{font-size: 24px;}

    .listbox .list .listitem .date .p1{font-size: 12px;}
    .listbox .list .listitem .date .p2{font-size: 12px;}
    .listbox .list .listitem .line{padding-top: 5px;}
    .listbox .list .listitem .content .title a{font-size: 14px;}
    .listbox .list .listitem .content .desc{font-size: 12px;}
    /* list-dangjian */
    .listbox .list-picture-content .list-picture-item{min-height: 280px;}
    .listbox .list-picture-content .list-picture-item .coverimg {height: 130px;}
    .listbox .list-picture-content .list-picture-item .p1{margin-top: 15px; padding: 0; min-height: 46px;}
    .listbox .list-picture-content .list-picture-item .p1 a{font-size: 12px;}
    .listbox .list-picture-content .list-picture-item .p2{font-size: 12px; padding: 0;}
    /* show-touzi */
    .contentbox .about-content{padding:20px 5px;}

    /*imageandtext*/
    .list-service{height: 80px;}
    .list-service .service-img-left{width: 110px; height: 80px;}
    .list-service .service-left{height: 80px; padding-right: 0;}
    .list-service .nav{height: 30px; line-height: 30px;font-size:12px;}
    .list-service .con{margin-top:2px;line-height:16px;font-size:12px;}
    .list-service .service-img-right{width: 110px; height: 80px;}
    .list-service .service-right{height: 80px; padding-left: 0;}

    /* about */
    .horizontal{height: 5px;}
    .about .core{padding: 5px 0 10px; }
    .about .core .para1{width: 52%; line-height: 20px; font-size: 12px;}
    .about .core .para1 span{font-size: 12px;}
    .about .core .para2{margin: 16px auto 0; width: 67%; line-height: 20px; font-size: 12px;}
    .about .core .para2 span{font-size: 12px;}

    .about .core .logo{width: 30px; margin: 0 auto; position: relative; top: 20px;}

    .about .core .imgs{width: 100%; margin: 0 auto;}
    .about .core .imgs .item{width: 16.6%; float: left;}

    .about .core .imgs .leftone{position: relative; left: 8%; top: -30px; }
    .about .core .imgs .lefttwo{position: relative; left: 4%; top: -15px;}
    .about .core .imgs .righttwo{position: relative; right: 4%; top: -15px;}
    .about .core .imgs .rightone{position: relative; right: 8%; top: -30px;}

    .about .core .imgs .leftone a{ display: block;width: 100%; height: 100%;position: relative;z-index: 98;}
    .about .core .imgs .lefttwo a{ display: block;width: 100%; height: 100%;position: relative; z-index: 99;}
    .about .core .imgs .leftthree a{ display: block;width: 100%; height: 100%;position: relative;z-index: 100;}
    .about .core .imgs .rightthree a{ display: block;width: 100%; height: 100%;position: relative;z-index: 100;}
    .about .core .imgs .righttwo a{ display: block;width: 100%; height: 100%;position: relative; z-index: 99;}
    .about .core .imgs .rightone a{ display: block;width: 100%; height: 100%;position: relative; z-index: 98;}

    /* 右侧浮窗 */
    .sidebar{min-width:62px;}
    .sidebar .sidebar-item{font-size: 12px;}
}