a{color:#0099e5}
.mobile_header{width:100%;height:5rem;position:fixed;padding:1rem 1.5rem;background-color:#000;z-index:100;box-shadow:rgba(0,0,0,.35) 0 0 3px;-moz-box-shadow:rgba(0,0,0,.35) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.35) 0 0 3px}
.mobile_header .logo{float:left;width:90px}
.mobile_header .logo img{border:0;vertical-align:bottom;max-width:100%}
.mobile_header .mcall{float:right;display:inline-block;width:3rem;height:3rem;padding:.5rem;margin-right:1em;overflow:hidden}
.mobile_header .menu_icon{float:right;display:inline-block;width:3rem;height:3rem;padding:.5rem;background:url(../images/menu_icon.png) no-repeat;background-size:contain;background-origin:content-box;border-radius:.2rem;overflow:hidden}
.mobile_header .menu{display:none;position:absolute;top:5rem;left:0;width:100%;height:auto;padding:0 1.5rem;z-index:99;background-color:#161617;box-shadow:0 0 .2rem rgba(0,0,0,.2)}
.mobile_header .menu li{width:100%;padding:1rem 0 1rem .5rem;border-bottom:.1rem solid #272727}
.mobile_header .menu li a{font-size:1.425rem;color:#777;display:block}
.mobile_header .menu li a span{padding-right:1rem}
.wrap{margin:0 auto;width:65%}
.ses{color:#fbcc00!important}
.header{width:100%;height:120px;background-color:#FFF}
/*.top-bar{width:100%;height:30px;background:#303942}
.welcome{float:left;margin-right:10px;line-height:30px;color:#7b848d}
.columns{float:right;margin-left:10px}
.phone-qq{padding:0}
.phone-qq a{display:inline-block;margin-right:20px;line-height:28px;color:#7b848d}
.phone-qq i{margin-right:1px}
.phone-qq strong{font-size:16px;color:#7b848d;margin-left:3px;font-style:normal}
.icon-phone{padding:3px 15px;background:url(../images/phone.png) center no-repeat}
.icon-QQ{padding:3px 15px;background:url(../images/qq.png) center no-repeat}
.column{padding:0;height:90px}*/
.header .nav{float:right;margin-top:7px}
.header .nav ul{height:60px;line-height:60px;width:100%;overflow:hidden}
.header .nav ul li{float:left;margin-left:10px}
.header .nav ul li a{color:#646464;font-size:1.315em;line-height:120%;display:block;height:100%;padding:10px 20px}
.header .nav ul li a:hover{border-bottom:3px solid #d9b76b;color:#d9b76b}
.header .nav ul .on a{border-bottom:3px solid #d9b76b;color:#d9b76b}
.links{line-height:22px;margin:10px 0 20px}
.links a,.links span{font-size:14px;color:#CCC;padding-right:10px}
.links a:active,.links a:focus,.links a:hover{color:#FFF}
.f_bg{background-color:#222;padding:2.5em 0 1.5em}
.f_cont{margin-top:1.2em}
.f_cont h3{font-size:1.5em;margin-bottom:1.5em;color:#848484;position:relative}
.f_cont h3:before{content:"";position:absolute;top:1.5em;left:0;width:50px;height:3px;background:#0c81e1}
.f_cont p{color:#989898;line-height:1.8em;margin-bottom:10px}
.f_cont .footer_nav{overflow:hidden}
.f_cont .footer_nav li{margin-bottom:11px;position:relative;line-height:1.8em}
.f_cont .footer_nav li a{text-align:left;padding-left:15px;display:block;color:#848484;font-family:Hind,sans-serif;font-weight:300;font-size:16px}
.f_cont .footer_nav li a:before{content:'';position:absolute;left:0;background:#2e2e2e;top:9px;width:5px;height:5px}
.f_cont .footer_nav li a:hover{color:#48c7ec}
.f_cont .half li{float:left;width:50%}
.f_copy{padding:1.2em 0;background:#1d1d1d;text-align:center;color:#8e8e8e}
.page_top{width:100%}
.page_top a{display:block;width:100%}
.page_top a img{width:100%;height:auto}
.page_nav_box{width:100%;margin:20px 0 30px}
.page_nav_box .page_pos{text-align:right;font-size:14px;color:#646464;line-height:46px}
.page_nav_box .page_pos span{padding-left:18px;background:url(../../images/pos.png) no-repeat left center}
.page_nav_box .page_pos a{font-size:14px;color:#646464}
.page_nav_box .page_pos a:last-child{font-weight:700}
.sub_nav ul li{height:46px;line-height:46px;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,.3);overflow:hidden;background-color:#FFF;border-bottom:1px dashed #ddd}
.sub_nav ul li a{display:block;padding:0 20px;font-size:15px;color:#646464}
.sub_nav ul li a:hover{color:#5ea44d}
.sub_nav ul li.on{color:#FFF;background-color:#5ea44d;border-bottom:none}
.sub_nav ul li.on a{color:#FFF}
.page_left{padding-left:0;margin-bottom:20px;overflow:hidden}
.page_right{margin-bottom:20px;padding-right:0;overflow:hidden}
.page_content{padding:0 0 20px;background-color:#FFF}
.page_content p{font-size:1em;line-height:1.2em;text-align:justify;margin-bottom:1em}
.page_content img{width:auto;text-align:center;margin:.5rem auto}
.about-us-text{width:100%;text-align:center;border-bottom:1px solid #ccc;line-height:42px;margin-bottom:20px;font-size:1.8em;color:#333;font-weight:500}
.about-us-text span{color:#999;font-size:18px}
.mod_pagination{width:100%;overflow:hidden;text-align:center;display:block;}
.mod_pagination li a,.mod_pagination li span{display: inline-block;margin-right:5px; color:#646464;float:none}
.mod_pagination li span{background-color:#f5f5f5}
.slideBox{position:relative;margin-top:75px;width:100%;overflow:hidden}
.slideBox .bd{width:100%;height:100%}
.slideBox .bd a{display:block;position:relative;width:100%;padding-bottom:31.6%}
.slideBox .bd a img{position:absolute;top:0;left:0;width:100%;height:100%}
.slideBox .hd{width:100%;position:absolute;bottom:10px;left:0;text-align:center;z-index:2;overflow:hidden}
.slideBox .hd li{display:inline-block;vertical-align:middle;width:50px;height:6px;background-color:#FFF}
.slideBox .hd li.on{background-color:#0099e5}
.slideBox .next,.slideBox .prev{position:absolute;top:50%;width:46px;height:46px;margin-top:-25px;cursor:pointer;transition:all ease-out .3s}
.slideBox .prev{left:5%;background-image:url(../images/banner_arrl.png)}
.slideBox .next{right:5%;background-image:url(../images/banner_arrr.png)}
.index_section{padding:5.2rem 0 2rem}
.index_section .index_section_hd{font-size:24px;margin-top:30px;color:#444;padding-bottom:40px;background:url(../../images/pattern.png) no-repeat center bottom}
.column_figure{width:100%;height:0;padding-bottom:55.946%;position:relative;overflow:hidden}
.column_figure img{width:100%;height:100%;position:absolute;top:0;left:0}
.column_content{padding:1.5rem;background-color:#FFF;border:1px solid #FFF;border-top:0;margin-bottom:2rem}
.column_content .column_title{font-size:1.8rem;color:#666;line-height:3.5rem;height:3.5rem;overflow:hidden}
.column_content .column_con{height:11rem;margin:1rem 0;font-size:1.4rem;line-height:2.2rem;color:#666;overflow:hidden}
.column_content .column_btn{margin-bottom:.5rem}
.column_content .column_btn a{display:inline-block;width:6rem;height:6rem;text-align:center;line-height:6rem;border-radius:50%;border:1px dashed #666;font-size:1.4rem;color:#666}
.column_content .column_btn a:hover{color:#E8A651;text-decoration:none}
.column_content:hover{border-color:#E8A651}
/*.planning{text-align:center;margin-top:2em}
.planning a{display:block;padding:0;color:#3a3a3a;min-height:12em}
.planning a:hover span{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.planning a span.img_icon{display:block;width:90px;height:90px;margin:0 auto 10px auto;transition:.7s;-moz-transition:.7s;-webkit-transition:.7s;-o-transition:.7s;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.planning a span.icon1{background-image:url(../images/icon_01.png);background-position:center;background-repeat:no-repeat}
.planning a span.icon2{background-image:url(../images/icon_02.png);background-position:center;background-repeat:no-repeat}
.planning a span.icon3{background-image:url(../images/icon_03.png);background-position:center;background-repeat:no-repeat}
.planning a span.icon4{background-image:url(../images/icon_04.png);background-position:center;background-repeat:no-repeat}
.planning a span.icon5{background-image:url(../images/icon_05.png);background-position:center;background-repeat:no-repeat}
.planning a span.icon6{background-image:url(../images/icon_06.png);background-position:center;background-repeat:no-repeat}
.planning h3.link_title{display:block;line-height:24px;font-size:1.125em;text-transform:uppercase;font-weight:500;padding-bottom:8px;color:#222}
.planning a:hover{text-decoration:none}*/
.htit{color:#444;margin-bottom:.8rem;text-transform:uppercase;font-size:2em;letter-spacing:2px;font-weight:500}
.htiten{color:#C1C1C1;text-transform:uppercase;font-size:.825em;font-weight:100}
.i-about{background:url(../images/fuwu-bg.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;min-height:500px}
.i-about .htit{color:#efefef}
.i_mb{width:100%;padding:2.5em 0}
.i_mb dl{width:100%}
.i_mb dl dt{width:40%;float:right;vertical-align:top}
.i_mb dl dt img{width:95%}
.i_mb dl dd{width:56%;float:left;overflow:hidden}
.i_mb dl dd p{width:100%;font-size:14px;text-align:left;color:#bebebe;text-indent:2em;line-height:245%}
.i_more{width:100%;text-align:center;clear:both;margin-top:3em}
.i_more a{display:inline-block;zoom:1;vertical-align:top;width:180px;height:3em;line-height:3em;border:1px solid #0099e5;font-size:1em;color:#0099e5;border-radius:1px}
.i_more a:hover{background:#0099e5;color:#fff}
.sec-title{padding-bottom:30px}
.main_bg{background:#f8f8f8}
.medium{text-align:center;margin:30px auto}
.medium-btn{color:#d9b76b;font-size:1.2em;line-height:2.6em;border:1px solid #d9b76b;padding:.8em 1.8em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.medium-btn:hover{background:#d9b76b;color:#fff}
.nbs-flexisel-container{padding:4% 0;position:relative;max-width:100%}
.nbs-flexisel-ul{position:relative;width:9999px;margin:0;padding:0;list-style-type:none;text-align:center}
.nbs-flexisel-inner{overflow:hidden;width:90%;margin:0 auto}
.nbs-flexisel-item{float:left;margin:0;padding:0;cursor:pointer;position:relative;line-height:0}
.nbs-flexisel-item>img{width:200px;height:100px;cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px;max-width:150px;max-height:71px}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:30px;height:55px;margin-top:4%;position:absolute;cursor:pointer;z-index:100}
.nbs-flexisel-nav-left{left:0;background:url(../images/img-sprite-lt.png) center no-repeat}
.nbs-flexisel-nav-right{right:0;background:url(../images/img-sprite-rt.png) no-repeat}
.i-nes{padding:1em 0 2em}
.news_slide_box{margin-top:22px;position:relative;width:100%;overflow:hidden}
.news_slide_box .bd{width:100%;height:100%}
.news_slide_box .bd a{display:block;position:relative;width:100%;padding-bottom:75.3%}
.news_slide_box .bd a img{position:absolute;top:0;left:0;width:100%;height:100%}
.news_slide_box .bd a span{display:block;position:absolute;left:0;bottom:0;width:100%;height:4rem;padding:0 1.5rem;line-height:4rem;font-size:1.6rem;color:#FFF;background-color:rgba(0,117,193,.4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_slide_box .next,.news_slide_box .prev{position:absolute;top:50%;width:3rem;height:10rem;margin-top:-5rem;background-repeat:no-repeat;cursor:pointer;background-color:rgba(84,84,84,.4);background-position:center center}
.news_slide_box .prev{left:0;background-image:url(../images/slide_arrl.png)}
.news_slide_box .next{right:0;background-image:url(../images/slide_arrr.png)}
.news_list{margin-top:25px}
.news_list li{margin-top:22px;overflow:hidden}
.news_list li .news_pic{padding-left:0}
.news_list li .list-image{background:#eef2f5;border:1px solid #dce4ea;overflow:hidden;position:relative;min-height:180px;padding:10px}
.news_list li .news_pic a{display:block}
.news_list li .news_pic img{max-width:100%;height:auto;bottom:0;display:block;left:0;margin:auto;position:absolute;right:0;top:0}
.news_list li .news_tit{display:block;font-size:18px;color:#323232;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_list li .news_time{font-size:14px;color:#999;overflow:hidden}
.news_list li .news_desc{line-height:2em;font-size:14px;color:#777;margin-top:6px;overflow:hidden}
.news_list_2 li{margin:0 0 25px;padding-bottom:25px;border-bottom:1px dashed #DDD}
.product-list-item h3{font-weight:700;margin-top:15px;margin-bottom:1.2em}
.product-list-item .para{font-size:14px;color:#777;overflow:hidden;margin-bottom:10px;line-height:1.4em}
.product-list-item .views{display:inline-block;margin-top:1em;background-color:#fff;padding:6px 12px;border:1px solid #0c81e1;border-radius:6px;color:#0c81e1}
.product-list-item .views:hover{background-color:#0c81e1;color:#fff}
.article .article_hd{width:100%;margin-bottom:10px}
.article .article_hd h1{font-size:18px;color:#323232;line-height:24px}
.article .article_hd h6{font-weight:400;font-size:12px;color:#646464;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #E0E0E0}
.article .article_hd h6 span{padding:0 5px}
.article .article_bd img{display:block;margin:10px auto;max-width:100%}
.pagination2{margin:20px auto;line-height:40px;background-color:#EEE}
.pagination2 .next,.pagination2 .prev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pagination2 .next a,.pagination2 .prev a{font-size:14px;color:#646464}
.pagination2 .next a:hover,.pagination2 .prev a:hover{color:#E8A651}
.pagination2 .prev{border-right:1px solid #DDD}
.team{padding:2.5em 0}
.team a.pic-link{max-width:300px;margin-right:auto;margin-left:auto;position:relative;display:block}
.team img{height:auto;max-width:100%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.team a.pic-link img{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1)}
.team a.pic-link:hover img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.team h3{padding:15px 12px 15px 12px;margin:0;text-overflow:ellipsis;overflow:hidden}
.team h3 a{font-size:16px;font-weight:500;color:#333;margin-bottom:10px}
.team h3 small{font-size:14px}
.team div.row{margin-bottom:5px}
.pro_item{margin-top:30px}
.pro_item .pro_pic{display:block;background:#fff}
.pro_item .pro_pic img{max-width:100%;vertical-align:middle;display:inline-block;max-height:16em}
.pro_item .pro_tit{padding:10px 12px;border-top:1px solid rgba(0,0,0,.08);font-size:16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:all .3s ease-out 0s}
.pro_item a:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-news{padding:1em 0 3em;overflow:hidden}
.news-info{margin-top:3em;overflow:hidden}
.news-info .news-info-l{float:left;width:20%;height:80px;border-right:1px solid #eaf0f4}
.news-info .news-info-l .date{font-size:18px;line-height:18px;color:#949494;height:1.2em;display:inline-block}
.news-info .news-info-l .year{font-size:12px;line-height:14px;color:#cac9c9;display:inline-block;margin-top:8px}
.news-info .news-info-r{float:left;margin-left:5%;width:75%}
.news-info .news-info-r h3{font-size:16px;line-height:16px;color:#2b2b2b;height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list-news a:hover .news-info .news-info-r h3{color:#0c81e1}
.news-info .news-info-r p{height:42px;font-size:12px;line-height:24px;color:#939393;margin-top:20px}
.contacts{margin-top:30px}
.contacts p{line-height:2;margin-bottom:15px}
.contacts p img{max-width:100%}
.product-map{min-height:500px;margin-bottom:20px}
.product-map .protitle{padding:30px;background-color:#0c81e1;color:#fff}
.product-map .protitle h5{font-size:24px;color:#FFF;line-height:24px;margin-bottom:6px}
.product-map .protitle p{margin-bottom:0;line-height:14px;color:#FFF;text-transform:uppercase}
.menu_list{width:100%;overflow:hidden;border:1px solid #ebf1f5}
.menu_head{height:47px;line-height:47px;padding-left:38px;font-size:16px;color:#333;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;margin:0;font-weight:500;background:#eef2f5 url(../img/pro_left.png) center right no-repeat}
.menu_list .current{background:#eef2f5 url(../img/pro_down.png) center right no-repeat}
.menu_body{line-height:38px;backguound:#fff}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#666;background:#fff;text-decoration:none;border-bottom:1px dashed #e1e1e1}
.menu_body a:hover{text-decoration:none;background-color:#faf5f5}
.detail{padding:3.5rem 0}
.m-sx-50{margin:50px 0;display:block}
.info h3{color:#333;font-weight:600;line-height:150%}
.info h3.h3{margin:1em 0 1.5em 0}
.info h4,.info p{line-height:2.2em;color:#666}
.info h4{font-size:18px}
.info img{margin:8px 0;width:100%}
.site-header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,1);box-shadow:rgba(0,0,0,.35) 0 0 3px;-moz-box-shadow:rgba(0,0,0,.35) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.35) 0 0 3px;z-index:9999;padding:10px 0 5px;overflow:visible;transition:padding .3s ease-in-out;-moz-transition:padding .3s ease-in-out;-webkit-transition:padding .3s ease-in-out}
.logos{height:60px;float:none;display:table-cell;padding:0;vertical-align:middle}
.logos img{width:auto;max-height:60px}
.company{ margin-left: 10%;}
.company h2{ font-size: 18px; line-height: 1.6; color: #0054a6; font-weight: 600; }
.site-header.site-header-shrink{background:rgba(255,255,255,1);padding:0}
.main-nav ul li{float:left;margin-left:20px;position:relative}
.main-nav ul li a{display:block;color:#333;font-size:1.125em;line-height:38px;text-transform:uppercase;padding:8px 12px 6px}
.main-nav ul li a:hover{border-bottom:3px solid #bdbdbd}
.main-nav ul li a i{margin-left:7px}
.main-nav ul li.active a{border-bottom:3px solid #0392d9}
.main-nav ul li ul{display:none;top:100%;left:0;margin-top:0;position:absolute;z-index:99;border:0;overflow:visible}
.main-nav ul li ul li{margin-left:0;width:100%;background:#fff}
.main-nav ul li ul li:last-child{border-bottom:none}
.main-nav ul li ul li a{text-align:center;font-size:1em;line-height:30px;display:block;padding:0 0 5px;color:#929292!important}
.main-nav ul li ul li a:hover{background-color:#EEE!important;color:#0392d9!important;border-radius:0}
.main-nav ul li ul li:last-child a{border-bottom:none}
a.menu-toggle-btn{float:right;margin-right:20px;color:#31373a;font-size:14px;display:block}
a.menu-toggle-btn i{font-size:18px}
.main_menu li{border-bottom:1px solid #485156;padding:10px 0}
.main_menu li:first-child{padding-top:0}
.main_menu li:last-child{border-bottom:none;padding-bottom:0}
.main_menu li a{font-size:14px;font-family:Raleway,sans-serif;color:#bfbfbf;font-weight:500}
.main_menu li ul li{margin-left:20px}
.main_menu li ul li:first-child{border-top:1px solid #485156;padding-top:8px;margin-top:10px}
.main_menu li ul li:before{content:'-';color:gray;margin-right:10px}
.responsive_menu{padding:20px;background-color:rgba(49,55,58,.98);display:none;position:relative;z-index:9999}
.hd_bg{padding-top:5.4em;background:#fff}
#portfolio{background:#3671cf url(../img/banner/a-banner.jpg) center bottom no-repeat}
#portfolio_product{background:#3671cf url(../img/banner/p-banner.jpg) center bottom no-repeat}
#portfolio_case{background:#3671cf url(../img/banner/c-banner.jpg) center bottom no-repeat}
#portfolio_cont{background:#3671cf url(../img/banner/s-banner.jpg) center bottom no-repeat}
.parallax{background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;overflow:hidden}
.parallax-overlay{background-color:rgba(0,0,0,.1)}
.pageTitle{padding-top:6%;padding-bottom:6%}
.page-title{display:inline-block;color:#fafafa;padding:7px 12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.page-title h2{font-size:2.6rem;font-weight:lighter;color:#9af574}
.page-title p{font-size:.625rem;padding-top:.5em;color:#6ea7ff}
.page-location{background-color:rgba(0,0,0,.4);display:inline-block;font-size:14px;padding:7px 12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.page-location a{color:#fff!important}
.crumbs{background-color:#f7f7f7;border-bottom:1px solid #ededed}
.breadcrumb{padding:1.2em 0;margin-bottom:0;list-style:none;background-color:#f7f7f7;color:#999}
.breadcrumb a{color:#0099e5}
.portfolio{margin-top:40px}
#Grid .mix{display:none;opacity:0}
#filters{margin:40px auto;text-align:center;overflow:hidden}
#filters li{cursor:pointer;margin-right:10px;display:inline-block;line-height:35px;text-align:center;margin-bottom:1rem}
#filters li span{display:block;line-height:35px;padding:0 20px;position:relative;color:#3a3a3a;font-size:14px;letter-spacing:1px;background-color:#eef2f5;color:#666;border-radius:5px}
#filters li.active span{background-color:#0099e5;color:#fff}
#filters li a:hover span{background-color:#0099e5;color:#fff}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.portfolio-holder{overflow:hidden;margin-bottom:15px}
.portfolio-holder .item{margin:0 1px 40px 1px}
.portfolio-holder .item img{display:block;width:100%;height:auto}
.portfolio-post{overflow:hidden;margin-bottom:30px}
.thumb-post{display:block;position:relative;overflow:hidden}
.thumb-post .overlay{position:absolute;top:0;left:0;min-width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}
.thumb-post .overlay .overlay-inner{background:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;height:100%;position:relative}
.thumb-post:hover .overlay{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.portfolio-infos{text-align:center;position:relative;top:40%}
.portfolio-infos a{color:#fff}
.portfolio-infos .portfolio-title{margin:10px 0 0 0;font-weight:400;font-size:1.2em;color:#fff}
.portfolio-infos .meta-category{font-size:14px;color:#fff}
.portfolio-infos .plays{background:url(../../images/video_play.png) right center no-repeat;background-size:16%;display:block;padding-right:30px}
.thumb-post{height:auto}
.thumb-post img{width:100%;height:auto}
.prodet{margin:0 auto;padding-top:40px}
.prodet .tit{color:#111;font-size:24px;text-align:center}
.prodet .timg{margin:20px auto;text-align:center;min-height:250px}
.prodet .timg img{width:auto}
.prodis{padding-top:20px}
.prodis .pit{border-bottom:1px #000 solid;color:#333;line-height:1.8em;font-size:1.2em;padding-bottom:.5em}
.prodis .pox{padding:20px;line-height:28px;font-size:14px}
#projectlist .projectitem{width:31.33333%;margin:1%;height:auto;float:left;position:relative;background:#000}
#projectlist .projectitem a{display:block;overflow:hidden}
#projectlist .projectitem a img{width:100%;height:auto;transition:all ease-out .3s}
#projectlist .projectitem a:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
#projectlist .projectitem .project_info{width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;left:0;top:0;transition:all ease-out .3s}
#projectlist .projectitem a:hover .project_info{background:rgba(0,153,229,.7)}
#projectlist .projectitem .project_info p{text-align:center;color:#e7e7e7;padding:0 20px;font-size:1.325em}
#projectlist .projectitem .project_info div{position:relative;top:50%;margin-top:-15px}
#projectlist .projectitem .project_info p .title{margin-top:10px;color:transparent;font-size:14px;transition:all ease-out .3s}
#projectlist .projectitem a:hover .project_info p .title{margin-top:0;color:#fff}
#projectlist .projectitem .project_info p .subtitle{margin-top:16px;color:transparent;font-size:12px;transition:all ease-out .3s}
#projectlist .projectitem a:hover .project_info p .subtitle{margin-top:0;color:#b7b7b7;font-size:12px}
.project-single{color:#777;min-height:450px}
.project-single .project-info{overflow:hidden;margin-bottom:15px}
.project-single .project-info .info-image{background:#fff;border:1px solid #e7e7e7;overflow:hidden;position:relative;min-height:242px;padding:10px;margin-bottom:10px}
.project-single .project-info .info-image img{max-width:100%;height:auto;bottom:0;display:block;left:0;margin:auto;position:absolute;right:0;top:0}
.project-single .project-title{font-weight:400;font-size:24px;margin:0 0 25px 0;line-height:36px;color:#31373a}
.project-single .subtitle{font-size:14px;color:#aaa}
.project-single .description{margin-bottom:10px;line-height:2em}
.project-single .description p{text-align:justify}
.project-single .description img{display: block; max-width: 100%;}
.project-single .description h4{padding:1em 0;color:#0099e5}
.project-single .description h5{font-weight:600;margin-bottom:.5em}
.project-single .meta-post li{display:block;margin-bottom:15px}
.project-single .meta-post li span{color:#31373a;margin-right:10px}
.project-single .meta-post li a{color:#777}
.project-single .meta-post li a:hover{color:#00a8d6}
.project-img{overflow:hidden}
.project-img img{width:100%;height:auto}
.pages{margin:2em 0 2em 0;text-align:center}
.pages li{display:inline;margin-right:10px}
.pages li a{padding:10px 14px;background-color:#f1f4f5;color:#31373a}
.pages li a:hover{background-color:#0099e5;color:#fff}
.pages li a.active{color:#0099e5}
.fanyea{margin-top:2em;padding-top:1em;position:relative;border-top:1px #dbdbdb solid}
.arc-posts{margin-top:50px}
.archive-wrapper{margin-bottom:20px;text-align:justify}
.archive-wrapper p{color:#777;margin-bottom:24px;font-size:14px;line-height:2rem}
.archive-wrapper .archive-title{margin-bottom:20px;border-bottom:1px dashed #cbcbcb;text-align:center}
.archive-wrapper .archive-title h1{font-size:18px;font-weight:600;margin:0 0 20px 0;text-align:center}
.map{margin:15px 0}
.map img{width:100%}
.sidebar{margin-bottom:20px}
.sidebar-widget{margin-bottom:30px}
.sidebar-widget h3{font-size:20px;margin-bottom:30px;position:relative;padding-bottom:15px}
.sidebar-widget h3::after{background:#0c81e1;content:"";position:absolute;left:0;bottom:0;height:4px;width:50px}
.last-post{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #dce4e6}
.last-post .thumb{overflow:hidden;margin-right:15px;max-width:120px;max-height:80px;width:30%}
.last-post .thumb img{width:100%}
.last-post .content{overflow:hidden}
.last-post .content span{color:#aaa;font-size:12px;line-height:2em}
.last-post .content h4{font-size:16px;font-weight:500;line-height:1.4em;margin:0}
.last-post .content h4 a{color:#31373a}
.last-post .content h4 a:hover{color:#0099e5}
ul.category-menu li{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px}
ul.category-menu li a{color:#646464;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
ul.category-menu li a:hover{color:#0099e5}
ul.category-menu li a::before{content:"-";color:#0099e5;padding-right:10px}
ul.category-menu li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
@media (max-width:767px){.footer .links{margin-bottom:10px} 
.footer .footer_nav{margin-top:10px}
.page_nav_box{margin-bottom:10px}
.page_nav_box .page_pos{text-align:left}
.page_left,.page_right{padding:0}
.mod_pagination{text-align:center}
.slideBox .hd{bottom:0}
.slideBox .hd li{height:5px}
.news_list li .news_tit{margin-top:10px}
.news_list li>div{padding:0}
.pagination2 .prev{border-right:none}
.product_list .pro_item .pro_tit{font-size:14px}
.product_list_2 .pro_item{padding:0 5px}
.product_pic{margin-bottom:30px;border-right:none}
.recruit_con_sec .sec_con li{float:none;width:100%}
.pageTitle{text-align:center;padding:16% 0}
.page-location{display:inline-block;margin-top:30px}
.project-img{margin-bottom:40px;display:block}
.m-widget{position:relative}
.project-single{margin-top:30px}
.arc-posts{margin-top:50px}
.sidebar{margin-top:50px}
.i_mb dl dt{width:100%;text-align:center}
.i_mb dl dt img{float:none;margin:0 auto}
.i_mb dl dd{width:100%;height:auto;margin-top:20px}
.first-widget{position:relative;margin-top:3.55em}
#projectlist .projectitem{width:100%}
.hd_bg{padding-top:3.55em}
.thumb-post .overlay{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.padding-top-bottom{padding:20px 0}
}
@media (min-width:768px){.first-widget{position:relative} 
}
@media (min-width:768px) and (max-width:1024px){ .company{ display: none}} 
@media (max-width:991px) and (min-width:768px){.main-nav ul li{margin-left:0}
.main-nav ul li a{font-size:14px}
.visible-md{display:block!important}
}