body{ margin: 0 auto; font-size: 14px; background-color: #fff; position: relative; color: #555; font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, Verdana, sans-serif;}
body p{ font-size: 12px;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ul li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a:hover,a:active,a:focus{ text-decoration: none;}
.header-nav{ background-color: #000; position: fixed; top: 0; left: 0;}
.header-nav .mui-icon em{ font-size: 17px; font-family: "微软雅黑"; color: #fff;}
.header-nav .mui-icon , .header-nav .mui-title{ color: #fff;}
.hd-aside{background-color: #fff;}
.font-white{ color: #fff;;}
.font-sky{color:#15BEC1!important;}
.font-orange{color: #f99406!important;}
.font-orange2{color: #f08519!important;}
.font-yellow{ color: #FFF003!important;}
.font-blue{ color: #447eb4!important;}
.font-red{ color: #F03C3B!important;}
.font-white{color: #fff!important;}
.font-gray{color: #B4B4B4!important;}
.font-gray2{color: #555555!important;}
.font-gray3{color: #999!important;}
.font-gray4{color: #ccc!important;}
.font-black2{ color: #313131!important;}
.font-green{color: #54aa2b!important;}
.font-green2{color: #00b600!important;}
.font-green3{color: #53bbba!important;}
.font-green4{color: #6BFBFB!important;}
.font-black{color: #000!important;}
.font-violet{color: #9696FA!important;}
.font-pink{color: #FE80C0!important;}
.no-bj{ background: none!important;}
.bj-orange{ background-color: #FFA022!important;}
.bj-orange2{background-color: #f6b37f!important;}
.bj-orange3{background-color: #ffb97e!important;}
.bj-violet{ background-color:#8B8FFA!important;}
.bj-pink{ background-color:#FF80C3!important;}
.bj-green{ background-color:#7ED72F!important;}
.bj-gray{background-color: #908F95!important;}
.bj-gray2{background-color: #F6F6F6!important;}
.bj-gray3{background-color: #898989!important;}
.bj-gray4{background-color: #f8f8f8!important;}
.bj-gray5{background-color: #eee!important;}
.bj-green2{background-color: #00b600!important;}
.bj-green4{background-color: #f1f1f1!important;}
.bj-blue4{ background-color:#fafcff!important;}
.bj-blue3{ background-color:#eff3f9!important;}
.bj-blue2{ background-color:#39BDD4!important;}
.bj-blue{ background-color:#4E93EE!important;}
.bj-block{ background-color:#312e2f!important;}
.bj-cyan{ background-color: #0BBEBB!important;}
.bj-white{ background-color: #fff!important;}
.bj-red{ background-color: #FF6666!important;}
.bj-yellow{ background-color: #FFCF2F!important;}
.no-mg-right{ margin-right: 0!important;}
.no-mg-left{ margin-left: 0!important;}
.no-pd-right{ padding-right: 0!important;}
.no-pd-left{ padding-left: 0!important;}
.no-border{ border: none!important;}
.no-border-top{ border-top: none!important;}
.no-border-bottom{ border-bottom: none!important;}
.no-border-left{ border-left: none!important;}
.no-border-right{ border-right: none!important;}
.no-mgpd{ margin: 0!important; padding: 0!important;}
.no-mg-top{ margin-top: 0px!important;}
.no-pd-top{ padding-top: 0px!important;}
.no-mg-bot{ margin-bottom: 0!important;}
.no-pd-bot{ padding-bottom: 0!important;}
.mg-top-5{ margin-top: 5px!important;}
.mg-top-10{ margin-top: 10px!important;}
.mg-top-15{ margin-top: 15px!important;}
.mg-top-20{ margin-top: 20px!important;}
.mg-top-25{ margin-top: 25px!important;}
.mg-top-30{ margin-top:30px!important;}
.mg-top-50{ margin-top:50px!important;}
.mg-top-100{ margin-top:100px!important;}
.pd-top-2{ padding-top: 2px!important;}
.pd-top-5{ padding-top: 5px!important;}
.pd-top-10{ padding-top: 10px!important;}
.pd-top-12{ padding-top: 12px!important;}
.pd-top-15{ padding-top: 15px!important;}
.pd-top-20{ padding-top: 20px!important;}
.pd-top-30{ padding-top: 30px!important;}
.pd-top-44{ padding-top: 44px!important;}
.pd-bt-2{ padding-bottom: 2px!important;}
.pd-bt-5{ padding-bottom: 5px!important;}
.pd-bt-7{ padding-bottom: 7px!important;}
.pd-bt-10{ padding-bottom: 10px!important;}
.pd-bt-12{ padding-bottom: 12px!important;}
.pd-bt-15{ padding-bottom: 15px!important;}
.pd-bt-20{ padding-bottom: 20px!important;}
.pd-bt-50{ padding-bottom: 50px!important;}
.pd-left-10{ padding-left: 10px!important;}
.pd-left-15{ padding-left: 15px!important;}
.pd-left-20{ padding-left: 20px!important;}
.pd-right-5{ padding-right:5px!important;}
.pd-right-10{ padding-right: 10px!important;}
.pd-right-15{ padding-right: 15px!important;}
.pd-right-20{ padding-right: 20px!important;}
.mg-lf-5{ margin-left: 5px!important;}
.mg-lf-10{ margin-left: 10px!important;}
.mg-lf-15{ margin-left: 15px!important;}
.mg-lf-20{ margin-left: 20px!important;}
.mg-lf-30{ margin-left: 30px!important;}
.mg-rg-5{ margin-right: 5px!important;}
.mg-rg-10{ margin-right: 10px!important;}
.mg-rg-15{ margin-right: 15px!important;}
.mg-rg-20{ margin-right: 20px!important;}
.mg-rg-30{ margin-right: 30px!important;}
.mg-bt-5{ margin-bottom: 5px!important;}
.mg-bt-8{ margin-bottom: 8px!important;}
.mg-bt-10{ margin-bottom: 10px!important;}
.mg-bt-15{ margin-bottom: 15px!important;}
.mg-bt-18{ margin-bottom: 18px!important;}
.mg-bt-20{ margin-bottom: 20px!important;}
.mg-bt-30{ margin-bottom: 30px!important;}
.mg-bt-50{ margin-bottom: 50px!important;}
.mg-bt-60{ margin-bottom: 60px!important;}
.mg-bt-80{ margin-bottom: 80px!important;}
.red-but{ background-color: #F03C3B!important; border-color:#F03C3B!important; color: #fff!important;}
.blue-but{ background-color: #0FC7D3!important; border-color:#0FC7D3!important;  color: #fff!important;}
.clear{clear: both; width: 100%; line-height: 0; overflow: hidden;}
.f-left{float: left;}
.f-right{float: right;}
.mui-bar-nav~.mui-content{ padding-bottom: 50px;}
.mui-content-main{ padding-bottom: 70px;}
.img-width{ max-width: 100%;}
.font-30{font-size: 30px!important;}
.font-24{font-size: 24px!important;}
.font-18{font-size: 18px!important;}
.font-16{font-size: 16px!important;}
.font-14{font-size: 14px!important;}
.font-15{font-size: 15px!important;}
.font-12{font-size: 12px!important;}

.line-hg-18{ line-height: 18px!important;}
.line-hg-22{ line-height: 22px!important;}
.line-hg-24{ line-height: 24px!important;}
.line-hg-28{ line-height: 28px!important;}
.line-hg-30{ line-height: 30px!important;}
.line-hg-32{ line-height: 32px!important;}
.line-hg-36{ line-height: 36px!important;}
.line-hg-40{ line-height: 40px!important;}
.line-hg-44{ line-height: 44px!important;}
.line-hg-50{ line-height: 50px!important;}
.line-hg-0{ line-height:0px!important;}
.width-50{ width: 50%;}
.text-banner{ padding: 0 10px; margin-bottom: 10px;}
.li-banner{ padding:15px 10px; position: relative;}
.text-main2{ padding:15px;}
.relative{ position: relative;}
.max-img{ max-width: 100%;}
.text-ban{overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height: 22px;}
/*.container{ padding: 0;}*/
@media (min-width:1200px){.container{width:1200px}}
/*删格系统 5列*/
@media only screen and (min-width:992px){
	.col-md-add-2{position: relative; min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.col-md-add-2 {width: 20%;float: left;}
}
@media only screen and (min-width:768px){
	.col-sm-add-2{position: relative; min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.col-sm-add-2 {width: 20%;float: left;}
}
.col-xs-add-2{position: relative; min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-add-2 {width: 20%;float: left;}
.outline-none{ outline: none!important; box-shadow: none!important;}

.container-main{ min-width: 1200px; width: 1200px; margin: 0 auto;}
/*头部*/
.ming-head{ line-height: 22px; font-size: 12px; height: 36px; float: right;}
.ming-hd-icon{ float: left; line-height: 0; position: relative; top: -3px; width: 26px; height: 26px;}
.ming-hd-li{ display:block; padding: 0 10px; position: relative; height: 36px; padding-top: 7px;}
.ming-hd-li:after{ content: ""; height: 16px; width: 1px; position: absolute; right: 0; top:11px; background-color: #8e8e8e;}
.ming-hd-li:last-child:after{ display: none;}
.ming-hd-li.dropdown{ padding:7px 0 0 0;}
.ming-hd-li.dropdown a{ padding: 0 10px;}
.ming-hd-li a{ display: inline-block; color: #666;}
.ming-hd-li a:hover,.ming-hd-li a:hover .fa{ color: #447eb4;}
.ming-hd-zx{ font-size: 16px; margin-left:5px; position: relative; top:1px;}
.ming-hd-car{ font-size: 16px; color: #888; margin-right: 5px; position: relative; top:1px;}
.ming-hd-li .dropdown-menu,.m-nav-ul .m-nav-menu{
  border-radius: 0;
  min-width: 160px;
  margin: 0;
  border-top: 2px solid #447EB4;
  left: auto;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  -webkit-transform: translate(0,40px);
  -moz-transform: translate(0,40px);
  -o-transform: translate(0,40px);
  -ms-transform: translate(0,40px);
  transform: translate(0,40px);
  display: block;
  /*visibility: hidden;*/
  opacity: 1;
  background: #fff;
}
.ming-hd-li:hover .dropdown-menu,.m-nav-ul li:hover .m-nav-menu{
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
}
.ming-hd-li .dropdown-menu li{ color: #333;}
.ming-hd-li .dropdown-menu li a{ padding:5px 10px; font-size: 12px;}
.ming-hd-li .ming-hd-wx,.ming-hd-li .ming-hd-wx:hover,.ming-hd-li .ming-hd-wx:active,.ming-hd-li .ming-hd-wx:focus,.ming-hd-li .ming-hd-wx .fa{ color: #3eb135!important;}
.ming-hd-li .ming-hd-phone,.ming-hd-li .ming-hd-phone:hover,.ming-hd-li .ming-hd-phone:active,.ming-hd-li .ming-hd-phone:focus,.ming-hd-li .ming-hd-phone .fa{ color: #ce2020!important;}
.ming-hd-li .ming-hd-phone .fa{ font-size: 26px; float: left; top: -2px;}
/*个人中心*/
.hd-nav-info{ padding: 13px 25px 0 25px; width: 300px; min-width: 300px; left:50%!important; margin-left:-150px!important;}
.hd-nav-tx{ width: 66px; height: 66px; margin: 0 auto; border-radius: 50%; background-color: #ddd; overflow: hidden; margin-bottom: 10px;}
.hd-nav-tx img{ width: 100%; height: 100%; border-radius: 50%;}
.hd-nav-text{overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height: 22px; margin-bottom:2px;}
.hd-nav-prog{ border-radius: 0; line-height: 16px; height: 16px; background-color: #eee; width: 186px; margin: 10px auto 20px auto;}
.progress-bar{ line-height: 16px;}
.hd-nav-info-ul{ border-top: 1px solid #999; padding:10px 5px; margin-bottom: 5px;}
.hd-nav-info-ul a{ display: block;}
.ming-hd-li .dropdown-menu .hd-nav-info-ul a{ font-size: 14px;}
.hd-info-bot{ margin: 0 -25px; border-top: 1px solid #dddddd;}
	/*购物车*/
.hd-car-main{ width:370px; right: 0;}
.ming-hd-li .hd-info-bot a{ display: block; width: 100%; height: 44px; line-height: 44px; color: #333; text-align: center;}
.ming-hd-li .dropdown-menu .hd-info-bot a:hover,.ming-hd-li .dropdown-menu .hd-info-bot a:active,.ming-hd-li .dropdown-menu .hd-info-bot a:focus{ background-color: #4476A7; color: #fff;}
.hd-car-main ul {
	margin: 0;
	padding: 0 8px;
}
.hd-car-main .scroller {
	overflow: hidden;
	max-height: 300px;
}
.hd-car-main li {
	list-style: none;
	margin: 0;
	padding: 0px 0 9px 0;
	border-bottom: solid 1px #f2f2f2;
	width: 100%;
	overflow: hidden;
}
.hd-car-main img,
.hd-car-main em,
.hd-car-main strong,
.hd-car-main span,
.hd-car-main .del-goods {
	float: left;
}
.hd-car-main img {
	border: solid 2px #fff;
	margin-right: 4px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.hd-car-main span,
.hd-car-main strong,
.hd-car-main em {
	margin-right: 10px;
	overflow: hidden;
	padding-top: 15px;
}
.hd-car-main span {
	width: 36px;
	margin-right: 0;
}
.hd-car-main strong {
	width: 155px;
	padding-left: 15px;
	font-weight: normal;
}
.hd-car-main strong a {
	color: #717880;
}
.ming-hd-li .hd-car-main li a{
	padding: 0;
}
.hd-car-main em {
	width: 55px;
	font-style: normal;
	text-align: right;
}
.del-goods .fa{
	color: #d7dde3;
	border-radius: 22px;
	font-size: 20px;
	float: right;
	margin: 15px 0 0 5px;
}
.del-goods:hover .fa{
	color: #E94D1C!important;
}
.hd-car-main .text-right {
	margin-right: 8px;
	padding-top: 20px;
}
.hd-car-main a.btn {
	font-size: 11px;
	padding: 8px 12px 7px;
}
.hd-car-main a.btn-default {
	color: #fff;
	border: 1px solid #c1cad3;
	background: #c1cad3;
	margin-right: 4px;
}
.hd-car-main a.btn-default:hover {
	border: 1px solid #A8AEB3;
	color: #fff;
	background: #A8AEB3;
}
.hd-car-img img{ width:47px; height:44px;}
.ming-hd-li a.btn-primary{ color: #fff;}
	/*二维码*/
.hd-ewm-ban{ left: 0; text-align: center; min-width:100px!important; width:100px!important; margin-left: -50px;}
.hd-ewm-ban img{ width: 100px; height:100px;}
@media only screen and (max-width:768px ) {
	.hd-ewm-ban{ left: 0; text-align: center; min-width:70px!important; width:70px!important; margin-left: -50px;}
.hd-ewm-ban img{ width: 70px; height:70px;}
}
/*logo通栏*/
.ming-logo-rg{ float: right;}
.ming-logo-pz{ padding-top: 12px; float: left; overflow: hidden;}
.ming-logo-pz span{ margin: 0 12px;}
.ming-logo-search{ margin-left: 30px; overflow: hidden; float: left; width: 300px; margin-top: 10px;}
.ming-logo-search-ban{ height: 36px; border: 2px solid #447EB4; border-radius: 36px; overflow: hidden; padding:5px 15px; position: relative; padding-right: 60px;}
.ming-logo-search-ban input{ width: 100%; height: 22px; line-height: 22px; border: none; outline: none;}
.logo-search-but{ position: absolute; top: 0; right: 5px; height: 36px; line-height: 33px; width:50px; border-left: 2px solid #4476A7; text-align: center;}
.logo-search-but .fa{ font-size:20px;}
.logo-search-fl{ padding-top: 3px; padding-left: 10px; height: 23px; overflow: hidden;}
.logo-search-fl a{ font-size: 12px; color: #999; margin-right: 6px;}
.logo-search-fl a:hover{ color: #4476A7;}

/*导航*/
.hd-nav-main{ width: 100%; background-color: #447eb4;}

/*.m-nav-ul{ min-height: 78px;}*/
.m-nav-ul{ margin: 0; padding: 0;}
.m-nav-ul li{float: left;}
.m-nav-tab{ padding:13px 25px; min-width: 100px; color: #fff; background:none; display: block; -webkit-transition: all 0.1s, -webkit-transform 0.1s;
  transition: all 0.1s, transform 0.1s; text-align: center;}
.m-nav-ul li:hover .m-nav-tab{ background: rgba(255,255,255,0.2); color: #fff;}
.m-nav-ul li .m-nav-tab:focus{color: #fff;}
.m-nav-tab .text{ font-size: 16px; line-height: 28px;}
.m-nav-tab .english{ font-size: 12px; text-transform: uppercase;}
.m-nav-menu.dropdown-menu{ width: 600px; padding: 25px 15px; background-color: #EEE; max-width: inherit; min-width: inherit; word-wrap:break-word; display: inline-block;}
.dropdown-menu{ border: none;}
.m-menu-main{ width: 670px; overflow: hidden; float: left; display: inline-block;}
/*.m-menu-big{ width: 175px; overflow: hidden;}*/
.m-nav-lf,.m-nav-rg{float: left; overflow: hidden;}
.m-nav-dl:first-child{ padding-left: 0;}
.m-nav-dl{ float: left; overflow: hidden; padding-left: 45px; margin-bottom: 10px;}

.m-nav-dl dt{ font-size: 14px; overflow: hidden; margin-bottom: 2px; text-align: center;}
.m-nav-dl dd a{ display:inline-block; height: 24px; line-height: 24px; padding: 0 7px; font-size: 12px; color: #333;}
.m-nav-dl dd a:hover{ background-color: #4476A7; color: #fff;}
.m-nav-rg{ width: 175px; overflow: hidden; margin-left: 10px;}
.m-nav-rg img{ width: 175px; height: 240px;}
.m-nav-img{ margin: 0 -3px;}
.m-nav-img a{ display: block; float: left; width: 200px; height: 88px; line-height: 0; overflow: hidden; margin: 0 3px;}
.m-nav-img a img{ width: 100%; height: 100%;}
.banner-img a{
  overflow: hidden;
  display: block;
  position: relative;
}
.banner-img a:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,300%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,300%,0);
}
.banner-img a:hover:before{
   -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-300%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,-300%,0);
}
.banner-opacity{
  position: relative;
}
.banner-opacity a:before{
    display: block;
    position: absolute;
    -webkit-transition: all 0.1s ease-in 0.1s;
    transition: all 0.1s ease-in 0.1s;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0px;
    top: 0px;
    content: "";
    height: 0%;
    width: 100%;
    left: 0%;
    top: 50%;
}
.banner-opacity a:hover:before{
  opacity: 1;
  filter: alpha(opacity=1);
  -webkit-transition: all 0.2s ease-in 0.1s;
  transition: all 0.2s ease-in 0.1s;
  height: 100%;
  left: 0%;
  top: 0%;
}

.box-hg-70{ height: 70px; width: 100px; overflow: hidden;}

/*底部*/
.m-footer{ background-color: #447eb4; width: 100%;}
.footer-icon{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #659ed2; margin: 0 auto; margin-bottom:5px;}
.footer-icon img{ width: 100%; height: 100%; border-radius: 50%;}
.footer-contant{ margin: 0; padding: 20px 35px;}
.footer-menu{ border-top: 1px solid #335b80;}
.footer-menu-dl{ margin-bottom: 0;}
.footer-menu-dl dt{color: #fff; font-size: 16px; font-weight: normal; margin-bottom:15px;}
.footer-menu-dl dd a{ color: #fff; display:block; line-height: 28px; font-size: 14px; height: 28px; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.footer-menu-dl dd a:hover{ text-decoration: underline;}
.footer-text-phone{ font-size: 18px; margin-bottom:15px;}
.footer-kf{ display: block; border: 2px solid #fff; color: #fff!important; text-align: center; font-size: 16px; height:32px; line-height: 28px; border-radius: 6px;}
.footer-icp{ font-size: 12px; color: #333; background-color: #e5e5e5; padding: 8px;}

/*回到顶部*/
.right-affix-main{ position: fixed;  left:50%; bottom:15%; margin-left:600px; z-index: 669;}
.right-affix{ position: relative; z-index:677; top: 0 ; left: 0;}
/*.right-affix .iconfont{ width: 48px; height: 48px; background: #F2F2F2; display: block; line-height: 48px; font-size: 28px; text-align: center; color: #089E92;}*/
.right-affix-text{ position: absolute; top: 0; right: 0; background: #1fc3b2; display: none; z-index:55;}
.right-affix .img-ban{ display: block; width: 48px; height: 48px; overflow: hidden; position: relative; top: 0; left: 0; z-index: 6666; background-color: #a9a9a9; line-height: 0;}
.right-affix .img-ban img{ width: 100%; height: 100%;}
.right-affix-font{ width: 48px; height: 48px; display: block; color: #fff; line-height: 48px; text-align: center; font-size: 13px;}
/*.right-affix-font:hover{color: #fff;}*/
.right-affix-phone{ position: absolute; top: 0; right: 47px; background:#447EB4; height: 48px; line-height: 48px; font-size: 14px; color: #fff; min-width:90px; text-align: right; padding: 0 15px; font-weight: normal;}
.right-affix-car-icon{ display: block; width: 7px; height: 7px; border-radius: 4px; position: absolute; z-index:8; top:13px; right:8px; background: #FE0002;}
.sj-affix{border: none; bottom: 12%;}
.sj-affix .iconfont{ opacity: 0.5; background-color: #000; color: #fff;}
.right-affix:hover .img-ban{ background-color: #447EB4;}
.right-affix:hover .right-affix-phone{animation: erweima 0.5s; -moz-animation: erweima 0.5s; -webkit-animation: erweima 0.5s; -o-animation: erweima 0.5s;}
.right-affix-ewm{ position: absolute; top:0; right: 47px; background:#447EB4; width: 146px; height: 146px; padding:10px;}
.right-affix:hover .right-affix-ewm{animation: erweima 0.5s; -moz-animation: erweima 0.5s; -webkit-animation: erweima 0.5s; -o-animation: erweima 0.5s;}
@keyframes erweima
{
from { right: 0; opacity: 0;}
to   { right: 48px; opacity: 1;}
}
@-moz-keyframes erweima
{
from { right: 0; opacity: 0;}
to   { right: 48px; opacity: 1;}
}
@-webkit-keyframes erweima
{
from { right: 0; opacity: 0;}
to   { right: 48px; opacity: 1;}
}
@-o-keyframes erweima
{
from { right: 0; opacity: 0;}
to   { right: 48px; opacity: 1;}
}

.page-list{ width: 100%; margin: 15px 0; margin-bottom:30px; margin-top: 80px;}
.page-list a,.page-list span.active{ font-family:'微软雅黑'; font-size: 12px; display: inline-block; background-color: #fff; color: #333; min-width:30px; height:30px; padding: 0 5px; line-height: 30px; margin-left:3px; text-align: center;}
.page-list a{ background-color: #f3f3f3; color: #333;}
.page-list a:hover{ background-color:#1c94e4; color: #fff;}
.page-list span.active{background-color: #1c94e4; color: #fff;}
.page-list .page-list-prev:hover,.page-list .page-list-next:hover,.page-list .page-list-prev,.page-list .page-list-next{ background: none; }
.page-list .page-list-prev img,.page-list .page-list-next img{position: relative; top: -1px; width: 70%;}

/*复选框*/
.box-checkbox-ban{ display: inline-block; position: relative; margin: 0 10px;}
.box-checkbox[type="checkbox"]{left: 0px; opacity: 0; position: absolute;top:0px;z-index: 99;line-height: normal; margin:0; box-sizing: border-box; padding: 0; width:18px; height:18px;}
.box-checkbox + .box-checkbox-label{ width: 18px; height:18px;  float: left; display: inline-block; max-width: 100%; margin-right:5px; background-color: #fff; border: 1px solid #BFBFBF;color: #000; border-radius:0px;}
.box-checkbox:checked + .box-checkbox-label:before{ content:''; display: block; left: 4px; position: absolute; top:5px; width:11px; height:6px; border: 2px solid #272636; border-top: none; border-right: none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); font-weight: normal;}


/*导航*/
.gw-nav{position: absolute; top: 0; left:0; z-index: 888; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-bottom:1px solid rgba(255,255,255,0.3); padding: 5px 0;}
.gw-nav-logo{ display: block; width: 260px; float: left; height: 65px; line-height: 60px;}
.gw-nav-logo img{ vertical-align: middle; height: 37px;}
.header-nav-ul{ float: left; margin: 0; padding-left: 20px;}
@media only screen and (min-width:1200px) {
	.header-nav-ul{ padding-left: 50px;}
}
.header-nav-ul li{ float: left; margin: 0; padding:0 20px; height:65px;}
.gw-nav-tab{ display: block; height: 30px; line-height: 30px; margin-top: 17px; text-align: center; position: relative; font-size: 14px; color: #fff!important;}

.gw-nav-tab:before{ content: ""; display: block; width:0%; height: 2px; background-color: #fff; position: absolute; bottom: 0;  opacity: 0; visibility: visible;}
.header-nav-ul li:hover .gw-nav-tab:before{ width: 100%; opacity: 1; visibility: visible;}
@media only screen and (min-width:768px ) {
	.gw-nav-tab:before{ bottom: -24px;}
}
.gw-nav.nav-bj{ background-color: rgba(28,148,288,0.5); border-bottom: none;-moz-box-shadow: 0 10px 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15); box-shadow: 0 10px 20px rgba(0,0,0,.15);}
.gw-nav.nav-bj2{ background-color: #1c94e4;}
@media only screen and (min-width:768px ) {
	.gw-nav:hover{background-color:#1c94e4;/*-moz-box-shadow: 0 10px 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15); box-shadow: 0 10px 20px rgba(0,0,0,.15);*/}
}
.gw-nav-menu{
  border-radius: 0;
  min-width: 160px;
  margin: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translate(0,20px);
  -moz-transform: translate(0,20px);
  -o-transform: translate(0,20px);
  -ms-transform: translate(0,20px);
  transform: translate(0,20px);
  display: block;
  visibility: hidden;
  opacity: 0;
  background:rgba(255,255,255,0.98);
}
.header-nav-ul li:hover .gw-nav-menu{
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/*.container{ min-width:992px!important;}*/
/*@media only screen and (max-width: 992px) {
	body{ min-width:992px!important; overflow-x: auto;}
}*/
.gw-nav-main{ padding: 40px 20px 40px 24%;}
.gw-nav-hy{ padding-left:20px; float: left; width:35%; position: relative;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.gw-nav-hy{ width: 44%;}
}
.gw-nav-hy dt,.gw-nav-hy-rg dt{ font-size: 18px; line-height: 26px; padding: 5px 0; font-weight: normal; margin-bottom: 20px; color: #000;}
.gw-nav-hy dd{ display: block; line-height: 26px; margin-bottom: 20px; font-size: 15px;}
.gw-nav-hy dd a,.gw-nav-hy-rg dd a{ color: #555; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;    transition: all .3s; transform: translateX(0px); display: block; padding: 5px 0;}
.gw-nav-hy dd a:hover,.gw-nav-hy-rg dd a:hover{ transform: translateX(10px); -webkit-transform: translateX(10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}
.gw-nav-hy:after{ content: ""; display: block; width: 1px; height: 80%; background-color: #f8f8f8; position: absolute; top: 0; right: 0;}

.gw-nav-hy-rg{ margin-left:10.5%; float: left; width:44.44%;}
.gw-nav-hy-rg dd{ display: block; line-height: 26px; margin-bottom: 20px; font-size: 15px; min-width: 150px; padding-right: 15px; float: left;}


#idxPage{ opacity:0; background: #000; overflow: hidden; background: url();}


.pc-up{ position: fixed; bottom: 10px; right: 10px; display: none; z-index: 101;}
.kefu{ position: fixed; top: 50%; margin-top: -80px; right: 10px; background-color:#1c94e4; color: #fff; display: block;z-index: 102; padding: 15px 7px; width:44px; text-align: center;}
.kefu-img{ padding-bottom: 15px; border-bottom: 1px solid #8ecaf2;}
.kefu-text{ padding: 15px 5px 0 5px; color: #fff; line-height: 18px;}