@charset "utf-8";
/* ================================ */
/* Author:			Fanly		*/
/* Create Date:		2017-03-22		*/
/* Retrofit Date:	*/
/* ================================ */
*{padding: 0; margin: 0;}
body{max-width: 1920px; min-width: 1400px; color: #888; font-family: "微软雅黑"; font-size: 13px;position: relative;}
a{text-decoration: none; color: #f53500;}
img{ border: 0; }
.clear{ clear: both; }
.container{width: 1260px; margin: 0 auto; position: relative;}
/* 头部菜单 */
.nav{height: 105px; padding-top: 35px;z-index: 99; position: relative;}
.nav .logo{width:168px; height: 60px;}
.nav .logo, .nav .main-menu{display: inline-block; vertical-align: bottom;*display:inline; *zoom:1;}
.nav .main-menu{    padding-left: 100px;  position: relative; padding-right: 200px; background: url(../Image/nav_border.png) no-repeat; background-position: left bottom; min-width: 690px;}
.nav .main-menu > li{display: inline-block; list-style: none; position: relative;*display:inline; *zoom:1;}
.nav .main-menu > li > a{color: #1f1a17; text-decoration: none; font-size: 14px; display: block; padding: 10px 30px 5px 30px; border-bottom: 4px solid transparent; font-weight: 700;}
.nav .main-menu > li > a:hover, .nav .main-menu > li > a.active{border-bottom: 4px solid #de3421; color: #de3421;}
.nav .second-level{position: absolute;background: #fff; display: none;top: 39px; width: 774px; margin-left: -334px; text-align: center;}
.nav .second-level li{display: inline-block; position: relative;*display:inline;}
.nav .second-level > li + li::before{color: #cccccc; content: "|"; padding: 10px 0; position: absolute; left: 1px;}
.nav .second-level li a{color: #666; font-size: 14px; text-decoration: none; display: block; padding: 10px 20px;}
.nav .second-level li a:hover{color: #de3421;}
.nav .main-menu > li > a:hover > .second-level{display: block;}
.nav .left-menu{ position: absolute !important; width: 114px;bottom: 10px;right: 20px;}
.nav .left-menu li{list-style: none; position: relative;height: 20px; line-height: 15px;}
.nav .left-menu li:nth-child(2),.nav .left-menu li:nth-child(3){display: none;}
.nav .left-menu li a{color: #999; font-size: 12px; text-decoration: none; display: block; position: relative; line-height: 20px; padding-left: 25px; }
.nav .left-menu li a img:last-child{ display: none; }
.nav .left-menu li a:hover{color: #de3421;}
.nav .left-menu li a .fonts-icon{vertical-align: middle; font-size: 20px; color: #ccc; position: absolute; left: 0; top:0;}
.nav .left-menu li a:hover .fonts-icon{color: #de3421;}

.inner-banner{height: 300px; min-width: 1260px; overflow:hidden; position: relative;}
.inner-banner img{ -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);  position: absolute;behavior: url(../js/ie-css3.htc);left: 50%;}

/* 二维码 */
.code{position: absolute; top: 65px;}
.session{padding-top:60px; padding-bottom: 50px;}
.session:after{content:''; display: table; clear: both;}
.index-title{font-size: 22px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #eee; font-weight: 700; position: relative;}
.index-title >span{font-size: 16px; color: #999; font-family: "Arial"; font-weight: normal;}
.more{ font-size: 12px; color: #f44336; float: right; height: 22px; position: absolute; right: 0; top: 50%; margin-top: -14px;}
.more:hover{ text-decoration: underline; }
.block{width: 50%; box-sizing: border-box; display: inline-block; vertical-align: top; float: left;}
.about{ padding-right: 20px;;}
.about-intro{ height: 210px; position: relative; padding-top: 20px; box-sizing: border-box; line-height: 2; font-size: 14px; color: #666;}
.about-intro > a{ position: absolute; right: 25px; bottom: 0; color: #f44336;}
.about-intro p:first-child{ margin-bottom: 10px;}
.news{min-height:260px; padding-left: 20px;}
.news ul{padding-top: 15px;}
.news ul li{list-style:none; height: 38px; line-height: 40px; position: relative; border-bottom: 1px dashed #ddd; vertical-align: top;}
.news ul li a{display: block; color: #666; font-size: 14px; max-width: 100%; overflow: hidden; height: 100%; text-overflow: ellipsis; white-space: nowrap; padding-right: 140px;}
.news ul li:hover{  border-color: #bbb;}
.news ul li a i{ padding-right: 10px; }
.news ul li a span{position: absolute; right: 30px; font-family: "宋体";}
.news ul li a em{font-style: normal; color: #f44336; font-family: "Arial"; font-size: 12px; position: absolute; right: 0;}

/* 列表页 */
.listbar, .content{ padding-top: 54px;}
.listbar{ width: 246px; height: 500px; background: url(../Image/border2.png) no-repeat; -webkit-background-position: right top;
-moz-background-position: right top;-ms-background-position: right top;-o-background-position: right top;background-position: right top; position: absolute; left: 0; top: 0;}
.list-title{ position: relative; margin-bottom: 24px;}
.list-title p{ font-size: 16px; font-family: Arial; position: absolute; top: -18px;}
h2.title{ color: #1f1a17; font-size: 24px; font-weight: normal; margin-bottom: 35px;}
.listbar ul{ border-top: 1px solid #dcdcdc;}
.listbar ul li{list-style: none;position: relative;border-bottom: 1px solid #dcdcdc;}
.listbar ul li .title{font-size: 16px;color: #626262;display: block;padding-left: 25px;margin-right: 1px;position: relative;height: 50px;line-height: 50px;}
.listbar ul li.active .title{ color: #f53500; background: #f0f0f0;}
.listbar ul li.active .title:before{ background: #f53500 none repeat scroll 0 0; content: ""; display: block; height: 16px; left: 12px;  margin-top: -8px; position: absolute; top: 50%; width: 3px;}
.listbar ul li .title:hover{ color: #f53500; background: #f0f0f0;}
.listbar ul li a span{position: absolute;right: 30px;top: 50%;margin-top: -6px;background: url("../Image/list-icon2.png") no-repeat;height: 12px;width: 12px;transform: rotate(0deg);}
.listbar ul li.active a span, .listbar ul li a:hover span{background: url("../Image/list-icon.png") no-repeat;transform: rotate(0deg);}
.content{ width: 1014px; padding-left: 246px;min-height: 600px;}
.content-box{ padding-left: 65px;}
.content-box img{ max-width: 100%; }
.article{ padding-right: 20px; padding-left: 20px;}
.article-detail{ padding-bottom: 130px; font-size: 14px; color:#666; line-height: 1.5;}
.a-title{ text-align: center; color: #999; font-size: 12px; border-bottom: #999 1px dotted; padding-bottom: 40px; margin-bottom: 40px;}
.a-title h2{ color:#f53500; font-size: 22px; font-weight: normal; margin-bottom: 20px;}
.article-list li{ list-style: none; position: relative; border-bottom: 1px dotted #b2b2b2; padding: 25px 0 25px 290px;}
.article-list li img{ position: absolute; left: 0; }
h3.title{color: #f53500; font-size: 20px; font-weight: normal;}
.article-list .info{ height: 150px; position: relative;}
.article-list .brief{color:#707070; font-size: 14px; line-height: 1.5; height: 45px; overflow: hidden; position: relative;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-list .info .ditail{position: absolute; left: 0; bottom: 0}
.article-list .info .date{position: absolute; right: 0; bottom: 0}
.block-list { margin-top: -14px; }
.block-list li{ list-style: none; display:inline-block; width: 270px; padding-right: 56px; border-bottom:1px dotted #848689; margin-right: -6px; padding-top: 40px; *float: left; *padding-right: 50px;}
.block-list li:nth-child(3n){ padding-right: 0; }
.block-list li h3.title{ font-size: 15px; font-size: 16px; height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%; color: #333;}
.block-list .brief{ font-size: 14px; color: #666; height: 50px; overflow: hidden; line-height: 1.7; margin-bottom: 23px; }
.info .ditail:hover{ text-decoration: underline; }
.block-list .date{ float: right; }
.block-list .info{ padding: 30px 0 40px; }
a.detail{ color:#f53500; }
.img-box{ display: block; height: 150px; width: 263px;  overflow: hidden;}
.img-box img{ width: 100%; -webkit-transition: all .2s ease 0s;-o-transition: all .2s ease 0s;transition: all .2s ease 0s;}
.img-box:hover img{ -webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2); }
.line-list li{ list-style: none; }
.line-list li .media-title{ display: block; position: relative; height: 85px; line-height: 85px; border-bottom: 1px dotted #848689;}
.line-list li .media-title:hover{ color: #f53500; }
.line-list li .media-title h3{ color: #666; font-size: 16px; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.line-list li .media-title .from{ position: absolute; right: 0; top: 50%; font-size: 14px; color: #707070; margin-top: -7px; line-height: 1;}
.line-list li .media-title:hover h3, .line-list li .media-title:hover .from{ color: #f53500; }
.media-img{ position: relative; }
.media-img{ width: 564px; height: 290px;overflow: hidden;}
.media-img .slider-panel{ width: 564px; height: 290px; overflow: hidden; display: inline-block;}
.media-img .slider-panel img{ width: 100%; height: 100%; }
.slider-main{width: 564px;height: 290px; }



.media-img, .media-content{ display: inline-block; vertical-align: top;}
.media-content{background: url("../Image/media.png") no-repeat; color: #fff; position: absolute; right: 0; top: 0;width: 390px; height: 290px;}
.media-content .content-sub{ padding: 40px; height: 210px;}
.slider-page{ position: absolute; bottom: 10px; right: 10px; right: 60px;z-index: 5}
.slider-page a{ display: block; height: 43px; width: 43px; display: inline-block; font-weight: 30px; font-size: 30px; text-align: center; line-height: 41px; margin-left: 5px;}
.slider-pre{background: url("../Image/pre-purple.png");}
.slider-pre:hover{background: url("../Image/pre-white.png");}
.slider-next{background: url("../Image/next-purple.png");}
.slider-next:hover{background: url("../Image/next-white.png");}
.content-title{ font-size: 22px; font-weight: 700; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; margin-bottom: 25px;}
.content-info{ font-size: 14px;  overflow: hidden; text-overflow: ellipsis; height: 40px;}
.media-box{ height: 294px; overflow: hidden; position: relative;}
.content-sub a{color: #fff; text-decoration: underline; float: right; margin-top: 45px; font-size: 14px;}

/* 加入我们 tab */
.sidebar-tab{ margin:34px 0 130px 0; }
.recruit ul li{ vertical-align: bottom; list-style: none; height: 43px; line-height: 43px; text-align: center; width: 186px; border: 1px solid #d2d2d2; border-bottom: 0;cursor: pointer; margin-right: 35px;-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; display: inline-block; font-size: 16px; transition: all .2s ease 0s;behavior: url(../js/ie-css3.htc); *display: inline; *padding: 10px 20px; *margin-bottom: -30px; *vertical-align: baseline;}
.recruit ul li.active{ background: #f0f0f0; font-weight: 700; color: #f53500; }
.recruit ul li.active, .recruit ul li:hover{ background: #f0f0f0; height: 50px; line-height: 50px;}
.recrui-content{ width: 908px; border: 1px solid #d2d2d2; -webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;-ms-border-radius: 0 10px 10px 10px;
-o-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px; overflow: hidden; transition: height .2s ease .2s;behavior: url(../js/ie-css3.htc);}
.recrui-content > .tab-son{  display: none; padding: 25px 40px;}
.recrui-content > .tab-son:first-child{ display: block; }
.recrui-content .infomaition{ margin-bottom: 40px; }
.employ-table{ margin-top: 25px; margin-bottom: 30px;}
.employ-table ul li{ list-style: none; height: 42px; padding: 5px 0; font-size: 14px; color: #666;text-align: center;border-bottom: 1px dotted #c2c2c2; line-height: 40px;}
.employ-table ul li a{display: block;height: 100%; width: 100%; color: #666; font-size: 14px;}
.employ-table ul li a:hover{ background: #ede6f6; }
.employ-table ul li.table-header{background: #f53500; color: #ffffff; height: 42px;font-weight: 700; font-size: 16px; border: none; line-height: 40px;}
.employ-table ul li.table-header > div{ position: relative; }
.employ-table ul li.table-header > div + div:before { color: #fff; content: "|"; font-weight: normal;left: 0; left: 0; position: absolute;}
.employ-table ul li div{ width: 20%; float: left;*width: 19%; line-height: 42px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.employ-table ul li div p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.employ-header{ text-align: center; padding-bottom: 30px; height: 100%;}
.employ-header h2.name{ font-size: 20px; color: #f53500; margin-bottom: 30px;}
.employ-header ul{ border-bottom: 1px dotted #848689; padding-bottom: 25px}
.employ-header ul li{ color: #333; display: inline-block; font-size: 15px; font-weight: 700; list-style: outside none none; padding: 5px 0; position: relative; width: 202px; margin-bottom: 10px;}
.employ-header ul li:after{ content: " "; background: #d2d2d2; position: absolute; right: 0; height: 15px; width: 1px;}
.employ-header ul li:first-child:before, .employ-header ul li:nth-child(5):before{ content: " "; background: #d2d2d2; position: absolute; left: -3px; height: 15px; width: 1px;}
.employ-header > a{display: block; padding: 5px; float: right}
.employ-header > a:hover{ text-decoration: underline; }
.employ-info{padding-bottom: 30px;}
.table-page{padding: 0 0 15px 0 !important;}
.info-title{ color: #333; font-size: 16px; font-weight: 700; line-height: 2; margin-bottom: 50px; }
.node{ margin-bottom: 50px; }
.node-title{font-size: 14px; color: #f53500; font-weight: 700; margin-bottom: 20px;}
.node p{ padding-left: 25px; padding-bottom: 20px;}
.node p:last-child{padding-bottom: 0;}
.node-list p{padding-left: 45px; position: relative;}
.node-list p span{ position: absolute; left: 25px; top:0; }
.space{ display: inline-block; *display: inline; width: 40px; }
.infomaition{font-size: 0}

/* 地产开发 */
.realty-title{padding-bottom: 78px;}
.realty-title ul li{ display: inline-block; list-style: outside none none; margin-right: 21px; height: 384px; position: relative;width: calc(33% - 14px); text-align: center;vertical-align: top; *display: inline; *width: 266px; *margin-right: 33px;
cursor: pointer;}
.realty-title ul li:last-child{margin-right: 0;}
.realty-title .mask{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(77, 10, 162, .5); color: #fff;padding-top: 50%; opacity: 0; transition: opacity .2s ease-in .2s;border: 10px solid #f53500}
.realty-title ul li.active .mask{ opacity: 1; }
.realty-title .mask .suggest{text-align: center; transform: translatey(50%);}
.realty-title .mask .suggest h2{ font-size: 22px; }
.realty-title .mask .suggest p{ font-size: 16px; font-weight: 700;}
.triangle{ border-color: #f53500 transparent transparent;  border-style: solid; border-width: 25px; bottom: -50px; height: 0;  left: 50%;  margin-left: -25px; position: absolute;
    width: 0; display: none;}
.realty-title ul li.active .triangle{ display: block; }
.essay{ font-size: 14px; color: #666; line-height: 2; padding-bottom: 30px;}
.headline{ font-size: 14px; color:#333; font-weight: 700; margin-bottom: 55px;padding-left: 25px;  position: relative;}
.headline strong{ display: block; font-size: 22px; }
.headline:before{ content: " "; background:#f53500; width: 10px; height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px;}

/* 商业运营 */
.operational-title{padding-left: 225px;position: relative;height: 300px; margin-bottom: 70px;}
.operational-list{position: absolute;left: 0; z-index: 3; top: -18px;}
.operational-list ul{ background: #f53500; color: #fff;  width: 260px; height: 270px; padding: 25px 18px 6px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.operational-list ul li{ list-style: none; height: 52px; line-height: 50px; font-size: 16px;padding: 0 15px; position: relative; cursor: pointer; font-weight: 700;}
.operational-list ul li span img{ position: absolute; right: 15px;  top: 50%; margin-top: -11px; }
.operational-list ul li span img.cur{display: none;}
.operational-list ul li.active, .operational-list ul li:hover{ background: #fff; color: #f53500; font-size: 22px; background: rgba(255, 255, 255, 1);}
.operational-list ul li.active img.cur, .operational-list ul li:hover img.cur{ display: block; }
.operational-list .name{ font-size: 22px; margin-bottom: 12px; padding: 0 10px;}
.operational-list .name span{ display: block; font-size: 12px;padding-bottom: 20px; border-bottom: 2px solid #fff;}
.operational-img{overflow: hidden; position: relative; height: 300px;}
.operational-img img{ vertical-align: bottom; position: absolute; top: 300px; opacity: 0; transition: all .2s ease 0s;}
.operational-img img.active{ top: 0; opacity: 1;  }

/* 视频 */
.video-name{ color: #666; font-size: 20px; font-weight: normal; margin:0;}
.video-list li{ float: left; list-style: none; width: 200px; margin-right: 36px; margin-bottom: 40px; *margin-right: 31px;}
.video-list li:nth-child(4n){margin-right: 0;}
.video-list li .video-img-box{ height: 130px; overflow: hidden; position: relative;background: #eee;}
.video-list li .video-img-box{height: 100%;}
.video-list li .video-detail{ height: 60px; }
.video-list li .video-name{ color: #333; font-size: 14px; margin:10px 0 10px 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video-list li span{ color: #999; font-size: 12px; display: block;}
.video-list li a.active .video-name, .video-list li a:hover .video-name{ color: #8832bf; }
.video-list li a{ display: block; }
.video-img-box .play{position: absolute;height:64px; width: 64px; margin-top: -32px; top:100%; left: 50%; margin-left: -32px; opacity: 0; filter:alpha(Opacity=0);transition: all .5s ease 0s;}
.video-img-box .play img{ width: 100%; }
.video-list li a.active .video-img-box .play{ opacity: 1;filter:alpha(Opacity=100);*display: block; top: 50%;}
.video-list li a:hover .video-img-box .play{ top: 50%; opacity: 1;filter:alpha(Opacity=100);}
.video-list li a.active  .video-img-box:before{ background: rgba(0, 0, 0, 0.4); content: " "; height: 100%; position: absolute; width: 100%;}
.video embed{width:100%;height: 100%;}
.v-turn{padding: 0 0 40px !important;}
/* 视频弹窗 */
.video-alert{position: fixed; background: rgba(0,0,0,.3); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99}
.v-wrapper{  position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width: 1000px; height: 600px; background: url(../Image/video-bg.jpg); background-size: 100% 100%; color: #fff;behavior: url(../js/ie-css3.htc);}
.v-r{ position: relative; height: 100%; padding:80px 90px 60px 35px; box-sizing: border-box;}
.close{ position: absolute; height: 36px; width: 36px; top: 25px; right: 25px; }
.v-layout{ position: relative;  padding-left: 200px; }
.v-leftBar{ width: 200px; position: absolute; left: 0; bottom: 0; top: 0;}
.v-play{ padding-left: 50px;}
.v-play .video-js{ max-width: 100%;height: 455px; background: black;}
.v-title{ font-size: 22px; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom: 15px; margin-bottom: 15px;}
.v-title-en{ font-size: 16px; font-family: Arial; margin-bottom: 50px}
.v-content{ line-height: 1.5; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; max-height: 218px;}
.welcome{ font-size: 12px; position: absolute; bottom: 0; left: 0;  font-family: Arial;}
.blur{ filter: blur(3px); }

/* 翻页 */
.page-turn{ text-align: right; padding: 40px 0;}
.page-turn ul li{ list-style: none;  margin-left: 10px; display: inline-block; *float: right; *margin-bottom: 40px;}
.page-turn ul li a{ color: #666; border: 1px solid #e1e2e3; padding: 10px 15px; display: block;}
.page-turn ul li a.active, .page-turn ul li a:hover{color: #f53500; border:  1px solid transparent;}

/* 面包屑导航 */
.page-title{ position: relative; }
.breadcrumb{list-style: outside none none; position: absolute; right: 0; top: 5px; width: 178px;}
.breadcrumb > li + li:before { color: #999; content: ">"; padding: 0 5px;}
.breadcrumb > li { display: inline-block;}
.breadcrumb > li a{ color: #999; }
.breadcrumb > li a:hover{ color: #f53500;}
.breadcrumb > li:last-child{ color: #f53500;}
/* 首页页脚 */
.footer{text-align: center; padding: 30px 0; background: url(../Image/footerBG.jpg);}
.footer ul li{list-style: none; display: inline-block;}
.footer ul li a{color: #333333; font-size: 14px; text-decoration: none; display: block; padding: 10px;}
.footer ul li a:hover{color: #f53500;}
.footer p{color: #888888; font-size: 12px;}
/* 内页页脚 */
.company{ background: #eee; padding: 35px 0;}
.company ul{ text-align: center;}
.company ul li { list-style: none; display: inline-block; padding: 0 15px; *display: inline;}
.company ul li a{display: block;cursor: pointer;}
.company ul .li0 a{background: url(../Image/a1.png) no-repeat;width: 87px;height: 40px;background-size: 87px 40px;}
.company ul .li0 a:hover{background: url(../Image/a1_hover.png) no-repeat;background-size: 87px 40px;}
.company ul .li1 a{background: url(../Image/a2.png) no-repeat;width: 56px;height: 40px;background-size: 56px 40px;}
.company ul .li1 a:hover{background: url(../Image/a2_hover.png) no-repeat;background-size: 56px 40px;}
.company ul .li2 a{background: url(../Image/a3.png) no-repeat;width: 87px;height: 40px;background-size: 87px 40px;}
.company ul .li2 a:hover{background: url(../Image/a3_hover.png) no-repeat;background-size: 87px 40px;}
.company ul .li3 a{background: url(../Image/a4.png) no-repeat;width: 64px;height: 40px;background-size: 64px 40px;}
.company ul .li3 a:hover{background: url(../Image/a4_hover.png) no-repeat;background-size: 64px 40px;}
.company ul .li4 a{background: url(../Image/a5.png) no-repeat;width: 145px;height: 40px;background-size: 145px 40px;}
.company ul .li4 a:hover{background: url(../Image/a5_hover.png) no-repeat;background-size: 145px 40px;}
.company ul .li5 a{background: url(../Image/a6.png) no-repeat;width: 168px;height: 40px;background-size: 168px 40px;}
.company ul .li5 a:hover{background: url(../Image/a6_hover.png) no-repeat;background-size: 168px 40px;}
.footer-nav{ background: url("../Image/footerBG2.jpg"); padding: 10px 0 20px 0;}
.footer-nav .container{ width: 1000px;}
.footer-nav ul{ vertical-align: top; padding: 0 20px; width: 13%; box-sizing: border-box; display: inline-block;}
.footer-nav ul:first-child{ padding-left: 0; }
.footer-nav ul li{list-style: none; font-size: 12px; color: #3b3b3b;}
.red{ color: #8b140e; }
.footer-nav ul li a{ color: #3b3b3b; display: block; padding:3px 0;font-size: 12px; color: #3b3b3b;}
.footer-nav ul li a:hover{ color: #f53500;}
.footer-nav ul .name{ border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding: 10px 0;}
.copyright{width: 100%; text-align: center; border-top: 1px solid #d7d7d7; margin-top: 25px; padding-top: 20px;}
.copyright span{margin-right: 25px;}
.copyright span:last-child{ margin-right: 0; }
.sub-list li{height: 40px;line-height: 40px; padding-left:25px; font-size: 14px;}
.sub-list li:before{content:'·'; padding-right: 5px;}
.sub-list li:last-child{ border-bottom: 0;}
.sub-list li:not(.active) a{ color: #999;}
.qr-code{ padding-right: 0 !important; padding-left: 30px !important;}
.qr-code img{ width: 100%;}
.qr-code p{margin-bottom: 10px; text-align: center;}
.address{width: 21% !important;}