@charset "utf-8";


/*
    STYLE: ZEYA V1.0
    CODER: SHINEY WU
    EMAIL: SHINEY.WU@GMAIL.COM
*/


@import url('icomoon/style.css');
@import url('bootstrap.min.css');
@import url('../js/royalslider/rs-minimal-white.css');
@import url('../js/royalslider/rs-default.css');
@import url('../js/royalslider/royalslider.css');
@import url('typo.css');


/* RESET */
html { color:#333; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img {border:0;max-width: 100%;}
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; color:#333; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup, sub { font-family:arial; font-size:10px; }
input, textarea, select { font-family:inherit; font-weight:inherit; vertical-align:middle; }
input, textarea, select { *font-size:100%; }
legend { color:#333; }
small { font-size:12px; }
.clear { clear:both; height:0; line-height:0; font-size:0; visibility:hidden; }
.clearfix:after{ clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden; }
.clearfix{ display:block;zoom:1 }
a:active, input:active, button:active { outline:none !important; }
input::-webkit-input-placeholder { color:#bbb; }

/* COMMON */
body { color:#333; font:normal 14px/1.5 'Microsoft Yahei','Arial', 'SimSun', Sans-serif; background:#e9eaee; }
a:link, a:visited { color:#7f7f7f; text-decoration:none; }
a:hover { color:#8bc817; text-decoration:none; }


/* PAGE */
.page { padding-top:90px; background:#fff; }


/* HEADER */
.header, .search-module {
    -webkit-transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
    -moz-transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
    transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
}
.header {position:absolute;top:0;right:0;left:0;/* height:90px; */background: rgba(255,255,255,.98);z-index:99;}
.header-inner {position:relative;max-width:1230px;padding: 0;margin:0 auto;/* height:90px; */background: rgba(255,255,255,.98);}
.page.fixed-header .header { top:-90px; height:90px; }
.page.fixed-header.active .header { position:fixed; top:0; }
.page.header:after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#fff; }
.page.fixed-header.active .header:after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#e3e3e3; }
.header .logo {display:block;position:absolute;top: 13px;left:20px;width: 128px;height: 64px;}
.header .logo a {display:block;width: 128px;height: 64px;background:url('../img/logo.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;background-size:cover;}
.header .description { display:none; }
.header .nav-toggle {position:absolute;top: 18px;right:40px;background:none;border:none;box-shadow:none;outline:none;font-size: 30px;width: 44px;height: 44px;line-height: 48px;text-align:center;}
@media only screen and (min-width: 769px) {
    .nav-toggle { display:none !important; }
    .nav-collapse { display:block !important; }
    .header nav {position:absolute;top: 16px;left: 140px;height:40px;}
    .header nav li {display:inline-block;width:auto;padding: 0 18px;height:40px;line-height:40px;text-align:center;font-size: 16px;font-weight:400;}
    .header nav li a { color:#333; }
    .header nav li.active a { color:#0da5f3; }   
}
@media only screen and (max-width: 768px) {
    .header-inner {padding-top: 90px; }
    .header .header-inner .logo { top:16px; }
    .header nav, .header ul {position:relative; padding: 0 0 20px; }
    .header li {position:relative;display:block;width:auto;margin:0;padding:0 20px;height: 54px;line-height: 53px;text-align:left;font-size: 18px;font-weight:400; }
    .header li:after {content:'';position:absolute;height:1px;right:0;bottom:0;left:20px;background: rgba(127,127,127,.2);}
    .header ul li:last-child:after { height:0; }
    .header li a {color:#333;display: block;font-size: 17px;}
    .header li a:active { color:#333; }
    .header li.active a { color:#0da5f3; }    
}
.header .search-module {display:block;position:absolute;top:15px;left:240px;width: auto;height:36px;right: 440px;}
.header .search-module .search-query {width:100%;height:36px;border-radius:3px;background:#f0f0f0;border:none;line-height:26px;padding: 5px 80px 5px 10px;outline:none;}
.header .search-module .clear-btn { display: none; background:none; position:absolute; top:10px; right:48px; width:16px; height:16px; text-align:center; line-height:16px; margin:0; padding:0; font-size:14px; color:#333; border:none; border-radius:8px; background:#999; color:#fff; z-index: 98;}
.header .search-module .search-btn { background:none; position:absolute; top:0; right:0; width:36px; height:36px; text-align:center; line-height:38px; margin:0; padding:0; font-size:22px; color:#333; border:none; cursor: pointer;z-index: 9999;}
.header .search-module.focus .search-query { border:2px solid #8bc817; border-radius:4px; }
.header .search-module.focus .search-btn { background:#8bc817; color:#fff; position:absolute; top:0; right:0; width:36px; height:36px; text-align:center; line-height:38px; margin:0; padding:0; font-size:22px; border:none; }

.header .search-module .search-query { color:#999; }
.header .search-module.xxxxx .search-query { color:#333; }

.search-module.focus .clear-btn.display { display:block; }
.header .hotwords {display:block;position:absolute;top: 56px;left:240px;width:540px;height: 20px;text-align:left;}
.header .hotwords li {display:inline-block;width:auto;height: 20px;padding:0 5px;}
.header .hotwords li a {display:block;text-align:center;line-height: 20px;overflow:hidden;color:#999;text-decoration:none;font-size: 14px;text-align:center;}
.header .hotwords li a:hover { color:#8bc817; }
.header nav {position:absolute;top: 5px;left:auto;right:20px;width: 420px;height:48px;text-align:right;}
.header nav li { display:inline-block;width:auto;height:48px;padding: 0;margin-left: 30px;}
.header nav li a {position:relative;display:block;text-align:center;line-height:48px;overflow:hidden;color: #666;text-decoration:none;font-size:16px;text-align:center;}
.header nav li a.current::after {content:'';position:absolute;left:0;right:0;bottom: 2px;height: 3px;border-radius:2px;background:#ccc;}
.mobile .header nav { position:relative; top:auto; left:auto; right:auto; width:auto;height:auto;text-align:left; }
.search-module.focus { left:220px; right:420px; }
.mobile .header .hotwords { display:none; }
.mobile .search-module {height: 62px;margin: 0 20px;position:relative;left:auto;right:auto;width:auto;top:auto;padding: 0 0 20px;}
.mobile .search-module .search-query { height:42px; padding:8px 10px; }
.mobile .search-module.focus {  }
.mobile .search-module .clear-btn { top:13px; right:54px; }
.mobile .search-module.focus .search-btn { width:42px; height:42px; line-height:44px; }
.mobile .search-module .search-btn { width:42px; height:42px; line-height:44px; }
.mobile .header nav li  { display:block; margin-left:0; }
.mobile .header nav li a { text-align:left; padding-left:20px; }
.mobile .header nav li a.current::after  { display:none; }
.mobile .header .header-inner .logo {left:20px;top:17px;}
.mobile .header .header-inner .logo a { width:112px; height:56px; }
.mobile .header .header-inner .nav-toggle {right:20px;top: 16px;}


/* BANNER */
.banner { position:relative; max-width:1680px; margin:0 auto; height:140px; background:#f8f8f8; }
.banner.slider { height:400px; }


/* ROYALSLIDER */
.fullScreen.royalSlider { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:auto; height:auto; background:rgba(127,127,127,0); }
.home-banner-01 { display:none; position:absolute; top:0; right:0; bottom:0; left:0; padding:0; background:rgba(127,127,127,0); }
.home-banner-02 {display:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;padding:0;background:rgba(127,127,127,0);}
.home-banner-02-inner {position:relative;max-width: 1230px;margin:0 auto;height:100%;color:#333;font-size:22px;}
.home-banner-02 .left-area {max-width:800px;width:auto;margin-left: -60px;}
.home-banner-02 .right-area {max-width:800px;width:auto;margin-right: -60px;}
.home-banner-02 .left-area {width: 660px;padding: 40px 60px;position: absolute;left: 20px;top: 20px;}
.home-banner-02 .right-area {width: 640px;padding: 60px;position: absolute;right: 20px;top: 0;background: rgba(255,255,255,.75);/* height: 320px; */bottom: 0;}
.mobile .home-banner-01 {background: rgba(255,255,255,.75) !important;}
.mobile .home-banner-02-inner {width:auto;max-width:450px; padding: 20px; bottom: auto;}
.mobile .home-banner-02 .left-area,
.mobile .home-banner-02 .right-area { margin:0; padding:40px 20px; width:auto; }
.slider-title {font-size: 30px;line-height:60px;font-weight:400;}
.slider-summary {margin-top:26px;font-size: 20px;max-width: 560px;}
.slider-more a {display:block;width:200px;height:44px;border-radius:2px;margin-top:30px;background:#8bc817;color:#fff;text-align:center;line-height: 44px;font-size:20px;}
.mobile .rsMinW .rsBullet {width: 70px;}
.mobile .rsMinW .rsBullet span { width:50px; }

.imageArea.royalSlider .rsArrow {/* display:none !important; */}
.imageArea.royalSlider .rsThumb.rsNavSelected { border:2px solid #f90; border-radius:3px; }


/* CONTAINER */
.container-wrap { position:relative; max-width:1230px; padding:0 20px; margin:0 auto; }
.container-inner { float: right;width:100%;margin-left: -230px;padding:0; }


/* ASIDE*/
.aside {position:relative;float: right;width: 230px;margin-top:20px;}
.aside .cat li {margin: 0 0 50px;}
.aside .cat li h3 {height:30px;line-height:30px;font-size:16px;margin-bottom: 18px;}
.aside .cat li h3 a {display:block;color: #8bc817;}
.aside .cat li li {text-indent:0;/* height: 58px; */margin: 0 0 8px;}
.aside .cat li li a {margin: -10px;padding: 10px;border-radius:4px;}
.aside .cat li li a h4 {line-height:25px;font-size: 16px;color:#333;}
.aside .cat li li a small {line-height:20px;font-size: 13px;color:#333;opacity:.62;}
.aside .cat li li a { display:block;  }
.aside .cat li li a:hover { background:#f5f5f5; color:#999; text-decoration:none; }
.aside .cat li li a:active { background:#f0f0f0; }

.aside .cat li li a.current { position:relative;background:#f5f5f5; /* color:#999; text-decoration:none;*/ }
/*.aside .cat li li a.current h4 { color:#fff; }
.aside .cat li li a.current small { color:#fff; }*/

.aside .cat li li a.current::before {content:'';position:absolute;top:5px;bottom:5px;left:-2px;width:3px;background: #f90;border-radius:2px;}


.aside .module {margin-bottom: 50px;}
.aside .module .hd { position:relative; height:30px; line-height:30px; font-size:16px; margin-bottom:15px; }
.aside .module .hd h3 {height:30px;line-height:30px;font-size:16px;color: #333;}
.more {position:absolute;top:0;right:0;padding-right: 18px;font-size: 14px;}
.more i {position:absolute;top:4px;right: -4px;font-size:24px;}
.more a { color:#999; }
.aside .module .bd { padding:0px 0; }
.aside .module.partners li { margin:15px 0; }
.aside .module.partners li img { width:200px; }
.mobile .aside { display:none; float:none; width:auto; }
.mobile .aside .module .hd { border-bottom:2px solid #e3e3e3; }

.news .bd ul li,
.related-articles ul li { line-height:26px; }

/* SECTION */
.section { padding-left: 270px; }
.section .module { margin:20px 0; }
.section .module .hd {position:relative;height: 30px;/* padding:5px 0; */line-height:30px;}
.section .module .hd h3 {font-size:16px;color: #333;line-height:30px;}
.section .module .bd {padding: 0;}
.section .module .bd .cover img {border: 1px solid #f0f0f0;background: #f8f8f8;}
.section .module .bd .cover a:hover img { border:1px solid #ddd; }
.section .module .bd li .desc p.price {color: #f90;}
.mobile .section { float:none; width:auto; margin:0; padding:0; }


/* PAGINATION */
.pagination {margin: 20px auto 40px;line-height:16px;font-size: 14px;text-align: center;display: block;}
.pagination > a {border: 1px solid #e1e1e1;border-radius:2px;background-color: #fff;margin: 0 2px 15px 2px;padding: 8px 10px;color: #8dc500;text-decoration: none;}
.pagination a:hover { border: 1px solid #8dc500; border-radius:2px; background-color: #f3f7e7; color: #8dc500; text-decoration: none; }
.pagination span.page-info {margin: 0 10px 15px 0;padding:0;}
.pagination > span {display:inline-block;margin: 0 0 15px;padding: 8px 10px;}
.pagination span.page-cur {margin: 0;padding: 8px 10px;/* border: 1px solid #fff; *//* background-color: #fff; */}


/* CRUMB */
.crumb {margin-top:20px;font-size:15px;line-height:30px;color: #333;}


/* FILTER */
.filter { margin-top:20px; border:1px solid #e3e3e3; padding:8px 15px; background:#f8f8f8; }
.filter li { display:inline-block; margin-right:15px; font-size:14px; line-height:30px; }
.filter li.active a {display:block;color: #fff;padding: 0 15px;background: #f90;border-radius: 2px;}

/* ENTRY H1 */
.entry h1 { text-align:center; margin-bottom:1em; }

.product-info-title { text-align:center; }

.rsFullscreen .rsThumbs { display:block !important; }

/* MODULE */
.reviews .bd li { margin: 0 0 20px; }
.reviews .bd li blockquote {padding-top:10px;background: url('../img/bq.png') no-repeat 0 0;text-indent:35px;border: none;font-size:14px;}
.reviews .bd li .customer {color:#999;text-align:right;margin-top: 10px;}

/* TAG */
.tags { margin:20px 0; color:#999; font-size:16px; position:relative; padding-left:30px; line-height:30px; }
.tags i { position:absolute; font-size:22px; left:0; top:4px; }
.tags a { color:#8bc817; margin:0 5px; }


/* RELATED ARTICLES */
.related-articles { margin:40px 0; border-radius:2px; border:0px solid #e3e3e3; padding:15px 20px; background:#f8f8f8; }
.related-articles .bd { margin:10px 0; }
.related-articles li { font-size:15px; }


/* TOPIC LIST*/
.topic-list { margin:20px 0; border-radius:2px; border:0px solid #e3e3e3; padding:15px 20px; background:#f8f8f8; }
.topic-list li { display:inline; margin-right:8px; line-height:1.8; }


/* ARTICLES LIST */
.section .module.articles-list .hd { margin:0 0 10px; }
.section .module .hd h2 { color:#8bc817; font-size:24px; }
.articles-list .bd { padding:10px; }
.articles-list .bd li { padding:5px 0; height:40px; line-height:30px; border-bottom:1px solid #e3e3e3; }
.articles-list .bd li .title { float:left; padding-left:0; }
.articles-list .bd li .time { float:right; color:#333; }


/* PRODUCT LIST */
.section .product-list .hd {  }
.section .product-list .hd .more a { color:#999; text-decoration:none; }
.section .product-list .hd .more a:hover { color:#8bc817; }
.section .product-list .bd { padding: 10px 0; overflow:hidden; }
.section .product-list .bd ul { width:100%; }
.section .product-list .bd li { float:left; overflow:hidden;margin:0;padding:0;}
.section .product-list .bd li { width:25%; margin:10px 0; }
.section .product-list .bd li .cover {width: 210px;height: 210px;margin:0 auto;overflow:hidden;background: #f8f8f8;border-radius: 4px;}
.section .product-list .bd li .cover a { display:block; }
.section .product-list .bd li .cover a img {display:block;width: 100%;height: 100%;border-radius: 4px;}
.section .product-list .bd li > h4 {width: 210px;margin:10px auto; height:58px; text-align: center;font-size: 14px;}
.section .product-list .bd li > h4 > a {padding: 10px 0;width: 210px;height: 58px;display: table-cell;vertical-align: middle;text-align:center;line-height: 19px;}
.section .product-list .bd li .desc {height: 100px;}
.section .product-list .bd li .desc h4 {display:block;width: 210px;margin:0 auto;font-size: 14px;}
.section .product-list .bd li .desc h4 a {padding: 10px 0;width: 210px;height: 58px;display: table-cell;vertical-align: middle;text-align:center;line-height: 19px;}
.section .product-list .bd li .desc { text-align: center; }
.section .product-list .bd li .desc p {margin:0;text-indent:0;color: #999;}
.section .product-list .bd li .more a { color:#fff; text-decoration:none; }

@media only screen and (min-width: 1230px) {
    .section .product-list .bd { margin:0 -15px; }
    .section .product-list .bd li {width: 25%;}
}
@media only screen and (min-width: 990px) and (max-width: 1230px) {
    .section .product-list .bd {}
    .section .product-list .bd li { width:33.33%; }
}
@media only screen and (min-width: 830px) and (max-width: 990px) {
    .section .product-list .bd li { width:50%; }
}
@media only screen and (min-width: 768px) and (max-width: 830px) {
    .section .product-list .bd li { width:50%; }
}

@media only screen and (min-width: 730px) and (max-width: 768px) {
    .section .product-list .bd li { width:33.33%; }
}
@media only screen and (min-width: 480px) and (max-width: 730px) {
    .section .product-list .bd li { width:50%; }
}
@media only screen and (min-width: 360px) and (max-width: 480px) {
    .section .product-list .bd li .cover { width:160px; height:160px; }
    .section .product-list .bd li h4 { width:160px; }
    .section .product-list .bd { margin:0 -10px; }
    .section .product-list .bd li { width:50%; }
}
@media only screen and (max-width: 360px) {
    .section .product-list .bd li .cover { width:140px; height:140px; }
    .section .product-list .bd li h4 { width:140px; }
    .section .product-list .bd { margin:0 -10px; }
    .section .product-list .bd li { width:50%; }
}




/* FOOTER */
.footer { background:#f2f4f6; }
.footer .footer-inner { position:relative; max-width:1230px; min-width:320px; margin:0 auto; padding:20px; font-size:15px; }
.footer .sitemap {position: relative;margin-top: 10px;}
.footer .sitemap dl {float:left;width: 25%;margin: 0 0 30px;}
.footer .sitemap dl.contact { text-align:center; }
.footer .sitemap dt {line-height: 48px;margin-bottom: 0;font-weight: normal;color: #fff;font-size: 110%;}
.footer .sitemap dt a {display:block;color: #333;cursor:default;/* font-weight: bold; */}
.footer .sitemap dd {line-height: 30px;color:#898989;display: block;}
.footer .sitemap dd.hrs { color:#999; }

.footer .telephone {font-size: 26px;color:#f90;margin-top: 5px;}
.footer .cellphone {font-size: 20px;color:#8bc817;letter-spacing: .1em;}
.footer .qq {margin: 20px auto;width: 124px;}
.footer .wechat { margin:20px 0; }
.footer .wechat img { display:block; width:128px; margin:0 auto 5px; }

.footer .links {margin: 0 0 20px;}
.footer .links-hd { color:#999; line-height:30px; margin-bottom:15px; }
.footer .links-bd { }
.footer .links-bd li {display:inline-block;margin-right:15px;line-height: 26px;}
.footer .links-bd li a { color:#999; }
.footer .terms {line-height: 30px;font-size:14px;}
.footer .terms li {display:inline-block;margin-right:15px; font-size: 15px;}
.footer .copyright { color:#999; font-size:14px; }
.footer .copyright a { color:#999; }
.footer .info-links { position:absolute; right:40px; bottom: 30px; padding:0; color:#999; width:420px; height:31px; text-align:right;/* text-transform: uppercase; */line-height: 30px; font-size:14px; }
.footer .info-links li { display:inline-block; margin:0 0 0 12px; width:88px; height:31px; }
.footer .info-links li img { display:block; max-width:88px; }

/* mobile */
.mobile .footer .footer-inner { padding:20px; }
.mobile .footer .sitemap {margin-bottom: 30px;margin-top: 0;}
.mobile .footer .sitemap dt { height: 48px;line-height: 48px; margin-bottom:0; }
.mobile .footer .sitemap dt a {height: 50px;line-height: 50px;display:block;cursor:pointer;font-weight: normal;}
.mobile .footer .social-network {position:relative;bottom:auto;right:auto;display:block;width:100%;margin-bottom: 1.5em;top: auto;left: auto;}
.mobile .footer .social-network li {margin-left:0;margin-right: 20px;}
.mobile .footer .others {position:relative;margin: 20px 0;}
.mobile .footer .locale-option {bottom: 8px;right:0;}

@media only screen and (min-width: 768px) and (max-width: 880px) {
    .footer .sitemap dl { float:left; width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .footer .sitemap dl {float:left;width: 100%;margin: 0;border-bottom: 1px solid #ccc;}
    .footer .sitemap dl dt { color:#999; height: 40px;line-height: 40px;}
    .footer .sitemap dl dt a {color: #333;}
}
@media only screen and (max-width: 480px) {
    .footer .sitemap dl {float:left;width: 100%;margin: 0;border-bottom: 1px solid rgba(127,127,127,.2);}
}
@media only screen and (max-width: 768px) {
    .page.fixed-header.active .header { position:absolute !important; }
    .footer .sitemap dl dt a:after {
        content: '+';
        float: right;
        font-weight: normal;
        margin-right: 8px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        color: #333;
    }
    .footer .sitemap dl.uncollapsed dt a:after {
        -webkit-transform: rotate(45deg) scale(1.08);
        transform: rotate(45deg) scale(1.08);
    }
    .footer .sitemap dl.contact { margin:20px 0 0; }
    .footer .sitemap dl dd {
        height: 0;
        overflow: hidden;
    }
    .footer .sitemap dl dd,
    .footer .sitemap dl dd a {
        opacity: 0
    }
    .footer .sitemap dl dd a {
        display: block;
        /* color: #999; */
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    .footer .sitemap dl dd:nth-child(1) a {
        -webkit-transition: all .5s .06s ease-in-out;
        transition: all .5s .06s ease-in-out
    }
    .footer .sitemap dl dd:nth-child(2) a {
        -webkit-transition: all .5s .12s ease-in-out;
        transition: all .5s .12s ease-in-out
    }
    .footer .sitemap dl dd:nth-child(3) a {
        -webkit-transition: all .5s .18s ease-in-out;
        transition: all .5s .18s ease-in-out
    }
    .footer .sitemap dl dd:nth-child(4) a {
        -webkit-transition: all .5s .24s ease-in-out;
        transition: all .5s .24s ease-in-out
    }
    .footer .sitemap dl dd a {
        -webkit-transition: all .5s .30s ease-in-out;
        transition: all .5s .24s ease-in-out
    }
    .footer .sitemap dl.uncollapsed dd {
        height: 40px;
    }
    .footer .sitemap dl.uncollapsed dd,
    .footer .sitemap dl.uncollapsed dd a {
        opacity: 1
    }
    .footer .sitemap dl.uncollapsed dd a {
        -webkit-transform: none;
        transform: none
    }
    .footer .links { padding:20px 0; margin:0; text-align:center; }
    .footer .copyright, .footer .terms { text-align:center; }
    .footer .terms { text-align:center; padding:20px 0; }
    .footer .info-links { position:relative;bottom:auto;right:auto;text-align:center;margin:20px auto 0;width: auto;height: auto; }
}


/* OTHERS */
.contact-card { position:fixed; top:50%; margin-top:-130px; right:0; width:48px; height:220px; border:2px solid #e3e3e3; border-right:0; border-radius:4px 0 0 4px; background:#fff; z-index:9999; }
.contact-card {
    -webkit-transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
    -moz-transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
    transition: 300ms cubic-bezier(0.445,0.05,0.55,0.95);
}
.contact-card.card1 {position:fixed;top:50%;margin-top:-130px;right:-48px;width:48px;height:220px;border:2px solid #e3e3e3;border-right:0;border-radius:4px 0 0 4px;background:#fff;z-index: 98;text-align:center;padding:14px 0;}
.contact-card.card1 {right:0;}
.contact-card.card2 { position:fixed; top:50%; margin-top:-180px; right:-240px; width:240px; height:360px; border:2px solid #e3e3e3; border-right:0; border-radius:4px 0 0 4px; background:#fff; z-index:98; text-align:center; padding:20px 0; }
.contact-card.card2.active { right:0; }
.contact-card.card1 .item { width:48px; height:48px;text-align:center; line-height:48px; font-size:24px; }

.contact-card.card1 .item.telephone { color:#eb7725; }
.contact-card.card1 .item.cellphone { color:#8d368c; }
.contact-card.card1 .item.qq { color:#1d9df4; }
.contact-card.card1 .item.wechat { color:#89d558; }

.contact-card.card2 .telephone { font-size:26px; color:#f90; }
.contact-card.card2 .cellphone { font-size:20px; color:#8bc817; letter-spacing:.1em; }
.contact-card.card2 .qq {margin: 20px auto;width: 124px;}
.contact-card.card2 .wechat { margin:20px 0; }
.contact-card.card2 .wechat img { display:block; width:128px; margin:0 auto 5px; }

.wechat-id { display:inline-block; position:relative; padding-left:30px; line-height:30px; color:#333; font-size:14px; }
.wechat-id i { position:absolute; top:4px; left:0; color:#999; font-size:24px; }


.back-to-top {position:fixed;right: 0px;bottom: 25px;width:48px;height:48px;z-index:999;margin:0;padding:0;border:2px solid #e3e3e3;border-right:0;border-radius:4px 0 0 4px;background:#fff;z-index:9999;overflow: hidden;}
.back-to-top a {display:block;text-align:center;line-height: 50px;font-size:24px;color:#333; background:rgba(255,255,255,.87); }
.back-to-top a:hover { background:rgba(127,127,127,.1); }




/* GET BOOTSTRAP */
h1 + h2 { margin:-1em 0 2em !important; font-size: 16px !important; text-align: center !important; }

.form-group {/* height: 40px; *//* border-bottom: 1px solid rgba(255, 255, 255, .5); */margin-bottom: 15px;}
.form-group:last-child {/* height: 40px; *//* margin-top: 15px; *//* margin-bottom:0; *//* border:none; *//* text-align:right; */}
.form-group input {-webkit-appearance:none;appearance:none;color: #222;width:100%; height: 36px;background: #fff;border: 1px solid #ddd;border-radius: 2px;padding: 5px 15px;text-indent:0px;font-size: 16px;}

.form-group input:focus, .form-group>button:focus { outline:none; }
.form-group textarea { -webkit-appearance:none;appearance:none;color: #222;width:100%; background: #fff;border: 1px solid #ddd;border-radius: 2px;padding: 5px 15px;text-indent:0px;font-size: 16px; }
.form-group label { font-weight:100; line-height:30px; }
.form-group button {font-size: 16px;margin: 0;width: 100%;height: 44px;/* background: #1db6c2; */color: #fff;border: 1px solid transparent;border-radius: 2px;text-align: center;cursor:pointer;padding: 0;}

.btn-default,
.btn-default:hover,
.btn-default.focus,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default.active:hover,
.btn-default:active:hover {background:rgba(127,127,127,.15); border-color: rgba(127,127,127,0);color: #fff;border-radius: 2px; box-shadow:none; outline:none; border:none; }

.btn-primary,
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active:hover,
.btn-primary:active:hover {background-color:#8bc817;/* border-color:transparent !important; *//*border-color:#28b3db; color:#fff !important; */border-radius: 2px;box-shadow:none;outline:none;border:none;}

.tagLink .count {margin-left:8px;color:#159bdc;display: inline-block;}