@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; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #0094e0;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #0094e0;}
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;}

.f-mt20{margin-top: 20px;}
.f-mt50{margin-top: 50px;}
.f-mlrf30{margin: 0 -30px;}
.f-plr30{padding: 0 30px;}
/*module*/
.m-newstyle1 .u-toptit a{display: block; margin-top: 8px;line-height: 48px;font-size: 22px;color: #0094e0;}
.m-newstyle1 .bor{padding: 5px 10px 0 2px; border: 1px solid #ddd;height: 268px;overflow: hidden;}
.m-newstyle1 .u-tit{left: 2px;top: 10px;width: 96px;}
.m-newstyle1 .u-tit ul li{float: left;margin-bottom: 4px; width: 100%; line-height: 40px;background: #f2f2f2;text-align: center;font-weight: bold;}
.m-newstyle1 .u-tit ul .u-active{background: #0094e0;}
.m-newstyle1 .u-tit ul .u-active a{color: #fff;}	
.m-newstyle1 .u-list{padding-left: 114px;}
.m-newstyle1 .u-list ul li{padding-left: 13px;background: url(../images/public/icon-li1.png) left center no-repeat; line-height: 36px;font-size: 15px;}
.m-newstyle1 .u-list ul li p {overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-newstyle1 .u-list ul li span{float: right; padding-left: 10px;padding-right: 5px; color: #666;}

.m-newstyle1.m-style2 .u-tit ul li{width: 125px;}
.m-newstyle1.m-style2 .u-list{padding-left: 146px;}

.m-stylelist .u-tit{height: 30px; position: relative;}
.m-stylelist .u-tit h1{width: 25%; padding-left: 20px; color: #0094e0; font-size: 24px; background: url(../images/home/icon-list1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-stylelist .u-tit span{width: 75%; height: 26px; background: url(../images/public/bg-line1.png) left center no-repeat;}
.m-stylelist .gd{position: absolute; padding-left: 15px; font-size: 12px; color: #c0c0c0; right: 0; bottom: 3px; background: url(../images/public/icon-gd.png) #fff left center no-repeat;}
.m-stylelist .gd:hover{color: #0e44b0;}
.u-title .gd{position: absolute; padding-left: 15px; font-size: 12px; color: #c0c0c0; right: 0; bottom: 18px; background: url(../images/public/icon-gd.png) left center no-repeat;}
.u-title .gd:hover{color: #0e44b0;}

.m-stylelist .u-list{line-height: 45px; overflow: hidden;}
.m-stylelist .u-list li{word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.m-stylelist .u-list a{padding-left: 13px; color: #3d3d3d; background: url(../images/public/icon-li2.png) left center no-repeat;  }
.m-stylelist .u-list a:hover{color: #0e44b0;}
.m-stylelist .u-list ul li>span{color: #b2b2b2;}
.m-stylelist .u-list a span{color: #0094e0;}


/***css滚动条**/
/*.m-scroll{height: 490px;overflow: auto;}*/
.base-scroll::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5;
    -webkit-border-radius: 0
}

.base-scroll::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

.base-scroll::-webkit-scrollbar-thumb {
    height: 50px;
    background-color:  #4988bb;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

.base-scroll::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color:  #4988bb;
    -webkit-border-radius: 6px;
}
/*header*/
.m-ban{height: 395px; background: url(../images/public/bg-headerbg.jpg) center top no-repeat;}
.m-ban img{margin-top: 17px;}
.m-ban .u-back{display: block; margin-top: 18px; font-size: 18px; width: 158px; line-height: 50px; border-radius: 3px; color: #fff; text-align: center; background: rgba(0, 0, 0, .3);}
.m-ban .m-tpsearch{margin: 303px auto 0; text-align: center; width: 560px; height: 56px; }
.m-ban .u-tpsearchtext{display: inline-block; padding: 0 98px 0 20px; border-radius: 5px; height: 56px; font-size: 16px;}
.m-ban .u-searchbtn{right: 0; top: 0; width: 90px; height: 56px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: url(../images/public/bg-search.png) center no-repeat;}

/*footer*/
/*底部 on*/
.g_footer{width: 100%; border-top: 2px solid #393; padding-bottom: 10px;}
.g_footer{border-top:2px solid #393;width:100%;padding-bottom:10px;}
.m_friendlink{width: 1200px;margin: 0 auto; line-height: 42px; padding-bottom: 4px; border-bottom: 1px dashed #ddd; position: relative; z-index: 9999;}
.friendlink_top ul li{width: 170px; height: 42px; line-height: 42px; margin: 0 112px 0 36px; color: #666; float: left; background: url(../images/home/home_icon.png) 138px -1649px no-repeat; cursor: pointer;}
.friendlink_box div{width: 1160px; height: 100px; padding: 20px; background: #fff; border-bottom: 2px solid #393; overflow: hidden; position: absolute; top: 42px; left: 0;}
.friendlink_box ul{width: 1160px; height: 100px; overflow-y: auto;}
.friendlink_box ul li{width: 163px; height: 24px; line-height: 24px; text-indent: 12px; float: left; background: url(../images/home/home_icon.png) left -1228px no-repeat;}
.m_footer{width: 1200px; margin: 0 auto; position: relative;}
.footer_nav{width: 100%; height: 34px; line-height: 34px; margin-top: 5px; text-align: center; color: #393;}
.footer_nav a{color: #393;}
.web_info,.web_info a{line-height: 30px; text-align: center; color: #666;}
.web_info img{vertical-align: middle;}
.web_info i{color: #e70000;}
#_span_jiucuo{position: absolute; top: 24px;left: 6%;}
#_ideConac{position: absolute; top: 19px;     left: -19px;}
.u-jbzx {right: 30px;top: 36px;}
/*底部 end*/

/*toolbar*/


/*pagination*/

/*share*/

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

}
/*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;}

	.g-nav .u-yjli{width: 150px;}
	.g-nav .u-yjli a{padding: 0;}
	.g-nav .u-yjli:hover a,.g-nav .u-yjli.u-active a ,.g-nav .u-yjli a,.g-nav .u-yjli a{background: none !important;}
}
/*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;}

	.f-md-mt15{margin-top: 15px!important;}

	.m-search{margin-top: 335px;}

	.m-nav .u-webhome{line-height: 50px;}
	.g-nav .u-yjli{width: 120px;}
	.g-nav .u-yjli{line-height: 50px;}
	.g-nav .u-yjli a{padding: 0 6px; font-size: 15px;}


	.m-stylelist .u-tit h1{width: 40%;}
	.m-stylelist .u-tit span{width: 60%}

	.m_footer{
		width: 100%;
	}
	#_ideConac{
		top: 265px !important;
		left: 0 !important;
	  }
	  #_span_jiucuo{
		top: 275px !important;
		left: 20% !important;
	  }
	  .u-jbzx{
		top: 275px !important;
	  }
	  .footer_nav{
		height: auto !important;
	  }

	  .m-groceries{display: none;}
	  .gov_box {height: 80px !important;}
	  .m-stylelist .u-list a{display: block;}
	  .footer_nav a{font-size: 13px;}
}
/*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 .u-yjli{float: none; padding: 0; width: 100%; line-height: 32px;}
    .g-nav .u-yjli a{padding: 0 15px; font-size: 16px;}

	.m-ban{height: 206px;}
	.m-ban img{margin-top: 10px; width: 200px;}
	.m-ban{background-size: 900px;}
	.m-ban .m-tpsearch{width: 100%; margin-top: 129px; height: 45px;}
	.m-ban .u-tpsearchtext{height: 45px;}
	.m-ban .u-searchbtn{height: 45px;}
}
@media screen and (min-width: 638px) {
	/* .is-header .g-top{width: 100%; position: absolute;} */
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

	.is-header .ban{background-size: 1100px;height: 260px;}
	.is-header .m-groceries:last-child{float: left;}

	.m-search{margin-top: 180px;width: 95%;}
}

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