@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: #1f89e1;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #1f89e1;}
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;}

/*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;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-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;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr7{margin: 0 7px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf7{margin: 0 -7px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr7{padding: 0 7px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mb30{margin-bottom:30px}
.f-nbg{background: none!important;}
.f-nbd{border: none;}
.row{margin: 0;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0;}
/*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{border-bottom: 1px solid #ddd;}
.m-tabstyle1 li{position: relative; float: left; margin-right: 8px;}
.m-tabstyle1 li a{display: block; padding: 12px 10px; font-size: 18px;}
.m-tabstyle1 li em{position: absolute; left: 0; bottom: -1px; right: 0; display:block; margin:0 auto; width: 0px; height: 2px; background: #0078d3; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;}
.m-tabstyle1 li.u-active a{color: #0078d3;}
.m-tabstyle1 li a:hover em,.m-tabstyle1 li.u-active em{width:100%;}

.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: #0078d3; color: #fff; border-color: #0078d3;}

.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: #0078d3; 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: #0078d3;font-weight: bold;}
.m-titstyle1 .u-tit em{position: absolute;bottom:-14px;width:100%;height:3px;background:#0078d3;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: #0078d3;}

.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: #0078d3; border-left: 5px solid #0078d3;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}

.m-liststyle1 li{height: 40px; line-height: 40px;}
.m-liststyle1 li 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 li span{float: right; color: #666666; font-size: 18px;}
.m-liststyle1 li a:hover{padding-left: 16px;}
.m-liststyle1 li img{margin-left: 10px; vertical-align: middle;} 

/*tab切换公用 */
/* .m-tabnav{overflow: hidden;text-align: center;}
.m-tabnav li{float: left;position: relative;}
.m-tabnav li a{display:block;height: 36px;line-height: 20px;font-size: 20px;} */

/*tab-style2-背景色 */
/* .m-tabnav2{margin-bottom:10px;overflow: visible;background-color: #f7fbff;}
.m-tabnav2 li a{height: 52px;line-height: 52px;padding:0 23px; font-weight: normal; font-size: 22px;color:#000;position: relative;}
.m-tabnav2 li.u-active a{color:#fff;background-color: #0078d3;font-weight: bold;} */

/*tab-style1-右杠 */



.m-tabnav1{background:#f7fbff;margin-bottom:10px;overflow: hidden;text-align: center;}
.m-tabnav1 li{float: left;position: relative;}
.m-tabnav1 li a{display:block;position: relative;height: 52px;line-height: 52px;padding:0 20px; font-weight: normal; font-size: 24px;color:#000;position: relative;}
.m-tabnav1 li.u-active a{color:#fff;background-color: #0078d3;font-weight: bold;}

.m-tabnav2 li{float: left;position: relative;}
.m-tabnav2{margin-left: -35px;overflow: hidden;text-align: center;}
.m-tabnav2 li a{display: block;padding: 0 35px;font-weight: normal;font-size: 24px;height: 64px;line-height: 64px;color:#000;position: relative;}
.m-tabnav2 .tab-item:not(:last-child) a::after{content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 24px;background-color: #d1d1d1;}
.m-tabnav2 li.u-active a{color:#0078d3;font-weight: bold;}
/*文字列表 */

.m-liststylecom .list-item{height: 48px;line-height: 48px;overflow: hidden;}
.m-liststylecom .list-item a{display:block;font-size: 18px; padding-left: 14px; background: url(../images/public/icon-li.png) left center no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-liststylecom .list-item span{float: right; color: #b8b8b8; font-size: 16px;}
.m-liststylecom .list-item a:hover{padding-left: 16px;}
.m-dashed .list-item{border-bottom:1px dashed #ddd;}
/*一排两个*/ 
.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%;} 

/*间距16px、20px、30px*/ 
.space16{margin-left: -8px; margin-right: -8px;} 
.space16 li{padding-left: 8px; padding-right: 8px;} 
.space20{margin-left: -10px; margin-right: -10px;} 
.space20 li{padding-left: 10px; padding-right: 10px;} 
.space30{margin-left: -15px; margin-right: -15px;} 
.space30 li{padding-left: 15px; padding-right: 15px;}

/* 单行省略号 */
.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: 1400px;padding: 0;margin:auto}



/*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: #1f89e1; border: 1px solid #1f89e1; 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-title-none .title{display: none;}
.share-main{position: relative; width: 158px; height: 24px;}
.share-title-none .share-main{width: auto;}
.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:74px;line-height:74px;background: #0078d3}
.is-friendlink .container{padding: 0 30px;z-index: 12;}
.friendlink-img{vertical-align: middle;margin-right: 6px;}
.friendlink-title{float: left;font-size: 16px;line-height:74px;color: #fff;margin-right: 26px;font-weight:normal;}
.friendlink-item{float:left;color:#fff;margin-right: 68px;cursor: pointer;}
.fl-city{margin-right: 90px;}
.friendlink-item:hover span{color:#fff;}
.friendlink-item>img{vertical-align: -5px;margin-right: 2px;}
.friendlink-item:last-child{margin-right: 0;}
.friendlink-item .icontop{display: inline-block;margin-left: 10px;vertical-align: middle;width: 14px;height: 14px; background: url(../images/public/city-more.png) left top no-repeat;}
.friendlink-item:hover .icontop{transform: rotate(180deg);vertical-align: 0px;}
.city-list{width:100%;max-height:128px;overflow-y:auto;position:absolute;bottom:74px;left:0;background-color:white;border:solid 1px #0078d3;padding: 15px 0;z-index: 10;}
.friendlink-item:hover .city-list{display:block;}
.city-list>a{display:block;width:164px;line-height:32px;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 15px;}

/* 浮窗导航 */
.fl-nav{position:fixed;bottom:5%;right:7.3625%;z-index:999;}
.fl-nav-item{position: relative;width:64px;height: 64px;margin-bottom: 8px;padding:14px 10px;line-height:18px;text-align:center;border-radius: 50%;}
.fl-nav-item::after{content: '';display: block;border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/floatnav/bg-float.png) center no-repeat;z-index: -1;}	
.fl-nav-item:nth-child(1){background: url(../images/floatnav/znwd-icon.png) center no-repeat;}
.fl-nav-item:nth-child(2){background: url(../images/floatnav/zwwx-icon.png) center no-repeat;}
.fl-nav-item:nth-child(3){background: url(../images/floatnav/zwwb-icon.png) center no-repeat;}
.fl-nav-item:nth-child(4){background: url(../images/floatnav/back-top-icon.png) center no-repeat;}
.fl-nav-item:hover{background: none;}
.fl-nav-item:hover p{display: block;color: #fff;transition:color 0.3s ease;}
.fl-up:hover .pack-up-img{animation: headShake 1s ease-in-out;}
.fl-nav-content{width:101px;height:94px;position:absolute;top:-12px;right:60px;background:url(../images/floatnav/pewmbg.png) left top no-repeat;background-size: contain;padding:6px 12px 6px 7px;}
.fl-nav-content img{width:82px;height:82px;overflow:hidden;}
.fl-nav-item:hover .fl-nav-content{display: block;}


@media (max-width:1400px) {
    .container{padding: 0; width: 1200px; margin: auto;}
	.m-banner{background-size: 100% 100%;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1200px) {
	.container{width: 970px;}
	.f-lg-mlr5{margin: 0 5px;}
	.f-lg-mlr10{margin: 0 10px;}
	.f-lg-mlr15{margin: 0 10px;}
	.f-lg-mlrf5{margin: 0 -5px;}
	.f-lg-mlrf10{margin: 0 -10px!important;}
	.f-lg-mlrf15{margin: 0 -15px;}
	.f-lg-plr5{padding: 0 5px;}
	.f-lg-plr10{padding: 0 10px!important;}
	.f-lg-plr15{padding: 0 15px;}
	.f-lg-mb5{margin-bottom: 5px;}
	.f-lg-mb10{margin-bottom: 10px;}
	.f-lg-mb15{margin-bottom: 15px;}
	.f-lg-mb20{margin-bottom: 20px;}
	.f-lg-mb30{margin-bottom: 30px!important;}
	.f-lg-ha{height: auto;}
	.f-lg-fn{float: none;}
	.f-lg-wa{width: auto;}
	.f-lg-db{display: block;}
	.f-lg-dn{display: none;}

}
/*pad md*/
@media screen and (max-width: 991px){
	.container{width: 750px;}
	.f-md-mlr5{margin: 0 5px;}
	.f-md-mlr10{margin: 0 10px;}
	.f-md-mlr15{margin: 0 10px;}
	.f-md-mlrf5{margin: 0 -5px;}
	.f-md-mlrf10{margin: 0 -10px;}
	.f-md-mlrf15{margin: 0 -15px;}
	.f-md-plr5{padding: 0 5px;}
	.f-md-plr10{padding: 0 10px;}
	.f-md-plr15{padding: 0 15px;}
	.f-md-mb5{margin-bottom: 5px;}
	.f-md-mb10{margin-bottom: 10px;}
	.f-md-mb15{margin-bottom: 15px!important;}
	.f-mb30{margin-bottom:15px}
	.f-md-ha{height: auto!important;}
	.f-md-fn{float: none;}
	.f-md-wa{width: auto;}
	.f-md-db{display: block;}
	.f-md-dn{display: none;}
	
	/* 浮窗 */
	.fl-nav{display: none;right: 10px;}
	
	/* 友情链接 */
	.is-friendlink,.friendlink-title{height: auto;line-height: 46px;}
	.friendlink-list{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
	.is-friendlink .container{padding: 0 15px;}
	.friendlink-item{margin-right: 20px;}
	.mobile-btn{display: inline-block;}
}

/*phone sm*/
@media screen and (max-width: 767px) {
	.container{width: 100%;padding: 0 15px;}
	.f-sm-mlr5{margin: 0 5px;}
	.f-sm-mlr10{margin: 0 10px;}
	.f-sm-mlr15{margin: 0 10px;}
	.f-sm-mlrf5{margin: 0 -5px;}
	.f-sm-mlrf10{margin: 0 -10px;}
	.f-sm-mlrf15{margin: 0 -15px;}
	.f-sm-plr5{padding: 0 5px;}
	.f-sm-plr10{padding: 0 10px;}
	.f-sm-plr15{padding: 0 15px;}
	.f-sm-mb5{margin-bottom: 5px;}
	.f-sm-mb10{margin-bottom: 10px;}
	.f-sm-mb15{margin-bottom: 15px;}
	.f-sm-ha{height: auto;}
	.f-sm-fn{float: none!important;}
	.f-sm-wa{width: auto;}
	.f-sm-db{display: block;}
	.f-sm-dn{display: none;}

    .col2 li,.col3 li,.col4 li,.col5 li{width:50%;margin-bottom:10px} 	
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}
}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}