@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: #3d3d3d; border: none; text-decoration: none; outline: none;}
a:hover{text-decoration: none; color: #3da38c;}
a:focus{text-decoration: none; outline: 0; color: #3da38c;}
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-nbg{background: none!important;}
.f-nbd{border: none;}
.row{margin: 0;}

/*module*/
.row{margin: 0;}
.col-md-1,.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-md-10,.col-md-11,.col-md-12{padding: 0;}

.m-location{padding: 5px 0 10px 25px; background: url(../images/public/icon-location.png) left 6px no-repeat;}
.m-location,.m-location a{font-size: 14px; 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: #ba082e; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;}
.m-tabstyle1 li.u-active a{color: #3da38c;}
.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: #3da38c; color: #fff; border-color: #3da38c;}

.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: #3da38c; color: #fff;}

.m-titstyle1{border-bottom: 1px solid #ddd; line-height: 42px;}
.m-titstyle1 .u-tit{display: block; padding: 0 22px; background: #3da38c; font-size: 18px; color: #fff;}
.m-titstyle1 li{float: left;}
.m-titstyle1 li a{display: block; padding: 0 13px; font-size: 14px; background: url(../images/home/bg-titline.png) left center no-repeat;}
.m-titstyle1 li.u-active a{color: #3da38c;}

.m-titstyle2{background: url(../images/public/bg-tit2.png) center no-repeat;}
.m-titstyle2 .u-tit{font-size: 22px; font-weight: bold; color: #3da38c;}

.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: #ba082e; border-left: 5px solid #ba082e;}
.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; 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;}

/* home 广告位 */
.m-advertis{height: 80px;width: 100%;}
.m-pgtop{line-height: 46px; background: #f5f5f5;}
.m-pgtop,.m-pgtop a{font-size: 14px; color: #525252;}
.m-pgtop li{float: left; margin-left: 12px; padding-left: 13px; background: url(../images/public/bg-tpline.png) left center no-repeat;}
.m-tpbox{height: 180px;width: 100%; background: url(../../dist/images/public/h-banner.png) center no-repeat;}
.m-tpbox .container{height: 100%;}
.m-tpbox .container>a{position: relative;top: 50%;margin-top: -36px;}
.m-tpbox .u-search{position: relative;top: 50%;margin-top: -21px;}
.u-search{width: 360px;height: 42px;background-color: #ffffff;border-radius: 21px;}
.g-search{width: 100%;height: 42px;position: relative;}
.g-search .u-input{width: 100%;height: 42px;line-height: 42px; border: none;outline: none;padding: 5px 58px 5px 18px;border-radius: 21px;font-size: 15px;}
.g-search .u-input::placeholder{font-size: 15px;color: #b8b8b8;}
.u-searchbtn{width: 52px;height: 42px;background: url(../images/public/h-search2.png) center no-repeat;border: none;position: absolute;right: 0;background-color: #ba082e;border-top-right-radius: 21px;border-bottom-right-radius: 21px;}

.u-mdnavbtn{padding: 13px 0 13px 10px; width: 34px;}
.u-mdnavbtn .icon-bar{position: relative; display: block; width: 24px; height: 2px; margin: 5px 0; border-radius: 1px; background: #ba082e; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.u-mdnavbtn .icon-bar:nth-of-type(1){top: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.u-mdnavbtn .icon-bar:nth-of-type(2){opacity: 1;}
.u-mdnavbtn .icon-bar:nth-of-type(3){top: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.u-mdnavbtn.u-active .icon-bar:nth-of-type(1){top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.u-mdnavbtn.u-active .icon-bar:nth-of-type(2){opacity: 0;}
.u-mdnavbtn.u-active .icon-bar:nth-of-type(3){top: -7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.m-mdnavs{top: 80px; left: 0; right: 0; z-index: 11; padding: 15px 0 15px 15px; background: #f5f5f5; max-height: 80vh; overflow-y: auto; overflow-x: hidden;}
.u-mdyjli div{height: 40px; line-height: 40px;}
.u-mdyjli div span{display: block; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.u-mdyjli div span::after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9;  border-right: 4px solid transparent; border-left: 4px solid transparent; transition: 0.3s all;}
.u-mdyjli div span.u-active::after{transform: rotate(180deg);}
.u-mdyjli ul{padding-left: 10px;}
.u-mdyjli li{line-height: 32px;}
.u-mdyjli li a{display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-mdsearch{height: 40px; margin: 5px 15px 0 0;}
.m-mdsearch .u-mdsearchtext{height: 40px; padding-right: 55px; border-radius: 40px;}
.m-mdsearch .u-mdsearchbtn{right: 0; top: 0; width: 50px; height: 40px; border-radius: 0 40px 40px 0; background: url(../images/public/h-search.png) center no-repeat; border: none;}


/*header*/
.m-top{height:40px;background-color:#f5f5f5;color:#666;font-size:16px;font-family:MicrosoftYaHei;line-height:40px;}
.u_btn li{float:left;padding:0 10px;background:url(../images/public/shu.png) right center no-repeat;}
.u_btn li:last-child{padding:0 0 0 10px;background:0 0;}
.m-header{height:160px;}
.u-logo{margin-top:30px;}
.m-phone{margin:43px 40px 0 0;}
.g-phone{display:flex;align-items:center;}
.g-phone span{padding:0 7px;color:#0f8f72;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:34px;}
.m-search{width:274px;height:40px;border:solid 1px #ddd;border-radius:4px;background-color:#fff;}
.m-search input{position:absolute;top:0;height:38px;outline:0;border:none;}
.m-search input[type=search]{left:0;padding-left:10px;width:85%;border-radius:4px 0 0 4px;background-color:#fff;line-height:38px;}
.m-search input[type=search]::placeholder{color:#999;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:14px;font-family:MicrosoftYaHei;}
.m-search input[type=submit]{right:0;width:15%;border-radius:0 4px 4px 0;background:url(../images/home/search.png) center center no-repeat;}
.u-code{margin-top:16px;width:108px;}
.u-code p{color:#333;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:14px;font-family:MicrosoftYaHei;}
.m-ban{height:190px;background:url(../images/home/banner_bj.png) center center no-repeat;}
.m-ban p{color:#fff;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:40px;font-family:MicrosoftYaHei-Bold;line-height:190px;}



/*pagination*/
.m-paginationyun{display: flex;justify-content: center;}
.m-pagination{padding: 15px;}
.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: #12866c; border: 1px solid #12866c; 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;}


/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .container{padding: 0; width: 1300px;margin: auto;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.container{width: 100%;}
	.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;}

	.m-navs{margin: 5px 10px 5px 0;}
	.m-navs .u-yjli{margin: 0 2px;width: auto;}
	.m-navs .u-yja{font-size: 16px;}
}
/*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-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;}

	.m-tpbox .container>a{top: 35%;}
	.m-tpbox .u-search{top: 55%;}

	.m-header{height: auto;}
	.u-logo img,.m-dtvideo{width: 100% !important;}
	.m-phone{margin: 0;}
	.u-code{margin: 0 auto;float: none;}
	.m-footer p a{margin-left: 0 !important;display: block;}
	.m-link,.m-footer p{height: auto;flex-wrap: wrap;text-align: center;}
	.m-footer{height: auto;}
	.m-link{justify-content: center;}
	.m-link>div{background: none !important;margin: 10px 0;}
	.m-link>div:first-child{padding-right: 0 !important;}
	.m-link>div:nth-child(2),.g-address{padding: 0 !important;}
	.g-code{width: 108px;margin: 0 auto;float: none;}
}
/*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;}

	.g-nav{background-color:#ba082e;}
	.g-nav li.u-yjnav{width: 100%;float: none;background-color: #ba082e;}
	.m-tpbox .container>a img,.u-search{width: 100%;}
	.m-tpbox .u-search{top: 70%;}
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}
}

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