@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站公共样式
 * @author: ishang_pan
 * @update: ishang_pan (2021-03-29 10:05)
 */

/*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: #3d3d3d; outline: 0;}
a{color: #333; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #1471b7;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #1471b7;}
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;}
body{background: #f0f0f0;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}

/*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-mb25{margin-bottom: 25px;}
.f-mb30{margin-bottom: 30px;}
.f-mb45{margin-bottom: 45px;}
.f-nbg{background: none!important;}
.f-nbd{border: none!important;}

/*module*/
.c-shine a::before{position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg);}
.c-shine a:hover::before{-webkit-animation: shine 2s; -moz-animation: shine 2s; animation: shine 2s;}
@-webkit-keyframes shine{100% {left: 125%;}}
@-moz-keyframes shine{100%{left: 125%;}}
@keyframes shine{100%{left: 125%;}}

.c-circle a::before{position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); -moz-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.c-circle a:hover::before{-webkit-animation: circle .75s; -moz-animation: circle .75s; animation: circle .75s;}
@-webkit-keyframes circle{0%{opacity: 1;} 40%{opacity: 1;} 100%{width: 200%; height: 200%; border-radius: 200%; opacity: 0;}}
@-moz-keyframes circle{0%{width: 0; height: 0; opacity: 1;} 40%{opacity: 1;} 100%{width: 200%; height: 200%; opacity: 0;}}
@keyframes circle{0%{width: 0; height: 0; opacity: 1;} 40%{opacity: 1;} 100%{width: 200%; height: 200%; opacity: 0;}}

.m-pgbox{padding: 15px 20px; background: #fff;}

.m-tabstyle1{padding-right: 10px; line-height: 50px; background: #f0f0f0;}
.m-tabstyle1 li{float: left;}
.m-tabstyle1 li a{display: block; padding: 0 20px 0 27px; width: 168px; text-align: center; font-size: 18px; font-weight: bold; color: #1471b7;}
.m-tabstyle1 li.u-active a{background: url(../images/public/bg-tit1.png) center bottom no-repeat; color: #fff;}
.m-tabstyle1 .u-more{font-size: 20px; color: #999;}

.m-tabstyle2{padding: 0 10px 0 1px; background: #f0f0f0;}
.m-tabstyle2 li{float: left;}
.m-tabstyle2 li a{display: block; padding: 4px 18px; line-height: 42px; font-size: 18px; font-weight: bold;}
.m-tabstyle2 li.u-active a{background: url(../images/public/bg-tit2.png) #fff center bottom no-repeat; padding-top: 0; border-top: 4px solid #1471b7; color: #1471b7;}
.m-tabstyle2 .u-more{line-height: 50px; font-size: 20px; color: #999;}

.m-titstyle1 .u-tit{display: block; line-height: 50px; text-align: center; background: #1471b7; font-size: 18px; font-weight: bold; color: #fff;}

.m-titstyle2{padding: 11px 0 11px 10px; border-bottom: 1px solid #ddd;}
.m-titstyle2 .u-tit{display: block; padding-left: 10px; line-height: 1; border-left: 5px solid #1471b7; font-size: 20px; font-weight: bold; color: #1471b7;}

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

.m-liststyle1 li{height: 38px; line-height: 38px; overflow: hidden;font-size: 18px;}
.m-liststyle1 li span{padding-left: 10px; float: right; color: #999;}
.m-liststyle1 li a{display: block; padding-left: 15px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.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;}





.listbox ul li{float: left;margin-right: 9px;width: 72px;font-size: 16px;text-align: center;background-color: #f0f0f0;}
.listbox ul li:last-child{margin-right: 0;}
.listbox ul li.active a{color: #1471b7;}
.m-liststyle1 .listbox ul li a{padding-left: 0;background: none;}
/*header*/
.m-banner{background: url(../images/public/bg-banner.png) center top no-repeat;}
.g-banner{padding: 56px 0 56px 20px;}
.u-logo{z-index: 1;}
.u-logo img{display: block; max-width: 100%;}
.u-pclogo{width: 634px; height: 86px;}
.m-tpchange{right: 0; bottom: 0; width: 506px; height: 197px;}
.m-nav{background: #1471b7; z-index: 2;}
.m-nav .u-webhome{padding: 0 15px; line-height: 50px; font-size: 18px; font-weight: bold; color: #fff;}
.m-nav .navbar-collapse{padding: 0 20px;}
.m-nav button{background: #fff;}
.m-nav .u-yjli{position: relative; float: left; width: 11.11%; line-height: 60px; text-align: center;}
.m-nav .u-yja{display: block; padding: 0 10px; font-size: 18px; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-nav .u-active .u-yja,.m-nav .c-active .u-yja,.m-nav .u-yja:hover{background: #298fdd;}
.m-nav .u-yjli ul{position: absolute; left: 0; right: 0; top: 60px; background: rgba(20, 113, 183, .6);}
.m-nav .u-yjli li{line-height: 40px;}
.m-nav .u-yjli li a{display: block; padding: 0 5px; color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}


/*footer*/
.is-footer{padding: 15px 0; background: #333;}
.is-footer p{line-height: 2.2;}
.is-footer p,.is-footer p a{font-size: 14px; color: #b2b2b2;}
.is-footer p img{vertical-align: middle;}

/*pagination*/
.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: #1471b7; border: 1px solid #1471b7; 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;}


.huifu{background: #f4f4f4;border: 1px solid #ddd;padding: 1px 15px 22px 21px;margin-top: 30px;}
.huifu p.yit{height: 46px;border-bottom: 1px dashed #a9a9a9;line-height: 46px;font-size: 20px;color: #c50000;font-weight: bold;}
/*弹出框*/
.m-tc {position: fixed;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;font-family: 微软雅黑 !important;}
.m-tc .m-shadw {position: absolute;background: rgba(0, 0, 0, 0.7);height: 100%;top: 0;bottom: 0;left: 0;right: 0;}
.m-wrap {position: absolute;top: 50%;left: 0;z-index: 999;width: 100%;margin-top: -300px;}
.iframe-content {position: relative;z-index: 10;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.m-tc .seek-box {width: 540px;background-color: #ffffff;border-radius: 10px;margin: 0 auto;position: relative;padding: 30px 0;}
.guanbi {width: 20px;height: 20px;position: absolute;top: 15px;right: 20px;cursor: pointer;}
.guanbi img {width: 100%;}
.jctitle {width: 100%;height: 50px;border-bottom: 1px solid #e5e5e5;line-height: 50px;text-align: center;font-size: 18px;font-weight: bold;}
.tixing {width: 100%;font-size: 16px;padding: 20px 20px 0;}
.red {color: #FF0000;}
.tixing label {font-weight: normal !important;}
.tixing label span {font-size: 14px;font-weight: bold;line-height: 36px;float: left;/* width: 80px; */text-align: right;padding-right: 10px;}
.tixing label select {width: 180px;height: 36px;border-radius: 2px;border: solid 1px #dddddd;padding: 6px 5px;border-radius: 3px;font-size: 14px;outline: none;color: #333;margin-bottom: 8px;}
.tixing label input {outline: none;margin-bottom: 8px;}
.tixing label input.form-control {width: 364px;height: 36px;/* background-color: #f8f8f8; */border-radius: 2px;border: solid 1px #dddddd;padding-left: 10px;box-sizing: border-box;}
.ly-tex textarea {width: 362px;height: 128px;background-color: #ffffff;border-radius: 2px;border: solid 1px #dddddd;outline: none;margin-bottom: 8px;overflow: auto;resize: none;}
.tixing label input.mane{margin-right: 30px;margin-left: -3px;}
.tixing label input.mane,
.tixing label input.phone{width: 362px;height: 36px;border-radius: 2px;border: solid 1px #dddddd;}
.tixing label input.yzm {width: 112px;height: 36px;border-radius: 2px;border: solid 1px #dddddd;}
.tijiao {width: 100px;margin: 0 0 0 112px;}
#SubmitButton {width: 100px;height: 36px;background-color: #164fa6;border-radius: 4px;border: none;color: #fff;font-size: 14px;cursor: pointer;}


/*media query*/
/*big pcScreen*/
@media (min-width: 1240px) {
    .container{padding: 0; width: 1240px;}

}
/*large pcScreen*/
@media screen and (max-width: 1239px) {
	

}
/*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;}
	.f-lg-mlrf15{margin: 0 -15px;}
	.f-lg-plr5{padding: 0 5px;}
	.f-lg-plr10{padding: 0 10px;}
	.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-pgbox{padding: 15px;}


}
/*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-ps{position: static;}
	.f-md-fn{float: none!important;}
	.f-md-wa{width: auto;}
	.f-md-db{display: block;}
	.f-md-dn{display: none;}
	.f-md-npd{padding: 0;}

	.m-pgbox{padding: 10px;}

	.m-tabstyle1{line-height: 40px;}
	.m-tabstyle1 li a,.m-tabstyle1 .u-more,.m-tabstyle2 li a,.m-tabstyle2 .u-more{font-size: 16px;}

	.m-tabstyle2 li a{line-height: 32px;}
	.m-tabstyle2 .u-more{line-height: 40px;}
	
	.m-titstyle2 .u-tit,.m-titstyle3 .u-tit{font-size: 18px;}

	.m-liststyle1 li{height: 30px; line-height: 30px;}
	.m-liststyle1 li a{font-size: 14px;}
    .m-liststyle1 li span{font-size: 12px;}

	.m-banner .container{padding: 0;}
	.g-banner{padding: 56px 15px;}

	.m-nav .navbar-collapse{padding: 0;}
	.m-nav .u-yjli{line-height: 50px;}
	.m-nav .u-yja{padding: 0 5px; font-size: 16px;}
	.m-nav .u-yjli ul{display: none!important;}
	
	.u-logo{display: block;}
	.u-pclogo{display: 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!important;}
	.f-sm-mb15{margin-bottom: 15px;}
	.f-sm-ha{height: auto;}
	.f-sm-fn{float: none!important;}
	.f-sm-wa{width: auto!important;}
	.f-sm-db{display: block;}
	.f-sm-dn{display: none;}

	.m-tabstyle1 li a{padding: 0 15px; width: auto;}
	.m-tabstyle1 .u-more,.m-tabstyle2 .u-more{font-size: 14px;}
	
	.m-titstyle3 .u-tit{font-size: 16px;}

	.m-nav .u-yjli{width: 100%; padding: 0; line-height: 40px; background: none;}

	
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

	

}

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