/*
Theme ID: FY_Uo
Author: FengYan
Author URI: http://www.fengyan.cc/
*/
@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{color: #333;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;    background: #fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
nav ul{list-style:none;}
li{list-style: none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;background:transparent;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;}
a:hover,a:focus{color:#FF6B57;text-decoration:none;cursor:pointer;}
/*p{line-height: 20px;}*/
img{margin: 0;padding:0;max-width: 100%;height: auto;}
/*----------- article  -----------*/
.header{background-color:rgba(255,255,255,.95);width:100%;height:auto;overflow:hidden}
.container{margin:0 auto;max-width:1200px;padding:0 20px}
.top-bar{background:#5D5D58;height:36px;line-height:36px}
.top-bar span{height:36px;line-height:36px;float:left;padding-left:5px;font-size:14px;font-weight:400;color:#ccc;display:block}
.top-bar p{height:36px;line-height:36px;float:right;display:block}
.top-bar p a{float:left;width:75px;height:36px;line-height:36px;font-size:14px;color:#ccc;text-align:center;display:block}
.head{width:100%;padding:16px 20px!important;line-height:35px;overflow:hidden}
.logo{height:60px;line-height:6;float:left}
.logo h2{width:280px;height:30px;padding-top:15px;top:23px;left:155px;z-index:999;position:absolute;font-size:12px;color:#666;font-weight:400}
.search{width:400px;height:60px;padding:10px 0 0 0;float:right}
.search form{position:relative;text-align:right;padding-right:14px}
.search .s_w{font-size:13px;font-weight:300;border:1px solid #ccc;border-color:#d7d7d7;padding:4px 14px;margin-bottom:0;width:210px;height:36px;outline:0}
.search .an{color:#fff;font-weight:600;font-size:14px;border:none;background-color:#38A3DB;letter-spacing:.5px;border-radius:2px;padding:7px 16px;cursor:pointer}
.header-nav{position:relative;width:100%;float:left;background-color:#f7f7f7;border-top:1px solid #eee;border-bottom:1px solid #eee}
.navbar{clear:both;position:relative;z-index:1}
.navbar li{float:left;display:block;text-align:center;position:relative}
.navbar li a{display:block;color:#323232;line-height:54px;font-size:16px;padding:0 40px}
.navbar li.active,.navbar li.on{background:#fff;text-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #eee;border-right:1px solid #eee}
.header .moble-bars{display:none}
.header menu>ul>li:hover>ul{display:block}
.header menu>ul>li>ul{position:absolute;width:140%;top:100%;right:-20%;text-align:center;background-color:#fff;display:none;transition:.3s all;border-top:2px solid #38A3DB;padding:10px 0}
.header menu>ul>li>ul>li,.header menu>ul>li>ul>li>a{width:100%;line-height:30px;padding:0;margin:0;font-size:14px;color:#686967!important}
.header menu>ul>li>ul>.on{background-color:#38A3DB;color:#fff!important}
.header menu>ul>li>ul>.on a{color:#fff!important}
/*slider*/
.newest{background:#fff;width:100%;overflow:hidden;margin:20px 0 0 0;padding:5px 0 0 18px}
.slider{background:#fff;}
.thumb-box{padding:1.4em 0 1em;margin-left:-1%;width:102%}
.thumb-box .thumbs{overflow:hidden}
.thumb-box .thumbs li{float:left;width:25%;text-align:center;padding:0 1%}
.thumb-box .thumbs li img{width:100%;max-width:183px;max-height:77px;opacity:.8;-moz-transition:opacity .32s;-o-transition:opacity .32s;-webkit-transition:opacity .32s;transition:opacity .32s;border-bottom:4px solid transparent}
.thumb-box .thumbs li img.active{border-color:#38A3DB;opacity:1}
.thumb-box .thumbs li:hover img{opacity:1;-moz-transition:opacity .2s;-o-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s}
@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
100% {
-moz-transform: translateY(-20%) translateX(-10%);
-ms-transform: translateY(-20%) translateX(-10%);
-webkit-transform: translateY(-20%) translateX(-10%);
transform: translateY(-20%) translateX(-10%); } }
.sy-box.sy-loading{background:url(../images/sy-loader.gif) 50% 50% no-repeat;-moz-background-size:32px;-o-background-size:32px;-webkit-background-size:32px;background-size:32px;min-height:40px}
.sy-box.sy-loading .sy-pager,.sy-box.sy-loading .sy-slides-wrap{visibility:hidden}
.sy-slides-wrap{position:relative;height:100%;width:100%}
.sy-slides-wrap:hover .sy-controls{display:block}
.sy-slides-crop{height:100%;width:100%;position:absolute;overflow:hidden}
.sy-list{width:100%;height:100%;list-style:none;margin:0;padding:0;position:absolute}
.sy-list.horizontal{-moz-transition:left ease;-o-transition:left ease;-webkit-transition:left ease;transition:left ease}
.sy-list.vertical{-moz-transition:top ease;-o-transition:top ease;-webkit-transition:top ease;transition:top ease}
.sy-slide{position:absolute;width:100%;z-index:2}
.sy-slide.kenburns{width:140%;left:-20%}
.sy-slide.kenburns.useCSS{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n){-webkit-animation-name:left-right;-webkit-animation-fill-mode:forwards;-moz-animation-name:left-right;-moz-animation-fill-mode:forwards;-o-animation-name:left-right;-o-animation-fill-mode:forwards;animation-name:left-right;animation-fill-mode:forwards}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n){-webkit-animation-name:right-left;-webkit-animation-fill-mode:forwards;-moz-animation-name:right-left;-moz-animation-fill-mode:forwards;-o-animation-name:right-left;-o-animation-fill-mode:forwards;animation-name:right-left;animation-fill-mode:forwards}
.sy-slide.sy-active{z-index:3}
.sy-slide>img{margin:0;padding:0;display:block;width:100%;border:0}
.sy-slide>a{margin:0;padding:0;display:block;width:100%}
.sy-slide>a>img{margin:0;padding:0;display:block;width:100%;max-width: 1920px;
max-height: 600px;border:0}
.sy-controls{display:none;list-style:none;height:100%;width:100%;position:absolute;padding:0;margin:0}
.sy-controls li{position:absolute;width:10%;min-width:4.2em;height:100%;z-index:33}
.sy-controls li.sy-prev{left:0;top:0}
.sy-controls li.sy-prev a:after{background-position:-5% 0}
.sy-controls li.sy-next{right:0;top:0}
.sy-controls li.sy-next a:after{background-position:105% 0}
.sy-controls li a{position:relative;width:100%;height:100%;display:block;text-indent:-9999px}
.sy-controls li a:link,.sy-controls li a:visited{opacity:.4}
.sy-controls li a:focus,.sy-controls li a:hover{opacity:.8;outline:0}
.sy-controls li a:after{content:"";background-image:url(images/arrows.svg);background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;text-align:center;text-indent:0;line-height:2.8em;color:#111;font-weight:800;position:absolute;background-color:#fff;width:2.8em;height:2.8em;left:50%;top:50%;margin-top:-1.4em;margin-left:-1.4em;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
@media only screen and (max-device-width:600px){.sy-controls{display:block}
.sy-controls li{min-width:2.1em}
.sy-controls li a:after{width:1.4em;height:1.4em;margin-top:-.7em;margin-left:-.7em}
}
.sy-caption-wrap{position:absolute;bottom:2em;z-index:12;left:50%}
.sy-caption-wrap .sy-caption{position:relative;left:-50%;background-color:rgba(0,0,0,.54);color:#fff;padding:.4em 1em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;border-radius:1.2em}
.sy-caption-wrap .sy-caption a:link,.sy-caption-wrap .sy-caption a:visited{color:#e24b70;font-weight:600;text-decoration:none}
.sy-caption-wrap .sy-caption a:focus,.sy-caption-wrap .sy-caption a:hover{text-decoration:underline}
@media only screen and (max-device-width:600px),screen and (max-width:600px){.sy-caption-wrap{left:0;bottom:.4em}
.sy-caption-wrap .sy-caption{left:0;padding:.2em .4em;font-size:.92em;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
}
.sy-pager{overflow:hidden;display:block;width:100%;margin:1em 0 0;padding:0;list-style:none;text-align:center}
.sy-pager li{display:inline-block;width:1.2em;height:1.2em;margin:0 1em 0 0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.sy-pager li.sy-active a{background-color:#e24b70}
.sy-pager li a{width:100%;height:100%;display:block;background-color:#ccc;text-indent:-9999px;-moz-background-size:2em;-o-background-size:2em;-webkit-background-size:2em;background-size:2em;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.sy-pager li a:link,.sy-pager li a:visited{opacity:1}
.sy-pager li a:focus,.sy-pager li a:hover{opacity:.6}
.sy-filler{width:100%}
.sy-filler.ready{-moz-transition:padding .6s ease;-o-transition:padding .6s ease;-webkit-transition:padding .6s ease;transition:padding .6s ease}
/**************************************************************/
.tese-flipinx{padding:70px 0;background:#fff;text-align:center;overflow:hidden}
.container{max-width:100%;width:1170px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.Label .flipinx-h2{font-size:36px;margin-top:0;text-align:center;font-weight:300}
.Label .flipinx-p{font-size:16px;font-weight:300;text-align:center;width:80%;color:#5e7387;margin:0 auto}
.tese-flipinx .flipinx-li{width:25%;margin:50px 0 0;clear:none;position:relative;float:left;min-height:1px;padding-right:15px;padding-left:15px}
.tese-flipinx .flipinx-li i{width:120px;height:120px;background:#eee;text-align:center;font-size:50px;line-height:120px;color:#5e7387;border-radius:100%;transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-webkit-transition:background .5s,color .5s;-o-transition:background .5s,color .5s}
.tese-flipinx .flipinx-li:hover i{background:#4E97D9;color:#fff}
.tese-flipinx .flipinx-li h3{margin-top:20px;margin-bottom:5px;font-weight:300;font-size:20px;color:#2a333c}
.tese-flipinx .flipinx-li p{width:90%;margin:0 auto;font-weight:300;color:#5e7387}
.product{padding:70px 0;background:#f5f5f5;text-align:center;overflow:hidden}
.product-tab .nav-tabs{border-bottom:none;margin:30px auto;text-align:center;padding-left:0;list-style:none}
.nav-tabs li{white-space:nowrap;display:inline-block;float:none}
.nav-tabs li a{background:#fff;padding:8px 30px;border:none;border-radius:0;white-space:nowrap;color:#76838f;-webkit-transition:.25s;-o-transition:.25s;transition:.25s}
.nav-tabs>li>a{position:relative;display:block;padding:7px 18px}
.nav-tabs li h3{margin:0;font-size:inherit;font-weight:100;line-height:inherit;text-shadow:none;color:inherit}
.nav-tabs li.hactive a{background:#62a8ea;color:#fff;border:none}
.product-list{margin-right:-10px;overflow:hidden}
.product-list .product-li{clear:none;width:25%;float:left;min-height:1px;padding-right:0;padding-left:0;margin-bottom:0}
.product-widget{margin-right:10px;border-radius:0;margin-bottom:0;position:relative;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.product-widget .widget-header{border-radius:0;width:100%;overflow:hidden;margin:0}
.cover-image{width:100%;vertical-align:middle}
.product-widget .widget-title{font-size:16px;text-align:center;padding:12px 20px;margin-top:0;min-height:68px;margin-bottom:11px;color:#37474f;text-transform:capitalize}
.product-widget .widget-title a{color:#2a333c}
.homeblog{padding:70px 0;background:#fff;text-align:center;overflow:hidden}
.homeblog-list{margin-top:20px}
.homeblog-list .homeblog-list-li{margin:30px 0 0;width:50%;position:relative;float:left;min-height:1px;padding-right:15px;padding-left:15px;text-align:left}
.homeblog-list-li-media{margin-top:15px}
.homeblog-list-li-media:first-child{margin-top:0}
.homeblog-list-li-media{overflow:hidden;zoom:1}
.media-left{width:160px;padding-right:20px;display:table-cell;vertical-align:top}
.media-left img{width:160px}
.media-body{overflow:hidden;display:table-cell;vertical-align:top}
.media-heading{margin-top:0;margin-bottom:5px}
.media-body a{color:#2a333c}
.media-body p.des{margin-bottom:5px;color:#76838f;font-weight:300}
.media-body p{color:#76838f;font-weight:300;margin-bottom:0}
.about{padding:70px 0;background:#f5f5f5;text-align:center;overflow:hidden}
.about-content{margin-top:50px;padding:30px;background:#fff;width:100%;max-width:100%;font-size:18px;font-weight:300;line-height:1.8;color:#222;word-wrap:break-word}
.about-content p{margin:0 0 11px;margin-bottom:16px;text-align:left}
.about-content hr{margin-top:22px;margin-bottom:22px;border:0;border-top:1px solid #e4eaec}
/************************************************************************/
.banner-ny{background-color:#62a8ea;height:120px;text-align:center!important}
.banner-ny h2{display:inline-block;max-width:100%;margin:0;padding:35px 30px;font-size:35px;font-weight:300;text-shadow:none;color:#fff}
.banner-ny h1{display:inline-block;max-width:100%;margin:0;padding:35px 30px;font-size:35px;font-weight:300;text-shadow:none;color:#fff}
.column-nav{border-bottom:1px solid #f0f2f5;text-align:center}
.sidebar-tile-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.sidebar-tile-container ul{width:auto;list-style:none;margin:0;padding:10px 0;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.sidebar-tile-container ul li{width:auto;height:100%;position:relative;white-space:nowrap;display:inline-block;float:none}
.sidebar-tile-container ul li a.link{text-decoration:none;display:block;padding:5px 10px;font-size:16px;font-weight:300;color:#90939b}
.sidebar-tile-container ul li a.link.active,.sidebar-tile-container ul li a.link:hover{color:#4e97d9}
.auout-show{margin:-30px 0 30px 0;background:#fff;word-break:break-all}
.list-product{background:#f2f2f2}
.list-product .container{max-width:100%;padding:30px 0}
.pager{margin-top:20px;text-align:center}
.pager *{display:inline-block}
.pager .NextSpan,.pager .PreSpan{padding:9px 15px;border:1px solid #e4eaec;background:#fff;color:#ccd5db;cursor:default}
.pager a{padding:9px 15px;border:1px solid #e4eaec;background:#fff;text-align:center;color:#76838f}
.pager a{text-decoration:none}
.pager a.Ahover{border-color:#62a8ea;background:#62a8ea;color:#fff;cursor:default}
.list-blog{padding:30px 0;border-top:1px solid #f0f2f5;background:#f2f2f2;overflow:hidden}
.content-wrap{width:100%;float:left}
.content{position:relative;min-height:500px;margin-right:320px;padding:30px;background:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.sidebar{float:left;margin-left:-300px;width:300px;position:relative;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.content ul li h4{margin:0 0 20px;font-size:22px}
.content ul li{border-bottom:1px solid #f0f2f5;padding:20px 0}
.content ul li p.des{color:#76838f;margin-bottom:10px;font-size:16px;font-weight:300}
.content ul li p.info{margin-bottom:0;font-size:16px;font-weight:300;color:#a3afb7}
.content ul li p.info span:first-child{margin:0}
.content ul li p.info span{margin-left:10px}
.Recommend{padding:30px 30px;position:relative}
.Recommend h2{margin-top:0;margin-bottom:15px!important;font-size:16px!important;font-weight:300!important;line-height:1.2;color:#37474f}
.Recommend ul li{width:100%;text-align:center;clear:none;margin-bottom:22px}
.Recommend ul li a.img{margin:0 auto;margin-bottom:5px;display:block}
.Recommend ul li a.img img{margin:0 auto;width:100%;vertical-align:middle}
.Recommend ul li a.txt{color:#5e7387;text-decoration:none}
.shownews-header{padding-bottom:0;background:#fff}
.shownews-header h1{margin:0;margin-bottom:5px;font-size:24px;line-height:1.5;font-weight:300}
.shownews-header .info{padding-bottom:20px;border-bottom:1px solid #f0f2f5;font-size:16px;font-weight:300;color:#a3afb7}
.shownews-header .info span{padding-right:10px}
.shownews-footer{padding-top:0}
.shownews-footer ul.pager{margin:0;border-top:1px solid #f0f2f5;padding-top:20px;text-align:inherit}
.pager li{width:49%;display:inline-block}
.pager li a{padding:10px 20px;color:#76838f}
.shownews-footer .pager-round li a{height:42px;line-height:24px;overflow:hidden}
.post-tag{text-align:center;padding-top:15px}
.post-tag a{margin-right:10px;color:#68727d;display:inline-block;height:26px;line-height:24px;padding:0 15px;border:1px solid #68727d;border-radius:15px}
.shownews-content{padding:30px 0;background:#fff;width:100%;max-width:100%;font-size:18px;font-weight:300;line-height:1.8;color:#222;word-wrap:break-word}
.shownews-content p{margin-bottom:16px}
/*browsehappy*/	
#browsehappy{padding:.9em 0;border-bottom:1px solid #ddd;background:#FFF7D3;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browsehappy a{padding:4px;color:#008DFD}
#browsehappy a:hover{text-decoration:underline}
#gotop{position:fixed;right:25px;top:80%;background:url(images/gotop.png) -2px -103px #2e2e2e;border:2px solid #62a8ea;border-radius:100%;width:50px;height:50px;cursor:pointer}
#gotop:hover{background:url(images/gotop.png) -2px -103px #000}
/************************************************************************/
.footnav{padding:40px 0;border-top:1px solid #f0f2f5;overflow:hidden}
.text-center{text-align:center!important;position:relative}
.magse-item{width:16.66666667%;float:left}
.footnav h4{font-size:18px;margin-top:0;text-shadow:none;margin-bottom:11px;font-weight:400;line-height:1.2;color:#37474f}
.footnav h4 a{color:#2a333c;text-decoration:none}
.footnav ul{padding:0;margin-bottom:0;list-style:none}
.footnav ul li{margin-bottom:3px}
.footnav ul li a{color:#5e7387;text-decoration:none}
.footnav .info em{display:block;font-size:26px;font-style:normal}
.footnav .info em a{margin:0 8px;color:#5e7387;transition:color .5s;-moz-transition:color .5s;-webkit-transition:color .5s;-o-transition:color .5s}
#weixin span{display:none}
#weixin span img{position:absolute;width:100px;height:100px;overflow:hidden;top:77px;background:#fff;border:solid 1px #ddd;box-shadow:0 2px 3px rgba(0,0,0,.1);z-index:99999}
.footnav .info p{color:#aaa;margin:0 0 11px}
.footnav .info a{margin:0 8px}
.footnav .info i{font-size:26px;cursor:pointer}
.light-weixn{color:#83b944!important}
.light-qq{color:#62a8ea}
.light-weibo{color:#f96868!important}
footer{width:100%;height:auto;border-top:1px solid #f0f2f5;padding:20px 0;color:#aaa;line-height:1.8;overflow:hidden}
footer p{margin:0 0 11px;margin-bottom:0}
footer a{color:#aaa}
@media screen and (max-width:980px){.top-bar p{display:none}
.logoad,.search{display:none}
.header .moble-bars{display:block;text-align:center;line-height:24px;font-size:14px;color:#fff;padding:10px;border-bottom:1px solid #E1E1E1}
.header .fa-fe{padding-right:5px}
.navbar{float:none}
.header menu{float:none!important;width:100%;background-color:#62a8ea;position:relative}
.navbar{display:none}
.header .logo{display:block;float:none!important;text-align:center}
.header menu li{display:block;float:none!important;text-align:left}
.header menu li i,.header menu li:before{display:none!important}
.navbar li a{color:#fff;padding:0}
.header menu>ul>li>ul{position:relative;display:block;border:none;padding:0;box-shadow:none!important;top:auto;right:auto;width:100%;background-color:transparent;text-align:left}
.header menu>ul>li>ul li{font-size:12px;padding-left:40px}
.header menu>ul>li>ul li a{display:block;color:#fff!important;line-height:40px}
.navbar li.active,.navbar li.on{width:initial;background:rgba(38,154,255,.98);margin:0 -20px}
.navbar li.on a{margin:0 20px}
.header menu>ul>li>ul li.on a{margin:0 40px}
.sidebar{display:none}
.content{margin-right:0}
.product-list .product-li,.tese-flipinx .flipinx-li{width:50%}
.tese-flipinx .flipinx-li{height:248px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.media-left{width:100px;padding-right:10px;display:table-cell;vertical-align:top}
.media-body p.des{max-height:4.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.magse-item{width:25%}
.footnav .f-magse .info{width:100%}
}
@media screen and (max-width:760px){.homeblog-list .homeblog-list-li{width:100%;padding-right:0;padding-left:0}
.magse-item{width:50%;margin-bottom:10px}
.about,.homeblog,.product,.tese-flipinx{padding:25px 0}
.banner-ny{height:60px}
.banner-ny h1{padding:14px 20px;font-size:22px}
.sidebar-tile-container ul{padding:0}
.sidebar-tile-container ul li a.link{font-size:14px}
.list-blog{padding:10px 0}
.content{padding:10px}
.content ul li{padding:10px 0}
.content ul li h4{margin:0 0 5px;font-size:18px}
.content ul li p.des{color:#76838f;margin-bottom:5px;font-size:15px;font-weight:300}
.pager a{padding:4px 10px}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate-box{opacity:0}