@charset "utf-8";
/*
======================================================================
*	Web Site        	http://www.vokodesign.com 
*	Documents:			all.css
*	Author:				Licky Li (420032686@qq.com)
*	Creation Date:		2010-01-20
*	Last Author:		Licky Li
======================================================================
*/

/* css reset */
* { margin:0; padding:0;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p {}
img { border:none;}
li{ list-style-type: none;}
a { color:#888888; text-decoration:none; -webkit-tap-highlight-color:transparent; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
a:link { color:#888888;}
a:visited { color:#888888;}
a:hover { text-decoration:none;}
a:active { color:#888888;}
.fl { float:left;}
.fr { float:right;}
.clearf { zoom:1;} 
.clearf:after { content:'\20'; display:block; clear:both;}
a,button,input{-webkit-tap-highlight-color:transparent;}/*去掉手机按下时默认的灰色*/

h1,h2,h3,h4,h5,h6 {}

html { max-width:2560px; margin:auto; -moz-osx-font-smoothing: grayscale; overflow-x:hidden; overflow-y:scroll;}
.hiddenScroll {overflow:hidden;}


body { position:relative; -webkit-font-smoothing:antialiased; width:100%; font-size:14px; font-family:Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif; background:#ffffff;}




/***** 字体图标 *****/
@font-face {font-family: 'iconfont';
    src: url('images/fonts/font_455205_elaquv76666crf6r/iconfont.eot');
    src: url('images/fonts/font_455205_elaquv76666crf6r/iconfont.eot?#iefix') format('embedded-opentype'),
    url('images/fonts/font_455205_elaquv76666crf6r/iconfont.woff') format('woff'),
    url('images/fonts/font_455205_elaquv76666crf6r/iconfont.ttf') format('truetype'),
    url('images/fonts/font_455205_elaquv76666crf6r/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont";
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/***** 特殊英文字体 *****/
@font-face {
  font-family: "DINCond-Bold";
  src: url("images/fonts/DINCond-Bold/DINCond-Bold.woff2") format("woff2"),
       url("images/fonts/DINCond-Bold/DINCond-Bold.woff") format("woff"),
       url("images/fonts/DINCond-Bold/DINCond-Bold.ttf") format("truetype"),
       url("images/fonts/DINCond-Bold/DINCond-Bold.eot") format("embedded-opentype"),
       url("images/fonts/DINCond-Bold/DINCond-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}




/******************** css sprite ********************/
html {}
body { text-align:center; font-size:12px; color:#1e1e1e; background:#fff;}
#wrapper {padding-left:100px;}
#inner_wrapper {}
#i_inner_wrapper {}
.container {}
.main {}
/*分栏*/
.row {margin:0 auto; padding:0 20px; width:100%;}
.row_pr0 {padding-right:0;}
.row_p10 {padding:0 10px;}


/******************** public class ********************/
.MTOP40 {margin-top:40px;}
.MTOP60 {margin-top:60px;}
.MTOP80 {margin-top:80px;}
.MTOP100 {margin-top:100px;}
.MBOT40 {margin-bottom:40px;}
.MBOT60 {margin-bottom:60px;}
.MBOT80 {margin-bottom:80px;}
.MBOT100 {margin-bottom:100px;}
/*按钮：白色透明*/
a.btn-trans { display:inline-flex; padding:20px 80px; position:relative; font-size:18px; color:#ffffff; justify-content:center; border:2px solid rgba(255,255,255,1); overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 和 Chrome */ -o-transition:none;/* Opera */}
a.btn-trans span {position:relative; z-index:1; font-weight:bold; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
a.btn-trans::before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:0; background:#ffffff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */ }
a.btn-trans:hover {color:#111111;}
a.btn-trans:hover span {}
a.btn-trans:hover::before { height:100%;}
a.btn-trans:hover:active {}
/*按钮：黑色透明 继承自：btn-trans*/
a.btn-trans-black { color:#111111; border:2px solid rgba(0,0,0,1);}
a.btn-trans-black span {}
a.btn-trans-black::before {background:#000000;}
a.btn-trans-black:hover {color:#ffffff;}
a.btn-trans-black:hover::before {}
a.btn-trans-black:hover:active {}
/*按钮：详情页访问网站 继承自：btn-trans-black*/
a.detail { margin-top:40px; padding:5px 60px; font-size:16px;}
/** 固定导航 **/
.hamburger { width:100px; height:100%; /*border-right:1px solid #f5f5f5;*/ position:fixed; /*left:0; top:0;*/ z-index:101; background:#ffffff;}
.hamburger .nav_more {display:block; width:100px; height:100px; position:relative; /*border-bottom:1px solid #f5f5f5;*/}
.hamburger .hamburger-fix {display:block; margin:auto; top:0; bottom:0; left:0; right:0;}
.hamburger .hamburger-fix , .hamburger .hamburger-fix:before , .hamburger .hamburger-fix:after {position:absolute; left:0; top:0; width:24px; height:2px; background:#000000;}
.hamburger .hamburger-fix::before , .hamburger .hamburger-fix::after {content:""; top:-6px;}
.hamburger .hamburger-fix::after {top:6px;}

        /*展开*/
        .nav_more_on .hamburger-fix {background:#ffffff;}
        .nav_more_on .hamburger-fix:before {animation:n1 0.5s forwards;}
        .nav_more_on .hamburger-fix:after {animation:n2 0.5s forwards;}
        @keyframes n1 {
            30% {
                top: 0;
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 0;
                transform: rotate(45deg);
            }
        }
        @keyframes n2 {
            30% {
                top: 0;
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 0;
                transform: rotate(-45deg);
            }
        }
        /*收起*/
        .nav_more_off .hamburger-fix {background:#111111;}
        .nav_more_off .hamburger-fix:before { animation:n3 0.5s forwards;}
        .nav_more_off .hamburger-fix:after {animation:n4 0.5s forwards;}
        @keyframes n3 {
            30% {
                top: 0;
                transform: rotate(0deg);
            }
            50% {
                top: 0;
                transform: rotate(0deg);
            }
            100% {
                top: -6px;
                transform: rotate(0deg);
            }
        }
        @keyframes n4 {
            30% {
                top: 0;
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 6px;
                transform: rotate(0deg);
            }
        }
        /* 默认 */
        .nav_more[data-animation="nav_more_hit"] .hamburger-fix , .nav_more[data-animation="nav_more_hit"] .hamburger-fix::before, .nav_more[data-animation="nav_more_hit"] .hamburger-fix::after {
        transition:all 0.5s ease 0s;
        -moz-transition:all 0.5s ease 0s; /* Firefox 4 */
        -webkit-transition:all 0.5s ease 0s; /* Safari 和 Chrome */
        -o-transition:all 0.5s ease 0s; /* Opera */
        }

/*导航列表*/
.nav { position:fixed; z-index:100; left:-100%; top:0; width:100%; height:100%; background:#ffffff;}
.nav ul { margin:150px auto 0; max-width:2560px; /*display:flex; flex-direction:column; height:100%; justify-content:center;*/ /* !! 垂直居中*/ overflow:hidden;}
.nav ul li { opacity:0; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; transition:all 0.8s ease;}
/**/
.menu_open {}
.menu_open .nav ul li {opacity:1;}
.menu_open .nav ul li:nth-child(1) {-webkit-transition-delay:0.2s; transition-delay:0.2s;}
.menu_open .nav ul li:nth-child(2) {-webkit-transition-delay:0.3s; transition-delay:0.3s;}
.menu_open .nav ul li:nth-child(3) {-webkit-transition-delay:0.4s; transition-delay:0.4s;}
.menu_open .nav ul li:nth-child(4) {-webkit-transition-delay:0.5s; transition-delay:0.5s;}

.nav a { display:block; float:left; padding:0 0 0 150px; width:100%; height:100px; line-height:100px; color:#000000; text-align:left; font-size:44px; font-weight:bold; letter-spacing:10px;}
.nav a.current {opacity:0.5; cursor:default; pointer-events:none;}
.nav a:hover {opacity:0.5;}
.nav:before {}
/**/
.nav-mask {position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; display:none; background:#000000; opacity:0;}

/*LOGO*/
a.logo { display:block; position:absolute; left:150px; top:30px; z-index:102; width:100px; height:40px; line-height:40px; font-size:22px; text-align:center; color:#ffffff; overflow:hidden; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.5s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.5s ease 0s;/* Opera */}
a.logo:hover {opacity:0.5;}
a.fill-color {color:#f9270c;}
/**/
a.move {transform:translate3d(0px, -80px, 0px);}
/**/
a.stop { position:fixed!important; transform:translate3d(0px, 0px, 0px);}



/***** 版权 *****/
.copyright { position:relative; color:#ffffff; text-align:left; background:rgba(0,0,0,1);}
.copyright .inner-copyright {padding:120px 60px 50px;}
/**/
.copyright .fl {width:70%;}
/**/
.copyright .fl .fl {width:23%;}
.copyright .fl .fl .b-logo {display:inline-block; margin-top:5px; color:#e60012; font-size:22px;}
/**/
.copyright .fl .fr { float:left; width:65%;}
.copyright .fl .fr h1 { display:none; font-size:22px; margin-bottom:20px; font-weight:normal;}
.copyright .fl .fr p {font-size:14px; line-height:1.8;}
/**/
.copyright .fr {width:30%;}
.copyright .fr .fl {width:40%;}
.copyright .fr .fl .cate {}
.copyright .fr .fl .cate h4 {color:#ffffff; font-size:12px; opacity:0.5;}
.copyright .fr .fl ul {}
.copyright .fr .fl ul li {margin:0 0 10px 0;}
.copyright .fr .fl ul li a {color:#ffffff; font-size:14px;}
.copyright .fr .fl ul li a:hover {opacity:0.8;}
.copyright .fr .fr {width:60%;}
.copyright .fr .fr h4 {color:#ffffff; font-size:14px; text-align:right;}
.copyright .fr .fr p {margin:10px 0 10px; font-size:18px; color:#ffffff; text-align:right; line-height:1;}
.copyright .fr .fr p a {color:#ffffff;}
.copyright .fr .fr p a:hover {text-decoration:underline;}
.copyright .fr .fr ul {margin-top:20px;}
.copyright .fr .fr ul li {float:right; width:35%; margin-left:20px; text-align:center;}
.copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;}
.copyright .fr .fr ul li p { margin-top:8px; font-size:12px; opacity:0.3; text-align:center;}
.copyright .beian {margin-top:60px; border-top:1px solid rgba(255,255,255,0.1);}
.copyright .beian p { padding-top:50px; color:#ffffff; font-size:12px; border-top:1px solid rgba(255,255,255,0.05);}
.copyright .beian p span {text-transform:uppercase;}
.copyright .beian a { padding:0 0 0 4px; color:#ffffff; font-size:12px; text-decoration:underline;}
.copyright .beian a:hover {opacity:1;}
/* 返回顶部 */
a.rTop {display:none; width:40px; height:40px; line-height:40px; text-align:center; color:#111111; font-size:30px; position:fixed; right:20px; bottom:20px; background:rgba(255,255,255,1); box-shadow:0 0 0 0.5px rgba(0,0,0,0.1);}
a.rTop:hover {opacity:0.8;}




/******************** home ********************/
/* 首页Banner */
.carousel {width:100%; height:100%;}
.carousel .carousel-cell {width:100%; height:100%; text-align:center;}
.carousel .carousel-cell a {display:block; width:100%; height:100%;}
.cell-1 { background-image:url("../case/huoyanzuoye/images/portfolio_pic_topic.jpg"); background-attachment:scroll; background-size:cover; background-position:center center;}
.cell-2 { background-image:url("../case/ipinto-waterever/images/portfolio_pic_topic.jpg"); background-attachment:scroll; background-size:cover; background-position:center center;}	
.cell-3 { background-image:url("../case/hwatch/images/portfolio_pic_topic.jpg"); background-attachment:scroll; background-size:cover; background-position:center center;}

/* video */
.video { position:relative; height:100vh; background:url("../images/video/video.jpg") no-repeat scroll top center / 100% auto; background-size:cover; overflow:hidden;}
.video svg {position:absolute; left:50%; bottom:40px; z-index:999996; width:40px; height:40px;}
.video svg path {fill:#ffffff;}
.video .mask {width:100%; height:100%; position:absolute; left:0; top:0; z-index:7; background:rgba(0,0,0,0);}
.video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; right:0; bottom:0;}
.video .text {position: absolute; z-index:8; width:100%; max-width:1200px; height:auto; color:#ffffff; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.video .text h1 { margin:2% auto 0; font-size:5em; line-height:1.2; width:60%;}
.video .text p {font-size:3em; letter-spacing:8px; text-align:center;}
/*鼠标滚轮动画*/
.scroll-wheel {display:none; width:24px; height:34px; position:absolute; z-index:10; left:50%; bottom:20px; border:2px solid #ffffff; border-radius:22px; margin-left:-13.5px; opacity:0.5; 
transition: all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */
-o-transition:all 0.3s ease-out 0s; /* Opera */
}
.scroll-wheel::before {display:block; width:3px; height:4px; border-radius:4px; content:""; position:absolute; left:50%; top:6px; margin-left:-1.5px; background:#ffffff;
animation:1.75s ease-in-out 0s normal none infinite running scroll-wheel;
}
@keyframes scroll-wheel {
    33.3% {height:10px; top:10px;}
    100% {height:4px;top:6px;}
}


.wedo h1 { margin:auto; font-size:3em; font-weight:normal;}
.wedo h1 img { width:100%;}
.wedo p { margin:auto; width:80%; font-size:3.4em; font-weight:bold; line-height:1.4em; text-align:center;}
.mbox {position:relative; background:#ffffff;}
.case_box { margin:auto; overflow:hidden;}
.case_box .ul_box {}
.case_box .ul_box ul {}
.case_box .ul_box ul li {}
.case_box .ul_box ul li a { display:block;}
.case_box .ul_box ul li a span.h1 {color:#333333; float:left; width:100%; font-weight:bold; font-size:40px;line-height:120%;}
#home .case_box .ul_box ul li {}
#home .case_box .ul_box ul li a span.h2 { display:none; float:left; color:#333333; font-size:14px;}
.coming {padding:100px; font-size:16px;}
/**/
#service_type {}
#service_type ul {padding:6em 0;}
#service_type ul li { float:left; width:50%;}
#service_type ul li .inner_li { padding:4em 4em; /*border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;*/ text-align:center;}
#service_type ul li .icon { display:block; margin-bottom:20px; font-size:80px;}
#service_type ul li .txt {}
#service_type ul li .txt h4 { margin-bottom:5px; font-size:32px; color:#000; text-align:center; white-space:nowrap; word-spacing:normal;/*chrome 12px hack*/-webkit-text-size-adjust:none; text-transform:uppercase;}
#service_type ul li .txt p { font-size:18px; text-transform:uppercase; height:80px; line-height:160%; text-align:center; overflow:hidden;}
#service_type ul li:nth-child(2) .inner_li ,
#service_type ul li:nth-child(4) .inner_li {border-right:none;}
#service_type ul li:nth-child(5) , 
#service_type ul li:nth-child(6) {display:none;}
/**/
.ul_box_events {}
/**/
.clients {padding-bottom:40px;}
.clients .shead {}
.clients h1 { font-size:3em; padding:120px 0 80px 4px; color:#333; text-align:center;}
.clients ul { overflow:hidden;}
.clients ul li { width:25%; float:left; padding:40px 40px; /*border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2;*/ position:relative; margin-left:-1px; margin-top:-2px; overflow:hidden;}
.clients ul li img { width:100%; max-width:200px;}



/**/
.h_News { margin:80px auto 0; max-width:1280px; width:96%; height:150px;}
.h_News .txt { float:left; text-align:left; width:30.666%;}
.h_News .txt h1 { font-size:34px; line-height:120%; margin-bottom:15px;}
.h_News .txt a { font-size:14px;}
.h_News .txt a:hover { color:#f1103a; text-decoration:none;}
.h_News .list { float:right;}
.h_News .list ul {}
.h_News .list ul li { float:left; margin-left:40px;}
.h_News .list ul li a {}
.h_News .list ul li a:hover { text-decoration:none;}
.h_News .list ul li a img { width:220px; height:100px;}
.h_News .list ul li a h2 { margin-top:10px; font-size:14px; text-align:left; color:#666;}
.h_News .list ul li a:hover h2 { color:#f1103a;}
/**/
.h_Clients { height:100px;}
.h_Clients .txt {}
.h_Clients .txt h1 {}
.h_Clients .txt a {}
.h_Clients .list { width:740px; height:40px; background-position:0 -680px;}




/******************** portfolio ********************/
/**/
.case_box { margin:auto;}
.case_box .shead {padding:0 0 60px; text-align:center;}
.case_box .shead h1 {color:#1e1e1e; font-size:3em; line-height:140%;}
.case_box .shead a:hover {color:#1e1e1e;}
.case_box .shead a em {font-family: 宋体; font-style:normal; padding-left:3px;}
/**/
.case_box .tabs {padding:27px 30%;}
.case_box .tabs h1 {}
.case_box .tabs .inner_tabs {overflow:hidden;}
.case_box .tabs a { float:left; width:25%; padding:0 10px;}
.case_box .tabs a span {display:block; height:46px; line-height:46px; text-align:center; font-size:18px; font-weight:normal; text-transform:uppercase; color:#1e1e1e; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
.case_box .tabs a:hover span {opacity:0.5;}
.case_box .tabs .current span {opacity:0.5;}
.case_box .tabs .more { float:right; margin:10px 0 0 0; padding:0; color:#666; text-decoration:none; width:48px; height:22px; line-height:22px; font-size:16px; font-weight:bold; text-align:center; border:none; background:none;}
.case_box .tabs .more:hover { color:#000;}
/**/
a.swtich-b { display:none;}
/**/
.case_box .ul_box { margin:0;}
.case_box .addLoadingIcon { background:#fff url("images/loading.gif") center center no-repeat;}
.case_box .inner_ul_box {}

.case_box ul { margin-right:-10px; width:auto; cursor:default;}
.case_box ul li { float:left; display:block; width:50%; padding:0 10px 10px 0; text-align:left; position:relative; overflow:hidden;}
.case_box ul li .cover { display:block; text-align:left; position:relative; overflow:hidden; background:url("images/portfolio_pic_prev_default.jpg") no-repeat center center; background-size:100%;}
.case_box ul li .cover img { display:block; width:100%; height:100%;
-moz-transition: all 0.3s ease-out 0s; /* Mozilla内核浏览器：firefox3.5+ */
-webkit-transition: all 0.3s ease-out 0s; /* Webkit内核浏览器：Safari and Chrome */
-o-transition: all 0.3s ease-out 0s; /* Opera */
-ms-transition: all 0.3s ease-out 0s; /* IE9 */
transition: all 0.3s ease-out 0s;  /* W3C标准 */
}
.case_box ul li .cover video { display:block; width:100%; height:auto;}
.case_box ul li .hoverMask {display:flex; flex-direction:column; justify-content:center;/* !! 垂直居中*/ width:100%; height:100%; text-align:center; position:absolute; left:0; top:-100%; transition:top 0.4s ease 0s; background:#fff;}
.case_box ul li .inne_hoverMask {}
.case_box ul li .cover h2 { color:#000; font-size:36px; text-align:center; opacity:0;
-moz-transition: all 0.3s ease-out 0s; /* Mozilla内核浏览器：firefox3.5+ */
-webkit-transition: all 0.3s ease-out 0s; /* Webkit内核浏览器：Safari and Chrome */
-o-transition: all 0.3s ease-out 0s; /* Opera */
-ms-transition: all 0.3s ease-out 0s; /* IE9 */
transition: all 0.3s ease-out 0s;  /* W3C标准 */

transition-delay:0.2s;
-moz-transition-delay:0.2s; /* Firefox 4 */
-webkit-transition-delay:0.2s; /* Safari 和 Chrome */
-o-transition-delay:0.2s; /* Opera */
}
.case_box ul li .cover span { color:#000; font-size:16px; opacity:0;
-moz-transition: all 0.3s ease-out 0s; /* Mozilla内核浏览器：firefox3.5+ */
-webkit-transition: all 0.3s ease-out 0s; /* Webkit内核浏览器：Safari and Chrome */
-o-transition: all 0.3s ease-out 0s; /* Opera */
-ms-transition: all 0.3s ease-out 0s; /* IE9 */
transition: all 0.3s ease-out 0s;  /* W3C标准 */

transition-delay:0.2s;
-moz-transition-delay:0.2s; /* Firefox 4 */
-webkit-transition-delay:0.2s; /* Safari 和 Chrome */
-o-transition-delay:0.2s; /* Opera */
}
.case_box ul li .cover em { display:block; font-size:40px; color:#000000;}
.case_box ul li h2 {padding:0 20px; font-size:28px;}
.case_box ul li span { font-size:16px; line-height:160%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:normal; white-space:nowrap;}
.case_box ul li.mr0 { margin-right:0;}
#picHtml_2,#picHtml_3,#picHtml_4 { display:none;}
/* hover */
.case_box ul li:hover .hoverMask {top:0;}
.case_box ul li:hover .cover img {
-moz-transform: scale(1.02,1.02); /* Mozilla内核浏览器：firefox3.5+ */
-webkit-transform: scale(1.02,1.02); /* Webkit内核浏览器：Safari and Chrome */
-o-transform: scale(1.02,1.02); /* Opera */
-ms-transform: scale(1.02,1.02); /* IE9 */
transform: scale(1.02,1.02); /* W3C标准 */
}
.case_box ul li:hover .hoverMask h2 {opacity:1;}
.case_box ul li:hover .hoverMask span {opacity:1;}

.view_more { margin:40px auto; text-indent:-99999999px; display:block; width:1030px; height:60px; background:#000 url(images/view_more.png) no-repeat;}




/*sel_portfolio_all*/
.sel_portfolio_all {}
.sel_portfolio_all a.logo {color:#f9270c;}



/*portfolio_detail*/
.sel_portfolio_detail {}
.pic_topic { width:100%; height:720px; margin:auto; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.pic_topic img { width:100%;}
.item_detail { margin:auto; text-align:left; position:relative; background:#FFF;}
.item_detail .item_info {}
.item_detail .item_info .shead {padding:0;}
.item_detail .item_info .shead .inner_shead {margin:auto; background:#ffffff;}
.item_detail .item_info .shead .l {float:left; width:50%; background:#ffffff;}
.item_detail .item_info .shead .l .inner_l {padding:120px 50px 120px 120px; }
.item_detail .item_info .shead .r { float:right; margin:auto; width:50%; font-size:22px; line-height:180%;}
.item_detail .item_info .shead .r .inner_r {padding:120px 120px 120px 0;}
.item_detail .item_info .shead h1 { margin-bottom:30px; font-size:64px; line-height:1; color:#333; text-align:left; /*text-transform:uppercase;*/}


.sel_portfolio_detail .main {background:#f2f2f2;}
.item_detail .cate_page {}
.item_detail .pb0 { padding-bottom:0;}
.item_detail .sinaWeiboshare {}
.item_detail .cate_page .cate { }
.item_detail .item_info .itemIntro { line-height:160%; color:#333;}
.item_detail .item_info .itemIntro p { font-weight:normal; text-align:left; margin-bottom:30px; font-size:18px; line-height:1.5em;}
.item_detail .item_info .itemIntro p.tags { display:none; margin-bottom:4px; height:auto; font-size:18px; font-weight:bold;}
.item_detail .item_info .itemIntro p.tags span { padding:0 5px; background:url(images/tags_line.gif) center center no-repeat none;}
.item_detail .item_info .itemIntro a { color:#000; text-decoration:underline;}
.item_detail .item_info .itemIntro a:hover { color:#F00;}
.item_detail .item_info .itemIntro p.visitWebsite { height:auto; text-align:right;}
.item_detail ul { margin:auto;}
.item_detail ul li { margin:auto; width:auto; height:auto; overflow:hidden;}
.item_detail ul li.ti { text-align:center;}
.item_detail ul li.bm { border-bottom:1px solid #f8f8f8;}
.item_detail ul li.ti span { display:block; font-size:32px; font-weight:600; padding:80px 0; color:#e0e0e0;}
.item_detail ul li.pblank {padding:100px;}
.item_detail ul li video {width:100%;}
.item_detail ul li .detail-list-title {padding:100px 20px 20px;}
.item_detail ul li .detail-list-title h2 {text-align:center; font-size:44px; font-weight:400;}
.item_detail ul li .detail-list-title p {text-align:center; font-size:22px;}
.item_detail ul li img { display:block; width:100%; height:auto;}
.item_detail .more_info { padding:4em 0; margin:32px;}
.item_detail .more_info p { font-size:22px; width:63%; margin:auto; line-height:1.8em; margin-bottom:1em;}
.item_detail .else {}
.item_detail .else .c4 {margin:auto;}
.item_detail .else .c4 img { display:block; float:left; width:25%; overflow:hidden;}
*html body .item_detail .else .c4 img { width:24.99%;}
*+html body .item_detail .else .c4 img { width:24.99%;}
.item_detail .clearPicDetailElse { display:none;}
#portfolio #service_type { display:none;}
#portfolio .footer { /*background:none;*/}
.sel_portfolio_detail .footer .inner_footer { padding:0;}
#portfolio_detail .footer { background:none;}
.sel_portfolio_all .header {}
/*
.sel_portfolio_all .header::after {border-bottom:1px solid #d9d9d9; color:#d9d9d9; content:" "; height:1px; position:absolute; left:0; bottom:0; transform: scaleY(0.5);transform-origin: 0 100% 0;width: 100%;}
*/
.sel_portfolio_all .case_box {}
.sel_portfolio_all .case_box .ul_box {}
.sel_portfolio_all .banner { display:none; width:100%; height:520px; background:#000000 url(images/works_banner.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; overflow:hidden;}
.sel_portfolio_all .banner .inner_banner { margin:auto;}
.sel_portfolio_all .banner .inner_banner .l {float:left; width:100%;}
.sel_portfolio_all .banner .inner_banner .r {float:right; width:50%;}
.sel_portfolio_all .banner h1 { width:70%; margin:auto; text-align:center; font-size:5.5em; font-weight:normal; color:#ffffff; letter-spacing:8px;}
.sel_portfolio_all .banner h1 em { font-style:normal; padding:0 12px; font-size:32px; vertical-align:middle;}
.sel_portfolio_all .banner p { text-align:center; font-size:3em; color:#ffffff; letter-spacing:8px;}




/******************** articles ********************/
#articles .articles_box { width:1030px; margin:40px auto; font-family:"微软雅黑";}
#articles .articles_box ul {}
#articles .articles_box ul li { float:left; width:515px; cursor:pointer;}
#articles .articles_box ul li a { text-decoration:none;}
#articles .articles_box ul li .l { float:left;}
#articles .articles_box ul li img { display:block; width:160px; height:120px; background:#cccccc;}
#articles .articles_box ul li .r { float:left; margin-left:20px; width:300px; text-align:left;}
#articles .articles_box ul li h1 { font-size:18px; font-weight:normal; color:#666;margin-bottom:4px;}
#articles .articles_box ul li p {line-height:180%;}
#articles .articles_box ul li p.a_date { font-size:12px; color:#999;margin-bottom:8px;}
#articles .articles_box ul li p.a_intro { font-size:12px; color:#666; }
/**/
#articles .articles_box ul li.hover h1 { color:#333;}
#articles .articles_box ul li.hover p.a_intro { color:#333;}
/*detail*/
#articles .articles_box .a_detail { float:left; width:800px; text-align:left;}
#articles .articles_box .a_detail .img { float:left; margin:4px 20px 0 0;}
#articles .articles_box .a_detail .img img { display:block; width:160px; height:120px; background:#cccccc;}
#articles .articles_box .a_detail .text { float:left; width:600px;}
#articles .articles_box .a_detail .text h1 {font-size:18px; font-weight:normal; color:#333;margin-bottom:4px;}
#articles .articles_box .a_detail .text p.a_date {font-size:12px; color:#999;margin:0;}
#articles .articles_box .a_detail .text p { margin:10px 0; line-height:180%;}
#articles .articles_box .a_detail .text img { width:600px; height:auto;}
#articles .articles_box .others { float:right; width:200px; text-align:left;}
#articles .articles_box .others h3 { margin-bottom:4px; font-size:12px; font-weight:normal;}
#articles .articles_box .others ul {}
#articles .articles_box .others ul li { width:auto;}
#articles .articles_box .others ul li a {}




/******************** about ********************/
#about .header {}
/*
#about .header::after {border-bottom:1px solid #d9d9d9; color:#d9d9d9; content:" "; height:1px; position:absolute; left:0; bottom:0; transform: scaleY(0.5);transform-origin: 0 100% 0;width: 100%;}
*/
#about .header .inner_header {}
#about .inner_content { margin:auto; width:100%;}

#about .banner { position:relative; width:100%; height:100vh; background:#000000 url(images/about_banner.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}
#about .banner .inner_banner {margin:auto;}
#about .banner .inner_banner .text { position:absolute; z-index:3; width:70%; max-width:1200px; height:auto; color:#ffffff; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#about .banner .inner_banner .text h1 {font-size:6em; letter-spacing:4px; padding-left:4px; color:#ffffff; margin-bottom:30px;}
#about .banner .inner_banner .text h1 em { display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;}
#about .banner .inner_banner .text h1 em::before , #about .banner .inner_banner .text h1 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:100%; height:1px; background:#ffffff;}
#about .banner .inner_banner .text h1 em::before {transform:rotate(45deg);}
#about .banner .inner_banner .text h1 em::after {transform:rotate(-45deg);}
#about .banner .inner_banner .text p {font-size:24px; color:#ffffff; text-align:center;}
#about .banner .inner_banner .text img { display:block; width:100%;}

#about .big_pic { margin:auto; background:#FFF;}
#about .big_pic img { width:100%;}
#about .big_pic .txt_2 { top:240px;}
#about .big_pic .txt_2 p {font-size:11px;}
#about .big_pic .txt_3 { top:400px; display:none;}
#about .big_pic .txt_3 a { display:block; width:41px; height:26px; background-position:-162px -246px;}
#about .big_pic .txt_3 a:hover { background-position:-204px -246px;}
#about .big_pic .txt p {}
#about .big_pic .txt p span.myname { padding-left:5px; font-size:11px; font-weight:bold;}
#about .big_pic .txt p span.teamwork { font-weight:bold; color:#CCC;}
#about .big_pic .txt p span.contact { padding-left:15px; font-size:11px; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#about .big_pic .txt p span.contact em { font-style:normal; font-weight:bold; color:#FFF;}
#about .about_timeline { display:none; width:auto; margin:auto; padding-top:40px; height:300px; text-align:left; background:#ffffff url(images/about_timeline.jpg) center 40px no-repeat;}
#about .about_timeline ul { display:none; padding:0 60px;}
#about .about_timeline ul li { margin:0 0 30px 0;}
#about .about_timeline ul li h1 { font-size:24px; font-weight:normal; color:#333333;}
#about .about_timeline ul li h2 { margin-bottom:10px; font-size:16px; font-weight:normal; color:#666666;}
#about .about_timeline ul li p { font-size:12px; color:#999999;}
#about .fill { display:none; margin:auto; padding:0 4%; max-width:1280px;}
#about .fill h1 { padding:20px 0; font-size:36px; text-align:left;}
#about .case_box { background:#fff;}
#about .case_box .ul_box { padding:0;}
#about .case_box ul {}
#about .case_box ul li { width:25%; position:relative;}
#about .case_box ul li:hover .hoverMask {bottom:0;}
#about .case_box ul li .hoverMask {}
#about .case_box ul li .hoverMask .inne_hoverMask {padding:0 0 20px 30px;}
#about .case_box ul li .hoverMask h2 { font-size:28px; padding:25px 0 10px; text-transform:uppercase;}
#about .case_box ul li .hoverMask span {padding:0;}
#about .case_box ul li .cover { display:block; /*margin:2%;*/ margin:0; padding:0; text-align:left; position:relative; background:none;}
#about .big_pic .txt { margin:auto; padding:100px 20px 80px;}
#about .big_pic .txt h1 { font-size:3em; letter-spacing:4px; padding-left:4px; text-align:center;}
#about .big_pic .txt p { display:none; font-size:12px; line-height:1.6em; color:#b2b2b2; letter-spacing:10px; text-align:center; text-transform:uppercase;}
#about .big_pic .txt p span {}
#about .big_pic .txt2 { display:none;}
#about .footer .inner_footer {}
/* 与我们联系 */
.contact_us {}
.contact_us h1 {font-size:3em; padding:100px 20px 80px;}
.contact_us .inner_contact_us {position:relative; height:640px; background:#f8f8f8 url("images/contact_us_bg.jpg") no-repeat scroll center center / cover;}
.contact_us .locate {position:absolute; left:50%; top:50%; margin-left:-260px; margin-top:-60px; width:520px; height:100px; background:#e60012;}
.contact_us .locate p { line-height:100px; text-align:center; color:#ffffff; font-size:16px;}
.contact_us .locate p a { color:#ffffff; padding:0 0 0 10px; font-weight:bold;}
.contact_us .locate p a:hover {opacity:1;}
.contact_us .locate span {display:block; width:20px; height:20px; margin:-15px auto 0; background:url("images/arrow.svg") no-repeat scroll center center / cover;}
.contact_us .locate-dot {display:block; width:10px; height:10px; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:55px; border-radius:100%; background:#e60012;} 
/* 加入我们 */
.join_us { padding-bottom:40px; overflow:hidden;}
.join_us h1 {font-size:3em; padding:100px 20px 40px; position:relative;}
.join_us .inner_join_us { position:relative; overflow:hidden;}
.job {float:left; position:relative; width:50%; text-align:left;}
.job .inner_job {padding:10% 20%; margin-right:-1px;}
.odd .inner_job {width:auto;}
.odd::after {border:none;}
.job h4 {font-size:22px; color:#1e1e1e;}
.job .job-title-cn {}
.job .job-title-en {margin:7px 0 0; font-size:14px;}
.job .job-sub-title { color:#1e1e1e; margin-top:45px; font-size:16px; font-weight:bold; margin-bottom:10px;}
.job .job-descr {font-size:16px; line-height:24px; color:#1e1e1e; padding-left:18px;}
.job .job-descr li {list-style-type:decimal;}
.join_us a.send {border:1px solid rgba(0,0,0,1); color:#000000;}
.join_us a.send:hover {background:#e0230b;}




/******************** service ********************/
#service .big_pic { height:680px; background:url(images/home_bg_1.jpg) center center no-repeat;}
#service .big_pic h1 { font-size:3em; font-weight:normal; padding:210px 200px 100px; color:#FFF;}
/***** 资质 *****/
#aptitude{ margin-bottom:0; padding:150px 0 240px; position:relative; background-color:#000000;}
#aptitude::before { content:""; display:block; position:absolute; z-index:90; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.2;}
#aptitude .row {position:relative; z-index:91;}
#aptitude .fl { float:none; margin:auto; width:60%;}
#aptitude .fr {float:none; padding:0 8%;}
#aptitude h3 {margin:0 auto 20px; font-size:64px; line-height:1.2; color:#ffffff; text-align:center;}
#aptitude .intro {margin-bottom:60px; text-align:center; color:#ffffff; text-align:center; font-size:22px;}
#aptitude .logo-white {}
#aptitude .logo-white img {width:50%;}
#aptitude .container {position:relative; text-align:center; overflow:hidden;}
#aptitude .li{ float:left; width:33.333333%; padding:0 10px;}
#aptitude .li .inner_li{ padding:80px 40px 90px; background:#ffffff; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li .icon { display:none; font-size:64px; color:#333333; margin:30px auto 30px; background-color:none; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li .icon img {background:none;}
#aptitude .li .inner_li .info { padding:0; border:none;-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li h5 {margin:30px 0 20px 0; font-size:64px; color:#333333; font-style:normal; /*font-family:DINCond-Bold;*/ -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
#aptitude .li .inner_li i {display:block; font-size:18px; color:#333333; font-style:normal;}
#aptitude .li .inner_li span{ display:block; padding:0 0 40px; border-bottom:1px solid rgba(0, 0, 0, 0.5);  font-size:24px; font-weight:500; color:#333333;-moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */-webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */-o-transition:all 0.3s ease-out 0s; /* Opera */}
    /**/
    #aptitude .li:hover {}
    #aptitude .li:hover .inner_li {}
    #aptitude .li:hover .inner_li .icon {}
    #aptitude .li:hover .inner_li h5 {}
    /*背景图切换*/
    .slide-bg-wrapper { position:absolute; left:0; top:0; width:100%; overflow:hidden;}
    .slide-bg-wrapper .sbg { opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; background-position:right center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
    
    




/******************** item_style ********************/
.item_style {}
.item_style_001 {}
.item_style_001 .item_detail {}
.item_style_001 .item_detail .item_info .itemIntro p {}
.item_style_002 {}
.item_style_002 .item_detail {}




/******************** 网址导航 ********************/
#fav { padding:1%; background:#f2f2f2;}
#fav #wrapper {padding:0;}
.sel_fav {}
.fav_list { text-align:left; margin-bottom:40px;}
.fav_list h2 { margin:10px; font-size:28px; color:#000000;}
.fav_list ul {}
.fav_list ul li {float:left; width:25%; height:auto;}
.fav_list ul li a { display:block; margin:4%; font-size:18px; color:#1e1e1e; background:#ffffff;}
.fav_list ul li a img {width:100%; display:block;}
.fav_list ul li a h3 {font-size:16px; height:28px; line-height:28px; margin-top:10px; padding:0 20px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.fav_list ul li a p {padding:0 20px 20px; color:#999; font-size:12px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.fav_list ul li a:hover { z-index:2; box-shadow:0 20px 20px rgba(0,0,0,0.1);}



/******************** 模板库 ********************/
#mhtml {}
#mhtml #wrapper {padding:0;}
.sel_mhtml {}
.sel_mhtml .list { text-align:left; margin-bottom:40px;}
.sel_mhtml .list h2 { padding:200px 20px; font-size:44px; color:#000000; text-align:center; background:#ffffff;}
.sel_mhtml .list ul { padding:2%;}
.sel_mhtml .list li {float:left; padding:40px; position:relative; width:50%; height:auto; overflow:hidden;}
.sel_mhtml .list li a { display:block; height:460px; font-size:18px; color:#ffffff; background:url(images/frame-slider.png) center top no-repeat; background-size:100%; overflow:hidden;}
.sel_mhtml .list li a img { position:absolute; z-index:-1; top:80px; left:50%; margin-left:-30%; width:60%; display:block; opacity:1; /* transition:all 0.3s ease-out 0s; box-shadow:3px 4px 40px 0 rgba(0,0,0,.1); */}
.sel_mhtml .list li a h3 { display:none; font-size:14px; height:28px; line-height:28px; margin-top:10px; text-align:center;}
.sel_mhtml .list li a p { display:none; color:#999; font-size:12px; line-height:160%; text-align:center; overflow:hidden;}


#terms {}
#terms .terms-box { margin:auto; padding:200px 20px; width:62%;}
#terms .terms-box p {font-size:18px;}



/******************** 作品集 ********************/
#works { background:#000000;}
#works img { display:block; width:100%; margin:0 0 0.5%}


/******************** VOKO Lab ********************/
#lab {}
.labList {padding:100px; text-align:left;}
.labList ul {}
.labList ul li {margin-bottom:100px;}
.labList ul li h2 {font-size:44px;}
.labList ul li .text {margin-top:40px; font-size:18px;}
.labList ul li code {}



/***********************************************/
/***********************************************/
/******************** 响应式 ********************/
@media all and (max-width:1023px){
    
    /*解决:hover、before、after伪类在ios移动端需要二次点击的问题*/
    a.btn-trans:hover {color:#ffffff;}
    a.btn-trans:hover span {}
    a.btn-trans:hover::before {display:none;}
    a.btn-trans-black::before {background:#ffffff;}
    a.btn-trans-black:hover {color:#000000;}
    a.btn-trans-black:hover::before {}
    /**/
    .hamburger { position:absolute; width:auto; height:60px; border:none; background:none;}
    .hamburger .nav_more { position:absolute; left:10px; top:20px; width:40px; height:40px; border:none; /*background:#000000;*/}
    .hamburger .hamburger-fix, .hamburger .hamburger-fix::before, .hamburger .hamburger-fix::after {width:20px; background:#ffffff;}
    .hamburger .nav_more:hover {opacity:1;}
    .hamburger .nav_more_on {background:none;}
    .hamburger .nav_more_on .hamburger-fix::before, .hamburger .nav_more_on .hamburger-fix::after {background:#000000;}
           
            /*白色背景下为黑色*/
            .sel_portfolio_all .hamburger .hamburger-fix, 
            .sel_portfolio_all .hamburger .hamburger-fix::before,
            .sel_portfolio_all .hamburger .hamburger-fix::after {background:#000000;}

            .sel_service .hamburger .hamburger-fix, 
            .sel_service .hamburger .hamburger-fix::before,
            .sel_service .hamburger .hamburger-fix::after {background:#000000;}
            /**/
            .sel_portfolio_all .hamburger .nav_more_on .hamburger-fix {background:#ffffff;}
            .sel_portfolio_all .hamburger .nav_more_on .hamburger-fix::before, 
            .sel_portfolio_all .hamburger .nav_more_on .hamburger-fix::after {}

            .sel_service .hamburger .nav_more_on .hamburger-fix {background:#ffffff;}
            .sel_service .hamburger .nav_more_on .hamburger-fix::before, 
            .sel_service .hamburger .nav_more_on .hamburger-fix::after {}

    .nav {width:100%; margin:0;}
    .nav ul {margin-top:100px;}
    .nav ul li {}
    .nav ul li a {padding-left:80px; font-size:32px; height:80px; line-height:80px;}
    .nav-mask {}
    a.logo {color:#ffffff; right:20px; top:20px; left:auto; font-size:18px; width:82px;}
    #wrapper {padding:0;}
    .video .text h1 {font-size:32px; width:75%;}
    .video video {}
    a.btn-trans {padding:10px 35px;}
    a.btn-trans span { transition:all 0s ease 0s; -moz-transition:all 0s ease 0s;/* Firefox 4 */ -webkit-transition:all 0s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0s ease 0s;/* Opera */}
    a.detail {width:100%; margin-top:30px;}
    /**/
    #service_type {}
    #service_type ul {padding:6em 0 4em;}
    #service_type ul li {}
    #service_type ul li .inner_li {padding:20px 0;}
    #service_type ul li .icon {font-size:50px; margin-bottom:10px;}
    #service_type ul li .txt h4 {font-size:18px;}
    #service_type ul li .txt p {font-size:14px; height:auto; display:none;}
    /**/
    .case_box {}
    .case_box .shead {padding:40px 0;}
    .case_box .shead h1 {font-size:28px;}
    /**/
    .case_box .tabs {padding:80px 0 0 0; position:relative;}
    .case_box .tabs .inner_tabs { display:none; opacity:0; padding:0 0 20px; position:absolute; left:0; top:80px; width:100%; z-index:1; border-top:1px solid #f2f2f2; background:#ffffff;}
    .case_box .tabs a {float:none; padding:0;}
    .case_box .tabs a span { height:60px; line-height:60px; text-align:left; text-indent:80px;}
    /**/
    a.swtich-b { display:block; position:absolute; left:80px; top:30px; z-index:1; margin-left:-20px; padding:0 25px 0 17px; width:auto; height:20px; line-height:20px; color:#1e1e1e; text-align:left; font-size:18px; border-left:1px solid #e0e0e0; text-transform:uppercase; background:url(images/select_arrow_icon.svg) right 2px no-repeat;}

    .clients {}
    .clients .shead {}
    .clients .shead h1 { padding:60px 20px 30px; font-size:28px;}
    .clients ul {}
    .clients ul li {width:50%; padding:40px;}
    .clients ul li img {}
    /**/
    .copyright {}
    .copyright .inner-copyright {padding:50px 0 40px;}
    .copyright .fl {width:100%;}
    .copyright .fl .fl {width:100%; margin-bottom:20px; text-align:center;}
    .copyright .fl .fl .b-logo {margin:0;}
    .copyright .fl .fr {width:100%; margin-bottom:30px;}
    .copyright .fr {width:100%;}
    .copyright .fr .fl {width:100%; text-align:center; margin-bottom:30px;}
    .copyright .fr .fr {width:100%; text-align:center;}
    .copyright .fr .fr h4 {text-align:center;}
    .copyright .fr .fr p {text-align:center;}
    .copyright .fr .fr ul {}
    .copyright .fr .fr ul li {float:none; margin:auto;}
    .copyright .beian {margin-top:40px;}
    .copyright .beian p {text-align:center; padding-top:40px;}

    a.rTop {display:none!important;}




    .case_box {}
    .case_box .ul_box ul {}
    .case_box .ul_box ul li {width:100%; margin-bottom:30px;}
    .case_box .ul_box ul li a {}
    .case_box .ul_box ul li a img {}
    .case_box ul li .hoverMask { position:static;}
    .case_box ul li .inne_hoverMask {}
    .case_box ul li .cover h2 { margin:20px 0 0; padding:0; opacity:1; font-size:20px;}
    .case_box ul li .cover span {opacity:1; font-size:12px;}
    .case_box ul li .cover em {display:none;}
    /**/
    .case_box ul li:hover .cover img {transform:none; opacity:1;}




    #aptitude .row_pr0 {padding-right:20px;}
    #aptitude .fl {width:90%;}
    #aptitude .fr {padding:0;}
    #aptitude {padding:50px 0; background-attachment:scroll;}
    #aptitude h3 {font-size:28px;}
    #aptitude .intro {font-size:18px; margin-bottom:40px;}
    #aptitude .li {width:100%; margin-bottom:40px; padding:0 20px;}
    #aptitude .li .inner_li {padding:60px 40px 60px;}
    #aptitude .li .inner_li span {font-size:18px; padding:0 0 20px;}
    #aptitude .li .inner_li h5 {font-size:44px; margin:30px 0 10px 0;}
        /**/
        .slide-bg-wrapper .sbg {background-attachment:scroll;}




    #about .banner {background-attachment:scroll;}
    .contact_us .inner_contact_us {background-attachment:scroll;}
    #about .banner .inner_banner .text h1 {font-size:36px;}
    #about .banner .inner_banner .text p {font-size:16px;}
    #about .banner .inner_banner .text h1 em {width:24px;}
    #about .big_pic .txt {width:100%; padding:40px 20px;}
    #about .big_pic .txt h1 {font-size:28px;}
    #about .case_box ul li {width:50%; margin-bottom:0;}
    #about .case_box ul li .hoverMask {position:absolute;}
    #about .case_box ul li .hoverMask .inne_hoverMask {padding:0;}
    #about .case_box ul li .hoverMask h2 {padding:0; margin:20px 0 2px; letter-spacing:2px; font-size:18px; line-height:1;}


    .contact_us h1 {font-size:28px; padding:40px 0;}


    .join_us h1 {font-size:28px; padding:80px 0 40px;}
    .job {width:100%;}
    .job .inner_job {padding:37.5px;}
    .job .job-descr {padding-left:24px;}
    .job h4 {font-size:18px;}


    .item_detail .more_info p {font-size:16px; width:80%;}
    .item_detail .else .c4 img {width:50%;}


    .pic_topic {height:300px!important;}
    .item_detail .item_info {}
    .item_detail .item_info .itemIntro p {margin:0; font-size:14px;}
    .item_detail .item_info .itemIntro p.tags {text-align:center;}
    .item_detail .item_info .shead .l {width:100%;}
    .item_detail .item_info .shead .l .inner_l {padding:60px 20px 0;}
    .item_detail .item_info .shead h1 {font-size:32px; margin-bottom:10px;}
    .item_detail .item_info .shead .r {width:100%;}
    .item_detail .item_info .shead .r .inner_r {padding:30px 20px 60px; font-size:16px; line-height:180%;}
    .item_detail ul li .detail-list-title {padding:40px 20px 20px;}
    .item_detail ul li .detail-list-title h2 {font-size:22px; margin-bottom:4px;}
    .item_detail ul li .detail-list-title p {font-size:14px;}
    .item_detail ul li.ti {}
    .item_detail ul li.ti span {padding:40px 0; font-size:22px;}
    .item_detail ul li.pblank {padding:40px;}


}




@media all and (max-width:767px){

    .fav_list h2 {font-size:22px;}
    .fav_list ul li {width:33.333333%;}

}




@media all and (max-width:414px){
    .clients ul li {width:50%; padding:30px;}

    .contact_us .inner_contact_us {height:400px;}
    .contact_us .locate {width:300px; margin-left:-150px;}
    .contact_us .locate p {line-height:1.4; padding:27px 20px;}

    .fav_list h2 {font-size:22px;}
    .fav_list ul li {width:50%;}

}



@media all and (max-width:320px){
}