/**
 * 公用 （ topBar , logoBar , mainNav , blogroll , footer ）
 **/

/* reset */
* { box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button { margin:0; padding:0; }
@media  screen and ( min-width:1440px){
body {  /* */
    font: 14px/20px "Microsoft Yahei", Helvetica, Arial, sans-serif;
    color: #303133; -webkit-font-smoothing: antialiased;
    min-width: 1200px; 
} 
}
input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
@media  screen and ( min-width:1440px){
input.input-txt, textarea, select, button { /* */
    outline: none; border: 1px solid #edeff2; background: none; resize: none; border-radius: 0; 
    -webkit-appearance: none; -moz-appearance: none; appearance: none; 
}
}
button { cursor: pointer; }
em, i { font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; vertical-align: top; }
ol, ul, li { list-style: none; }
a { color: #303133; text-decoration: none; }
a:hover { color: #3d7eff !important; }
a:hover, a:active { outline: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; line-height: 0; }
.clearfix { zoom: 1; /* for IE6 IE7 */ }

@media  screen and (max-width:1279px ){
* { -webkit-tap-highlight-color: transparent; outline: 0;}
body { font-size: 14px; color: #303133; line-height: 20px; -webkit-font-smoothing: antialiased; overflow-x: hidden; } 
input, textarea, select, button { 
    outline: none; border: none; background: none; resize: none; border-radius: 0; 
    -webkit-appearance: none; -moz-appearance: none; appearance: none; 
}
.detail-bar img { max-width: 100%; }
a:active { background-color: #f5f5f5; }
}


.w1200 { width: 1200px; margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.ma { margin-left: auto; margin-right: auto; }
.block { display: block; }
.none { display: none ; }
.none-important { display: none !important; }
.hidden { visibility: hidden; }
.ovh { overflow: hidden; }
.borb0 { border-bottom: none !important; }

.blur { -webkit-filter: blur(10px); filter: blur(10px); } /*模糊*/
.transit { -webkit-transition: all .2s linear; transition: all .2s linear; }

/* img style */
.img-block img { display: block; width: 100%; height: 100%; }
.img-round img { border-radius: 50%; }
.magnify { overflow: hidden; }
.magnify img { transform: scale(1); transition: all .3s linear; }
.magnify:hover img { transform: scale(1.1); }

/* txt color */
.s-c3 { color: #303133 !important; }
.s-c6 { color: #606266 !important; }
.s-c9 { color: #909399 !important; }
.s-cb { color: #bfc2cc !important; }
.s-ce { color: #edeff2 !important; }
.s-c3d{ color: #3d7eff !important; }
.s-c7f{ color: #7faaff !important; }
.s-oe { color: #ff8c14 !important; }
.s-red{ color: #f54e4c !important; }

/* txt style */
.f12 { font-size: 12px !important; }
.fb { font-weight: 600; }
.tc { text-align: center; }
.ect { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.arrow { 
    display: inline-block; vertical-align: middle;
    border-width: 5px; border-style: solid; border-color: transparent; 
}

/* btn */
.btn { background-color: #3d7eff; border-color: #3d7eff; color: #fff; transition: all .15s linear; }
.btn:hover { opacity: .8; }

/* header-bar */
.header-bar { background-color: #fff; }
.header-bar.borb1 { border-bottom: 1px solid #e1e3e6; }

    /* top-bar */
.top-bar { 
    height: 34px; background-color: #f8f8f8; 
    font-size: 12px; line-height: 34px; 
}
.top-bar .l-area { color: #303133; }
.top-bar .l-area .iconarea-o { float: left; margin-right: 8px; color: #909399; }
    /* logo-bar */
.logo-bar { height: 104px; }
.logo-bar .logo { margin: 34px 20px 0 0; }
.logo-bar .city { 
    border-left: 1px solid #edeff2; margin-top: 34px;
    width: 185px; height: 36px; padding: 0 20px; overflow: hidden;
    font-size: 18px; color: #303133; line-height: 36px;
}
        /* */
.logo-bar .search-bar { width: 520px; margin-top: 24px; }
.logo-bar .search-bar .search-form { height: 42px; position: relative; }
.logo-bar .search-bar .search-form .iconsearch-o { position: absolute; left: 10px; top: 11px; color: #bfc2cc; }
.logo-bar .search-bar .search-form .input-txt { float: left; width: 420px; height: 42px; padding: 0 10px 0 36px; border-right: none; }
.logo-bar .search-bar .search-form .input-txt::placeholder { color: #bfc2cc; }
.logo-bar .search-bar .search-form .btn { 
    float: right; width: 100px; height: 42px; 
    font-size: 16px; color: #fff; line-height: 42px; text-align: center; 
}
.logo-bar .search-bar .search-form .btn:hover { color: #fff !important; }
.logo-bar .search-bar .hot-words { height: 20px; overflow: hidden; margin-top: 6px; }
.logo-bar .search-bar .hot-words a { font-size: 12px; color: #909399; margin-right: 15px; }
        /* */
.logo-bar .r-erweicode { margin: 37px 45px 0 0; }
.logo-bar .r-erweicode .item { float: left; margin-left: 25px; color: #909399; cursor: pointer; position: relative; z-index: 100; }
.logo-bar .r-erweicode .item .iconfont { float: left; font-size: 24px; color: #bfc2cc; }
.logo-bar .r-erweicode .item .pop { 
    position: absolute; top: 36px; display: none;
    width: 300px; height: 130px; padding: 20px; 
    background-color: #fff; box-shadow: 0 1px 10px 0 rgba(48,49,51, .15);
}
.logo-bar .r-erweicode .item .pop .iconfont { position: absolute; top: -12px; font-size: 14px; color: #fff; }
.logo-bar .r-erweicode .item .pop img { float: left; width: 90px; height: 90px; margin-right: 20px; }
.logo-bar .r-erweicode .item .pop p { padding-top: 15px; line-height: 26px; }
            /**/
.logo-bar .r-erweicode .item.wechat .iconfont { margin-right: 13px; }
.logo-bar .r-erweicode .item.wechat .pop { left: -40px; }
.logo-bar .r-erweicode .item.wechat .pop .iconfont { left: 65px; }
            /**/
.logo-bar .r-erweicode .item.phone .iconfont { margin-right: 10px; }
.logo-bar .r-erweicode .item.phone .pop { right: -45px; }
.logo-bar .r-erweicode .item.phone .pop .iconfont { right: 55px; }
.logo-bar .r-erweicode .item.phone .pop p { padding-top: 2px; }

/* main-nav-bar */
.main-nav-bar { background-color: #fff; border-bottom: 1px solid #e1e3e6; }
.navbar li { float: left; margin-right: 100px; }
.navbar li > a { 
    display: inline-block; padding: 14px 0; position: relative;
    font-size: 18px; font-weight: 600; line-height: 30px;
}
.navbar li > a:after {
    position: absolute; left: 0; bottom: -1px;
    width: 0; height: 4px; content: '';
    background-color: #3d7eff; transition: width .2s linear;
}
.navbar li > .arrow { border-width: 4px; border-top-color: #bfc2cc; margin-left: 10px; }
.navbar li.cur > a { color: #3d7eff; }
.navbar li.cur > a:after, .navbar li.hover > a:after { width: 100%; }
.navbar li.hover > .arrow { border-top-color: transparent; border-bottom-color: #bfc2cc; margin-top: -6px; }
    /**/
.main-nav-bar .pop { 
    position: absolute; left: 0; right: 0; z-index: 500; display: none;
    padding: 20px 0; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(48,49,51, .06);
}
.main-nav-bar .pop a { 
    display: inline-block; margin: 10px 20px; 
    padding: 0 30px; background-color: #f5f7fa; 
    line-height: 36px; font-size: 16px; 
}
.main-nav-bar .pop a.cur { color: #3d7eff; }

/* footer-bar */
.footer-bar { padding: 35px 0; background-color: #303133; }
.footer-bar .ft-link a { color: #fff !important; margin: 0 24px; }
.footer-bar .ft-link a:hover { text-decoration: underline; }
.footer-bar .ft-k { padding: 55px 20px 0 0; }
.footer-bar .l-kefu { width: 518px; height: 118px; padding: 8px 0 0 140px; }
.footer-bar .l-kefu dt { float: left; width: 48px; height: 48px; margin-top: 10px; }
.footer-bar .l-kefu dd { padding: 6px 0 6px 68px; color: #fff; }
.footer-bar .erwei { padding: 0 120px; width: 331px; height: 118px; border-left: 1px solid #3e3e40; }
.footer-bar .erwei dt { display: block; height: 90px; padding: 7px; background-color: #fff; }
.footer-bar .erwei dd { color: #909399; margin-top: 10px; }
    /**/
.footer-bar .tab-blogroll { padding-top: 33px; }
.footer-bar .tab-blogroll .tab-nav { height: 38px; border-bottom: 1px solid #363738; margin-bottom: 10px; }
.footer-bar .tab-blogroll .tab-nav li { font-size: 14px; }
.footer-bar .tab-blogroll .tab-nav li.cur { color: #fff; }
.footer-bar .tab-blogroll .tab-item a { color: #606266; }
.footer-bar .tab-blogroll .tab-item a:hover { color: #fff !important; }

/* tab-blogroll */
.tab-blogroll { padding-top: 35px; }
.tab-blogroll .tab-nav { height: 24px; margin-bottom: 16px; }
.tab-blogroll .tab-nav li { 
    float: left; margin-right: 20px; cursor: pointer;
    font-size: 16px; color: #606266; line-height: 24px; 
}
.tab-blogroll .tab-nav li.cur { color: #303133; font-weight: 600; }
.tab-blogroll .tab-item { overflow: hidden; display: none; }
.tab-blogroll .tab-item a { float: left; margin: 4px 25px 4px 0; font-size: 12px; color: #909399; }
.tab-blogroll .tab-show { display: block; }
    
/* info-span */
.info-span { overflow: hidden; font-size: 12px; color: #bfc2cc; }
.info-span span { float: left; padding-right: 13px; margin-right: 13px; position: relative; }
.info-span span:after {
    position: absolute; top: 4px; right: 0;
    width: 1px; height: 12px; background-color: #edeff2; content: ''
}
.info-span span:last-child { padding-right: 0; margin-right: 0; }
.info-span span:last-child:after { width: 0; }

/* weizhi */
.weizhi { font-size: 12px; color: #606266; }
.weizhi a { color: #606266; }
.weizhi span { color: #909399; }

/* page-bar */
.page-bar { color: #aaa; font-size: 14px; }
.page-bar a,
.page-bar span,
.page-bar a.disabled:hover { 
    display: inline-block; margin: 0 5px; 
    min-width: 40px; height: 40px; line-height: 40px; text-align: center; 
    background-color: #edeff2; color: #909399 !important; 
}
.page-bar .btn-prev, 
.page-bar .btn-next { font-family: 'SimSun'; font-weight: 600; }
.page-bar a:hover, 
.page-bar a.cur, 
.page-bar span.cur { background-color: #0057ff; color: #fff !important; }

/* popup-tips */
.popup-tips { 
    position: fixed; left: 50%; top: 50%; z-index: 1002;
    padding: 15px 20px; background-color: #000; background-color: rgba(0,0,0, .5); border-radius: 4px;
    color: #fff;
}

/* 404 */
.page-404 { padding: 180px 0; font-size: 16px; text-align: center; }
.page-404 img { display: block; margin: 0 auto 55px; }
.page-404 p { margin-bottom: 15px; }

/* 2019-08-26   #7148 header-abs */
.iconfont { display: inline-block; vertical-align: middle; }
.header-abs { position: absolute; top: 0; left: 0; top: 0; right: 0; background: none; }
.bg-f5,.bg-f5s { background-color: #f5f7fa; }
.bg-ff { background-color: #fff; }
.bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0, .5); filter:alpha(opacity=50); }
.input-txt { transition: all .2s linear; }
.input-txt:hover { border-color: #909399 !important; }

/* scroll-y */
.scroll-y { overflow-x: hidden; overflow-y: auto; }
.scroll-y::-webkit-scrollbar { width: 6px; }
.scroll-y::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(255,255,255, .2); } 
.scroll-y::-webkit-scrollbar-track { background: transparent; }

/* popup-bar */
.popup-bar {
    position: fixed; left: 50%; top: 50%; z-index: 1002;
    background-color: #fff; box-shadow: 6px 0 20px 0 rgba(0,0,0, .1); 
    transform: translateX(-50%) translateY(-50%);
}
.popup-bar .pop-close { 
    position: absolute; top: 15px; right: 15px; cursor: pointer;
    width: 20px; height: 20px; text-align: center;
}
.popup-bar .pop-close .iconfont { font-size: 14px; margin-top: -2px; transition: all .15s linear; }
.popup-bar .pop-close:hover .iconfont { transform: rotate(90deg); }
.popup-bar .pop-title { 
    padding: 0 50px 0 30px; height: 50px; 
    background-color: #f8f8f8; border-bottom: 1px solid #eee; 
    font-size: 16px; line-height: 50px;
}
.popup-bar .pop-conts { padding: 40px 50px 30px; font-size: 16px; }
.popup-bar .pop-btn { overflow: hidden; padding: 0 30px 20px; text-align: center; }
.popup-bar .pop-btn .btn { display: inline-block; width: 70px; line-height: 30px; margin: 0 5px; }
.popup-bar .u-form-list { font-size: 14px; }
.popup-bar .u-form-list li .tit { color: #999; }
.popup-bar .nav-f14 { font-size: 14px; padding: 10px 0; }

/* btn */
.btn-line { border-color: #ddd; background: none; color: #999; }

.hd-r,.wap-bg-black,.wapdisplay,.hd-h52,.hd-back{ display:none;}
.hd-back { 
    position: absolute; left: 0; top: 0; padding: 0 10px;
    text-align: center; font-size: 16px; color: #909399;
}

@media  screen and (max-width:1279px ){
	.w1200{ width:auto;}
	/*.fl,.fr{float:none;}*/
	.top-bar,.r-erweicode,#divMenu,.tab-bar,.footer-bar .ft-k,.w300,.weizhi{ display:none;}
	.logo-bar{height: 48px;line-height: 48px;}
	.logo-bar .logo{float: left;margin: 0 15px;}
	.logo-bar .logo img { display: inline-block; vertical-align: middle; width: 75px; height: 21px; margin-top: -2px; }
	.logo-bar .search-bar { margin-top:0;
		position: absolute; left: 0; top: 0; z-index: 10;
		width: 100%; height: 48px; background-color: #fff;
		box-sizing: border-box; padding: 8px 70px 0 40px;
		display: none;
	}
	.logo-bar .search-bar i.iconsearch-o,.logo-bar .search-bar .hot-words{ display:none;}
	.logo-bar .search-bar .search-form{ height:auto; position:static}
	.hd-back { display:block;
		position: absolute; left: 0; top: 0; padding: 0 10px;
		text-align: center; font-size: 16px; color: #909399;
	}
	.logo-bar .search-bar .search-form .input-txt { float:none;
		display: block; width: 100%; height: 32px;
		padding: 0 12px; background-color: #edeff2; border-radius: 4px; 
		font-size: 14px; line-height: 32px; 
	}
	.logo-bar .search-bar .search-form .btn { float:none; background:none; border:none;
		position: absolute; top: 8px;  right: 15px;
		width: 40px; height: 32px; text-align: center;
		font-size: 16px; color: #3d7eff; line-height: 32px;
	}
	.logo-bar .search-bar .search-form .btn:hover{ color:#3d7eff !important;}
	
	.hd-r{ display:block;}
	.hd-r span { float: left; height: 48px; padding: 0 14px; }
	.hd-r span .iconfont { font-size: 20px; color: #909399; }
	.hd-r span:active { background-color: #f5f5f5;}
	.wap-bg-black{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000;background-color: rgba(0,0,0, .5); display: none;}
	/* sub-menu */
	.sub-menus { 
		position: fixed; top: 0; right:-70%; bottom: 0; z-index: 1002; 
		width: 70%; padding-top: 40px; background-color: #fff;
		transition: all .2s ease-in-out;
	}
	.sub-menus .close { 
		position: absolute; top: 15px; right: 15px;
		width: 20px; height: 20px; text-align: center; color: #909399;
	}
	.sub-menus ul li { padding: 10px 0; }
	.sub-menus ul li a { display: block; padding: 4px 30px; font-size: 18px; }
	.sub-menus ul li .iconfont { font-size: 20px; color: #3d7eff; vertical-align: middle; margin: -2px 13px 0 0; }
	.hd-h52 { display:block;height: 53px; line-height: 52px; border-top:  1px solid #edeff2; position: relative; background-color: #fff; }
	.hd-h52 .hd-back { height: 52px; overflow: hidden; }
	.hd-h52 .title { font-size: 17px; text-align: center; }
	.footer-bar { padding: 20px 0 15px; background-color: #303133; text-align: center; }
	.footer-bar .ft-link a { color: #909399 !important; margin: 0 15px; }
	.footer-bar .s-c6 { font-size: 12px; line-height: 18px; color: #606266; margin-top: 5px; }
	.header-abs{ position:inherit; background:#fff}
}