/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

img { border: none; vertical-align: bottom; }

body{font-family: "Microsoft YaHei";font-size: 1rem;color: #333;max-width: 750px;margin: auto;background: #fff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }


/*tools*/
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.fl { float: left; }

.fr { float: right; }

.cell { display: table-cell; width: 2000px; }

button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; appearance: none; }

/*Mobile Sass(.scss) Library by @BlwooSky*/
header{padding: 0.8rem 1rem;}
header ul{display: table;width:100%;}
header ul li {display: table-cell;vertical-align: middle;width:25%;}
header ul li a{display: block;}
header ul li a img{width:35%;max-width: 60px;}
header ul li:nth-of-type(2){width:50%;text-align: center;}
header ul li:nth-of-type(2) a img{width:90%;max-width: 320px;}
header ul li:nth-of-type(3){text-align: right;}
.focus .bd li img{width:100%;}
.xg_wrap{padding: 0 2.8%;}
.xg_border{border-top: 1px solid #ffccd1;margin-top: 1rem;}
.xg_nav ul li{float: left;width:25%;margin-top: 1.2rem;}
.xg_nav ul li a{display: block;text-align: center;}
.xg_nav ul li a img{width:50%;max-width: 70px;}
.xg_nav ul li a span{display: block;color: #333;margin-top: 0.6rem;font-size: 0.9rem;}

.xg_tit{line-height: 1.6rem;padding: 0.8rem 0;}
.xg_tit span{float: left;font-size: 1.3rem;color: #333;}
.xg_tit a{float: right;color: #df061d;font-size: 0.9rem;}
.xg_ad a img{width:100%;}
.xg_project ul li{width:49%;float: left;border: 1px solid #c4c4c4;border-radius: 0.3rem;box-sizing:border-box;margin-top: 1rem;overflow: hidden;}
.xg_project ul li:nth-of-type(2n+1){margin-right: 2%;}
.xg_project ul li dl{display: table;width:100%;color: #333;}
.xg_project ul li dl dt{display: table-cell;vertical-align: middle;width:40%;}
.xg_project ul li dl dt img{width:100%;}
.xg_project ul li dl dd{display: table-cell;vertical-align: middle;width:60%;}
.xg_project ul li dl dd p{font-size: 1.1rem;margin-bottom: 0.3rem;}
.xg_project ul li dl dd span{font-size: 0.8rem;}
.xg_diary {display: none;}
.xg_diary_txt ul{margin-bottom: 1.2rem;}
.xg_diary_txt ul li{float: left;width:25%;font-size: 0.8rem;text-align: center;text-align: center;padding: 0.4rem 0;}
.xg_diary_txt ul li.active{background: #df061d;color: #fff;border-radius: 1rem;}
.swiper-container-case a img{width:100%;}
.swiper-container-doc a img{width:100%;}
.swiper-container-doc a {display: block;overflow: hidden;}
.swiper-container-doc a p{color: #333;line-height: 1.2rem;}
.swiper-container-doc a p b{font-size: 1rem;display: block;font-weight: normal;padding: 0.4rem 0;}
.swiper-container-doc a p span{font-size: 0.7rem;display: block;white-space: nowrap;}

.xg_brand_txt dl {display: table;width: 100%;}
.xg_brand_txt dl dt{display: table-cell;vertical-align: middle;width:35%;background: #000;}
.xg_brand_txt dl dd{display: table-cell;vertical-align: middle;width:65%;}
.xg_brand_txt dl dd img{width:100%;}
.xg_brand_txt dl dt ul li {line-height: 1.6rem;font-size: 0.8rem; color: #8d8d8d;text-align: center;padding: 0.8rem 0;}
.xg_brand_txt dl dt ul li i img{height: 1.6rem;margin-right: 0.5rem;}
.xg_brand_txt dl dt ul li i.i1{display: none;}
.xg_brand_txt dl dt ul li i.i2{display: none;}
.xg_brand_txt dl dt ul li.active i.i1{display: none;}
.xg_brand_txt dl dt ul li.active i.i2{display: none;}
.xg_brand_txt dl dt ul li.active {color: #fff;}
.xg_brand_txt dl dd ul li{display: none;}
.xg_brand_txt dl dd ul li.active{display: block;}

.xg_footer{padding: 1.5rem 2.8% 2rem;}
.xg_footer dl {display: table;width:100%;padding: 1.5rem 0;border-bottom: 1px solid #cccccc;}
.xg_footer dl:last-of-type{border-bottom: none;}
.xg_footer dl dt{display: table-cell;vertical-align: middle;width:20%;text-align: center;}
.xg_footer dl dt img{width:60%;}
.xg_footer dl dd{display: table-cell;vertical-align: middle;width:80%;}
.xg_footer dl dd p{font-size: 0.9rem;line-height: 1.4rem;}

.xg_ftpf {background: #000;position: fixed;bottom: 0;width:100%;max-width: 750px;z-index: 99999;}
.xg_ftpf i{position: absolute;left: 50%;margin-left: -3.5rem;bottom: 0rem;}
.xg_ftpf i img{width: 7rem;}
.xg_ftpf ul li{float: left;width:19%;}
.xg_ftpf ul li a{display: block;color: #fff;text-align: center;padding: 0.5rem 0;}
.xg_ftpf ul li a img{width:40%;max-width: 55px;}
.xg_ftpf ul li a span{display: block;margin-top: 0.5rem;font-size: 0.7rem;}
.xg_ftpf ul li:nth-of-type(3){width:24%;}

.shengdanLogo{display: none !important;}


.xg_navfix{position: fixed;top:0;left: -100%;width:100%;height: 100%;background: #3e4654;z-index: 999999999;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;padding-bottom:60px;}
.xg_navfix.active{left: 0;}
.xg_navtit{height: 60px;padding:0 0.8rem;background: #2e3642;}
.xg_navtit h1{float: left;color: #fff;line-height: 60px;}
.xg_navtit span{float: right;margin-top: 15px;}
.xg_navtit span img{width: 35px;}
.xg_navtxt {position: relative;height: 100%;}
.xg_navtxt ul{position: absolute;left: 0;top:0;height: 100%; width:25%;background: #2e3642;}
.xg_navtxt ul li{color: #fff;font-size: 0.8rem;padding: 0.8rem 0;text-align: center;}
.xg_navtxt ul li.active{background: #3e4654;}
.xg_navtxt dl{display: none; position: absolute;left: 25%;top:0;height: 100%; width:75%;background: #3e4654;padding: 0 0.8rem;box-sizing: border-box;}
.xg_navtxt dl.active{display: block;}
.xg_navtxt dl dt{font-size: 0.8rem;color: #fff;padding: 0.8rem 0 0.5rem;border-bottom: 1px solid #525c6a;}
.xg_navtxt dl dd{padding: 0.5rem 0;}
.xg_navtxt dl dd a{display: block;float: left;width:50%;font-size: 10px;color: #fff;padding: 0.4rem 0;}


/* 列表 */
 .xg_art_txt ul li{ border-top:1px solid #e5e5e5; line-height:39px;}
 .xg_art_txt ul li:first-of-type{border-top: none;}
 .xg_art_txt ul li a{ padding-left:10px; font-size:14px;color: #666;font-family: "SimSun";}
 .xg_art_txt ul li span{ display:block; float:right; line-height:39px; vertical-align: middle;}
 .xg_art_txt ul li span a{background:none; padding-left:0px;}
 .xg_art_txt ul li span a img{vertical-align: middle;}