@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1240px; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ 
    background:#fff; 
    /*border-top:5px solid #b81c22;*/
        border-top: 5px solid #334981;
    position:relative; 
    z-index:999;
    
}
.header .head{ height:98px; position:relative; margin:0 10% 0 10%;}
.header h1.logo{ display:block; width:333px; height:98px; position:relative; float:left;}
.header h1.logo a{ display:block; position:absolute; left:0; top:0;}
.header h1.logo a img{ display:block; width:333px; height:98px;}

/*导航*/
ul.nav{ display:block; height:98px; float:left;}
ul.nav li{ display:block; min-width:7vw; float:left; position:relative;}
ul.nav li a{ display:block; line-height:94px; color:#333; font-size:16px; text-align:center; background:url(../images/common/nav_bg.png) center bottom no-repeat; padding:4px 1em 0; position:relative; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{
    color:#b81c22; 
    color:#333;
    /*background-image:url(../images/common/nav_cur.png);*/
    
}
ul.nav li p.sub{
    display:none; 
    width:150%; 
    /*background:#b81c22; */
    background: #334981;
    position:absolute; 
    left:0; top:100%;
    
}
ul.nav li p.sub a{ line-height:3; color:#fff; font-size:14px; font-weight:normal; padding:0; background:none;}
ul.nav li p.sub a:hover{
    /*color:#b81c22; */
    background:#fff;
    color: #334981;
}

.banner{ height:608px; background:url(../images/upload/sbanner.jpg) center no-repeat;}
.banner h3{ display:block; line-height:96px; color:#fff; font-size:60px; font-family:'思源黑体 CN','思源黑体'; font-weight:normal; text-align:center; padding:226px 0 0;}
.banner i{ display:block; width:54px; height:4px; background:#fff; margin:0 auto;}
.banner p{ display:block; line-height:66px; color:#f7aea8; font-size:30px; font-family:'思源黑体 CN','思源黑体'; text-align:center; text-transform:uppercase;}

/*搜索框*/

.search-main{
    display: block;
    float: right;
    height: 98px;
    flex-grow: 1;
    position: relative;
    align-items: center;
    display: flex; 
    width:200px;
}
.search-main-form{
    width:100%;
    border: 1px solid #b5b5b5;
    border-radius: 1rem;
    height: 2rem;
    line-height: 2rem;
    background-color: #fff;
    padding: 1% 1% 1% 4%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}
.search-main-forminputs{
    border: 0;
    background: transparent;
    outline: none;
    box-sizing: border-box;
    color: #b5b5b5;
}
.search-main-formsubmits{
    border: 0;
    /* background: #005cb7; */
    outline: none;
    padding: 1%;
    box-sizing: border-box;
    background: url(../images/icons/search.png) center no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem;
}

/*底部*/
.footer{ 
    /*background:#b81b22;*/
    overflow:hidden;
    background: #334a82;
}
.footer .foot{ background:#302b28; margin:24px 0 0;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .foot a.logo{ display:block; width:176px; margin:-24px auto 0;}
.footer .foot a.logo img{ display:block; width:100%;}
.footer .copyright{ display:block; line-height:3.5; color:#fff; font-size:16px; text-align:center; overflow:hidden; margin:0.25em 10% 0;}
.footer .copyright a{ color:#fff;}
.footer .copyright a:hover{ text-decoration:underline;}
.footer .copyright img{ margin:20px 0 0;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:16px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70); z-index:9999;}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

.float{ position:fixed; right:0; top:300px; z-index:999999;}
.float a{ display:block;}
.float img{ display:block;}

/*主体样式*/
.main{ overflow:hidden; position:relative;}

.main p.position{ height:56px; line-height:56px; color:#999; font-size:14px; text-align:right; border-bottom:2px solid #ddd;}
.main p.position span{ display:block; height:56px; line-height:54px; color:#b81c22; font-size:20px; font-weight:bold; border-bottom:2px solid #b81c22; padding:0 30px; float:left;}
.main p.position em.home{ background:url(../images/common/home.png) left center no-repeat; padding-left:24px;}
.main p.position a{ color:#999;}
.main p.position a:hover{ color:#b81c22;}

.main ul.menu{ display:block; text-align:center; background:#f7f7f7; overflow:hidden;}
.main ul.menu li{ display:inline-block; vertical-align:top; *display:inline; *zoom:1; *vertical-align:middle;}
.main ul.menu li a{ display:block; width:146px; line-height:60px; color:#444; font-size:16px;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ line-height:54px; color:#b81c22; font-weight:bold; padding:3px 0 0; border-bottom:3px solid #b81c22;}

.main ul.subMenu{ display:block; width:1200px; text-align:center; overflow:hidden; padding:52px 0 0; margin:0 auto;}
.main ul.subMenu li{ display:inline-block; vertical-align:top; *display:inline; *zoom:1; *vertical-align:middle;}
.main ul.subMenu li a{ display:block; width:146px; line-height:46px; color:#fff; font-size:18px; background:#b81c22; margin:0 1px;}
.main ul.subMenu li a:hover,
.main ul.subMenu li.cur a{ font-weight:bold; background:#e51400;}

/*内容样式*/
.main .attr{ width:1200px; overflow:hidden; margin:0 auto;}
.main .attr h2.title{ display:block; line-height:106px; color:#333; font-size:40px; text-align:center; padding:36px 0 0;}
.main .attr h3.title{ display:block; line-height:56px; color:#b81c22; font-size:28px; text-align:center; padding:48px 0 28px;}
.main .attr p.mark{ display:block; line-height:44px; color:#999; font-size:14px; text-align:center; background:#f7f7f7; margin:0 0 10px;}
.main .article{ min-height:280px; line-height:34px; color:#333; font-size:16px; text-align:justify; padding:24px 0 40px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; padding:8px 0 42px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:46%; line-height:66px; color:#333; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ float:left;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#b81c22;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 82px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; background:#fff; padding:9px 15px; border:1px solid #d2d2d2; margin:0 9px;}
.pages a:hover{ color:#fff; background:#b81c22; border-color:#b81c22;}
.pages span{ color:#fff; background:#b81c22; border-color:#b81c22;}

/*文字列表*/
.main ul.List{ display:block; overflow:hidden; padding:44px 0 64px;}
.main ul.List li{ display:block; overflow:hidden; padding:18px 0;}
.main ul.List li span{ display:block; width:86px; height:86px; line-height:1; color:#b81c22; font-size:14px; text-align:center; border:2px solid #b81c22; border-radius:5px; float:left; margin-right:34px;}
.main ul.List li span b{ display:block; line-height:58px; font-size:36px;}
.main ul.List li a{ display:block; line-height:30px; color:#333; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li a:hover{ color:#b81c22;}
.main ul.List li p{ display:block; height:48px; line-height:24px; color:#999; font-size:14px; text-align:justify; overflow:hidden; padding:12px 0 0;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:0 0 72px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.main ul.newsList li a.pic{ display:block; margin:0 40px 0 0; float:left;}
.main ul.newsList li a.pic img{ display:block; width:248px; height:178px;}
.main ul.newsList li a.tit{ display:block; line-height:40px; color:#333; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.tit:hover{ color:#b81c22;}
.main ul.newsList li p{ display:block; height:72px; line-height:24px; color:#999; font-size:14px; text-align:justify; overflow:hidden; padding:14px 0 0;}
.main ul.newsList li span{ display:block; line-height:34px; color:#b81c22; font-size:16px; overflow:hidden; padding:12px 0 0;}

/*专家列表*/
.main ul.professor{ display:block; overflow:hidden; margin:0 -32px; padding:36px 0 22px;}
.main ul.professor li{ display:block; width:50%; overflow:hidden; padding:0 0 60px; float:left;}
.main ul.professor li a.pic{ display:block; margin:0 -42px 0 32px; float:left;}
.main ul.professor li a.pic img{ display:block; width:248px; height:300px;}
.main ul.professor li .box{ background:#ffce99; padding:10px 40px 20px 28px; overflow:hidden; position:relative; margin:46px 32px 0 0;}
.main ul.professor li a.tit{ display:block; line-height:62px; color:#e51400; font-size:24px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.professor li p{ display:block; height:78px; line-height:26px; color:#333; font-size:14px; text-align:justify; overflow:hidden;}
.main ul.professor li a.more{ display:block; line-height:30px; color:#e51400; font-size:14px; float:left; margin:8px 0 0;}

/*图片列表*/
.main ul.picList{ display:block; overflow:hidden; margin:0 -26px; padding:30px 0 38px;}
.main ul.picList li{ display:block; width:33.33%; padding:0 0 20px; position:relative; float:left;}
.main ul.picList li a{ display:block; margin:0 26px;}
.main ul.picList li a em{ display:block; border:3px solid #b81c22;}
.main ul.picList li a img{ display:block; width:100%; height:258px;}
.main ul.picList li a span{ display:block; line-height:66px; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.picList li a:hover span{ color:#b81c22;}

#roll {
    height: 90px;
    width: 200px;
    position: fixed;
    cursor: pointer;
    background:url(../img/20230201.jpg) no-repeat top center;
    background-size:100% 100%;
    z-index: 9999999;
}






@media only screen and (max-width:1500px){
.header .head{ margin:0 auto; width:1200px;}
.footer .copyright{ width:1200px; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width:1024px){
.wrap{ min-width:0;}

.header{ border-top-width:4px;}
.header .head{ width:auto; height:70px;}
.header h1.logo{ width:82px; height:56px;}
.header h1.logo a img{ width:200px; height:auto;}
.header .menu{ display:block; width:28px; height:28px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; margin:14px 12px; float:right;}

ul.nav{ width:34%; height:auto; background:#b81c22; position:absolute; right:0; top:100%; transition:transform 0.4s ease; transform:translateX(104%);}
ul.nav li{ min-width:auto; float:none; border-bottom:1px solid rgba(255,255,255,0.2);}
ul.nav li:last-child{ border-bottom:0;}
ul.nav li a{ display:block; width:auto; min-width:0; line-height:2.8; color:#fff; font-size:14px; background:none; padding:0;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; font-weight:normal; background:none;}
/*ul.nav li p.sub{ display:none !important;}*/
ul.nav.show{ transform:translateX(0); box-shadow:rgba(0,0,0,0.2) 0 5px 5px;}
ul.nav.show::after{ display:none;}

.footer .copyright{ width:auto; font-size:12px; line-height:1.6; padding:0.8em 0; margin-left:12px; margin-right:12px;}
.footer .foot{ margin:12px 0 0;}
.footer .foot a.logo{ width:116px; margin-top:-12px;}

    ul.nav li p.sub{
        display:none; 
        width:100%; 
        /*background:#b81c22; */
        background: #334981;
        position: relative; 
    
    }
    .search-main{
        display:none;
    }
}










/**/