@CHARSET "utf-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; font-size: 625%; }

/*Format Style*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.28rem "\5FAE\8F6F\96C5\9ED1", Verdana, Georgia, Arial, Tahoma, Helvetica, Philosopher, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", simsun, "\5b8b\4f53", sans-serif; outline: none; }
a , a:after , a:before { color: #333; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
a:focus, a:hover { color: #D91B05; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li , p { margin: 0; padding: 0; }
img { max-width: 100%; }

.padding-none { padding: 0 !important; }
.border-none { border: none !important; }
.display-none { display: none !important; }
.left-0 { left: 0 !important; }
.spin-90 { 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }
.transition { 
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.container-fluid , .container { padding: 0 0.08rem; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; min-height: 0.01rem; padding-right: 0.08rem; padding-left: 0.08rem; 
} 

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; }
    
    /*=== Top ===*/
    .top { padding: 0; }
    
    /*Lang*/
    .top-box .lang-pc { position: fixed; width: 100%; z-index: 999; }
    
    /*Menu*/
    .top .logo { float: none; padding: 0.48rem 0.16rem 0.08rem 0.16rem; }
    .top .menu-box { float: none; background: #37383A; line-height: 0.4rem; }
    .top .menu-box li { margin-left: 0; width: 33.3333333%; text-align: center; font-size: 0.14rem; }
    .top .menu-box li a { border-bottom: 0.01rem solid #202122; color: #FFF; }
    .top .menu-box li + li a { border-left: 0.01rem solid #202122; }
    .top .menu-box li a:hover,
    .top .menu-box li.on a { background: #D91B03; border-bottom: 0.01rem solid #202122; color: #FFF; }
    
    /*=== Index ===*/
    .index-box .title { margin: 0.16rem auto; }
    .index-box .title span:before,
    .index-box .title span:after { width: 0.48rem; }
    .index-box .title span:before { left: -0.48rem; }
    .index-box .title span:after { right: -0.48rem; }

    .index-box .left { padding-left: 0.16rem; padding-right: 0.16rem; }
    .index-box .right { margin-top: 0.16rem; padding-right: 0.16rem; padding-left: 0.16rem; }
    
    /*Product*/
    .index-product .product-list .list-box { margin: auto -0.08rem; }
    .index-product .product-list .list-box .list { padding: 0.16rem 0.08rem; }
    .index-product .product-list .list-box .list .box a { display: block; padding: 0.08rem; background: #E9E9E9; color: #666; }
    .index-product .product-list .list-box .list .box a .pic { height: auto; overflow: auto; }
    .index-product .product-list .list-box .list .box a .pic img { min-height: auto; }
    .index-product .product-list .list-box .list .box a .subject { margin-top: 0.08rem; height: 0.28rem; font-size: 0.14rem; overflow: hidden; }
    
    /*About*/
    .index-about .content .info { height: auto; line-height: 0.26rem; font-size: 0.14rem; color: #FFBDB5; overflow: hidden; }
    
    /*News*/
    .index-news .info .subject { font-size: 0.14rem; }
    .index-about .content .pic { height: auto; overflow: auto; }
    .index-about .content .pic img { min-height: auto; }
    .index-news .content .left,
    .index-news .content .right { margin-bottom: 0.16rem; height: auto; overflow: auto; }
    .index-news .content .left .info-box .pic { height: auto; overflow: auto; }
    .index-news .content .left .info-box .pic img { min-height: auto; }
    .index-news .content .right .list-box .list { position: relative; padding: 0.08rem 0.16rem 0.08rem 0.16rem; height: 1.08rem; background: #FFF; overflow: hidden; }
    
    /*=== Page ===*/
    .page { padding: 0 0 0.16rem 0; }
    .info-link { font-size: 0.14rem; }
    .page .right-box { padding-left: 0.08rem; padding-right: 0.08rem; }
    
    /*Photo*/
    .photo-box .right-box .info .title { margin-bottom: 0.16rem; line-height: 0.32rem; text-align: center; font-size: 0.18rem; }
    .photo-box .right-box .info img { border: 0.08rem solid #EFEFEF; box-shadow: 0 0 0.01rem #AAA; }
    .photo-box .right-box .info .con { margin: auto -0.08rem; }
    .photo-box .right-box .info .list { padding: 0.08rem; text-align: center; }
    .photo-box .right-box .info .list a img { border: 0.04rem solid #EFEFEF; box-shadow: 0 0 0.01rem #AAA; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
    
    /*Product*/
    .pro-box > .left-box .link a { padding: 0.08rem 0; line-height: 0.24rem; font-size: 0.12rem; }
    
    /*== Footer ==*/
    .footer { margin-bottom: 0.64rem; height: auto; background: #1F2022; font-size: 0.12rem; color: #888; overflow: hidden; }
    .footer li { float: none; text-align: center; }
    .footer .center { padding: 0.32rem 0 0 0; }
    .footer .gongshang { padding: 0.16rem 0; line-height: normal; text-align: center; }
    
    /*=== GuestBook ===*/
    .guest > .tip { margin: 8px auto; line-height: 0.24rem; color: #666; }
    .guest > .form .list > div { line-height: 0.32rem; }
    .guest > .form .list input[type="text"] { padding: 0 0.08rem; width: 100%; background: #F7F7F7; border: 0.01rem solid #ccc; line-height: 0.32rem; }
    .guest > .form .list { margin-bottom: 0.08rem; }
    .guest > .form .list .button { margin-top: 0.16rem; text-align: center; }
    
    /*=== Paging ===*/
    .paging-box { padding: 0 0.16rem; text-align: center; font-size: 0.14rem; }
    .paging { display: inline-block; margin-top: 0.16rem; margin-bottom: 0.08rem; }
    .paging-first { display: none !important; padding: 0.04rem; }
    .paging-last { display: none !important; padding: 0.04rem; }
    .paging span , .paging a { display: block; float: left; padding: 0.02rem 0.12rem; background: #F6F6F6; border: 0.01rem solid #CFCFCF; border-left: none; }
    
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; }
    
    /*=== Top ===*/
    .top { padding: 0 0.08rem; }
    
    /*Lang*/
    .top-box .lang-pc { position: relative; }
    
    /*Menu*/
    .top .logo { float: left; padding: 0.08rem 0; }
    .top .menu-box { float: right; background: none; line-height: 1.12rem; }
    .top .menu-box li { margin-left: 0.08rem; width: auto; font-size: 0.16rem; }
    .top .menu-box li a { border-bottom: 0.03rem solid transparent; color: #333; }
    .top .menu-box li + li a { border-left: none; }
    .top .menu-box li a:hover,
    .top .menu-box li.on a { background: none; border-bottom: 0.03rem solid #D91B05; color: #D91B03; }
    
    /*=== Index ===*/
    .index-box .title { margin: 0.32rem auto; }
    .index-box .title span:before,
    .index-box .title span:after { width: 0.96rem; }
    .index-box .title span:before { left: -0.96rem; }
    .index-box .title span:after { right: -0.96rem; }

    .index-box .left { padding-left: 0; padding-right: 0.16rem; }
    .footer .right { padding-left: 0; padding-right: 0; }
    .index-box .right { margin-top: 0; padding-right: 0; padding-left: 0.16rem; }
    
    /*Product*/
    .index-product .product-list .list-box { margin: auto -0.16rem; }
    .index-product .product-list .list-box .list { padding: 0.16rem; }
    .index-product .product-list .list-box .list .box a { padding: 0.16rem; }
    .index-product .product-list .list-box .list .box a .pic { height: 1.84rem; overflow: hidden; }
    .index-product .product-list .list-box .list .box a .pic img { min-height: 1.84rem; }
    .index-product .product-list .list-box .list .box a .subject { margin-top: 0.16rem; font-size: 0.16rem; }
    
    /*About*/
    .index-about .content .info { height: 2.24rem; }
    .index-about .content .pic { height: 2.24rem; overflow: hidden; }
    .index-about .content .pic img { min-height: 2.24rem; }
    
    /*News*/
    .index-news .content .left,
    .index-news .content .right { margin-bottom: 0.16rem; height: 3.56rem; overflow: hidden; }
    
    .index-news .info .subject { font-size: 0.16rem; }
    .index-news .content .left .info-box .pic { height: 2.4rem; overflow: hidden; }
    .index-news .content .left .info-box .pic img { min-height: 2.4rem; }
    .index-news .content .right .list-box .list { padding: 0.08rem 0.16rem 0.08rem 1.24rem; }
    
    /*=== Page ===*/
    .page { padding: 0.32rem 0; }
    .info-link { font-size: 0.16rem; }
    .page .right-box { padding-left: 0.16rem; padding-right: 0; }
    
    /*Photo*/
    .photo-box .right-box .info .title { line-height: 0.48rem; }
    .photo-box .right-box .info img { border: 0.04rem solid #EFEFEF; }
    .photo-box .right-box .info .con { margin: auto; }
    .photo-box .right-box .info .list { padding: 0.16rem; }
    .photo-box .right-box .info .list a img { border: 0.04rem solid #EFEFEF; }
    
    /*Product*/
    .pro-box > .left-box .link a { padding: 0; line-height: 0.48rem; font-size: 0.14rem; }
    
    /*== Footer ==*/
    .footer { margin-bottom: auto; height: 1.84rem; font-size: 0.14rem; }
    .footer li { float: left; text-align: left; }
    .footer .center { padding: 0.32rem 0.16rem 0.32rem 0; }
    .footer .gongshang { padding: 0 0 0 0.16rem; line-height: 1.84rem; }
    
    /*=== GuestBook ===*/
    .guest > .tip { margin: 0.32rem auto; }
    .guest > .form .list > div { line-height: 0.4rem; }
    .guest > .form .list input[type="text"] { line-height: 0.4rem; }
    .guest > .form .list { margin-bottom: 0.16rem; }
    .guest > .form .list .button { margin-top: 0.4rem; text-align: right; }
    
    /*=== Paging ===*/
    .paging-box { font-size: 0.16rem; }
    .paging { margin-bottom: 0; }
    .paging-first { display: block !important; }
    .paging-last { display: block !important; }
    .paging span , .paging a { padding: 0.04rem 0.16rem; }
    
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 

@media ( min-width : 1200px) { 
    .col-lg-5ths { width: 20%; float: left; } 
}

/*=== BaiDu Map ===*/
.ueditor_baidumap { width: 100% !important; }

/*=== Carousel Style ===*/
#Banner .owl-controls, #BannerM .owl-controls { width: 100%; position: absolute; bottom: 0.04rem; margin-top: 0; z-index: 997; }
#Banner .owl-controls .owl-page.active span, #Banner .owl-controls.clickable .owl-page:hover span, #BannerM .owl-controls .owl-page.active span, #BannerM .owl-controls.clickable .owl-page:hover span { background: #CA121A; opacity: 1; }

/*=== Bootstrap ===*/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.bootstrap-select > .btn { height: 42px; background: #F7F7F7; border-radius: 0; }
.bootstrap-select.btn-group .dropdown-menu { border-radius: 0; }
.btn-group.open .dropdown-toggle { box-shadow: none; background: #FF4E39; }
.btn-group.open .dropdown-toggle .filter-option { color: #333 !important; }
.bootstrap-select.btn-group .btn .filter-option { color: #666; }

/*=== Top ===*/
/*Lang*/
.top-box .lang-pc { background: #37383A; line-height: 0.4rem; }
.top-box .lang-pc li { margin-left: 0.08rem; font-size: 0.14rem; }
.top-box .lang-pc a { display: block; padding: 0 0.08rem; color: #9B9B9B; }
.top-box .lang-pc a:hover { color: #FFF; }
.top-box .lang-pc li.on a { background: #D91B05; color: #FFF; }

/*Menu*/
.top .menu-box li { float: left; }
.top .menu-box li a { display: block; padding: 0 0.08rem; }

/*=== Index ===*/
.index-box .title { position: relative; font-size: 0.24rem; color: #F50020; }
.index-box .title:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.005rem; width: 100%; height: 0.01rem; background: #929293; z-index: 1; }
.index-box .title span { display: inline-block; position: relative; padding: 0 0.16rem; background: #FFF; z-index: 2; }
.index-box .title span:before,
.index-box .title span:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -0.03rem; height: 0.04rem; background: #555; }

.index-box .more a { display: inline-block; margin-top: 0.16rem; padding: 0.08rem 0.48rem; background: #929293; font-size: 0.14rem; color: #FFF; }
.index-box .more a:hover { background: #D91B05; }

/*Product*/
.index-product .cat { background: #D91B05; color: #FFF; }
.index-product .cat > div { height: 0.88rem; overflow: hidden; }
.index-product .cat a { font-size: 0.14rem; color: #FFF; }
.index-product .cat a:hover { border-bottom: 0.01rem dashed #FFF; }

.index-product .cat .subject { padding-left: 0; padding-right: 0.32rem; height: 100%; line-height: 0.88rem; }
.index-product .cat .subject .text { position: relative; height: 100%; background: #37383A; }
.index-product .cat .subject .text:after { content: ""; display: block; position: absolute; right: -0.08rem; top: 50%; margin-top: -0.08rem; width: 0; height: 0; border-top: 0.08rem solid transparent; border-left: 0.08rem solid #37383A; border-bottom: 0.08rem solid transparent; }
.index-product .cat .list-box { padding: 0.16rem 0; }
.index-product .cat .list-box .list { position: relative; padding-right: 0; padding-left: 0.16rem; }
.index-product .cat .list-box .list:before { content: ""; display: block; position: absolute; left: 0.04rem; top: 50%; margin-top: -0.06rem; width: 0; height: 0; border-top: 0.06rem solid transparent; border-left: 0.06rem solid #FFF; border-bottom: 0.06rem solid transparent; }

.index-product .product-list { padding: 0.16rem 0.08rem 0.32rem 0.08rem; }
.index-product .product-list .list-box .list .box a:hover { background: #D91B05; color: #FFF; }

/*About*/
.index-about { background: url(../images/background_index_about.jpg) no-repeat center #D91C06; background-size: cover; }
.index-about .box { padding: 0.16rem 0 0.32rem 0; }
.index-about .title:after { background: #DA6D61; }
.index-about .title span { background: #D91C06; color: #FFF; }
.index-about .title span:before,
.index-about .title span:after { background: #FFF; }

.index-about .more a { background: #FFBDB5; color: #666; }
.index-about .more a:hover { background: #FFF; color: #D91C06; }

/*News*/
.index-news { background: #E7E7E7; }
.index-news .box { padding: 0.16rem 0.08rem 0.32rem 0.08rem; }
.index-news .title span { background: #E7E7E7; }

.index-news .content .left .info-box { background: #FFF; }
.index-news .content .left .info-box .info { padding: 0.16rem; }
.index-news .content .left .info-box .info .subject span a { font-weight: 700; border-bottom: 0.01rem dashed #FFF; color: #CF2410; }
.index-news .content .left .info-box .info .subject span a:hover { border-bottom: 0.01rem dashed #CF2410; }
.index-news .content .left .info-box .info .subject .date { font-size: 0.14rem; color: #999; }
.index-news .content .left .info-box .info .text { position: relative; font-size: 0.14rem; color: #888; }
.index-news .content .left .info-box .info .text a { position: absolute; right: 0; bottom: 0; border-bottom: 0.01rem dashed #FFF; color: #CF2410; }
.index-news .content .left .info-box .info .text a:hover { border-bottom: 0.01rem dashed #CF2410; }

.index-news .content .right .list-box .list + .list { margin-top: 0.16rem; } 
.index-news .content .right .list-box .list .number { position: absolute; top: 0; left: 0; width: 1.08rem; height: 1.08rem; line-height: 1.08rem; font-size: 0.64rem; color: #D91B05; }
.index-news .content .right .list-box .list .number:after { content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -0.36rem; width: 0.01rem; height: 0.72rem; background: #ACACAC; 
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-news .content .right .list-box .list .info .subject a { font-weight: 700; }
.index-news .content .right .list-box .list .info .subject .date { font-size: 0.14rem; color: #999; } 
.index-news .content .right .list-box .list .info .text { position: relative; font-size: 0.14rem; color: #888; }
.index-news .content .right .list-box .list .info .text a { position: absolute; right: 0; bottom: 0; color: #CF2410; }
.index-news .content .right .list-box .list:hover { background: #D91B05; }
.index-news .content .right .list-box .list:hover .number,
.index-news .content .right .list-box .list:hover a { color: #FFF; }
.index-news .content .right .list-box .list:hover .number:after { background: #FFF; } 
.index-news .content .right .list-box .list:hover .info .subject .date,
.index-news .content .right .list-box .list:hover .info .text,
.index-news .content .right .list-box .list:hover .info .text a { color: #FFBDB5; }

/*=== Page ===*/
.page .left-box { padding-left: 0; padding-right: 0.16rem; }

.page .left-box .menu-box .title { position: relative; padding: 0 0.24rem 0 0.32rem; background: #1F2022; line-height: 0.56rem; font-size: 0.24rem; color: #FFF; }
.page .left-box .menu-box .title:before { content: ""; display: block; position: absolute; top: 50%; left: 0.16rem; margin-top: -0.1rem; width: 0.08rem; height: 0.24rem; background: #D91B05; }
.page .left-box .menu-box .menu { padding-bottom: 0.24rem; background: #D91B05; }
.page .left-box .menu-box .menu .link a { display: block; position: relative; padding: 0 0.24rem 0 0.32rem; background: #D91B05; border-bottom: 0.01rem solid #E14937; line-height: 0.56rem; color: #FFF; }
.page .left-box .menu-box .menu .link a:after { content: ">"; display: block; position: absolute; top: 50%; right: 0.24rem; margin-top: -0.28rem; font-family: "simsun"; font-size: 0.24rem; color: #FFF; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.page .left-box .menu-box .menu .link a:hover,
.page .left-box .menu-box .menu .link.on a { background: #F0F0F0; color: #D91B05; }
.page .left-box .menu-box .menu .link a:hover:after,
.page .left-box .menu-box .menu .link.on a:after { color: #D91B05; }
.page .left-box .menu-box .left-contact { margin-top: 0.24rem; }
.page .left-box .menu-box .left-contact .icon { position: relative; top: -0.06rem; margin-right: 0.04rem; max-width: 0.64rem; }
.page .left-box .menu-box .left-contact .subject .name { font-size: 0.2rem; color: #D91B05; }
.page .left-box .menu-box .left-contact .subject .sub-name { font-size: 0.14rem; color: #888; }
.page .left-box .menu-box .left-contact .number { background: #F0F0F0; line-height: 0.56rem; font-size: 0.28rem; font-weight: 700; }
.page .right-box .site-path-box { position: relative; padding-bottom: 0.04rem; line-height: 0.56rem; font-size: 0.14rem; }
.page .right-box .site-path-box .sitepath .link a.on { color: #D91B05; }
.page .right-box .site-path-box .sitepath .link span { margin: auto 0.04rem; font-size: 0.12rem; }
.page .right-box .site-path-box .line { position: absolute; bottom: 0.12rem; width: 100%; border-bottom: 0.01rem dashed #E0E0E0; }
.page .right-box .site-path-box .line:before,
.page .right-box .site-path-box .line:after { content: ""; display: block; position: absolute; width: 100%; border-bottom: 0.01rem dashed #E0E0E0; } 
.page .right-box .site-path-box .line:before { top: 0.04rem; }
.page .right-box .site-path-box .line:after { top: 0.08rem; }
.page .right-box .right-con .info { padding-top: 0.24rem; }

.info-link { margin-top: 0.24rem; }
.info-link a { font-size: 0.14rem; color: #666; }
.info-link a:hover { color: #D91B05; }

/*Photo*/
.photo-box .right-box .info .list a img:hover { border-color: #D91B05; }
.photo-box .right-box .info .list a { line-height: 0.32rem; font-size: 0.16rem; }
.photo-box .right-box .info .list a span { display: block; margin-top: 0.08rem; }
.photo-box .right-box .info .text { margin-top: 0.32rem; padding: 0.16rem; border-top: 0.04rem solid #D91B05; }

/*News*/
.news-box .right-box .list { height: 80px; overflow: hidden; }
.news-box .right-box .list { position: relative; background: #FFF; height: 80px; line-height: 32px; overflow: hidden; }
.news-box .right-box .list + .list { margin-top: 24px; } 
.news-box .right-box .list .date { position: absolute; left: 0; padding-top: 8px; width: 80px; height: 80px; background: #FF4E39; border-right: 1px solid #FFF; text-align: center; font-size: 16px; color: #FFF; }
.news-box .right-box .list .date .day { font-size: 24px; }
.news-box .right-box .list .text { padding: 16px 16px 16px 96px; background: #F5F5F5; line-height: 24px; color: #666; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.news-box .right-box .list .text:hover { background: #FF4E39; color: #FFF; }
.news-box .right-box .list .text:hover a { color: #FFF; }
.news-box .right-box .list .text > div { height: 24px; overflow: hidden; }
.news-box .right-box .list .text a { display: block; font-size: 16px; font-weight: 700; }
.news-box .right-box .list .text a:hover { opacity: 0.7; }
.news-box .right-box .info .title , .news-box .right-box .info .time { text-align: center; }
.news-box .right-box .info .title { line-height: 40px; font-size: 20px; font-weight: 700; }
.news-box .right-box .info .time { margin: 16px auto; background: #F5F5F5; line-height: 40px; }

/*== Footer ==*/
.footer a { color: #C5C5C5; }
.footer a:hover { color: #FFF; }
.footer .left { padding-left: 0; padding-right: 0.32rem; }
.footer .left .logo { height: 1.84rem; background: #D91B05; line-height: 1.84rem; overflow: hidden; }
.footer .left .logo img { display: inline; max-width: 1.2rem; }
.footer .center .menu { margin-bottom: 0.08rem; }
.footer .center .menu ul li { float: left; position: relative; }
.footer .center .menu ul li + li { margin-left: 0.32rem; }
.footer .center .menu ul li + li:before { content: "|"; position: relative; left: -0.16rem; }
.footer .center .contact ul li + li,
.footer .center .copyright-box ul li + li { margin-left: 0.16rem; }
.footer .center .gongan-box .gongan img,
.footer .right .gongshang img { display: inline; }

.footer-nav { position: fixed; bottom: 0; padding-top: 0.06rem; width: 100%; height: 0.64rem; text-align: center; z-index: 99999;
 background: #333; }
.footer-nav img { max-width: 0.32rem; }
.footer-nav a { color: #FFF; }

.share-icon .modal-dialog { position: absolute; left: 50%; bottom: 0.64rem; margin-left: -0.78rem; width: 1.56rem; }
.share-icon a { display: inline-block; margin: 0 !important; }
.share-icon a + a { margin-left: 0.08rem !important; } 

/*=== Mobile Menu ===*/
.mobile-menu { position: fixed; top: 0; left: -50%; padding: 0.48rem 0 0.08rem 0; width: 50%; height: 100%; background: #FFF; box-shadow: 0 0 0.02rem rgba(0,0,0,0.2); z-index: 998; }
.mobile-menu .menu-box { position: relative; width: 100%; height: 100%; line-height: 0.32rem; overflow: scroll; }
.mobile-menu .menu-box > ul > li { position: relative; border-bottom: 0.01rem dashed #EEE; }
.mobile-menu .menu-box > ul > li:before { content: "·"; margin: auto 0.04rem auto 0.08rem; font-size: 0.12rem; font-weight: 700; color: #999; }
.mobile-menu .menu-box > ul > li .icon { display: block; top: 0; right: 0.08rem; width: 0.32rem; line-height: 0.32rem; font-size: 0.1rem; color: #DC0C08; cursor: pointer; overflow: hidden; }
.mobile-menu .menu-box .submenu { height: 0; font-size: 0.14rem; overflow: hidden; }
.mobile-menu .menu-box .submenu > li { padding-left: 0.24rem; padding-right: 0.16rem; height: 0.33rem; background: #DC0C08; border-top: 0.01rem solid #E14937; overflow: hidden; }
.mobile-menu .menu-box .submenu > li a { color: #FFF; }

.mobile-menu > .icon { display: block; position: absolute; top: 50%; right: -0.32rem; margin-top: -0.16rem; width: 0.32rem; height: 0.32rem; background: #FFF; box-shadow: 0.02rem 0 0.02rem rgba(0,0,0,0.2); cursor: pointer; }
.mobile-menu > .icon > span { display: block; top: 50%; margin-top: -0.07rem; width: 0.32re; height: 0.32rem; line-height: 0.32re; }

/*=== GuestBook ===*/
.guest > .title { border-bottom: 0.01rem solid #EEE; line-height: 0.4rem; font-size: 0.16rem; font-weight: 700; }
.guest > .form { margin: auto -0.15rem; }
.guest > .form .list .title { font-size: 0.16rem; }
.guest > .form .list .title span { color: #FF0000; }
.guest > .form .list input , .guest > .form .list textarea {  
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }

.guest > .form .list input[type="text"]:focus , .guest > .form .list textarea:focus { background: #FF4E39; color: #FFF; }
.guest > .form .list textarea { padding: 0.08rem; width: 100%; min-height: 2rem; background: #F7F7F7; border: 0.01rem solid #ccc; line-height: 0.24rem; }
.guest > .form .list .code input { width: 50%; }
.guest > .form .list .code img { position: relative; top: -0.02rem; margin-left: 0.08rem; height: 0.16rem; cursor: pointer; }

.guest > .form .list .button input { display: inline-block; margin-left: 0.16rem; width: 1.2rem; background: #898989; border: none; font-size: 0.16rem; color: #FFF; }
.guest > .form .list .button input:hover { background: #FF4E39; }

/*=== OnLine ===*/
.online { position: fixed; top: 50%; right: -1.6rem; z-index: 999999;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.online .box { position: relative; }
.online .left { position: absolute; left: -0.4rem; top: 50%; margin-top: -0.8rem; padding-right: 0; cursor: pointer; }
.online .right { padding-left: 0; width: 1.6rem; min-height: 2.4rem; background: #FFF; border: 0.01rem solid #EEE; text-align: center; overflow: hidden; }
.online .right .title { background: #555; border-bottom: 0.04rem solid #00B3E8; line-height: 0.32rem; color: #FFF; }
.online .right .qq , .online .right .ali { padding: 0.08rem; }
.online .right .list { padding: 0.08rem 0; }
.online .right .list a { display: block; margin: 0.08rem 0.04rem; }
.online .right .code .name { margin-top: 0.08rem; }
.online .right .code img { padding: 0.08rem 0.16rem; }
.online-move { right: 0; }

/*Paging Style*/
.paging span.paging-prev, .paging a.paging-prev { border-left: 0.01rem solid #CFCFCF; }
.paging span.lang-page-on { background: #D91B05; border-color: #D91B05; color: #FFF; }
.paging a:first-child , .paging span:first-child { border-left: 0.01rem solid #CFCFCF; border-right: 0; }
.paging a:hover { background: #D91B05; border-color: #DC0C08; color: #FFF; }
.paging-num { color: #D91B05; padding: 0.04rem; }