html {font-family: "Microsoft YaHei","微软雅黑","宋体";-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;font-size:16px;min-width:320px;color:#333;background-color:#fff;position:relative}
body {margin: 0; overflow-x: hidden;}
*,::before,:after{-moz-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=date],input[type=file],input[type=submit]{cursor:pointer;-webkit-appearance:none}
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-family:"Microsoft YaHei","微软雅黑","宋体";outline:0;-webkit-font-smoothing:subpixel-antialiased}
li,ol,ul{list-style:none}
a{text-decoration:none}
a,area{outline:none;blr:expression(this.onFocus="this.blur"());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
img {vertical-align: middle;border: none; width: 100%; }
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.w120c{ display:none;}
.fr{float: right;}
.fl{float: left;}
em,h1,h2,h3,h4,h5,h6,i,u{font-style:normal;font-weight:400}
.transition{transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;-moz-transition:1s}
.transition_short{transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}
.transition_ease{transition:ease .6s;-ms-transition:ease .6s;-o-transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s}
ul[class*=item]{font-size:0}
li[class*=list]{display:inline-block}
.container{width:90%; max-width: 1728px; margin: 0 auto;}
/* 新增 */
.header .top_t ul{ display:none; width:100px; height:auto; padding-top:40px; background:#fff; text-align:center; position:absolute; right:0; top:0; margin-right:-10px; background:#fff; z-index:99999; box-shadow:0 10px 30px rgba(0,0,0,.1)}
.header .top_t li{ padding-left:10px; border-top:1px solid #eee}
.header .top_t li a{ color:#333}
.header .top_t li a:hover{ color:#00874d}
/* 新增 */
/* 浮窗 */
.float-cate{ display:none; width:176px; background:#fff; border:3px solid #9cf1cc; position:fixed; top:60%; left:0%; z-index:99}
.float-cate h3{ width:170px; height:100px; padding-top:20px; text-indent:20px; line-height:1; background:url(../images/float-cate.jpg) no-repeat center top; color:#fff; font-size:28px}
.float-cate h3 i{ display:inline-block; width:100%; font-size:18px}
.float-cate ul{ padding:0 20px}
.float-cate li{ padding:8px 0; border-bottom:1px solid #eee; font-size:14px}
.float-cate li a{ color:#333}
.float-cate li a:hover{ color:#00874d}
.float-cate .more{ margin:10px 0}
.float-cate .more a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; background:#00874d; color:#fff}
.float-cate .close{ display:inline-block; width:20px; height:20px; background:url(../images/icon-close.png) no-repeat center top; position:absolute; right:10px; bottom:15px}
/* 浮窗 */
/* 底部 */
footer .con{ width:1000px; margin:0 auto; font-size:14px}
/** **/
.foot-top{ height:auto; background:#55a180; color:#fff}
.foot-top .con>*{ vertical-align:top}
.foot-top ul{ display:inline-block; padding:15px 0; line-height:30px; overflow:hidden}
.foot-top li{ float:left}
.foot-top li a{ margin-right:30px; color:#fff; position:relative}
.foot-top li a:hover{ text-decoration:underline}
.foot-top li a:after{ content:''; width:1px; height:12px; background:#368d67; position:absolute; right:-15px; top:0; bottom:0; margin:auto}
.foot-top li:last-child{ margin:0}
.foot-top li:last-child a:after{ width:0}
.foot-top .back-top{ display:inline-block; width:200px; height:60px; line-height:60px; text-align:center; background:#218157; color:#fff; float:right}
/** **/
.foot-mid{ background:#444; color:#bbb; position:relative}
.foot-mid h4,.foot-mid h5{ color:#f5f5f5}
.foot-mid .con{ padding-right:230px; overflow:hidden; position:relative}
.foot-mid a{ color:#bbb}
/**/
.foot-mid .quick{ width:770px; padding:0 0 8px; margin:30px 0 20px; border:1px solid #555}
.foot-mid .quick a:hover{ color:#fff}
.foot-mid .quick h4{ line-height:50px; padding-left:25px; font-size:18px; border-bottom:1px solid #555}
.foot-mid .quick-row{ padding:8px 25px 2px}
.foot-mid .quick-row>*{ display:inline-block; line-height:30px; vertical-align:top}
.foot-mid .quick-row h5{ padding-right:15px; font-weight:bolder; font-size:16px}
.foot-mid .quick-row ul{ max-width:580px; overflow:hidden}
.foot-mid .quick-row li{ float:left}
.foot-mid .quick-row li a{ margin-right:15px}
.foot-mid .quick-row .more{ float:right}
/**/
.foot-mid .info{ width:440px; padding-bottom:30px; position:relative; float:left}
.foot-mid .info h4{ padding-bottom:10px; font-size:18px}
.foot-mid .info p{ padding:3px 0; color:#bbb}
.foot-mid .info a:hover{ color:#fff}
.foot-mid .info-link a{ margin-right:15px}
.foot-mid .info:after{ content:''; width:1px; height:70%; position:absolute; top:15%; right:-40px; background:#555}
/**/
.foot-mid .contact{ width:250px; vertical-align:top; float:right}
.foot-mid .contact em{ font-size:22px; font-weight:bolder}
.foot-mid .contact i{ display:inline-block; width:100%; padding-top:5px; font-size:12px}
.foot-mid .contact-tel{ height:40px; padding-left:60px; line-height:1; background:url(../images/foot-tel.png) no-repeat left center}
.foot-mid .contact-online{ height:40px; margin-top:10px; padding-top:4px; padding-left:60px; line-height:1; background:url(../images/foot-online.png) no-repeat left center}
.foot-mid .contact-online em{ font-size:18px}
.foot-mid .contact-hot{ line-height:1.6; padding-top:15px}
.foot-mid .contact-search{ height:32px; margin-top:14px; padding:0 10px; border:1px solid #555; border-radius:99px}
.foot-mid .contact-search input{ height:100%; background:none; border:0; color:#bbb}
.foot-mid .contact-search input[type='text']{ width:190px}
.foot-mid .contact-search input[type='button']{ width:30px; background:url(../images/icon-search.png) no-repeat center center; float:right}
/**/
.foot-mid .other{ width:200px; height:100%; text-align:center; background:#3c3c3c; position:absolute; top:0; right:0}
.foot-mid .other span{ display:inline-block; width:100%; font-size:16px; color:#fff}
.foot-mid .other-code{ padding-top:30px}
.foot-mid .other-code span{ padding-top:10px}
.foot-mid .other-code img{ width:160px}
.foot-mid .other-follow{ padding-top:30px}
.foot-mid .other-follow img{ width:40px}
.foot-mid .other-follow .pic{ width:160px; margin-top:10px; padding:20px 0; border:1px solid #555; position:relative}
.foot-mid .other-follow .pic:before{ content:''; width:50px; height:1px; background:#3c3c3c; position:absolute; left:0; right:0; top:-1px; margin:auto}
/** **/
.foot-bot{ padding:10px 0; line-height:36px; background:#333; color:#777; position:relative}
.foot-bot .con{ overflow:hidden}
.foot-bot img{ width:auto; height:36px; vertical-align:top; float:left}
.foot-bot span{ float:right}
.foot-bot a{ color:#555}
.header .container{ position:relative}
.keyword{ width:auto; height:30px; line-height:30px; position:absolute; right:0; top:50px; font-size:13px}
.keyword>*{ float:left}
.keyword span{ color:#888; padding-right:15px}
.keyword a{ margin-right:15px; color:#555}
.keyword a:hover{ color:#00874d}
.keyword p{ display:inline-block; padding:0 10px; border:1px solid #c5c5c5; border-radius:999px}
.keyword input{ height:30px; line-height:28px !important; border:0; background:none; float:left}
.keyword input[type='text']{ height:29px}
@media screen and (max-width: 1200px) {
.keyword{ display:none; overflow:hidden}
}
@media screen and (max-width: 1024px) {
footer .con{ width:100%}
/** **/
.foot-top ul{ width:100%; text-align:center; font-size:0}
.foot-top li{ display:inline-block; float:none; font-size:14px}
.foot-top .back-top{ display:none; overflow:hidden}
/** **/
.foot-mid .con{ padding:0}
/**/
.foot-mid .quick{ width:97%; margin:30px auto 20px}
/**/
.foot-mid .info{ width:97%; margin:0 auto; float:none}
/**/
.foot-mid .contact{ width:97%; margin:0 auto 20px; float:none}
.foot-mid .contact-search input[type='text']{ width:88%}
/**/
.foot-mid .other{ display:none; overflow:hidden}
/** **/
.foot-bot{ padding:10px}
.foot-bot .con{ overflow:hidden}
.foot-bot img{ width:auto; height:36px; vertical-align:top; float:left}
.foot-bot span{ float:right}
.foot-bot a{ color:#555}
}
@media screen and (max-width: 768px) {
.float-cate{ display:none; overflow:hidden}
footer .con{ display:none; overflow:hidden}
.foot-bot{ padding:0}
}
@media screen and (max-width: 768px) {
.container{ width:96%; }
}
.header{position:fixed;width:100%;z-index:999;top:0;max-height:132px;line-height:84px}
.header .container{width:90%}
.header .top_t{ height:42px; line-height:42px;color:#666666;font-size: 14px; background: #efefef; position:relative}
.header .top_t p{ float:right;background:url(../images/tel.jpg) no-repeat 0 8px;font-size: 14px;color: #666; padding-left: 35px;}
.header .top_t p a{ padding: 5px 8px; color: #666;}
.header .top_t p a.cn{ background: #00874d; color: #fff; }
.header .top_t p a:nth-child(2){ margin-right: 20px; }
.header .top_t p span{ position: relative; margin-left: 10px; padding-left: 25px; }
.header .top_t p span.wx{ margin-left: 30px; background: url(../images/weixin-t.png) no-repeat left 3px; z-index:999999 }
.header .top_t p span.zz{ background: url(../images/zhiz-t.png) no-repeat left 3px; z-index:999999; cursor:pointer}
.logo{font-size:0}
.share-wx {
position: absolute;
z-index: 9999;
display: inline-table;
left: 40px;
top: 30px;
bottom: 60px;
transform: translate3d(-50%, 25px, 0) scale(.85);
opacity: 0;
visibility: hidden;
transition: .4s .05s;
background: #fff;
}
.header .top_t p span:hover .share-wx {
transform: translate3d(-50%, 0, 0) scale(1);
opacity: 1;
visibility: visible;
}
.logo>div{display:inline-block;vertical-align:middle;color:#cfb565;line-height:0;font-size:26px;margin-right:18px}
.logo>div p:first-child{margin-bottom:6px}
.logo>div p:first-child+p{line-height:11px}
.menu ul li{float:left;line-height:60px;font-size:18px;margin-left:60px; position:relative;padding-right:0; z-index:9999}
.menu ul li:first-child{margin-left:0}
.menu ul li.submenu:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-bottom:1px solid #fff;border-right:1px solid #fff;display:inline-block;vertical-align:middle;transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);-o-transform:rotate(45deg) translateY(-50%);-webkit-transform:rotate(45deg) translateY(-50%);-moz-transform:rotate(45deg) translateY(-50%)}
.menu ul li:before{content:"";position:absolute;left:0;bottom:5px;width:0%;height:4px;
background: -moz-linear-gradient(left, #03f035, #01c872);
background: -moz-linear-gradient(to right, #03f035, #01c872);
background: -ms-linear-gradient(left, #03f035, #01c872);
background: -o-linear-gradient(left, #03f035, #01c872);
background: -webkit-linear-gradient(left, #03f035, #01c872);
transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.menu ul li>a{ color:#111;display:inline-block;vertical-align:middle;overflow:hidden;position:relative;width:100%;height:20px;line-height:18px}
.menu ul li>a:after{content:attr(data-hover);position:absolute;width:100%;height:100%;top:100%;left:0;transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.menu ul li>a span{display:block;left:0;top:0;width:100%;height:100%;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.menu ul li.cur:before{width:100%}
.menu ul li.cur>a{ color: #00874d; font-weight: bold;}
.menu ul li:hover:before{width:100%}
.menu ul li:hover a{ color: #00874d; font-weight: bold;}
.menu ul li:hover dl dd a{ color: #333; font-weight: normal;}
.menu dl{position:absolute;text-align:center;width:145px;background:#fff;left:50%;margin-left:-72.5px;-webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.menu dl dd{height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
.menu dl dd:last-child{border-bottom:0}
.menu dl dd a{ font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
.menu dl dd:hover{background:#00874d}
.menu dl dd:hover a{color:#fff!important;}
.menu dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px}
.header{background:#fff;}
.banner{ max-height:500px; margin-top: 130px!important; }
.mbpt{ display:none;}
@media (min-width:1201px){.menu dl{visibility:hidden;opacity:0;filter:alpha(opacity=0);transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}
.menu ul li:hover dl{visibility:visible;opacity:1;filter:alpha(opacity=100);transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;-moz-transform:none}
.menu ul li>a:hover:after{top:0}
.menu ul li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}
}.footer{padding-top:5.46875%;padding-bottom:7.29%;background:url(../images/tel.jpg) no-repeat center/cover}
@media (max-width:1680px){
}
@media (max-width:1440px){
.menu ul li{font-size:16px}
.menu dl dd{height:50px;line-height:50px}
}
@media (max-width:1360px){
.menu ul li{margin-left: 45px;}
}
@media (max-width:1200px){
.header .top_t{ display: none;}
.menu ul li:before{bottom: 0;}
.header .container{width:90%}
.is-active {animation:smallbig .6s forwards}
.is-active .line:nth-child(1), .is-active .line:nth-child(2), .is-active .line:nth-child(3) {
-webkit-transition-delay:.2s;
-o-transition-delay:.2s;
transition-delay:.2s
}
.is-active .line:nth-child(2) {
opacity:0;
filter:alpha(opacity=0)
}
.is-active .line:nth-child(1) {
-webkit-transform:translateY(10px) rotate(45deg);
-ms-transform:translateY(10px) rotate(45deg);
-o-transform:translateY(10px) rotate(45deg);
transform:translateY(10px) rotate(45deg)
}
.is-active .line:nth-child(3) {
-webkit-transform:translateY(-12px) rotate(-45deg);
-ms-transform:translateY(-12px) rotate(-45deg);
-o-transform:translateY(-12px) rotate(-45deg);
transform:translateY(-12px) rotate(-45deg)
}
@keyframes smallbig {
0%, 100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
}
.header{max-height:100%;line-height:70px;padding-bottom:0}
.menu{width:100%;float:left;background:#fff;padding-bottom:20px;display:none;z-index:99999}
.menu dl{width:100%;position:inherit;left:auto;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);margin-left:0;background:#fff;display:none;-webkit-box-shadow:none;box-shadow:none}
.menu dl:before{display:none}
.menu dl dd{height:auto;line-height:40px;text-align:left;border-bottom:none;opacity:1;filter:alpha(opacity=100)}
.menu ul li{float:none;margin-left:0;padding-top: ;}
.menu ul li.submenu:after{top:16px;transform:rotate(45deg) translateY(0);-ms-transform:rotate(45deg) translateY(0);-o-transform:rotate(45deg) translateY(0);-webkit-transform:rotate(45deg) translateY(0);-moz-transform:rotate(45deg) translateY(0);width:10px;height:10px;border-bottom:none;border-right:1px solid #edd17c;border-top:1px solid #edd17c}
.menu ul li>a{display:block;height:auto;line-height:52px}
.hamburger {margin-top:20px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.hamburger .line {width:30px;height:3px;background-color:#00874d;display:block;margin:8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.banner{margin-top: 76px!important;}
}
@media (max-width:1000px){
.logo>div{font-size:22px}
}
@media (max-width:768px){
.header{line-height:50px}
.header .fl{ width: 200px;}
.header .fl{ width: 200px;}
.header .container{width:100%;padding:0 5%}
.hamburger {margin-top:16px}
.hamburger .line {height:2px;width:26px;margin:6px auto}
.is-active .line:nth-child(1) {
-webkit-transform:translateY(8px) rotate(45deg);
-ms-transform:translateY(8px) rotate(45deg);
-o-transform:translateY(8px) rotate(45deg);
transform:translateY(8px) rotate(45deg)
}
.is-active .line:nth-child(3) {
-webkit-transform:translateY(-8px) rotate(-45deg);
-ms-transform:translateY(-8px) rotate(-45deg);
-o-transform:translateY(-8px) rotate(-45deg);
transform:translateY(-8px) rotate(-45deg)
}
.banner{margin-top: 56px!important;}
.pcpt{ display:none;}
.mbpt{ display:block;}
}
@media (max-width:480px){
.logo img{width:100%}
.logo>div{font-size:18px;margin-right:5px;}
}
footer {
border-top: 1px solid #eaeaea;
background: #5b5a5a;
padding-bottom: 0;
}
.footer-cntr {
padding-bottom: 30px;
background: #666666;
}
.footer-cntr-top {
display: none;
}
.footer-nav {
padding-top: 42px;
}
.footer-nav > ul {
font-size: 0;
}
.footer-nav > ul > li {
display: inline-block;
margin-right: 3%;
vertical-align: top;
}
.footer-nav > ul > li:last-child {float: right;margin-right: 0;width: auto; margin-top: ;}
.footer-nav > ul > li:last-child dl { font-size: 15px; }
.footer-nav > ul > li:last-child dl p img{ margin-bottom: 6px;}
.footer-nav > ul > li:last-child dl p{
float: left;padding: 0 30px 0 0;text-align: center;color: #fff;
}
.footer-nav dt span {
display: inline-block;
padding-bottom: 10px;
margin-bottom: 15px;
font-size: 17px;
color: #fff;
}
.footer-nav dd {
color: #fff;
margin-bottom: 14px;
font-size: 15px;
}
.footer-nav > ul > li dd:last-child {
margin-bottom: 0;
}
.footer-nav dd a {
color: #fff;
-o-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s;
}
.footer-nav dd a:hover {
color: #ddd;
}
.copyright-cntr {
padding-top: 20px;
padding-bottom: 5px;
}
.copyright-l {
display: inline-block;
float: left;
width: calc(100% - 210px);
text-align: left;
vertical-align: top;
}
.copyright-l p {
margin-bottom: 13px;
line-height: 13px;
font-size: 13px;
color: #fff;
}
.copyright-l p a,.copyright-l p.txt{
color: #fff;
-o-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s;
}
.copyright-l p a:hover {
color: #eee;
}
.copyright-l p:last-child{
margin-bottom: 0;
}
.friends {
font-size: 0;
}
a.friend-one {
display: inline-block;
margin-right: 10px;
margin-bottom: 13px;
line-height: 13px;
font-size: 13px;
color: #c3b8b8;
vertical-align: top;
}
.copyright-r {
display: inline-block;
float: right;
position: relative;
vertical-align: top;
text-align: right;
}
.copyright-r p {
float: left;
display: table;
margin-right: 10px;
color: #fff;
margin-bottom: 6px;
line-height: 30px;
font-size: 16px;
}
.copyright-r a {
font-size: 14px;
color: #eee;
}
.share-list {
display: table;
}
.share-list > ul {
font-size: 0;
}
.share-list > ul > li {
position: relative;
display: inline-block;
margin-left: 20px;
vertical-align: top;
border-radius: 50%;
background: #7d7c7c;
padding: 5px;
}
.share-list > ul > li:first-child {
margin-left: 0;
}
.share-list > ul > li a{padding: 0;background: 0;margin: 0;width: 21px; height: 21px; line-height: 0;}
.share-qrcode {
position: absolute;
left: 50%;
transform: translate3d(-50%, 25px, 0) scale(.85);
bottom: 60px;
opacity: 0;
visibility: hidden;
transition: .4s .05s;
}
.share-list > ul > li:hover .share-qrcode {
transform: translate3d(-50%, 0, 0) scale(1);
opacity: 1;
visibility: visible;
}
@media (max-width: 1241px) {
.footer-cntr {
text-align: center;
}
.footer-nav {
display: inline-block;
}
.footer-nav > ul > li {
display: inline-block;
float: left;
margin-right: 30px;
text-align: left;
}
}
@media (max-width: 1150px) {
.footer-nav > ul > li {
margin-right: 15px;
}
}
@media (max-width: 1000px) {
.footer-nav > ul > li {
margin-right: 14px;
}
}
@media (max-width: 880px) {
.footer-nav > ul > li {
margin-right: 5px;
}
}
@media (min-width: 62em) and (max-width: 1241px) {
}
@media (max-width: 62em) {
.footer-nav > ul > li {}
.footer-nav > ul > li:last-child {}
.copyright-r p,
.copyright-r h3 {
display: none;
}
.footer-nav dt {
position: relative;
text-align: left;
}
.fnav-btn img {
width: 12px;
}
footer {
padding-bottom: 0;
border-top: 0;
}
.copyright-cntr {
padding-bottom: 30px;
}
.footer-nav {
display: block;
padding-top: 22px;
width: calc();
}
.footer-nav {
padding-right: 0;
padding-left: 0;
}
.footer-cntr-top .footer-nav {
padding-bottom: 22px;
}
.footer-nav > ul > li {
display: block;
margin-right: 0;
padding-right: 10px;
text-align: center;
width: 20%;
}
.footer-nav > ul > li:last-child { width: 100%; margin-top: 25px;}
.footer-nav > ul > li:last-child dt {text-indent: 1.5rem;}
.footer-nav > ul > li:last-child dl .footer-sub-menu{display: block;}
.footer-nav > ul > li:last-child dl p{ text-indent: 0; padding-left: 1.5rem;}
.footer-nav dt span {
display: block;
padding-bottom: 4px;
border-bottom: 0;
margin-bottom: 10px;
}
.footer-nav dl {
margin-bottom: 13px;
}
.footer-nav .f-pros dl {}
.footer-sub-menu {
display: none;
}
.footer-nav dd {
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 15px;
text-indent: 1.5em;text-align: left;
}
.footer-nav > ul > li.f-pros dd:nth-last-child(2),
.footer-nav > ul > li dd:last-child {}
.footer-nav dd a {
display: block;
color: #666;
}
.footer-nav .f-pros dd {
display: inline-block;
padding-bottom: 5px;
height: 52px;
width: 50%;
text-indent: 0;
vertical-align: top;
}
.footer-nav .f-pros dd i {
display: inline-block;
width: 50%;
text-align: center;
}
.footer-nav .f-pros dd i img {
transform: scale(.7);
}
.footer-cntr {
padding-bottom: 62px;
}
.footer-cntr-top {
padding-bottom: 0;
}
.copyright-cntr {
position: relative;
padding-top: 30px;
padding-bottom: 15px;
}
.copyright-l,
.copyright-r {
float: none;
display: block;
text-align: center;
}
.copyright-l {
width: 100%;
}
.copyright-r {
position: absolute;
top: -49px;
left: 50%;
transform: translateX(-50%);
}
.share-list {
position: relative;
left: auto;
top: auto;
}
.share-list > ul > li {
margin-right: 10px;
margin-left: 10px;
}
.copyright-l p {
margin-bottom: 8px;
line-height: normal;
}
}
@media (max-width: 480px) {
.copyright-l p:first-child{display: none;}
.footer-nav > ul > li{display: none;}
.footer-nav > ul > li:last-child{ display: block; padding-right: 0; }
.footer-nav > ul > li:last-child dt{text-indent: 0;}
.footer-nav > ul > li:last-child dd{text-indent: 0;}
.footer-nav > ul > li:last-child dd p{padding: 0 10px 0 0;}
}
.ft_p {
display: none;
background: #00874d;
width: 100%;
height: 60px;
position: fixed;
bottom: 0;
z-index: 8;
border-top: 1px solid #e5e5e5;
box-sizing: border-box;
margin:0 auto;
}
.ft_p p:nth-child(1) {
background: #01c872;
}
.ft_p p {
float: left;
width: 25%;
height: 60px;
text-align: center;
border-right: 1px solid #666;
box-sizing: border-box;
}
.ft_p p img {
display: block;
width: 25px;
margin: 0 auto;
padding-top: 8px;
}
.ft_p p a span {
font-size: 16px;
color: #fff;
line-height: 25px;
display: block;
}
@media screen and (max-width:768px) {
.ft_p {display: block;}
footer{margin-bottom: 60px;}
}