@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站公共样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0; padding: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;}
html{overflow-y: scroll;}
:root{overflow-y: auto; overflow-x: hidden;}
table{border-collapse: collapse; border-spacing: 0;}
caption,th{font-weight: normal;}
html,body,fieldset,iframe,abbr{border: 0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline: 0;}
ul,ol,ul li,li,ol li{list-style: none;}
h1,h2,h3,h4,h5,h6,small{font-size: 100%;}
sup,sub{font-size: 83%;}
pre,code,kbd,samp{font-family: inherit;}
q:before,q:after{content: none;}
textarea{overflow: auto; resize: none;}
label,summary{cursor: default;}
a,button{cursor: pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;}
ins,u,s,a,a:hover{text-decoration: none;}
body,textarea,input,button,select,keygen,legend{font-family: "微软雅黑"; font-size: 16px; color: #454545; outline: 0;}
a{color: #333333; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #7caaea;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #7caaea;}
img{border: 0 none; width: auto\9; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic;}
button,input,select,textarea{font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; _overflow: visible; *vertical-align: middle; *overflow: visible;}
@font-face{
    font-family: DIN-BOLD;
    src: url('../font/base/DIN-BOLD.OTF'); 
}
@font-face{
    font-family: DIN-MEDIUM;
    src: url('../font/base/DIN-MEDIUM.OTF'); 
}
@font-face{
    font-family: DIN-LIGHT;
    src: url('../font/base/DIN-LIGHT.OTF'); 
}
@font-face{
    font-family: DIN-BLACK;
    src: url('../font/base/DIN-BLACK.OTF'); 
}


/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.font-normal{font-weight: normal;}
.font-bold{font-weight: bold;}
.cursor-pointer{cursor: pointer;}
.cursor-default{cursor: default;}
.cursor-help{cursor: help;}
.cursor-move{cursor: move;}
.user-select-none{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.w-full{width: 100%;}
.text-center{text-align: center;}
.text-18{font-size: 18px;}
.text-20{font-size: 20px;}
.text-24{font-size: 24px;}
.text-black{color: #000;}
.text-black-333{color: #333;}
.text-grey-999{color: #999;}
.text-grey-80{color: #808080;}
.text-white{color: #fff;}
.leading-24{line-height: 24px;}
.leading-32{line-height: 32px;}
.leading-34{line-height: 34px;}
.leading-36{line-height: 36px;}
.-mx-12{margin-left: -12px;margin-right: -12px;}
.px-18{padding-left: 18px;padding-right: 18px;}
.background-none{background: none!important;}
.border-0{border: 0;}
.outline-0{outline: none;}

/*module*/
.m-location{padding: 5px 0 18px 25px; background: url(../images/public/icon-location.png) left 6px no-repeat;}
.m-location,.m-location a{ color: #999999;}

.m-tabstyle1{padding: 50px 0;}
.m-tabstyle1-a{display: block;}
.m-tabstyle1-a-more{display: flex;margin-top: 5px;align-items: center;gap: 10px;}
.m-tabstyle1-line{width: 30px;height: 1px;background-color: #7caaea;}


.m-tabstyle2 li{display: inline-block; margin: 0 10px; text-align: center;}
.m-tabstyle2 li a{display: block; width: 120px; line-height: 42px; border: 1px solid #ddd; border-radius: 42px; font-size: 16px; background: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-tabstyle2 li.u-active a{background: #003f98; color: #fff; border-color: #003f98;}

.m-tabstyle3 ul{margin: 0 -8px;}
.m-tabstyle3 li{float: left; padding: 0 8px; text-align: center; width: 16.66%;}
.m-tabstyle3 li a{display: block; line-height: 42px; padding: 0 5px; font-size: 16px; background: #f6f6f6;}
.m-tabstyle3 li.u-active a{background: #003f98; color: #fff;}

.m-titstyle1{border-bottom: 1px solid #ddd;padding-bottom: 13px;}
.m-titstyle1 .u-tit{position: relative; display: block; padding: 0 10px;font-size: 24px;color: #003f98;font-weight: bold;}
.m-titstyle1 .u-tit em{position: absolute;bottom:-14px;width:100%;height:3px;background:#003f98;display: block;left:50%;transform: translateX(-50%);}
.m-titstyle2{background: url(../images/public/bg-tit2.png) center no-repeat;}
.m-titstyle2 .u-tit{font-size: 22px; font-weight: bold; color: #003f98;}

.m-titstyle3{padding: 5px 0;}
.m-titstyle3 .u-tit{display: block; padding-left: 12px; line-height: 1.1; font-size: 20px; font-weight: bold; color: #003f98; border-left: 5px solid #003f98;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}

.m-liststyle1 .list-item{height: 40px; line-height: 40px;}
.m-liststyle1 .list-item a{display: block; padding-left: 14px;font-size: 18px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle1 .list-item span{float: right;}
.m-liststyle1 .list-item a:hover{padding-left: 16px;}
.m-liststyle1 .list-item img{margin-left: 10px; vertical-align: middle;}

.m-liststyle2 .list-item{height:110px;padding: 20px 24px;margin-bottom: 20px;background-color:#f7f7f7;}
.m-liststyle2 .date{position: relative;width: 88px;font-family: "DIN-BOLD";}
.m-liststyle2 .date::after{position: absolute;content: "";width:36px;height: 1px;left: 0;bottom: -10px; background-color: #cb1921;}
.m-liststyle2 .tit{width: calc(100% - 88px);line-height: 34px;}

/*一排两个*/ 
.col2 li{float:left;width: 50%;}
/*一排三个*/ 
.col3 li{float:left;width: 33.33333%;}
/*一排四个*/ 
.col4 li{float:left;width: 25%;}
/*一排五个*/ 
.col5 li{float:left;width: 20%;}

/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
 
.container{width: 1480px;padding: 0;}

/*header on*/
.is-header{max-width: 1920px;margin: auto;}
/* 轮播 banner */
.home-header-flash{position: relative;width: 100%;}
.home-header-flash a{display: block;width: 100%;padding-top: 43.75%;height: 0;position: relative;}
.home-header-flash img{position: absolute;left: 0;top: 0;width: 100%;height:100%;object-fit: cover;transition: all linear .3s }
.home-header-flash img:hover{transform: scale(1.1);}
/* swiper 自定义分页（自动播放进度条） */
.home-header-flash .swiper-pagination{bottom: 50px;left: 50%;transform: translateX(-50%);width:auto;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;}
.home-header-flash>.swiper-pagination-bullets .swiper-pagination-bullet{width: 100px;height: 3px;margin:0 7.5px;border-radius:0;background:rgba(255,255,255,0.5);opacity:1;position:relative;overflow:hidden;cursor:pointer;}
.home-header-flash .swiper-pagination-bullet:first-child{margin-left:0;}
.home-header-flash .swiper-pagination-bullet:last-child{margin-right:0;}
.home-header-flash .swiper-pagination-bullet::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;}
.home-header-flash .swiper-pagination-bullet-active::before{background: rgba(255,255,255,1);-webkit-animation:bannerProgress 3.5s linear forwards;animation:bannerProgress 3.5s linear forwards;}
@keyframes bannerProgress{from{width:0}to{width:100%}}
@-webkit-keyframes bannerProgress{from{width:0}to{width:100%}}

/*search*/
.home-header-main{width: 100%;max-width: 1920px;margin: auto;left: 0; top: 0; height: 130px;background-color: rgba(0, 0, 0, 0.5);z-index: 2;}
.home-header-logo{margin-left: 60px;margin-top: 20px;width:fit-content;}
.home-header-logo img{height: 4.16vw;min-height: 40px;}
.home-searchform{top: 44px;right: 200px;height: 0;overflow: hidden;transition: height ease-in-out 0.6s;}
.h-search-icon-btn{width: 44px; height: 44px; border-radius: 50%; background:#fff url(../images/index/icon-search.png)	center no-repeat;}
.h-form-close .h-search-icon-btn{background: #fff url(../images/index/icon-close.png) center no-repeat;}
.home-searchtext{width: 240px;height: 34px;padding: 6px 38px 6px 12px;border: 1px solid #ccc;border-radius: 4px;}
.home-searchbtn{width: 38px;height: 34px;right: 0;top: 0;background: url(../images/index/icon-search-sm.png) center no-repeat;}
.h-form-close .home-searchform{height: 44px;}

/*一级导航 color: #7caaea;*/
.h-nav,.home-header-form{padding: 42px 0 ;}
.h-nav-item{position:relative;height: 44px; line-height: 44px;padding: 0 23px;}
.h-nav .h-nav-item.u-active a,.h-nav .h-nav-item:hover a{font-weight: bold;color: #ffffff;}
.h-nav-item.u-active::after,.h-nav-item:hover::after{position:absolute;content:"";left:50%;bottom: -10px;transform:translateX(-50%);width:24px;height:4px;background-color:#ffffff;}
/* 二级导航  */
.second-nav{width: fit-content;position: absolute;z-index: 1000;}
.second-nav dl{width:180px;background:#fff;margin-top: 15px;}
.second-nav a{display:block;line-height:50px;text-align:center;}
.second-nav a:hover{background:#eee;color: #333;}
/*header end*/
/* 手机版 */
.mobile-nav{margin: 0 -10px;padding: 10px;z-index: 10;}
.mobile-nav-btn{width: 32px;height: 32px; background:url(../images/public/icon-menu.png) left top no-repeat;}
.mobile-menu-list{width: 100%; height: 0px;overflow: hidden;transition: all linear 0.3s;}
.mobile-menu-show{height: 356px;padding: 10px;}
.mobile-menu-list a{display: block;height: 36px;line-height: 36px;margin-bottom: 12px;text-align: center;color: white;}
/*header end*/

/*pagination*/
.m-pagination{padding: 15px;display: inline-block;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #7caaea; border: 1px solid #7caaea; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

/*share*/
.share-main{position: relative; width: 158px; height: 24px;}
.share-bar a{margin-left: 10px; float: left; display: block; width: 24px; height: 24px; background-image: url(../images/public/icon-share.png);}
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; right: 0; display: none; background: #fff;}
.weixin-wrap{position: relative; padding: 10px; width: 234px; height: 102px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

/* 友情链接 */
.is-friendlink{height: 158px;padding: 48px 7px;background: url(../images/index/footer-bg-blue.png ) left top / cover no-repeat;}
.friendlink-icon{width: 61px;height: 61px;border-radius: 50%;margin-right: 20px;}
.friendlink-item span{line-height: 61px;}
.friendlink-item:nth-child(1) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-zhxy.png) center no-repeat; }
.friendlink-item:nth-child(2) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-zxbm.png) center no-repeat; }
.friendlink-item:nth-child(3) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-xlzx.png) center no-repeat; }
.friendlink-item:nth-child(4) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-xzxx.png) center no-repeat; }
.friendlink-item:nth-child(5) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-xzzl.png) center no-repeat; }
.friendlink-item:nth-child(6) .friendlink-icon{background: rgba(255, 255, 255, .2) url(../images/index/icon-frilink-bmdh.png) center no-repeat; }
.friendlink-list{margin-left: -53px;margin-right: -53px;}
.friendlink-item{margin-left: 53px;margin-right: 53px;}

/* 主题-红色 */
.theme-red .theme-img-blue{display: none;}
.theme-red .theme-img-red{display: inline;}
.theme-red .is-friendlink{background: url(../images/index/footer-bg.png) left top / cover no-repeat;}
.theme-red .m-liststyle1 .list-item a{background: url(../images/public/icon-li-red.png) left center no-repeat;}
/* .theme-red .h-nav-item.u-active a,.theme-red .h-nav-item:hover a{color:#b52330;} */
.theme-red .m-tabstyle1-line{background-color: #c0a884;}

@media screen and (max-width:1600px) {
	.home-header-main{height: auto;}
	.home-header-logo{float: none;margin-left: auto;margin-right: auto;}
	.header-nav{float: none;width: max-content; margin: 0 auto;}
	.h-nav, .home-header-form{padding: 15px 0;}
	.home-searchform{top: 15px;}
}
@media screen and (max-width:1400px) {
    .container{padding: 0; width: 1200px; margin: auto;}
	.m-banner{background-size: 100% 100%;}
	.is-friendlink{height: auto;}
	.friendlink-item{margin-bottom: 20px;}
	.home-searchform{display: none;}
	.h-form-close .home-searchform{display: block;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1200px) {
	.container{width: 970px;}
	.h-nav-item{padding: 0 15px;}
	.is-friendlink{padding: 20px 0;}
	.friendlink-icon{margin-right: 10px;}
}
/*pad md*/
@media screen and (max-width: 991px){
	.container{width: 750px;}
	.home-header-main{position: static;height: auto;}
	.home-header-logo{position: static;left: 0;top: 0;z-index: 1;padding: 10px;margin: 0 auto;}
	.header-nav{width: 100%;float: none;position: relative;z-index: 1;}
	.home-header-form{position: absolute;right: 0;top: 0;z-index: 1;padding: 0;}
	.home-header-form .home-searchform{height: 44px;display: block;}
	.home-searchform{top: 10px; right: 15px;}
	.home-header-flash .hd,.h-search-icon-btn{display: none;}
	.mobile-nav{margin: 0;}
	.m-tabstyle1-a img{height:24px}
	.m-tabstyle1{padding: 20px 0;}
	.m-tabstyle1-a-more{margin-top: 0;}
	.friendlink-list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-left: 0;margin-right: 0;}
	.friendlink-item{width: 50%;display: flex;align-items: center;margin-left: 0;margin-right: 0;}
	.m-location{padding: 10px 0 10px 20px;}
	.home-header-flash .swiper-pagination{display: none;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
	.container{width: 100%;padding: 0 15px;}
	.m-titstyle1 .u-tit em{bottom: -6px;}
	.m-titstyle1{padding-bottom: 6px;margin-top: 10px;}
	.home-header-logo img{height: 18.16vw;}
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}
}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}