﻿/*==================================style============================================*/
html{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin: 0; padding: 0;}
body {
  word-break: break-all;
  font: 12px/1.5 'microsoft yahei', 'simsun', sans-serif, tahoma, arial, 'Hiragino Sans GB', sans-serif;
  background: #fff;
  box-sizing: border-box;
  background: url(../upload/images/2020/5/35496e180edc2fea.png)no-repeat bottom center;
}
button,img,
em{border: 0;}
img{vertical-align: middle;}
li,ul{list-style: none;}
i{font-style: normal;}
a{text-decoration: none; outline: none;}
a:hover{text-decoration: none;}
input,textarea{outline: none;}
em,i{font-style: normal; font-weight: normal;}
table{border-collapse: collapse; border-spacing: 0;}
label{display: block;}

/*==================================class============================================*/
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.font-m{font-family: 'microsoft yahei';}
.clearfix{display: inline-table}
*html .clearfix{height: 1%}
*+html .clearfix{min-height: 1%}
.clearfix{display: block;}
.clear{clear: both;}
.center{text-align: center;}
.auto-0{margin: 0 auto;}
.bold{font-weight: bold;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cursor{cursor: pointer;}
.overflow{overflow: hidden;}
.hide{display: none;}
.container{padding: 0;}
.one_content, .two_content,.top_head,.banner{overflow:hidden;}
.allWidth{width: 1200px;margin: 0 auto;} 

/* ======================head======================== */
.head_lis{height: 34px; line-height: 34px; background: #f2f5fa; border-bottom: 1px solid #e8ecf1; overflow: hidden; box-sizing: border-box;}
.cl_img{background: url(../upload/images/2020/4/9b1c7915e61a12e8.png) no-repeat center center; width: 15px; height: 15px; float: left; margin-top: 10px; margin-right: 5px;}
.text_title_fr{width: 500px; line-height: 34px; color: #585859;}
.search{width: 250px; height: 30px; line-height: 30px;margin-top:2px; border-radius: 8px; overflow: hidden; border: 1px solid transparent;}
.search input{width: 216px; height: 28px; border: 0; padding: 0 10px; background: none; display: none;vertical-align: top;}
.search button{background: none; color: #fff; height: 28px; float: right; cursor: pointer; outline: none; padding: 0 9px; margin-top: -2px;}
.collect a{color: #585859;}
.col_img{background: url(../upload/images/2020/4/d156f90c2b8b30bc.png) no-repeat center center; width: 15px; height: 15px; float: left; margin-top: 10px; margin-right: 5px;}
.row{padding: 0; margin: 0;}

/* ========================logo ======================*/
.logoBox{height: 100%;}
.logoBox a{display: inline-block;}
.logoBox a img{width:450px;margin-top:12px;}
.side{height: 120px; margin-left: 33px;}
.side .txtMarquee{margin-top: 45px;}
.side .txtMarquee .bd ul{overflow:hidden;}
.side .txtMarquee .bd ul li{color: #000; font-size: 22px; line-height: 30px; font-weight:bold; font-family:"kaiti","kaiti_GB2312";}

/* ======================= nav =====================*/
.nav{line-height: 44px; position: relative; background: #eef1f6; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee;}
.navbar_ul li{width: 171px; float: left; font-size: 18px; position: relative;}
.navbar_ul li:last-child{border-right: none;}
.navbar_ul>li .menu .menu-three{position: absolute; top: 0; left: 200px; display: none;}
.navbar_ul>li .menu>li:hover .menu-three{display: block;}
.navbar_ul li a{color: #4d4d4d; display: block;}
.navbar_ul>li a.action{color: #4d4d4d; font-weight: 600; background: #dce0e6; height: 44px; line-height: 44px; border-right: 1px solid #ececec; border-left: 1px solid #ececec;}
.navbar_ul>li:hover a,
.navbar_ul>li.normal{color: #4d4d4d; background: #dce0e6;}
.navbar_ul>li a.action>.arrow_em{width: 13px; height: 7px; position: absolute; left: 50%; margin-left: -4px; bottom: 0;}
.navbar_ul li.normal>a,
.navbar_ul li>a:hover{color: #4d4d4d; font-weight: 600; background: #dce0e6; border-left: 1px solid #ececec; border-right: 1px solid #ececec;}
.navbar_ul li .menu{background: #eef1f6; z-index: 9; width: 100%; display: none; position: absolute; top: 44px; left: 0; opacity: .94;}
.navbar_ul li .menu ul li{line-height: 45px;}
.navbar_ul li ul li{margin: 0; height: 45px; line-height: 45px;}
.navbar_ul li ul li a{font-size: 16px; border: 1px solid #ececec;}
.navbar_ul li .menu>li:hover>a{color: #fff; background: #8a1815;}
.navbar_ul li .menu>li>.menu-three>li:hover>a{color: #fff; background: #8a1815;}

/* ======================= banner =====================*/
.banner{position:relative;}
.banner .tempWrap{width:100% !important;}
.banner .bd li{margin:auto;}
.banner_txt{width: 396px; display: inline-block; letter-spacing: 2px;} 
.banner_video{width: 804px; height: 468px; display: inline-block;} 
.banner_txt .top{background: url(../images/img/ban_title.png); height: 68px; line-height: 68px; font-size: 22px; color: #fcda1b; font-weight: bold; border-bottom: 8px solid #3c5a82;} 
.banner_txt .info{height: 350px; background: url(../images/img/ban_txt.png)no-repeat center center; padding: 26px 36px;} 
.banner_txt .info .info_title{width: 95px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin: auto; margin-bottom: 20px; border-radius: 3px; background: #3b62a9;} 
.banner_txt .info .info_txt{font-size: 16px; color: #0a73c6; line-height: 30px;}.banner_txt .info .info_txt span{color: #ff4e00;} .banner .hd{position: absolute; bottom: 0; width: 396px; background: #484b51; margin: auto; padding: 18px 0; z-index: 1000;} 
.banner .hd ul{width: 120px; margin:auto;} 
.banner .hd ul li{width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; background: #cacbcd;} 
.banner .hd ul li.on{background: #fcda1b;cursor: pointer;}
.bdUl .bdLi{overflow: hidden;position:relative;z-index:10}
.bdUl .bdLi .allWidth{position:relative;z-index:30}
.bdUl .bdLi:after{content: "";width:100%;height:100%;position: absolute;left:0;top:0;background: inherit;filter: blur(10px);z-index: 20; }

/* ====================main-content============== */
.one_content,.two_content{width:100%;margin:0;padding-top:40px;} 
.common_title{height: 54px; line-height: 54px; border:none; position: relative; margin-bottom: 36px;} 
.common_title .left{min-width: 160px; font-size: 24px; color: #414f66; background: none; letter-spacing: 10px; font-weight: bold;} 
.common_title .center{width:730px;height:54px;overflow: hidden;    background: #fff;position: absolute;left:292px;transition: all .3s;-moz-transition: all .3s; /* Firefox 4 */-webkit-transition: all .3s; /* Safari 和 Chrome */-o-transition: all .3s; /* Opera */}
.more_show{height:370px !important;overflow-y:auto !important;box-shadow: 4px 4px 4px #e8e8e9, -4px 4px 4px #ededed;}
.common_title .title_more{cursor: pointer;color: #ff580f;margin-right: 36px;text-decoration: underline;}
.common_title .title_more:hover{color: #ff580f;}
.common_title .title_all{    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    border-radius: 16px;
    margin: 10px 7px;
    background: #ff580f;
    color: #fff;}
.common_title .title_all:hover{color: #ff580f;color: #ff580f;}
.common_title .center li{width: 174px;font-size: 14px;margin: 10px 4px;padding:0 10px;cursor: pointer;height: 34px;line-height: 34px;background: #fdf3ee;border-radius: 16px;} 
.common_title .center li a{color: #5d5d5d;display: inline-block;width: 100%;}
.common_title .center li:hover{background: #fde4d8;} 
.common_title .center li:hover a{color: #ff580f;} 
.common_title .center li span{color:#999;} 
.common_title .center li.normal span,.common_title .center li:hover span{color: #ff580f;} 
.common_title .right a{font-size: 14px; color: #707070;} 
.common_title .right a:hover{font-weight:bold;color: #ff580f;}
.list_info ul li{margin-right: 60px; width: 255px; box-shadow: 8px 8px 10px #e8e8e9, -8px -8px 10px #ededed; border-radius: 10px; margin-bottom: 60px; padding-bottom: 14px;overflow:hidden;
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari 和 Chrome */
-o-transition: all .3s; /* Opera */
} 
.list_info ul li:hover{
transform:translate(8px);
-ms-transform:translateY(-8px); /* IE 9 */
-moz-transform:translateY(-8px); /* Firefox */
-webkit-transform:translateY(-8px); /* Safari 和 Chrome */
-o-transform:translateY(-8px); /* Opera */
}
.list_info ul li:hover a .list_title{color:#ff580f;font-weight:bold;}
.list_info ul li:nth-child(4n){margin-right:0;} 
.list_info ul li a{display: inline-block;cursor: pointer;} 
.list_info ul li a .list_img{width: 255px; height: 170px;} 
.list_info ul li a .list_img img{width: 100%; height: 100%;} 
.list_info ul li a .list_title{font-size: 16px; color: #4d4d4d; margin: 0 10px; height: 42px; line-height: 42px;} 
.list_info ul li a .list_author{background: url(../images/img/icon01.png)no-repeat left center; padding-left: 24px; font-size: 14px; color: #888; margin: 0 10px;}
.two_content:nth-child(2n-1){background:#f6f7f9;}


/* ========================page======================== */
.paging{
        margin:20px auto;
        display: flex; 
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */    
        display: -moz-box; /* Firefox 17- */  
        display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
        display: -moz-flex; /* Firefox 18+ */  
        display: -ms-flexbox; /* IE 10 */  
        display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
      } 
      .paging div{border: 1px solid rgb(211, 211, 211); padding: 0px 8px; cursor: pointer; margin: 0 5px; font-size: 14px;} 
      .paging div.disable{color: #fff; cursor: not-allowed; background-color: rgb(211, 211, 211);} 
      .paging div.active{border: none; background-color: #8a1815; color: #fff;} 



/* ===================== footer====================*/
.footer{background: #eef1f6; padding-bottom: 15px;}
.footer .footer_box{position: relative;}
.footer .footer_box .left{overflow: hidden;}
.footer .footer_box .right{width: 300px; position: absolute; top: 18px; right: 0;}
.footer .footer_box .foot_img{margin: 26px 12px 0 0;}
.footer .footer_box .foot_p{line-height: 30px; margin-top: 20px; color: #595959; width: 82%;}
.footer .footer_box>ul>li{margin-left: 44px; float: left; width: 56px; text-align: center; position: relative;}
.footer .footer_box>ul>li>span{color: #595959; font-size: 14px;}
.footer .footer_box>ul>li:hover span{color: #af0100;}
.footer .footer_box>ul>li .icon{margin-bottom: 10px;}
.footer .footer_box>ul>li .icon img{cursor: pointer;}
.footer .footer_box>ul>li .codes{display: none; position: absolute; bottom: 76px; left: -62px!important; right: 0; width: 180px!important; z-index: 1000; background:#fff;border-radius: 8px;box-shadow: 3px 3px 12px #5465654f, -3px -3px 12px #5465654f;}
.footer .footer_box>ul>li .foot_code{display: none; position: absolute; bottom: 76px; left: -50px; right: 0; width: 150px; z-index: 1000; background:#fff;}
.footer .footer_box>ul>li .foot_code p{color: #000; font-size: 20px; text-align: center; padding: 4px 6px;}
.footer .footer_box>ul>li .foot_code img{width: 100%;}

