@charset "utf-8";
body { overflow-x:hidden;}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:#fff;}  
.pager a:hover,.pager span.current { background:#c8161e;border:1px solid #c8161e;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #c8161e} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}
.picleft {margin-right:50px;margin-bottom:10px;}
.picright {margin-left:50px;margin-bottom:10px;}
.clear { clear:both}
.mywrap {max-width:1200px;margin:0 auto;left:50%;margin-left:-600px; position:relative}

.indcase li .pic p,.indtech li .pic i,.indtech li .pic,.tech li .pic i,.tech li .pic,.indnews li .pic p,.indquanlity li p,.footmenu dl.f4 dd .cons,.news .left .pic p,.news .right .newsmore .pic p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li .pic:hover p,.indnews li .pic:hover p,.indquanlity li:hover p,.news .left .pic:hover p,.news .right .newsmore .pic:hover p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.footmessage p
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.main-header .info-box li *,.fact-counter .column .counter-title * {margin:0;padding:0; line-height:20px}
.mainsubject .cons *,.footer1 *,.tech li .cons *,.caseshow .cons *,.solution .cons *,.contact *,.about .right .mainsubject .cons *,.philosophy li .cons .content *,.kfpj .right li .cons .content *,.newsshow .left .cons .content *{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}

.header-upper .logo {margin-top:16px;}
.sticky-header .img-responsive {margin-top:6px}
.info-box-tel li {max-width:150px;}
.info-box-local li {max-width:230px;}
.main-header .info-box-local .icon-box{top:-5px;}
.main-header .info-box-local {margin:0 90px 0 30px}
.social-links a.a { position:relative}
.social-links p { display:none;}
.social-links .weixinimg p {position:absolute;z-index:10000;top:38px;right:0}
.social-links .slmobile p {position:absolute;z-index:10000;top:43px;right:0;background:#fff;padding:3px 15px;color:#333}
.tp-banner-a { display:block;width:100%; height:100%; position:absolute; z-index:100;top:0;left:0;}

.mainsubject {max-width:760px;text-align:center;margin:65px auto 43px auto}
.mainsubject .title {font-weight:Bold;color:#000;font-size:33px; line-height:50px; letter-spacing:0}
.mainsubject .line { height:4px; width:60px;margin:15px auto 20px auto; background:#c8161e;}
.mainsubject .cons {font-size:14px;color:#333}
.indcase ul {margin-top:-4%}
.indcase li {float:left;width:32%;margin:4% 2% 0 0;}
.indcase li.no {margin-right:0}
.indcase li .pic { position:relative; overflow:hidden;}
.indcase li .pic p { position:absolute; z-index:1;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indcase li .title { background:#004386; height:40px; line-height:40px; overflow:hidden}
.indcase li .title h1 { display:inline-block; vertical-align:top; text-align:center; background:#c8161e;color:#fff;font-size:18px;width:13%;margin-right:4%; height:40px; line-height:40px;}
.indcase li .title h2 {margin:0;padding:0; display:inline-block; height:40px; line-height:40px;width:83%; vertical-align:top;}
.indcase li .title h2 a {font-size:16px;color:#fff;height:40px; line-height:40px; display:inline-block; vertical-align:top;}
.indcase li .gs_content{ line-height:25px; height:75px; overflow:hidden;margin:20px 0 15px 0;color:#666}
.indcase li .more a {font-size:14px;color:#004386;border-bottom:1px solid #004386; display:inline-block; line-height:23px}
.indcase li .more a:Hover {color:#c8161e;border-color:#c8161e}

.case li {width:48.5%;margin-right:3%;}
.case li .title h1 {width:9%;margin-right:3%;}
.case li .title h2 {width:88%}

.indabout { height:570px; background:#004386; margin-top:100px; position:relative;}
.indabout .pic { background-position:center; background-repeat:no-repeat; background-size:cover;float:left;width:50%;  height:100%}
.indabout .conss { position:absolute; z-index:1;top:0;left:43%; background:url(../../images/1.png) no-repeat left center; height:100%;padding:0 0 0 220px}
.indabout .conss .mainsubject { text-align:left;}
.indabout .conss .mainsubject .line {margin:15px auto 40px 0;}
.indabout .conss .mainsubject  .title {color:#fff}
.indabout .conss .mainsubject .cons {color:#fff;max-width:600px}
.indabout .more,.indsolution .mcons .more a { display:block;width:120px; height:40px; line-height:36px;color:#fff;border:2px solid #c8161e;border-radius:2px;margin-top:-10px; background:#c8161e;font-size:16px; text-align:center;}
.indabout .more:hover,.indsolution .mcons .more a:hover {color:#c8161e; background:#fff;font-weight:Bold;}

.indtech ul {margin-top:-4%;}
.indtech li {float:left;width:21.25%;margin:5% 5% 0 0; position:relative}
.indtech li.no {margin-right:0}
.indtech li .pic {width:90px; height:90px; text-align:center;border:1px solid #ccc;border-radius:50%; display:inline-block; vertical-align:middle}
.indtech li .pic i { display:block; width:60px; height:60px;margin:15px 0 0 15px}
.indtech li:hover .pic i { background-position:bottom}
.indtech li:hover .pic {border-color:#c8161e; background:#c8161e}
.indtech li .cons{ display:inline-block; vertical-align:middle; position:absolute; z-index:1;left:110px;top:0; height:100%;color:#333; line-height:22px;}

.indsolution { height:640px; background:#004386; margin-top:100px; position:relative;}
.indsolution .cons { position:absolute; z-index:1;top:0;right:49%; background:url(../../images/2.png) no-repeat right center; height:100%;width:100%}
.indsolution .pic { background-position:center; background-repeat:no-repeat; background-size:cover;float:right;width:57%; height:100%}
.indsolution .mcons { position:absolute; z-index:2;top:0;left:0;width:100%; height:100%;}
.indsolution .mcons .mainsubject { text-align:left;margin-left:0}
.indsolution .mcons .mainsubject .title {color:#fff;}
.indsolution .mcons .mainsubject .line {margin-left:0;margin-top:15px;}
.accordionservice {width:375px;border-left:1px dashed #fff;margin-left:17px;margin-top:50px}
.accordionservice li { position:relative;margin:35px 0}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li .link .title {display:inline-block; vertical-align:top;font-size:14px;margin-left:35px;margin-top:5px;color:#fff;font-weight:Bold;}
.accordionservice li i {position: absolute;top:0px;left:-17px;width:35px;height:35px;background:url(../../images/3.png);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li.open .link {}
.accordionservice li.open i { background:url(../../images/4.png);}
.accordionservice .submenu {display:none;margin:15px 0px 0 35px;color:#fff;font-size:12px; max-height:88px; line-height:22px; overflow:hidden}

.indnews {margin-bottom:100px}
.indnews li {float:left;width:32%;margin:0 2% 0 0;}
.indnews li.no {margin-right:0}
.indnews li .pic { position:relative; overflow:hidden}
.indnews li .pic p { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}
.indnews li .cons {border:1px solid #a0a0a0;padding:15px 15px 30px 15px; position:relative}
.indnews li .cons .addtime { position:absolute; z-index:2;right:-1px;top:-40px;width:70px; height:65px; background:#004386;color:#fff; text-align:center}
.indnews li .cons .addtime h1 { height:40px; line-height:40px;font-weight:Bold;font-size:25px}
.indnews li .cons .addtime h2 {font-size:12px; height:25px; line-height:25px; background:#c8161e}
.indnews li .cons .title {height:25px; line-height:25px; overflow:hidden;margin:20px 0 25px 0}
.indnews li .cons .title a {font-size:16px;color:#333;font-weight:bold;}
.indnews li .cons .title a:Hover {color:#c8161e}
.indnews li .cons .content {line-height:25px; height:75px; overflow:hidden;color:#666;}

.indquanlity ul {margin-top:-4%}
.indquanlity li {float:left;width:13.3333%;margin:4% 4% 0 0; position:relative;}
.indquanlity li.no {margin-right:0}
.indquanlity li p { position:absolute; z-index:;width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat}

.rbanner { background-position:center; background-repeat:no-repeat; height:275px;color:#fff;font-weight:Bold;font-size:40px; line-height:55px; letter-spacing:0; text-align:center}
.rcurrent { background:#eee; height:60px; line-height:60px;color:#c8161e;font-size:15px;}
.rcurrent a {color:#000;font-size:15px;}
.rcurrent a:Hover {color:#c8161e;}
.rcurrent i {margin:0 8px; font-style:normal; font-family:宋体;font-size:12px;font-weight:Bold;}
.rbanner .auto-container {margin-top:-3px}

.tech ul {margin-top:-4%;}
.tech li {float:left;width:21.25%;margin:5% 5% 0 0; position:relative; text-align:center}
.tech li.no {margin-right:0}
.tech li .pic {width:90px; height:90px; text-align:center;border:1px solid #ccc;border-radius:50%;margin:0 auto}
.tech li .pic i { display:block; width:60px; height:60px;margin:15px 0 0 15px}
.tech li:hover .pic i { background-position:bottom}
.tech li:hover .pic {border-color:#c8161e; background:#c8161e}
.tech li .title{color:#000; height:40px; line-height:20px; overflow:hidden;font-weight:bold;margin:20px 0 10px;}
.tech li .cons{ line-height:22px; height:132px; overflow:hidden;font-size:12px;}
.tech li .cons * { line-height:23px;}

.service { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;padding:10px 0 80px 0;margin-top:100px}
.service .cons img {max-width:100%; height:auto}
.service .mainsubject {max-width:100%}
.service .mainsubject .title {color:#fff}
.service .mainsubject .cons {padding-top:40px}

.caseshow .title { text-align:center;font-size:25px; line-height:35px;color:#000;font-weight:bold;margin:80px 0 15px 0}
.caseshow .line { height:2px; background:#c8161e;width:60px;margin:0 auto 0 auto}
.caseshow .pic { position:relative; height:550px; overflow:hidden;margin:40px 0 30px 0}
.caseshow .pic img {width:100%;margin-top:-70px}
.caseshow .cons {color:#333}
.caseshow .subject {font-size:24px;color:#000;margin:80px 0 0 0}
.caseshow .subject hr { background:#c8161e; height:2px;width:45px;margin:15px 0 30px 0}

.namemj { position:relative;}
.namemj a { position:absolute; z-index:1;top:-60px}

.solution {margin-top:50px}
.solution .title { background:#c8161e; display:inline-block;padding:8px 20px;font-weight:Bold;font-size:25px;color:#fff; line-height:40px;margin:50px 0 30px 0}
.solution .cons {color:#333;}
.solution .cons * { line-height:25px}
.solution .cons img {max-width:100%; height:auto}
.solution .cons hr { background:#c8161e; height:2px;width:30px;margin:5px 0 10px 0;border:0}
.solution .cons td { vertical-align:top;}

.contact * { line-height:23px;color:#333}
.contact .subject{color:#000;font-size:25px; letter-spacing:0;font-weight:Bold;margin:80px 0 20px 0}
.contact .line { background:#c8161e; height:2px;width:50px;}
.contact ul {float:left;margin-top:15px}
.contact ul li { display:block; clear:both;padding-top:15px}
.contact ul i {float:left;width:19px; text-align:center;}
.contact ul .cons {float:left;margin-left:15px;max-width:340px;}
.contact .code {float:right;}
.contact .subject2 {color:#000;font-weight:Bold;font-size:16px;border-top:1px solid #ccc;margin:30px 0 10px 0;padding:20px 0 0 0; letter-spacing:1px}
.contact .left {float:left;width:48.5%;}
.contact .right {float:right;width:48.5%}
.contact .left h1,.contact .right h1{margin-top:20px}
.contact .left h1 p,.contact .right h1 p {font-size:14px;color:#000;padding:0 0 10px 0}
.contact .left input {border:1px solid #ccc;border-radius:5px; line-height:50px; height:50px;padding:0 15px;font-size:14px;width:100%}
.contact .left input:Hover,.contact .right textarea:hover {border:1px solid #c8161e}
.contact .right textarea {border:1px solid #ccc;width:100%; overflow:auto;padding:5px 15px;border-radius:5px; height:255px;font-size:14px}
.contact #cbtn { clear:both;float:right;width:120px; height:50px; line-height:50px;color:#fff;font-size:18px; cursor:pointer;margin-top:30px; background:#c8161e;border-radius:5px}

.about {margin:80px 0}
.about .left {float:left;width:39%;}
.about .right {float:right;width:56%;}
.about .right .mainsubject { text-align:left;margin:0}
.about .right .mainsubject .title { letter-spacing:0;font-size:33px}
.about .right .mainsubject .line {margin-left:0}
.about .right .mainsubject .cons {color:#333;margin-top:30px}
.about .right .more {border-radius:2px;color:#fff;font-size:18px; height:40px; line-height:36px; width:130px; text-align:center; background:#c8161e;margin-top:7%; display:block}

.servicely { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;padding:1px 0 100px 0}
.servicely .mainsubject .title {color:#fff}
.servicely li { display:inline-block; vertical-align:top;width:21%;margin:0 2%; text-align:center}
.servicely li .title {color:#fff;font-size:20px;margin-top:20px;}

.philosophy ul{float:left;width:59%}
.philosophy li {float:left;width:48%;margin:0 4% 4.7% 0; position:relative;}
.philosophy li.no {margin-right:0}
.philosophy li .icon { position:absolute; z-index:1;left:0;top:0;width:30px; height:30px; text-align:center; background:#004386}
.philosophy li .icon img {max-width:80%}
.philosophy li .cons {padding-left:42px;}
.philosophy li .cons .title {color:#000;margin-top:-7px;font-size:16px}
.philosophy li .cons .content {font-size:12px;margin-top:6px; line-height:22px}
.philosophy li .cons .content * { line-height:22px}
.philosophy .pic {float:right;width:39%}
.philosophy li:hover .icon { background:#c8161e}

.kfpj {margin-top:100px;padding:1px 0 100px 0}
.kfpj .mainsubject { text-align:left;}
.kfpj .mainsubject .title {color:#fff}
.kfpj .mainsubject .line {margin-left:0}
.kfpj .left {float:left;width:43%;}
.kfpj .right {float:right;width:48%}
.kfpj .right ul {border-left:1px solid #fff;margin-left:32px}
.kfpj .right li { position:relative;color:#fff;margin-bottom:50px}
.kfpj .right li .icon { position:absolute;left:-32px;top:0; z-index:1;width:65px; height:65px;border-radius:50%;border:2px solid #fff; background:#c8161e; text-align:center;}
.kfpj .right li:Hover .icon { background:#535353}
.kfpj .right li .cons {padding-left:60px; position:relative}
.kfpj .right li .cons .title {font-size:18px;}
.kfpj .right li .cons .content {margin-top:10px}
.kfpj .right li .cons.last {padding-bottom:20px}
.kfpj .right li .cons.last .content { position:absolute; z-index:1;top:25px}

.kfpj .left .icon { background:url(../../images/19.png) no-repeat;width:39px; height:39px;}
.kfpj .left .cons {margin:30px 0 50px 0}
.kfpj .left .pictitle { position:relative;}
.kfpj .left .pictitle p {width:80px;position:absolute;}
.kfpj .left .pictitle p img {border-radius:50%;}
.kfpj .left .pictitle .list {padding:13px 0 0 100px; min-height:80px;}
.kfpj .left .pictitle .list h1 {font-size:18px; background:url(../../images/20.png) no-repeat center right;}
.kfpj .left .pictitle .list h2 {font-size:14px;margin-top:5px}

.honor .image-box { position:relative}
.honor .image-box p { position:absolute;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.honor .image-box .title { position:absolute; z-index:1;bottom:-30px;left:0;width:100%; height:20px;color:#333}
.honor .inner-box {padding-bottom:30px}

.news {margin-top:30px}
.news .left {float:left;width:69.5%;}
.news .left .pic { position:relative; overflow:hidden;}
.news .left .pic p { position:absolute; z-index:1;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news .left li {margin-top:50px;}
.news .left .cons { position:relative;border:1px solid #dcdcdc;padding:20px 20px 25px 20px}
.news .left .cons .title { height:28px; line-height:28px; overflow:hidden;margin:15px 0 25px 0}
.news .left .cons .title a {color:#000;font-size:25px}
.news .left .cons .title a:Hover {color:#c8161e}
.news .left .cons .addtime { position:absolute; z-index:10;top:-40px;right:-1px; background:#004386; height:60px;width:70px; text-align:center;color:#fff;}
.news .left .cons .addtime h1{ height:40px; line-height:40px;font-weight:Bold;font-size:30px;}
.news .left .cons .addtime h2 { background:#c8161e; height:20px; line-height:20px;font-size:12px}
.news .left .cons .come {font-size:12px}
.news .left .cons .come img {margin-right:8px; vertical-align:top;margin-top:6px}
.news .left .cons .come a {color:#666}
.news .left .cons .come .f2 {margin:0 30px}
.news .left .cons .content {margin:20px 0 20px 0}
.news .left .cons .more {margin:30px 0 5px 0}
.news .left .cons .more a { display:block;width:130px; height:40px; line-height:36px;color:#FFF; background:#c8161e;border-radius:2px;font-size:16px; text-align:center}

.news .right {float:right;width:25.5%;margin-top:50px}
.news .right .search {border:1px solid #dcdcdc;border-radius:5px;width:100%; height:50px; line-height:50px;}
.news .right .search #k { line-height:48px; line-height:48px; vertical-align:top;padding:0 5%;border-radius:5px;width:85%}
.news .right .search #button { background:url(../../images/25.png) no-repeat center;width:30px; height:50px; vertical-align:top;float:right;margin-right:5px}
.rightsubject {color:#000;font-size:18px;margin:50px 0 0 0}
.rightsubject hr { background:#c8161e; height:2px;width:55px;border:0;margin:12px 0 20px 0}
.news .right .newscate li { position:relative;border-bottom:1px solid #eee; background:url(../../images/26.png) no-repeat center left; height:55px; line-height:55px}
.news .right .newscate li a {color:#000;padding:0 0 0 20px; display:block}
.news .right .newscate li p { position:absolute; z-index:1;right:0;top:15px; display:block}
.news .right .newscate li a:Hover,.news .right .newscate li.check a {color:#c8161e;}
.news .right .newsmore li { position:relative;margin-top:35px;}
.news .right .newsmore .pic { position:relative; overflow:hidden;width:80px; height:80px; position:absolute; z-index:2;border-radius:5px;}
.news .right .newsmore .pic p {position:absolute; z-index:2;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;border-radius:5px;}
.news .right .newsmore .cons {padding:12px 0 0 100px;  height:80px;}
.news .right .newsmore .cons .title { height:20px; line-height:20px; overflow:hidden;}
.news .right .newsmore .cons .title a {color:#333;}
.news .right .newsmore .cons .title a:Hover {color:#c8161e;}
.news .right .newsmore .cons .addtime {color:#c8161e;margin-top:10px;}
.news .right .newstag {margin-top:30px}
.news .right .newstag li { display:inline-block;border:1px solid #dcdcdc; height:35px; line-height:35px;margin:0 3% 3% 0;}
.news .right .newstag li a {color:#333; display:block;padding:0 15px;}
.news .right .newstag li a:hover,.news .right .newstag li.check a{ background:#c8161e;color:#fff;}
.news .right .newstag li:hover {border-color:#c8161e;}

.newsshow .left .cons .content img {max-width:100%; height:auto}
.newsshow .left .prevnext {margin-top:50px;padding:0 0 0px 0; position:relative}
.newsshow .left .prevnext span {color:#000;font-weight:Bold;}
.newsshow .left .prevnext i{padding:0 8px; font-style:normal;font-size:12px}
.newsshow .left .prevnext p { position:absolute; z-index:1;right:0;top:0;}
.newsshow .left .prevnext p a {color:#666;margin-left:20px;}
.newsshow .left .prevnext p a.check,.newsshow .left .prevnext p a:hover {color:#c8161e;}
.newsshow .relax  { background:#eeeeee;border:1px solid #dcdcdc;margin-top:30px;padding:20px}
.newsshow .relax .subject {font-size:16px;font-weight:bold;color:#333;margin-bottom:10px;}
.newsshow .relax li {float:left;width:47.5%;margin:5px 5% 5px 0; height:20px; line-height:20px; overflow:hidden}
.newsshow .relax li.no {margin-right:0}
.newsshow .relax li a {color:#333;}
.newsshow .relax li a:hover {color:#c8161e;}

.caseshow .prevnext {border-bottom:1px solid #b5b5b5;margin:60px 0 -20px 0; text-align:right;padding:0 0 5px 0}
.caseshow .prevnext a {margin-left:20px;color:#666;}
.caseshow .prevnext a:hover {color:#c8161e;}
.indsolution .mcons .more {margin-top:50px}

.news .left .cons .more a,.about .more{ color:#fff;border:2px solid #c8161e; background:#c8161e}
.news .left .cons .more a:hover,.about .more:hover {color:#c8161e; background:#fff;font-weight:Bold;}

.main-header .info-box-tel {margin-right:13px}
.main-header .info-box-local{margin-right:30px}





.foot { background:#004386;color:#fff;padding:70px 0;margin-top:100px}
.foot a {color:#fff;}
.footmessage {position:relative; overflow:hidden; height:50px}
.footmessage span {font-size:18px; display:inline-block; vertical-align:top;margin-top:12px}
.footmessage #mbtn {width:200px; height:50px; line-height:50px; cursor:pointer;color:#fff;font-size:18px;border-radius:5px; position:absolute; z-index:2;right:0;top:0; background:#c8161e}
.footmessage p { position:absolute; z-index:1;left:0; height:50px; line-height:50px;top:0;width:100%;padding:0 180px 0 298px;}
.footmessage p #mname {height:100%; border-radius:5px;padding:0 2%;width:96%;color:#333;font-size:18px;}

.footmenu {border-top:1px solid #fff;margin:45px 0 0 0;}
.footmenu dl {float:left;margin-right:2%;width:23.5%}
.footmenu dl.f4 {margin-right:0}
.footmenu dt {font-size:18px; font-weight:normal;margin:50px 0 30px 0}
.footmenu dd { position:relative; overflow:hidden}
.footmenu hr {width:40px; background:#c8161e; height:3px;border:0;margin-top:15px}
.footmenu dl.f1 dd {margin-bottom:20px}
.footmenu dl.f1 i { display:block;width:14px; text-align:center;float:left;}
.footmenu dl.f1 .cons {float:right;width:91%; line-height:22px}
.footmenu dl.f1 .cons .content1 {font-size:12px;margin-top:5px}
.footmenu .bdsharebuttonbox a {width:36px; height:36px;}
.footmenu .bdsharebuttonbox a.bds_sqq { background:url(../../images/9.png) no-repeat center;}
.footmenu .bdsharebuttonbox a.bds_weixin { background:url(../../images/10.png) no-repeat center;}
.footmenu .bdsharebuttonbox a.bds_tsina { background:url(../../images/11.png) no-repeat center;}
.footmenu .bdsharebuttonbox a.bds_qzone { background:url(../../images/12.png) no-repeat center;}
.footmenu .bdsharebuttonbox a.bds_bdhome { background:url(../../images/13.png) no-repeat center;}
.footmenu dl.f2 dt {margin-bottom:25px}
.footmenu dl.f2 dd {height:25px; line-height:25px; overflow:hidden;margin:0 0 10px 0}
.footmenu dl.f2 dd i { display:inline-block;width:15px; height:15px; vertical-align:middle;margin-right:10px; background:url(../../images/8.png) no-repeat}
.footmenu dl.f2 dd a:hover {color:#c8161e}
.footmenu dl.f2 dd a:hover i { background-position:bottom}
.footmenu dl.f4 dd {float:left;width:32%;margin:0 2% 2% 0}
.footmenu dl.f4 dd.no {margin-right:0}
.footmenu dl.f4 dd p { position:absolute; z-index:1;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footmenu dl.f4 dd .cons { position:absolute; z-index:2;width:100%;padding:0 2%; height:100%; background:rgba(0,0,0,0.6); text-align:center;font-size:12px; line-height:16px;opacity:0}
.footmenu dl.f4 dd:hover .cons {opacity:1}

.footer1 { background:#c8161e;color:#fff;padding:18px 0; text-align:center}
.footer1 a {color:#fff;}