@charset "UTF-8";
body{background:url(/style/images/bg.jpg);line-height:1.5;color:#2c2e2e;font:normal normal normal 1.6rem/1.8 'Helvetica Neue', Helvetica, Arial, sans-serif,FontAwesome;}
button,dl,dt,dd,ul,li,p{padding:0;border:none;outline:none;list-style:none}
.clear{clear:both}
a{color:#2c2e2e}
a:hover{color:#c45894}
.bg_color{background:#21BAED;color:#fff}
.am-container{max-width:1200px;padding:0 .8rem}
.ml15{margin-left:15px;}
.padding_4{padding:0 0 4rem}
.page_spinner{position:fixed;background:url(/style/images/loading.gif) 50% 50% no-repeat #2B2C30;z-index:9999;width:100%;height:100%;top:0;left:0}
.indexbanner{margin-top:30px;}
.indexbanner img{width:100%;}
.slogan{height:80px;line-height:100px;background:url(/style/images/sloganbg.jpg) center;text-align:center;font-size:20px;pading-top:40px;margin-top:-40px;}
.slogan .text{ background-image: -webkit-linear-gradient(left,#D81159, #E53A40 10%, #FFBC42 20%, #75D701 30%, #30A9DE 40%,#D81159 50%, #E53A40 60%, #FFBC42 70%, #75D701 80%, #30A9DE 90%,#D81159); color:transparent;-webkit-background-clip: text;background-size: 200% 100%;color:#fff;}
.indexinfo .tt{color:#e5894c;font-size:3rem;text-align:center;font-weight: 500;}
.indexinfo .index-c{color:#888;font-size:1.5rem;text-align:center;font-weight:300;}
.index-c h1{margin:0px;font-size:16px;}
/*nav*/
.headtop{top:0;position:fixed;z-index:9999;height:25px;width:100%;line-height:25px;background:#262626;color:#f1f1f1;font-size:12px;}
.headtop a{color:#f1f1f1;}
.headtop:before {display: block;position:fixed;/*width: 100%;height: .3rem;background-image: linear-gradient(to right, #73D2F6, #08C 22%, #7FC400 36%, #FFD583 48%, #FFB21E 63%, #FF4D4D 76%, #503873);content: '';-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0*/}
.ay-nav{top:25px;background:#fff;border:none;z-index:9999}
.ay-nav,.ay-nav{background-color:#1D65A6; border:none;min-height:80px;z-index:2000;-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);-ms-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);-o-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);}
.ay-nav .nav-logo{display:inline-block;height:80px;-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);-ms-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);-o-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);}
.ay-nav .nav-logo img{height:80px;display:block; border-radius: 0 0 5px 5px;}
.ay-nav .am-topbar-nav>li>a{font-size:1.6rem;line-height:70px;color:#dedede;    text-transform: uppercase;}
.ay-nav .am-topbar-nav>li>a:after{border:none}
.ay-nav .am-topbar-nav>li>a:hover{background:0 0}
.ay-nav .am-topbar-nav>li{margin:0 25px}
.ay-nav .am-topbar-nav>li:after{content:"";display:block;position:relative;left:0;bottom:0;width:0;height:3px;background:#535353;transition:width 350ms;-moz-transition:width 350ms;-webkit-transition:width 350ms;-o-transition:width 350ms}
.ay-nav .am-topbar-nav>li.nav-color a{display:block;margin-top:20px;padding:5px 20px;line-height:1;color:#eb3f24;border:2px solid #eb3f24;border-radius:30px;-webkit-transition:.4s all;-moz-transition:.4s all;-ms-transition:.4s all;transition:.4s all}
.ay-nav .am-topbar-nav>li.nav-color:hover a{background:#eb3f24;color:#fff}
.ay-nav .am-topbar-nav>li.nav-color:after,.ay-nav .am-topbar-nav>li.nav-color:hover:after{display:none}
/*.ay-nav .am-topbar-nav>li:last-child a{background:#eb3f24;color:#fff}*/
.ay-nav .am-topbar-nav>li:hover:after{width:100%}
.ay-nav .am-topbar-nav>li>a{padding:0}
.ay-nav .am-topbar-nav .nav-active:after{width:100%}
.submenu{margin:0;left:-28px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background:#534B62;}
.submenu:after,.submenu:before{display:none}
.submenu li a{display:block;padding:8px 20px;font-size:14px;color:#fff;}
ul.am-dropdown-content>li>a{color:#fff;}
.solution .submenu{width:304px}
.solution .submenu p{font-size:14px}
.solution .submenu p a{padding:0}
.solution .submenu .solution-left{float:left;width:150px}
.solution .submenu .solution-left p{padding-left:13px!important;line-height:30px}
.solution .submenu .solution-left p:nth-of-type(1){color:#eb3f24}
.solution .submenu .solution-left p:not(:nth-of-type(1)):hover{color:#262626;background-color:#f5f5f5}
.solution .submenu .solution-right{float:right;width:150px;border-left:1px solid #ccc}
.solution .submenu .solution-right p{width:100%;line-height:30px;padding-left:20px!important}
.solution .submenu .solution-right p:nth-of-type(1){color:#eb3f24}
.solution .submenu .solution-right p:not(:nth-of-type(1)):hover{color:#262626;background-color:#f5f5f5}
@media screen and (max-width:1024px) {
.ay-menu-phone{display:block!important}
.ay-menu-pc{display:none!important}
.ay-nav .am-topbar-collapse{width:180px;background:#eb3f24}
.ay-nav .am-menu-toggle{top:20px;right:10px;color:#eb3f24;font-size:40px}
.ay-nav .am-menu-toggle.am-active{color:#eb3f24}
.ay-nav .am-offcanvas{background:0 0}
.ay-nav .am-offcanvas-bar{width:180px;height:1200px;background:#eb3f24;z-index:99999}
.ay-nav .am-offcanvas-bar .am-menu-nav{border-bottom:none;box-shadow:none;-wekit-box-shadow:none}
.ay-nav .am-offcanvas-bar .am-menu-nav>.am-open>a,.ay-nav .am-offcanvas-bar .am-menu-nav>li>a:focus,.ay-nav .am-offcanvas-bar .am-menu-nav>li>a:hover{background:#eb3f24}
.ay-nav .am-offcanvas-bar .am-menu-nav>li>a{border-top:none;color:#fff;box-shadow:none;-wekit-box-shadow:none;text-shadow:none;font-size:20px;}
.ay-nav .am-offcanvas-bar .am-menu-sub{padding:5px 0;background:#d43920;border:none;box-shadow:none;-wekit-box-shadow:none}
.ay-nav .am-offcanvas-bar .am-menu-sub a{text-align:center}
.ay-nav .am-offcanvas-bar:after{display:none}
}
/*/nav*/
.title{padding-top:2rem;overflow:hidden}
.title h3{font-size:1.8rem;font-weight:400;color:#666}
.title h2{font-size:3rem;font-weight:500;color:#333;float:left}
.title p{font-size:1.4rem;color:#333;line-height:200%;padding:0;margin:10px 0}
.title span{font-family:Georgia,"Times New Roman",Times,serif;color:#666;text-transform:uppercase;padding:0 1rem;font-size:1.6rem;line-height:48px}
.tit{overflow:hidden}
.tit{text-align: center;height: 26px;line-height: 25px;background: url(/style/images/h3-bg.png) no-repeat center 0;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.5);margin-bottom:5px;}
.tit p{font-size:1.4rem;color:#333;line-height:200%;padding:0;margin:10px 0}
.tit span{font-family:Georgia,"Times New Roman",Times,serif;color:#666;text-transform:uppercase;padding:0 1rem;font-size:1.6rem}

.products-list{overflow:hidden;padding:0;}
.products-list li a{overflow:hidden;border:1px solid #d9d9bd;background-color: #f0f0e3;border-radius:8px;}
.products-list li img{width:100%;border:0;}
.products-list li a{background:rgba(255,255,255,.3);display:block;overflow:hidden;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s}
.products-list li a:hover{-webkit-box-shadow:0 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);transition: all 0.16s ease-in;background-color:#fafaf3;}
.products-list li .am-gallery-title{color:#324B4B;font-size:1.3rem;margin:12px 5px !important;}
.products-pic{width: 100%;overflow: hidden;position: relative;}
.am-gallery-bordered .am-gallery-item {-webkit-box-shadow: none; box-shadow: none;padding: 5px;}

.am-list>li {background-color:#fafaf3;}
.typeinfo{background: #f8f8f8; padding:15px; margin-bottom: 20px; border-radius: 8px;}
.typeinfo-c{overflow:hidden; text-align: left;}

.contact{margin-bottom:20px;}
.contact .am-panel-default{border:none;}
.sidebar{padding:40px 20px 20px 60px;top:-100px;}
.sidebar li{background: url(/style/images/line.gif) repeat-x 0 bottom;overflow:hidden; margin-bottom: 20px;}
.sidebar li .img{margin:0 auto;overflow:hidden;width:180px;background-color: #e5e6d0;border: 1px solid #a6a78b;padding: 3px;transition: all 0.16s ease-in;}
.sidebar li .img:hover{border-color:#2e3030}
.sidebar li .img img{width:100%;height:100%}
.sidebar li .text{float:right;overflow:hidden; font-size:14px; line-height:20px;}
.index .sidebar{top:-10px;}
.search{overflow:hidden; margin-bottom: 20px;width:200px;margin: 0 auto 20px auto;}
.search form{overflow:hidden;width:100%;border:1px solid #676951!important;border-radius:5px;}
.search form:hover{border:1px solid #08c;color:#000}
.search button{color:#676951;border:none;background:none;margin:0;padding:0}
.search input{border:none!important;background:none!important;font-size:1.4rem!important}
.contents{padding:70px 0 50px 0;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;background: url(/style/images/sidebar.gif) repeat-y right 0;}
.index .contents{padding:30px 0 50px 0;}
.news{overflow:hidden;padding:0 0 20px}
.article_content{background:rgba(13,46,71,0.91);overflow:hidden;padding:2rem 0}
.article{overflow:hidden;line-height:2;padding:20px;border:1px solid #d9d9bd;background-color:#fafaf3;color:#262626;border-radius:8px;-moz-box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;-webkit-box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;box-shadow:0px 1px 0px rgba(0, 0, 0, .05),0px 1px 0 rgba(255,255,255,.6) inset;-webkit-transition-delay:initial;-webkit-transition-duration:0.3s;-webkit-transition-property:all;-webkit-transition-timing-function:initial;text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px;
}
/*.article:hover {background-color:#fafaf3;}*/
.am-article-lead{text-shadow:0 1px 0 #fff;background-color:rgba(255,255,255,.5)}
.article img{max-width:100%}
.am-article-title{font-size:2.4rem;color:#333}
.article .am-article-bd h3{text-shadow:0 1px 0 #fff;background-color:rgba(255,255,255,.5);padding:8px;color:#02AEE9;border-radius:2px;font-weight:400}
.article .am-article-bd img{display:inline-block;max-width:100%;height:auto!important;padding:10px 0}
.article-footer{background: url(/style/images/line.gif) repeat-x 0 top;margin:1rem 0 0;padding:1rem 0 0}
.article-footer span{display:block;margin:0 0 10px}
.article-con{font-size:1.5;}
.article-con .am-slider-default {margin: 0 0 20px;text-shadow:0 1px 0 #fff;background-color:rgba(255,255,255,.5);border-radius: 2px;}
.pic{padding: 1rem}
.pic a.am-next:before{display:none}
.pic .am-prev{background:url(/style/images/pre.png) center no-repeat #eee;left:-50px}
.pic .am-direction-nav a:before{display:none}
.pic .am-direction-nav a{position:absolute;top:30%;z-index:10;display:block;width:48px;height:64px;margin:-18px 0 0;overflow:hidden;opacity:.45;cursor:pointer;color:#ddd;-webkit-transition:all .3s ease;transition:all .3s ease}
.pic .am-direction-nav .am-next{background:url(/style/images/next.png) center no-repeat #ddd;right:10px;}
.article-con .am-slider-default .am-control-thumbs{height:100px; overflow:hidden;}
.tags{padding:20px 0;color:#fff}
.products-list li{margin-top:0;margin-bottom:0;padding-bottom:5px}
.products-list li figure{margin-bottom:0;position:relative;z-index:1;display:inline-block;overflow:hidden;background:#000;text-align:center;cursor:pointer}
.products-list li figure img{position:relative;display:block}
.products-list li figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:120px}
.products-list li figure figcaption::before,.products-list li figure figcaption::after{pointer-events:none}
.products-list li figure figcaption,.products-list li figure a{position:absolute;top:0;left:0;width:100%;height:100%}
.products-list li figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.products-list li figure h3{word-spacing:-.15em;font-weight:300;color:#333;}
.products-list li figure h3 span{font-weight:800}
.products-list li figure h3,.products-list li figure p{margin:0}
.products-list li figure p{letter-spacing:1px;font-size:68.5%}

.product-type{border:1px #b9baa6 solid; border-radius: 8px; padding: 20px; margin: 20px 5px;}

.tagcloud{overflow:hidden;margin-bottom:10px;}
.tagcloud a{-moz-transition:all 0.16s ease-in 0s;}
.tagcloud a:hover{-moz-transition:color 0.2s linear 0s;}
.tagcloud a {float:left;display:inline;background:#dddec2;line-height:17px;color:#2c2e2e; padding:3px 15px;margin:0 10px 10px 0;border-radius:20px;white-space:nowrap;}
.tagcloud a:hover{background:#696b53;color:#fff;}
.sidebar .am-list>li{border:0;line-height:1.5;font-size:14px;}
.sidebar .am-list>li>a {display:block;padding:0.2rem 0;}
.am-list-border>li:first-child, .am-list-border>li:first-child>a, .am-list-bordered>li:first-child, .am-list-bordered>li:first-child>a{border-top-right-radius:8px;border-top-left-radius:8px;}
.am-list-border>li:last-child, .am-list-border>li:last-child>a, .am-list-bordered>li:last-child, .am-list-bordered>li:last-child>a{margin-bottom: 0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
figure.effect-lily img{width:-webkit-calc(100% + 50px);width:calc(100% + 50px);-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;background:url(/style/images/loading.gif) 50% 50% no-repeat}
figure.effect-lily figcaption{top:auto;bottom:0;text-align:left}
figure.effect-lily h3,figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
figure.effect-lily h3{-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.effect-lily p{color:rgba(255,255,255,0.6);opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s}
figure.effect-lily:hover img,figure.effect-lily:hover p{opacity:1}
figure.effect-lily:hover img,figure.effect-lily:hover h3,figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#fff}
figure.effect-lily:hover img{opacity:.4}
figure.effect-lily:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s}

.footerlink{background:url(/style/images/bg-footer.png) repeat-x top;color:#696b53;}
.footerlink .am-container{padding:30px 0 5px 0;position:relative;}
.foot-logo {position:absolute;top:-35px;right:-22px;width:307px;font-size:12px;line-height:20px;text-align:center;background: url(/style/images/foot-logo.png) no-repeat 0 0;}
.foot-logo ul{padding-top:120px;}
footer{width:100%;text-align:center;line-height:70px;background:#1D65A6;color:#333;}
.gf-social{text-align:center;margin-bottom:10px;margin-top:20px}
.gf-social li:first-child{margin-left:0}
.gf-social li{display:inline-block;margin-left:10px}
.gf-social a{display:block;height:40px;width:40px;background:#696b53;color:#EBE9E9;font-size:24px;line-height:40px;border-radius:50%;-webkit-transition:.15s;transition:.15s}
.gf-social a:hover{background:#eee;color:#939393;}
.gf-footer a{color:#999}

.foot-contact{}
.foot-contact .footer-tit{margin:0 0 .5em 0;height:20px;line-height: 20px;}
.foot-contact .foot-contact-l{overflow:hidden;}
.foot-contact .foot-contact-l .footer-tit{margin-bottom:.7em;}
.foot-contact .foot-contact-l div{padding:0 0 0 55px;height:50px; line-height: 25px;margin:0 0 15px 0;}
.foot-contact .foot-contact-l div.fm1{background: url(/style/images/disney.png) no-repeat;}
.foot-contact .foot-contact-l div.fm2{background: url(/style/images/hk-printers.png) no-repeat;}
.foot-contact .foot-contact-l div.fm3{background: url(/style/images/hk-netrepreneurs.png) no-repeat;}
.foot-contact .foot-contact-l div.fm4{background: url(/style/images/iso9001.png) no-repeat;}
.foot-contact .contact-tel{margin: 0;}
.foot-contact .contact-tel li{line-height:30px;height:30px;}
.foot-contact .contact-tel a {color: #696b53;font-size:14px;line-height:30px;height:30px;padding-left:28px;position:relative;text-decoration:none;display:block;}
.foot-contact .contact-tel a > i {color: #696b53;font-size:16px;left:0;position:absolute;top:0;}

#sticky{ width:120px; position:fixed; right:0px;bottom:50px; z-index:9999; }
#sticky button{display:block;float:right;width:45px; height:45px; line-height:45px; font-size:14px;color:#fff; text-align:center;padding:0; background:#CBCBCB;}
#sticky button span{display:block;color:#CBCBCB;height:30px;margin-top:-28px; font-size:16px;}
.sticky-qq{display:block;float:right;width:100%; margin-right:-75px; height:45px;line-height:45px; background:#FFB400; overflow:hidden; color:#fff; text-align:center; 
transition:margin 0.5s; 
-moz-transition:margin 0.5s; /* Firefox 4 */ 
-webkit-transition:margin 0.5s; /* Safari and Chrome */ 
-o-transition:margin 0.5s; /* Opera */ }
.sticky-qq span{float:left;font-size:14px;text-align:left;color:#fff;}
.sticky-qq .am-icon-envelope{display:block; width:45px;font-size:18px; text-align:center;}
.sticky-qq:hover{color:#fff; background:#000; margin:0;}
.qrc span{display:block;float:right;width:45px; height:45px; line-height:45px;font-size:18px;color:#fff; text-align:center;background:#7FBE25;}
.qrc .wx{display:none; float:left; margin:-130px 0 0 -40px;padding:5px; background:#fff;}
.qrc:hover .wx{display:block;}
.qrc:hover span{ background:#000;}
#sticky button:hover{ background:#000;}
#sticky button:hover span{color:#000;}

@media screen and (max-width:1024px) {
.contents{background:none;}
.sidebar{float:right;width:100%;padding:2rem .5rem 1rem;top:0;}
.sidebar li .img{float:left;width:30%;overflow:hidden;text-align:center;height:auto;border-radius:0}
.sidebar li .img img{max-width:100%;max-height:100%;width:150px}
.s-hot{display:none;}
.ay-nav .am-topbar-nav > li { margin: 0 6px;}
}
@media (max-width: 1200px){
.ay-nav .am-topbar-nav > li { margin: 0 6px;}
}
@media only screen and (max-width:640px) {
body{font-size:1.4rem}
.indexbanner,.slogan,.s-hot{display:none;}
.padding_wap_0{padding:0}
.search form{overflow:hidden;width:100%;border:1px solid #2E343E!important;background:#232837!important;margin:1.2rem 0}
.article{overflow:hidden;line-height:2;padding:1rem}
.sidebar{float:right;width:100%;padding:2rem .5rem 1rem;top:0;}
.sidebar li .img{float:left;width:30%;overflow:hidden;text-align:center;height:auto;border-radius:0}
.sidebar li .img img{max-width:100%;max-height:100%;width:48px}
.contents-info-right{padding:0}
.contents-info-left{padding:0}
.am-article-title{font-size:2rem}
.preview-pc-view{border:0;background:#fff;border-radius:0;box-shadow:none;overflow:hidden}
.preview-pc-view-iframe{width:100%;height:680px;overflow:hidden}
.article-con .am-slider-default .am-control-thumbs{height:90px; overflow:hidden;}
.foot-logo{display: none;}
.contents{background:none;}
.index .contents{padding:90px 0 50px 0;}
}

.infoc{font-weight:600;}
.infoc strong{padding-right:5px;}
.infoc span{padding-left:5px;}
.jbms {padding:0 0 0 10px; font-size:14px;}
.jbms ul li{list-style-type: disc;}

.contact .am-form-group { margin-bottom:.8rem;}
.contact label {margin-bottom:0;}
.contact .am-panel-hd {padding:.3rem .7rem;border-bottom:1px #ccc solid;}
.contact .am-panel-bd{}
.contact .am-panel-bd h5{margin:0 0 10px 0;font-size:16px;}
.contact .am-panel-bd p{margin:0.4rem 0 0.4rem 0;}

.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#6b6d55;border-color:#6b6d55;cursor:default}

.website{display: none;}