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, 0.35) 0px 0px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; }
.mobile_header .logo{ float: left; width: 160px; }
.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: 0.5rem; margin-right: 1em; overflow: hidden; }
.mobile_header .menu_icon{ float: right; display: inline-block; width: 3rem; height: 3rem; padding: 0.5rem; background: url(../images/menu_icon.png) no-repeat; background-size: contain; background-origin: content-box; /*border: 1px solid #E0E0E0;*/ border-radius: 0.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 0.2rem rgba(0, 0, 0, 0.2); }
.mobile_header .menu li{ width: 100%; padding: 1rem 0 1rem 0.5rem; border-bottom: 0.1rem solid #272727; }
.mobile_header .menu li a{ padding-left: 1rem; font-size: 1.425rem; color: #777; }
.wrap{ margin: 0 auto; width: 65%; }
.ses{ color: #fbcc00 !important }
.header{ width: 100%; height: 120px; background-color: #FFFFFF; }
.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; /*border-bottom:1px solid #e4e4e6 background: url(../images/bg_a.jpg) bottom repeat-x;*/ }
.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 span, .links a{ font-size: 14px; color: #CCCCCC; padding-right: 10px; }
.links a:hover, .links a:active, .links a:focus{ color: #FFFFFF; }
.f_bg{ background-color: #0e0e10; padding: 2.5em 0 1.5em; }
.f_cont{ float: left; text-align: left; }
.f_cont h3{ font-size: 1.4em; margin-bottom: 1.2em; color: #d6d6d6; }
.f_cont p{ color: #989898; line-height: 1.8em; }
.f_code{ float: right; text-align: center }
.f_code p{ text-align: center; color: #ffffff; font-size: 1em; line-height: 2em; }
.f_code .a_code{ margin-right: 1.5em; display: inline-block }
.f_code .a_code img{ max-width: 130px; }
.f_copy{ padding: 1.2em 0; background: #000; text-align: center; color: #8e8e8e; }
.footer .footer_ewm{ padding-left: 0; }
.footer .footer_ewm img{ max-width: 100%; }
.footer .footer_contact{ padding: 0; }
.footer .footer_contact li{ font-size: 14px; line-height: 24px; color: #CCCCCC; }
.footer .footer_nav{ width: 100%; padding: 0; overflow: hidden; text-align: center; margin-bottom: .8em; }
.footer .footer_nav li{ float: left; height: 14px; line-height: 14px; overflow: hidden; }
.footer .footer_nav li a{ padding-right: 10px; font-size: 14px; color: #CCCCCC; }
.footer .footer_nav li + li{ padding-left: 10px; border-left: 1px solid #CCCCCC; }
.footer p{ width: 100%; margin-bottom: 10px; overflow: hidden; color: #cccccc; text-align: center; font-size: 0.925em }
.footer p a{ font-size: 14px; color: #CCCCCC; }
.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: bold; }
.sub_nav ul li{ height: 46px; line-height: 46px; white-space: nowrap; -webkit-tap-highlight-color: rgba(0, 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: #FFFFFF; background-color: #5ea44d; border-bottom: none; }
.sub_nav ul li.on a{ color: #FFFFFF; }
.page_left{ padding-left: 0; margin-bottom: 20px; overflow: hidden; }
.page_right{ margin-bottom: 20px; padding-right: 0; overflow: hidden; }
.page_content{ padding: 0 0px 20px; background-color: #FFFFFF; }
.page_content p{ font-size: 1em; line-height: 2em; text-align: justify; margin-bottom: 1em; }
.page_content img{ width: auto; text-align: center; margin: 0.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{ display: block; width: 100%; overflow: hidden; text-align: center }
.mod_pagination li{ display: inline-block; }
.mod_pagination li a, .mod_pagination li span{ color: #646464; }
.slideBox{ position: relative; width: 100%; overflow: hidden; }
.slideBox .bd{ width: 100%; height: 100%; }
.slideBox .bd a{ display: block; position: relative; width: 100%; padding-bottom: 36.8%; }
.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: 8px; background-color: #FFFFFF; }
.slideBox .hd li.on{ background-color: #0099e5; }
.slideBox .prev, .slideBox .next{ 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{ padding: 5.2rem 0 0; }
.index_section .index_section_hd{ font-size: 24px; margin-top: 30px; color: #444444; padding-bottom: 40px; background: url(../../images/pattern.png) no-repeat center bottom; }
/*.bg01 { background-color: #f8f3ed; }*/
.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: #FFFFFF; border: 1px solid #FFFFFF; border-top: 0; margin-bottom: 2rem; }
.column_content .column_title{ font-size: 1.8rem; color: #666666; 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: #666666; overflow: hidden; }
.column_content .column_btn{ margin-bottom: 0.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 #666666; font-size: 1.4rem; color: #666666; }
.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 .sx { border-right: 1px solid #dbdbdb; margin-bottom: 1.5rem; }*/
.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: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.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: #222222; }
.planning a:hover{ text-decoration: none; }
/*.adv_img { max-width: 100%; }
.adv_tit { margin-top: 10px; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #444444; }*/
.htit{ color: #444444; margin-bottom: 0.8rem; text-transform: uppercase; font-size: 2em; letter-spacing: 2px; font-weight: 500 }
.htiten{ color: #C1C1C1; text-transform: uppercase; font-size: 0.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{ -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: 4em; }
.i_more a{ display: inline-block; *display: inline;
    zoom: 1; vertical-align: top; width: 180px; height: 3em; line-height: 3em; border: 1px solid #0099e5; font-size: 1em; color: #0099e5; border-radius: 6em }
.i_more a:hover{ background: #0099e5; color: #fff; }
/*i.twt { width: 70px; height: 70px; background: url(../images/i-logo.png)no-repeat; background-size: 100%; display: inline-block; margin: 2em 0; }
.twitter p { color: #6c6c6c; font-size: 1em; line-height: 1.8em; margin-bottom: 2em; }
.twitter span { height: 4px; width: 10%; background: #2286CD; display: inline-block; }
.twitter a { color: #2286CD; display: block; margin-top: 2em; font-size: 1.2em; }
.twitter a:hover { text-decoration: none; color: #5ea44d; }*/
.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: 0.8em 1.8em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.medium-btn:hover{ background: #d9b76b; color: #fff; }
/* start cauresol */
.nbs-flexisel-container{ padding: 4% 0; position: relative; max-width: 100%; }
.nbs-flexisel-ul{ position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner{ overflow: hidden; width: 90%; margin: 0 auto; }
.nbs-flexisel-item{ float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; line-height: 0px; }
.nbs-flexisel-item > img{ width: 200px; height: 100px; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width: 150px; max-height: 71px; }
/*** start cauresol  navigation ***/
.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: 0px; background: url(../images/img-sprite-lt.png) center no-repeat; }
.nbs-flexisel-nav-right{ right: 0px; 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: #FFFFFF; background-color: rgba(0, 117, 193, 0.4); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_slide_box .prev, .news_slide_box .next{ position: absolute; top: 50%; width: 3rem; height: 10rem; margin-top: -5rem; background-repeat: no-repeat; cursor: pointer; background-color: rgba(84, 84, 84, 0.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{ }
.news_list li{ margin-top: 22px; overflow: hidden; }
.news_list li .news_pic{ padding-left: 0; }
.news_list li .news_pic a{ display: block; }
.news_list li .news_pic img{ width: 100%; height: 100%; max-height: 180px; }
.news_list li .news_tit{ display: block; font-size: 1.125em; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list li .news_tit:hover{ color: #0099e5; }
.news_list li .news_time{ font-size: 14px; color: #999999; overflow: hidden; }
.news_list li .news_desc{ line-height: 2em; font-size: 0.825em; color: #646464; margin-top: 6px; overflow: hidden; }
.news_list_2 li{ margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px dashed #DDDDDD; }
.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: #EEEEEE; }
.pagination2 .prev, .pagination2 .next{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pagination2 .prev a, .pagination2 .next a{ font-size: 14px; color: #646464; }
.pagination2 .prev a:hover, .pagination2 .next a:hover{ color: #E8A651; }
.pagination2 .prev{ border-right: 1px solid #DDDDDD; }
/*server*/
.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: 25px 12px 40px 12px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}
.team h3 a{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}
.team h3 small{
    font-size: 14px
}
.team div.row{
    margin-bottom: 5px
}
/*内容*/
.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: 0 0 25px 0; }
.info p, .info h4{ line-height: 2.2em; color: #666 }
.info img{ margin: 8px 0; width: 100% }
/*------------------------------------------------------
	HEADER STYLES 
--------------------------------------------------------*/
/*.site-header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,.8); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; z-index: 9999; padding: 10px 0 5px; overflow: visible; transition: padding 0.3s ease-in-out; -moz-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; }*/
.site-header{ position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, .8); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px; z-index: 9999; padding: 0 0 5px; overflow: visible; transition: padding 0.3s ease-in-out; -moz-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; }
.logos{ height: 60px; float: none; display: table-cell; padding: 0; vertical-align: middle; }
/*.logos img { width: auto; max-height: 48px; }*/
.logos img{ width: auto; max-height: 48px; height: 40px; }
.site-header.site-header-shrink{ background: rgba(255, 255, 255, 1); }
.main-nav{ }
.main-nav ul li{ float: left; display: block; margin-left: 20px; position: relative; }
/*.main-nav ul li a { color: #333; font-size: 1.125em; line-height: 60px; text-transform: uppercase; padding: 6px 12px;  }*/
.main-nav ul li a{ color: #333; font-size: 1.2em; line-height: 40px; text-transform: uppercase; padding: 6px 12px; }
/*.main-nav ul li a:hover{ color: #0392d9; }*/
.main-nav ul li a:hover{ color: #005cbf; }
.main-nav ul li a i{ margin-left: 7px; }
/*.main-nav ul li.active a { color: #fff; background: #0392d9; border-radius: 6px; -webkit-border-radius: 6px; }*/
/*.main-nav ul li.active a{ color: #0392d9; border-radius: 0; -webkit-border-radius: 0; border-bottom: 3px solid; padding-bottom: 20px;}*/
.main-nav ul li.active a{ color: #005cbf; border-radius: 0; -webkit-border-radius: 0; border-bottom: 3px solid #005cbf; padding-bottom: 20px;}
.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, 0.98); display: none; position: relative; z-index: 9999; }
/*子页banner*/
.hd_bg{ padding-top: 5.5em; background: #000 }
#portfolio{ background: url(../images/portfolio.jpg) center no-repeat; }
#portfolio_case{ background: url(../images/case_banner.png) center 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, 0.65); }
.pageTitle{ padding-top: 6%; padding-bottom: 6% }
.page-title{ background-color: rgba(0, 0, 0, 0.4); 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.5rem; font-weight: lighter; color: #eee }
.page-title p{ font-size: 0.625rem; padding-top: .5em; color: #666 }
.page-location{ background-color: rgba(0, 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: #ffffff !important }
/*crumbs*/
.crumbs{ background-color: #f7f7f7; border-bottom: 1px solid #ededed; }
.breadcrumb{ padding: 1.2em !important; margin-bottom: 0 !important; list-style: none; background-color: #f7f7f7; color: #999 }
/*.breadcrumb a{ color: #0099e5 }*/
.breadcrumb a{ color: #005cbf }
/*------------------------------------------------------
	Portfolio Styling 
--------------------------------------------------------*/
.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: #49494e; color: #fff }
#filters li.active span{ background-color: #0099e5; }
#filters li a:hover span{ background-color: #0099e5; color: #fff }
/*#filters li:after { content: '/'; color: #c3c3c3; margin-left: 20px; }
#filters li:last-child:after { content: ''; }
#filters li.active { color: #00a8d6; }
.pages { margin: 20px 0 100px 0; }
.pages li { display: inline; margin-right: 10px; }
.pages li a { padding: 10px 12px; background-color: #f1f4f5; color: #31373a; }
.pages li a.active { color: #bfa550; }*/
/**** Isotope Filtering ****/
.isotope-item{ z-index: 2; }
.isotope-hidden.isotope-item{ pointer-events: none; z-index: 1; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{ -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.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: #000000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.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: white; }
.portfolio-infos .portfolio-title{ margin: 10px 0 0 0; font-weight: 400; font-size: 1.2em; color: white; }
.portfolio-infos .meta-category{ font-size: 14px; color: white; }
.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; }
/*pro*/
.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 #000000 solid; color: #333; line-height: 1.8em; font-size: 1.2em; padding-bottom: 0.5em; }
.prodis .pox{ padding: 20px; line-height: 28px; font-size: 14px }
/*tulist*/
#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: rgba(0, 0, 0, 0); font-size: 14px; transition: all ease-out .3s; }
#projectlist .projectitem a:hover .project_info p .title{ margin-top: 0px; color: #fff; }
#projectlist .projectitem .project_info p .subtitle{ margin-top: 16px; color: rgba(0, 0, 0, 0); font-size: 12px; transition: all ease-out .3s; }
#projectlist .projectitem a:hover .project_info p .subtitle{ margin-top: 0px; color: #b7b7b7; font-size: 12px }
/*show*/
.project-single{ color: #777777; min-height: 450px; margin-top: 60px; margin-bottom: 80px; }
.project-single .project-title{ font-weight: 600; font-size: 24px; margin: 0 0 35px 0; line-height: 36px; color: #31373a; }
.project-single .subtitle{ font-size: 14px; color: #aaaaaa; }
.project-single .description{ margin-bottom: 40px; line-height: 2em; }
.project-single .description p{ text-align: justify }
.project-single .description h4{ padding: 1em 0; color: #0099e5 }
.project-single .description h5{ font-weight: 600; margin-bottom: 0.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: #777777; }
.project-single .meta-post li a:hover{ color: #00a8d6; }
.project-img{ overflow: hidden; }
.project-img img{ width: 100%; height: auto; }
/*page*/
.pages{ margin: 2em 0 6em 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: 3em; padding-top: 1em; position: relative; border-top: 1px #dbdbdb solid; }
.fanyea p a{ line-height: 2.35em; }
/*archive*/
.arc-posts{ margin-top: 50px; }
.archive-wrapper{ margin-bottom: 20px; text-align: justify; }
.archive-wrapper p{ color: #777777; 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: 0px 0 20px 0; text-align: center }
.map{ margin: 15px 0; }
.map img{ width: 100%; }
/*.archive-wrapper .archive-list {
  margin-top: 20px;
}
.archive-wrapper .archive-list li {
  line-height: 28px;
}
.archive-wrapper .archive-list li:before {
  content: '-';
  color: #aaaaaa;
  margin-right: 10px;
}*/
/*------------------------------------------------------
	Sidebar Styling 
--------------------------------------------------------*/
.sidebar{ margin-top: 50px; margin-bottom: 100px; }
.sidebar-widget{ margin-bottom: 60px; }
.widget-title{ font-size: 1.4em; font-weight: 800; margin: 0 0 30px 0; line-height: 2em; border-bottom: 1px solid #dcdcdc }
.last-post{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #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: #aaaaaa; font-size: 14px; margin: 0 0 10px 0; line-height: 14px; }
.last-post .content h4{ font-size: 16px; font-weight: 600; margin: 0; }
.last-post .content h4 a{ color: #31373a; }
.last-post .content h4 a:hover{ color: #0099e5; }
@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; }
    .pageTitle .text-right{ text-align: center; }
    .page-location{ display: inline-block; margin-top: 30px; }
    .project-img{ margin-bottom: 40px; display: block; }
    .m-widget{ position: relative; /*margin-top: 5em*/ }
    .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: 0px auto; }
    .i_mb dl dd{ width: 100%; height: auto; margin-top: 20px; }
    .first-widget{ position: relative; margin-top: 4em; }
    #projectlist .projectitem{ width: 100% }
    .hd_bg{ padding-top: 4.5em; }
    .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); }
}
@media (min-width: 768px){
    .first-widget{ position: relative; }
}
@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; }
}