/*=== 作者：Distantmemory - 时间：2018年03月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*== HTML ==*/
* { backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden; }
    
html { font-size: 625%; overflow-y: scroll; }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { width: 100vw; min-height: 100%; overflow: hidden !important; -webkit-font-smoothing: antialiased; }
    
/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", "sans-serif"; outline: none; }
ul, li, p, figure { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #0088E5; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }
    
/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }
    
/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .tm-first-box { padding-top: 0.56rem; }
    .main { padding: 0.16rem 0.08rem; }

    /*=== Top ===*/
    .top { position: fixed; top: 0; left: 0; width: 100%; height: 0.56rem; background: #2E2E2D; font-size: 0.14rem; z-index: 9; }
    .top .logo { margin-top: 0.04rem; }
    .top .logo img { display: block; margin: auto; max-height: 0.48rem; }
    
    /*=== Home ===*/
    .section { padding: 0.24rem 0; }

    /*=== About ===*/
    /*Index*/
    .index-about .right { margin-top: 0.16rem; }

    /*=== News ===*/
    /*Index*/
    .index-news .image-news { margin-bottom: 0.16rem; border: 0.01rem solid #EEE; }

    /*=== Product ===*/
    /*Page*/
    .product .article .picture-list .unit + .unit { margin-top: 0.08rem; }

    /*=== Request ===*/
    /*Index*/
    .index-request .input-list .unit { padding: 0 0.16rem; }
    .index-request .input-list .unit + .unit { margin-top: 0.16rem; }
    .list-news .list:nth-child(odd) { padding-left: 0.08rem; padding-right: 0.08rem; }
    .list-news .list:nth-child(even) { padding-left: 0.08rem; padding-right: 0.08rem; }

    /*=== Footer ===*/
    .footer .contact li,
    .copyright-box li { margin-right: 0.16rem; }

    /*=== 分页 ===*/
    .page-nav .page-nav-box > * { float: left; display: block; padding: 0 0.1rem; background: #FFF; border: 0.01rem solid #DDD; }
    
}
    
@media ( min-width : 360px) { 
    
} 
    
/*平板电脑*/
@media ( min-width : 640px) { 

    /*=== Home ===*/
    .section { padding: 0.48rem 0; }
    .section .left { padding-right: 0.16rem; }
    .section .right { padding-left: 0.16rem; }

    /*=== About ===*/
    /*Index*/
    .index-about .right { margin-top: 0; }

    /*=== News ===*/
    /*Index*/
    .index-news .image-news { margin-bottom: 0; }
    .index-news .image-news .picture { height: 2.46rem; overflow: hidden; }
    .index-news .image-news .picture img { width: 100%; min-height: 2.46rem; }

    /*=== Request ===*/
    /*Index*/
    .index-request .input-list .unit + .unit { margin-top: 0; }

    /*=== Footer ===*/
    .footer .contact li,
    .copyright-box li { float: left; }

    /*=== 分页 ===*/
    .page-nav .page-nav-box > * { float: left; display: block; padding: 0.04rem 0.12rem; background: #FFF; border: 0.01rem solid #DDD; }
    
} 
    
/*笔记本电脑*/
@media ( min-width : 960px) { 

    .tm-first-box { padding-top: 0.96rem; }

    /*=== Top ===*/
    .top { height: 0.96rem; }
    .top .logo { float: left; margin-top: 0.08rem; }
    .top .logo img { max-height: 0.8rem; }
    
    /*=== News ===*/
    /*Index*/
    .list-news .list:nth-child(odd) { padding-left: 0; padding-right: 0.16rem; }
    .list-news .list:nth-child(even) { padding-left: 0.16rem; padding-right: 0; }

    /*=== Product ===*/
    /*Page*/
    .product .article .picture-list .unit + .unit { margin-top: 0; }

} 
    
/*PC电脑*/
@media ( min-width : 1200px) {
    
    .uk-container { padding: 0; }
    .main { padding: 0.16rem 0; }

}
    
/*大屏PC电脑*/
@media ( min-width : 1600px) { 
        
}
    
/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }
.uk-tooltip { padding: 0 0.08rem; max-width: 2.4rem; background: #97A0BA; color: #FFF; overflow: hidden; }
.uk-accordion-title { font-size: 0.16rem; }

/*=== Swiper ===*/
#Banner,
#BannerM { position: relative; }
#Banner .swiper-pagination,
#BannerM .swiper-pagination,
#Plant .swiper-pagination { bottom: 0.08rem; }
#Banner .swiper-pagination-bullet,
#BannerM .swiper-pagination-bullet,
#Plant .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; background: none; border: 0.02rem solid #0088E5; border-radius: 50%; opacity: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
#Banner .swiper-pagination-bullet:hover,
#Banner .swiper-pagination-bullet-active,
#BannerM .swiper-pagination-bullet:hover,
#BannerM .swiper-pagination-bullet-active,
#Plant .swiper-pagination-bullet:hover,
#Plant .swiper-pagination-bullet-active { background: #0088E5; border: 0.02rem solid #0088E5; opacity: 1; }

#Banner .tm-banner-prev,
#Banner .tm-banner-next,
#BannerM .tm-banner-prev,
#BannerM .tm-banner-next { position: absolute; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; background: #0088E5; line-height: 0.48rem; text-align: center; font-size: 0.32rem; color: #FFF; z-index: 2; cursor: pointer; opacity: 0; }
#Banner .tm-banner-prev,
#BannerM .tm-banner-prev { left: 0.16rem; }
#Banner .tm-banner-next,
#BannerM .tm-banner-next { right: 0.16rem; }
#Banner:hover .tm-banner-prev,
#Banner:hover .tm-banner-next,
#BannerM:hover .tm-banner-prev,
#BannerM:hover .tm-banner-next { opacity: 0.7; }
#Banner .tm-banner-prev:hover,
#Banner .tm-banner-next:hover,
#BannerM .tm-banner-prev:hover,
#BannerM .tm-banner-next:hover { opacity: 1; }
#Banner:hover .tm-banner-prev i,
#Banner:hover .tm-banner-next i,
#BannerM:hover .tm-banner-prev i,
#BannerM:hover .tm-banner-next i { position: relative; top: -0.02rem; }

/*=== Top ===*/
.top .menu > ul > li { position: relative; }
.top .menu > ul > li > a { display: block; padding: 0 0.16rem; height: 0.96rem; line-height: 0.96rem; color: #FFF; }
.top .menu > ul > li.on > a,
.top .menu > ul > li:hover > a { background: #0088E5; }
.top .submenu { position: absolute; width: 1.6rem; border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    -webkit-transform:scaleY(0);
    -webkit-transform-origin: 0 0;
    -moz-transform:scaleY(0);
    -moz-transform-origin: 0 0;
    -ms-transform:scaleY(0);
    -ms-transform-origin: 0 0;
    -o-transform:scaleY(0);
    -o-transform-origin: 0 0;
    transform:scaleY(0);
    transform-origin: 0 0; }
.top .menu > ul > li:hover .submenu { 
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1); }
.top .submenu > li > a { display: block; padding: 0.08rem; padding-left: 0.16rem; background: #2E2E2D; line-height: 0.24rem; color: #FFF; }
.top .submenu > li + li > a { border-top: 0.01rem solid #111; }
.top .submenu > li > a:hover,
.top .submenu > li.on > a { background: #0088E5; }

/*=== Home ===*/
.section .button a { display: inline-block; padding: 0 0.4rem; border: 0.01rem solid #EEE; border-radius: 0.16rem; line-height: 0.32rem; font-size: 0.14rem; color: #999; }
.section .button a:hover { border-color: #0088E5; color: #0088E5; }

.section .title .subject { position: relative; line-height: 0.32rem; font-size: 0.24rem; }
.section .title .subject span { display: inline-block; position: relative; padding: 0 0.16rem; background: #FFF; z-index: 2; }
.index-product .title .subject span,
.index-request .title .subject span { background: #F7F7F7; }
.section .title .subject:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 0.01rem; background: #EEE; z-index: 1; }
.section .title .subtitle { line-height: 0.32rem; text-transform: uppercase; font-size: 0.14rem; color: #BBB;  }

/*=== Page ===*/
.page-banner .banner { height: 2rem; }
.page { padding: 0.32rem 0; background: #F7F7F7; }
.page .sitepath { font-size: 0.14rem; color: #999; }
.page .sitepath .circle { margin-right: 0.08rem; color: #0088E5; }
.page .sitepath .uk-icon { position: relative; top: -0.02rem; margin: auto 0.04rem; }
.page .sitepath .uk-icon svg { width: 0.14rem; height: 0.14rem; }

.page .cat-list > div { box-sizing: border-box; margin: 0.16rem auto; padding: 0.08rem 0.16rem; height: 0.4rem; background: #EAEAEA; font-size: 0.14rem; }
.page .cat-list ul { display: inline-block; }
.page .cat-list ul li { margin-left: 0.32rem; }
.page .cat-list ul li a { display: block; position: relative; }
.page .cat-list ul li a:after { content: ""; position: absolute; left: 0; bottom: -0.08rem; width: 100%; height: 0.01rem; background: #EAEAEA; }
.page .cat-list ul li.on a,
.page .cat-list ul li:hover a { color: #0088E5; } 
.page .cat-list ul li.on a:after,
.page .cat-list ul li:hover a:after { background: #0088E5; }

/*=== Article ===*/
.article .subject { line-height: 0.32rem; font-size: 0.24rem; }
.article .date { margin: 0.16rem auto; color: #999; }
.article .content { padding: 0.32rem 0; border-top: 0.01rem dashed #0088E5; border-bottom: 0.01rem dashed #0088E5; font-size: 0.14rem; color: #666; }

.info-nav { padding-top: 0.24rem; border-top: 0.01rem solid #DDD; font-size: 0.14rem; }
.info-nav a { color: #666; }
.info-nav a:hover { color: #0088E5; }

/*=== About ===*/
/*Index*/
.index-about .left,
.index-about .right,
.index-news .left,
.index-news .right .unit,
.form > div { opacity: 0; }
.index-about .about-title { padding: 0.16rem 0; line-height: 0.32rem; }
.index-about .about-title .cn { margin-right: 0.16rem; font-size: 0.24rem; }
.index-about .about-title .en { position: relative; top: 0.06rem; text-transform: uppercase; font-size: 0.14rem; color: #BBB; }
.index-about .info { margin-top: 0.16rem; height: 1.28rem; line-height: 0.32rem; font-size: 0.14rem; color: #666; overflow: hidden; }
.index-about .button a { margin-top: 0.16rem; }

/*Page*/
.about .main { box-sizing: border-box; padding: 0.16rem; }

/*=== Products ===*/
/*Index*/
.index-product { padding-bottom: 0; background: #F7F7F7; }
.index-product .content { margin: auto -0.16rem; padding-top: 0.16rem; }
.index-product .content .unit { padding: 0.16rem; opacity: 0; }
.index-product .content .unit a { display: block; }
.index-product .content .unit .subject { margin-top: 0.08rem; font-size: 0.14rem; }
.index-product .content .button { margin-top: 0.16rem; }
.index-product .ad { margin-top: 0.48rem; }

/*Page*/
.product .list-product { margin: auto -0.16rem; }
.product .list { margin-bottom: 0.24rem; padding: 0 0.16rem; opacity: 0; }
.product .list .unit { height: 100%; border-radius: 0.02rem; overflow: hidden; }
.product .list .subject a { display: block; padding: 0.08rem; font-size: 0.14rem; }
.product .list:hover .subject a { color: #0088E5; }
.product .article .subject,
.product .article .picture-list { margin-bottom: 0.16rem; margin-left: -0.08rem; margin-right: -0.08rem; }
.product .article .picture-list .unit { padding: 0 0.08rem; }
.product .article .picture-list .unit .image { border-radius: 0.02rem; overflow: hidden; }

/*=== News ===*/
/*Index*/
.index-news .image-news .info { padding: 0.24rem 0.32rem; }
.index-news .image-news .info .subject { margin-bottom: 0.16rem; }
.index-news .image-news .info .link { font-weight: 700; }
.index-news .image-news .info .summary { font-size: 0.14rem; color: #999; }

.list-news .unit { box-sizing: border-box; position: relative; padding: 0.16rem 0.32rem 0.16rem 1.44rem; height: 1.28rem; border: 0.01rem solid #EEE; overflow: hidden; }
.list-news .unit .date { box-sizing: border-box; position: absolute; left: 0; top: 0; padding-top: 0.08rem; width: 1.28rem; height: 1.28rem; overflow: hidden; }
.list-news .unit .date .day { line-height: 0.72rem; font-size: 0.64rem; color: #666; }
.list-news .unit .date .year { color: #999; }
.list-news .unit .info .subject { margin-bottom: 0.08rem; font-weight: 700; }
.list-news .unit .info .summary { line-height: 0.28rem; font-size: 0.14rem; color: #999; }

.index-news .list-news .unit + .unit { margin-top: 0.12rem; }
.index-news .content .button { margin-top: 0.32rem; }

/*List*/
.news .list-news .unit { margin-bottom: 0.32rem; }

/*Plan*/
.plan .list .unit { background: #FFF; box-shadow: 0 0 0.04rem rgba(0,0,0,0.05); }
.plan .list .unit:hover { box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); }
.plan .list .subject a { padding: 0.12rem 0.16rem; background: #FFF; }

/*=== Request ===*/
/*Index*/
.index-request { background: #F7F7F7; }
.index-request .content { margin-top: 0.32rem; }
.index-request .input-list { margin: auto -0.16rem; }
.index-request .input-list .unit input,
.index-request .code input { box-sizing: border-box; padding: 0 0.08rem; width: 100%; height: 0.32rem; background: #FFF; border: 0.01rem solid #EEE; line-height: 0.48rem; font-size: 0.14rem; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-request .input-list .unit input:focus { border-color: #0088E5; }
.index-request .textarea,
.index-request .code,
.index-request .button { margin-top: 0.16rem; }
.index-request .textarea textarea { box-sizing: border-box; padding: 0.08rem; width: 100%; height: 1.6rem; background: #FFF; border: 0.01rem solid #EEE; line-height: 0.24rem; font-size: 0.14rem; resize: none; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-request .textarea textarea:focus { border-color: #0088E5; }
.index-request .code input { max-width: 2.4rem; }
.index-request .button a { background: #0088E5; border-color: #0088E5; }
.index-request .button input { background: none; border: none; font-size: 0.14rem; color: #FFF; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.index-request .button a:hover { background: #FFF; }
.index-request .button a:hover input { color: #0088E5; }

/*Page*/
.request { margin-bottom: 0.16rem; padding: 0.32rem; background: #FFF; border-radius: 0.02rem; overflow: hidden; }

/*=== Footer ===*/
.footer { background: #292929; color: #FFF; }
.footer ul { display: inline-block; }
.footer .title .subject:before { background: #454545; }
.footer .title .subject span { background: #292929; }
.footer .title .subtitle { color: #0088E5; }
.footer .contact { margin: 0.16rem auto 0.48rem auto; font-size: 0.14rem; color: #BBB; }
.footer .code img { padding: 0.08rem; max-width: 1.2rem; border: 0.01rem solid #0088E5; }
.footer .code .subject { margin-top: 0.08rem; font-size: 0.14rem; color: #BBB; }

.copyright-box { padding: 0.16rem 0 0.12rem 0; background: #212121; font-size: 0.14rem; color: #515151; }
.copyright-box a { color: #515151; }
.copyright-box a:hover { color: #FFF; }
.copyright-box ul { display: inline-block; }

/*=== 侧边浮动条 ===*/
.online { position: fixed; right: 0; bottom: 0.4rem; z-index: 999; }
.online .box,
.online .box .list { position: relative; right: 0; }
.online .box .list > ul > li { position: relative; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; color: #FFF; cursor: pointer; overflow: hidden; }
.online .box .list > ul > li.custom { right: 0; background: #FF6D00; }
.online .box .list > ul > li.wechat { background: #0088E5; }
.online .box .list > ul > li.to-top { background: #666; }
.online .box .list > ul > li a { display: block; color: #FFF; }
.online .box .custom-info { position: absolute; min-width: 2rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); z-index: 999; }
.online .box .custom-info .title { padding: 0 0.16rem 0 0.24rem; height: 0.56rem; background: #FF6D00; line-height: 0.56rem; color: #FFF; }
.online .box .custom-info .title .tm-icon { cursor: pointer; }
.online .box .custom-info .content { background: #FFF; color: #5E5E5E; }
.online .box .custom-info .content a { color: #5E5E5E; }
.online .box .custom-info .content > ul > li + li { border-top: 0.01rem solid rgba(0,0,0,0.07); }
.online .box .custom-info .content .qq .number,
.online .box .custom-info .content .tel .subtitle .subject { font-size: 0.14rem; }
.online .box .custom-info .content .qq li a { display: block; padding: 0 0.24rem; background: #F5F5F5; line-height: 0.4rem; }
.online .box .custom-info .content .qq li a:hover { background: #0088E5; color: #FFF; }
.online .box .custom-info .content .tel { padding: 0.16rem 0.24rem; border-top: 0.01rem solid rgba(0,0,0,0.05); line-height: 0.24rem; }
.online .box .custom-info .content .tel li { padding: 0; line-height: 0.24rem; }
.online .box .custom-info .content .icon { margin-right: 0.08rem; }
.online i.close { cursor: pointer; }

#WeChat .uk-modal-dialog { margin: auto; padding: 0; background: none; }
#WeChat .box { margin-bottom: 0; padding: 0.08rem 0; max-width: 1.6rem; background: #FFF; }
#WeChat .box .subject { padding-bottom: 0.08rem; background: #FFF; line-height: 0.32rem; font-size: 0.14rem; }

/*=== 手机端导航 ===*/
.mobile-menu-icon-box { background: #2E2E2E; }
.mobile-menu-icon { display: block; position: relative; font-size: 0.16rem; font-weight: 100; }

.m-menu-box { padding: 0.16rem 0; background: #262626; }
.m-menu ul > li { position: relative; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.m-menu > ul > li > a { display: block; padding: 0 0.16rem 0 0.28rem; line-height: 0.4rem; font-size: 0.14rem; }
.m-menu > ul > li.on > a { color: #FF6D00; }
.m-menu > ul > li + li > a { border-top: 0.01rem solid rgba(0,0,0,0.2); border-bottom: 0.01rem solid #262626; }
.m-menu > ul > li + li > a.on { border-bottom-color: rgba(0,0,0,0.1); }

.m-menu .submenu { height: 0; line-height: 0.32rem; font-size: 0.14rem; visibility: hidden; opacity: 0; overflow: hidden; }
.m-menu .submenu.on { visibility: visible; opacity: 1; }
.m-menu .submenu > li > a { display: block; padding-left: 0.28rem; color: rgba(255,255,255,0.5); }
.m-menu .submenu > li + li { border-top: 0.01rem solid rgba(0,0,0,0.1); }
.m-menu .submenu > li:first-child { border-top: none; }
.m-menu .submenu > li:last-child { border-bottom: none; }
.m-menu .submenu > li.on > a { background: #333; color: #FF6D00; }
.m-menu .control-icon { position: absolute; top: 0; right: 0.16rem; height: 0.4rem; background: none !important; line-height: 0.4rem; cursor: pointer; }
.m-menu .control-icon { color: #FF6D00; }
.m-menu .control-icon.on svg { 
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);  
    transform:rotate(135deg); }
.m-menu .control-icon svg { width: 0.16rem; height: 0.16rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.m-menu > ul > li > a i svg { display: block; position: absolute; top: 0.18rem; left: 0.12rem; width: 0.06rem; height: 0.06rem; background: #FFF;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg); }
.m-menu > ul > li.on > a i svg { background: #FF6D00;
    -webkit-transform:rotate(405deg);
    -moz-transform:rotate(405deg);
    -ms-transform:rotate(405deg);
    -o-transform:rotate(405deg);
    transform:rotate(405deg); }

/*=== Paging ===*/
.page-nav { margin-top: 0.16rem; font-size: 0.14rem; }
.page-nav .page-nav-box { display: inline-block; }
.page-nav .page-nav-box > *:nth-child(2) { border-left: 0.01rem solid #DDD; }
.page-nav .page-nav-box > * + * { border-left: none; }
.page-nav .page-nav-box a:hover,
.page-nav .page-nav-box span.current { background: #0088E5; border-color: #0088E5; color: #FFF !important; }
.page-nav .page-nav-box span.nolink { color: #999; }

.page-nav .page-nav-box span:first-child,
.page-nav .page-nav-box .jump,
.page-nav .page-nav-box select { display: none; }