/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_le{float: left;}
.pub_lr{float: right;}
.none{display:none;}
body{background:#FFF; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{min-width: 1300px; -webkit-text-size-adjust: 100%; padding-top: 120px;}

.header{background: #0f90d2; text-align: center; line-height: 46px; color: #FFF; font-size: 16px;}
.header a{color: #FFF; padding: 0 10px; display: inline-block;}
.header a:hover{background: #06abff;}

.section{background: #FFF;}
.main{max-width: 1300px; margin: 0 auto; padding-bottom: 50px;}
.list{padding: 20px 0;}
.list li{height: 200px; border-bottom: 1px dotted #ccc;}
.listImg{float: left; width: 175px; padding-top: 35px;}
.listImg img{width: 175px; height: 125px; border: 1px solid #ccc; padding: 2px;}
.listText{float: right; width: 1050px; padding-top: 35px;}
.listText a{color: #0e90d2;}
.listText h2{padding-bottom: 10px; font-size: 20px;}
.listText .am-list-item-text,.listText p.intro{font-size: 16px; line-height: 24px;}

.tempBox{background: #FFF; border: 1px solid #10b1fd; padding: 40px 110px; color: #383838;}
.tempBox a{color: #0000ff; margin-right: 5px; text-decoration: underline;}
.tempBox a:hover{color: #F00;}

.pcArticleInst a{}

.introTitle{border: 1px solid #10b1fd; color: #383838; padding: 10px; margin: 15px 0}

.artTitle{text-align: center; padding-bottom: 20px;}
.artTitle h2{color: #000; font-size: 40px; padding-bottom: 20px;}
.artTitle h3{font-size: 16px;}
.artFont{padding-bottom: 30px; color: #383838 !important;}
.artFont p{padding-bottom: 24px;}
.artFont img{display: block; margin: 0 auto; max-width: 100%;}

.introTitle,.artFont{line-height: 30px; font-size: 16px;}

.artFot{border-top: 1px solid #505050; color: #d7d7d7; padding:10px 0 0 0; font-size: 16px; line-height: 30px;}
.artFot a{color: #10b3f6; text-decoration: underline;}

.page{height:80px; text-align:center; clear:both; overflow:hidden;}
.page ul li{border:1px solid #494949; padding:3px 6px; background: #393939; color: #FFF; display: inline-block; cursor: pointer;}
.page a{color:#FFF; display: block; width: 100%; height: 100%; cursor: pointer;}
.page a:hover,.page ul li.thisclass a{color:#f8a759;}

.footer{background: #f7f7f7; border-top: 1px solid #e3e5e8; padding:20px; text-align: center; color: #000;}
.footer a{color: #f00;}

.headerMain{width: 1652px; margin: 0 auto; padding-bottom: 30px;}
#topBox{height: 225px;}
.top{width: 100%; height: 46px; line-height: 46px; background: #748740; margin: 0 auto;}
.logo{float: left; width: 106px; line-height: 46px; text-align: center; font-size: 16px; color: #FFF; text-decoration: underline;}
.kefu{float: right; width: 100px; line-height: 46px; text-align: center; font-size: 16px; color: #FFF; position: relative; cursor: pointer;}
.kefu img{display: none; width: 200px; position: absolute; left: -75px; top: 40px; z-index: 10000}
.logoPng{padding: 20px 0; text-align: center; position: relative;}
.logoPng img{display:inline-block;}
.tabName{height: 42px; padding: 0 0 0 0; position: relative; border-bottom: 2px solid #393939; text-align: center;}
.tabName a{padding: 0 18px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #323232; display: inline-block;}
.tabName a:hover,.tabName a.on{background: #393939; color: #FFF; text-decoration: none;}
.tabName span.tabText{float: left; padding: 0 0 0 20px; font-size: 18px; color: #f00; line-height: 42px;}
.tabName span.tabText a{float: none; text-decoration: underline;}
.tabName img{display: block; position: absolute; left:825px; top: 3px;}
.topCardBox{width: 715px; height: 46px; float: right; position: relative; z-index: 10000;}
.topCardBox a{float: left; width: 120px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #FFF; position: relative; cursor: pointer;}
.topCardBox a.yellow{color: #FFF; width: 160px; margin-left: 12px;}
.topCardBox a img{display: none; position: absolute; left: 50%; top: 46px; width: 220px; margin-left: -110px; z-index: 100}
.topCardBox a:hover{text-decoration: none;}
.topCardBox a:hover img{display: block;}
.beiBox{display: block;background: url(http://www.guzhongtrade.com/webfile/images/bei_01.jpg) no-repeat; width: 102px; height: 102px; position: absolute; left: 465px; top: 50px; z-index: 999;}
.beiBox img{display: none; position: absolute; left: -350px; top: 106px;}
.beiBox:hover img{display: block;}
.mapbtns{position: relative;}
.mapbtns img{position: absolute; right: 0; top: 24px; display: none; z-index: 999; width: 1000px;}
.mapbtns:hover img{display: block;}
.aboutTexts{display: block; position: absolute; right: 68px; top: 36px; font-size: 16px;}
.aboutNs{font-size: 0; line-height: 0; width: 0; height: 0; display: none;}

.headerIntsM{display: none;}
.headerBox{background: #000; height: 50px; line-height: 50px; position: relative;}
.headerBox .mTop{position: absolute; left: 120px; top: 0; height: 50px;}
.headerBox a{color: #FFF; font-size: 1.8rem; margin-right: 10px;}
.headerBox .logoImg img{display: block; height: 45px; position: absolute; left: 10px; top: 2px;}
.bannerImg img{display: block; width: 100%;}

.publicTop{width: 100%; height: 160px; background: #f0f0f0; position: fixed; left: 0; top: 0; z-index: 99999; display: block;}
.publicTopNav{height: 48px; background: #a80d00;}
.publicTopNav2{height: 48px; background: #FFF; d}
.publicTopNav3{height: 62px; background: #FFF; border-bottom: 1px solid #eee;}
.publicTopMain{height: 48px; width: 1360px; margin:0 auto; position: relative; z-index: 100;}
.publicLogo{width: 107px; position: absolute; left: 30px; top: 0; display: block;}
.bibi_icon{width: 126px; height: 32px; position: absolute; right: 112px; top: 6px; display: block;}
.jy_01_icon{width: 66px; position: absolute; right: 120px; top: 2px; display: block;}
.weishiji_icon{width: 126px; position: absolute; right: -30px; top: 10px; display: block;}
.publicMunuLink{padding: 0 0 0 190px; height: 48px; line-height: 48px;}
.publicMunuLink a{float: left; height: 48px; line-height: 48px; padding: 0 12px; color: #FFF; font-size: 18px;}
.publicMunuLink a.on,.publicMunuLink a:hover{background: #e82418; text-decoration: none;}
.publicSecond{width: 1360px; margin:0 auto; height: 62px; position: relative;}
.publicAppIcon{width: 46px; height: 46px; display: block; position: absolute; left: 190px; top: 8px;}

.questionLink{height: 46px; font-size: 16px; color: #000; display: block; padding: 8px 0 0 250px; flex-wrap:wrap; display: flex; width: 960px;}
.questionLink a{color:#F00; margin-left: 10px;}

.publicDownload{width: 760px; height: 46px; position: absolute; left: 200px; top: 8px;}
.publicDownIcon{width: 46px; height: 46px; display: block; position: absolute; left: 190px; top: 8px;}


.publicDownIcon img{float: left;}
.publicDownIcon span{float: left; font-size: 16px; color: #000; padding-left: 8px;}
.publicDownIcon strong{font-weight: normal; color: #a80d00;}
.publicDownText{float: left; width: 614px; height: 30px; padding: 8px 0 0 0;}
.publicDownName{float: left; font-size: 16px; color: #000; height: 30px; line-height: 30px;}
.publicDownAapple{float: left; width: 94px; height: 30px; position: relative; margin-right: 52px;}
.publicDownyyb{float: left; width: 74px; height: 30px; position: relative; margin-right: 10px;}
.publicDownhw{float: left; width: 64px; height: 30px; position: relative; margin-right: 10px;}
.publicDownxm{float: left; width: 64px; height: 30px; position: relative; margin-right: 10px;}
.publicDown360{float: left; width: 64px; height: 30px; position: relative; margin-right: 10px;}
.publicDownBtn{display: block; width: 100%; height: 28px; line-height: 28px; background: #FFF; border: 1px solid #d5d5d5; font-size: 16px; color: #676767; text-align: center; cursor: pointer;}
.publicDownBtn:hover{text-decoration: none; background: #000; color: #FFF;}
.publicQrcodePop{width:179px; height: 254px; background: url(http://www.xuejia123.com/templets/default2/images/qrcodeBg.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -90px; top: 32px; z-index: 100; text-align: center; display: none;}
.publicQrcodePop h2{font-size: 14px; color: #404040; padding-top: 32px; height: 22px;}
.publicQrcodePop img{display: block; margin:0 auto; width: 125px; height: 125px; border: 10px solid #FFF;}
.publicQrcodePop strong{display: block; font-size: 18px; color: #404040; padding-bottom: 3px;}
.publicQrcodePop span{display: block; font-size: 14px; color: #9c9c9c;}
.publicWeixin{width: 275px; height: 46px; position: absolute; right: 0px; top: 8px; z-index: 100;}
.publicWxbtn{width: 125px; height: 32px; float: left; margin-right: 15px; position: relative;}
.publicWxbtn span{display: block; height: 32px; line-height: 32px; background: #FFF; font-size: 16px; color: #494949; text-align: center; cursor: pointer;}
.publicWxbtn img{display: none; width: 220px; position: absolute; left: 50%; margin-left: -110px; top: 46px; background: #fff;}
.publicWxbtn:last-child{margin: 0;}
.publicHeight{height: 140px;}

.publicEvent{width: 150px; height: 199px; position: absolute; left:-340px; top: 64px;}
.publicEvent img{display: block;}

.intDownload{width: 100%; height: 66px; position: relative;}
.intDownload .publicDownload{left: 35px; top: 10px;}

.eventlink{height: 48px; justify-content: center; display: flex;}
.eventlink a{display:block; width: 100px; height: 48px; line-height: 48px; text-align: center; color:#a80d00; font-size: 20px; cursor: pointer; position: relative; margin-right: 20px;}
.eventlink a img{display: none; width: 220px; position: absolute; left: 50%; margin-left: -110px; top: 42px; box-shadow: 2px 2px 10px rgba(0,0,0,0.8)}
.eventlink a:hover img{display: block;}
.mobielPublicMunuLink{display: none;}
.eventInsert{text-align: center; font-size: 36px; padding-bottom: 20px;}

.indexMain{width: 1216px; margin: 0 auto; font-family: \5b8b\4f53; color: #393939;}
.newlist{padding-bottom: 50px; overflow: hidden; clear: both;}
.newlist h2{line-height: 36px; font-size: 16px;}
.newlist h2 a{float: right;}
.newlist ul{margin-left: 20px;}
.newlist li{float: left; width: 296px; line-height: 30px; font-size: 14px; list-style: disc;}
.newlist a{color: #256EB1;}

@media only screen and (max-width: 750px){
    .headerIntsM{display: block;}
    .headerMain{display: none;}
    #content{width: 750px; min-width: 750px; padding-top: 0;}
    .header{padding: 10px 0; font-size: 1.8rem;}
    .main{padding: 0 10px;}
    .list li{height: 200px; border-bottom: 1px dotted #ccc;}
    .listImg{float: left; width: 175px; padding-top: 35px;}
    .listImg img{width: 175px; height: 125px; border: 1px solid #ccc; padding: 2px;}
    .listText{width: 530px; line-height: 24px; padding-top: 20px;}
    .listText a{color: #0e90d2;}
    .footer{padding:20px;}
    .tempBox{padding:40px 20px;}
    .introTitle{}
    .artFont{}

    .listText h2{font-size: 1.8rem; padding-bottom: 10px;}
    .listText .am-list-item-text,.listText p.intro{font-size: 1.2rem; line-height: 1.6rem;}
    .artTitle h2{font-size: 2rem;}
    .artTitle h3{font-size: 1.4rem;}
    .pcArticleInst a{font-size: 1.6rem;}
    .introTitle,.artFont{font-size: 1.6rem; line-height: 2.6rem;}

    .publicTop{display: none;}
    .mobielPublicMunuLink{display: block; width: 750px; background: #a80d00; line-height: 40px; padding: 10px 0;}
    .mobielPublicMunuLink a{font-size: 1.8rem; color: #FFF; padding: 0 12px; white-space: pre-wrap}
    .mobielPublicMunuUl{clear: both; overflow: hidden;}
    .mobielPublicSecond{background: #FFF; padding: 16px 0; position: relative;}
    .mobielPublicAppIcon{width: 46px; height: 46px; position: absolute; left: 10px; top: 50%; margin-top: -25px;}
    .mobielQuestionLink{padding: 0 0 0 70px; font-size: 1.2rem; line-height: 30px; color: #000;  display: flex; flex-wrap: wrap;}
    .mobielQuestionLink a{color: #f00; margin-right: 10px;}

    .indexMain{width: 100%; padding: 10px; margin: 0 auto; font-family: \5b8b\4f53; color: #393939;}
    .newlist{padding-bottom: 50px; overflow: hidden; clear: both;}
    .newlist h2{line-height: 70px; font-size: 24px; font-weight: bold;}
    .newlist h2 a{float: right; font-weight: normal;}
    .newlist ul{margin-left: 20px;}
    .newlist li{float: none; width: 100%; line-height: 30px; font-size: 18px; list-style: disc; border-bottom: 1px solid #dedede; padding: 10px 0;}
    .newlist a{color: #256EB1;}
}