@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: #ff3939;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #ff3939;}
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;}
/*module*/
.m-location{padding: 5px 0 10px 30px; background: url(../images/home/icon-location.png) left 6px no-repeat;}
.m-location,.m-location a{ color: #666;}

.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: #ff3939; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;}
.m-tabstyle1 li.u-active a{color: #ff3939;}
.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: #ff3939; color: #fff; border-color: #ff3939;}

.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: #ff3939; 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: #ff3939;font-weight: bold;}
.m-titstyle1 .u-tit em{position: absolute;bottom:-14px;width:100%;height:3px;background:#ff3939;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: #ff3939;}

.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: #ff3939; border-left: 5px solid #ff3939;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}

.m-liststyle1 li{height: 40px; line-height: 40px;}
.m-liststyle1 li .li-text{display: block; padding-left: 14px;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: #999; font-size: 14px;}
.m-liststyle1 li a:hover{padding-left: 16px;}
.m-liststyle1 li img{margin-left: 10px; vertical-align: middle;}

/*一排两个*/ 
.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;}

/*header*/
body{font-family: MicrosoftYaHei;}
/*top栏*/
.header-toolbar{height: 46px;line-height:46px;overflow: hidden;background-color: #f5f5f5;font-size: 14px;}
.header-toolbar form{position: relative;width:280px;height:30px;line-height: 30px;margin-top: 8px;}
.header-toolbar .u-searchtext{height: 100%;width: 100%; font-size: 12px;background-color:#ffffff;border-radius:4px;border:solid 1px #dddddd;padding: 0 30px 0 10px;}
.header-toolbar .u-searchbtn{position: absolute;right:0;height: 100%;width:26px;background: url(../images/home/search.png) left center no-repeat;border: none;outline:none;}
.header-toolbar .u-searchtext::placeholder{color: #999;}
/* nav */
.m-nav{width: 100%;height: 110px;line-height: 110px;}
.m-logo{margin-top: 30px;height: 50px;}
.nav-wrapper{padding:0;}
.nav-wrapper ul li{position: relative;float:left;margin-right: 33px;transition: all .3s linear;}
.nav-wrapper ul li:last-child{margin-right: 0px;}
.nav-wrapper ul li>a{font-size: 16px;color: #333333;display: block;}
.nav-wrapper ul li:hover a{color:#ff3939}
.nav-wrapper ul li.u-active a{color:#ff3939}

/*header*/

/*footer*/
.is-footer{background: #333333;font-size: 14px;line-height: 32px;}
.m-footer{padding: 45px 0;text-align: center;}
.m-footer .container{position: relative;}
.m-footer,.m-footer a{color:#fff;}
.m-footer a:hover{color: #ff3939;}
.m-footer .ga{vertical-align: middle;}
/*footer*/

/*toolbar*/


/*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: #ff3939; border: 1px solid #ff3939; 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: 102px; 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;}

/* elementui */
.el-upload__input{display: none!important}
.el-form-item__label{font-size:16px;font-weight:normal;color:#666;}
.el-upload_tip{font-size:14px;color:#999999;margin-top:0;}
.el-form-item__content{font-size: 14px;line-height: 40px;}



/*media query*/
/*large pcScreen*/
@media (min-width:1280px) {
    .container{padding: 0; width: 1280px; margin: auto;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	
	.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){
	.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;}

	.nav-wrapper ul li>a{font-size:16px}
    /*footer*/
	#_ideConac,#_span_jiucuo{position: static;}
    ._span_cont{display: flex;justify-content: center;align-items: center;}
    .m-copyright p,.m-copyright a{font-size:14px;line-height:26px;}
    .is-footer br{display: block}
}

/*phone sm*/
@media screen and (max-width: 767px) {
	.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} 

    .header-search{width:90%;height:45px;}
    .header-search .u-searchtext{width:80%;height:45px}
    .header-search .u-searchdiv{height:45px}
    .header-toolbar li a{font-size:14px}

	.header-toolbar,.m-nav{height: auto;}
    .m-logo img{width: 100%;}
    .nav-wrapper{width: 100%;height: auto;}
    .nav-wrapper{overflow-x:auto;}
    .nav-wrapper ul{width:100%;}
	.nav-wrapper ul li{margin-right:18px;}
    .nav-wrapper ul li>a{height:50px;line-height:50px}


	.footer-text{display: block;}

}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}