body{color:#666;font-family:"微软雅黑";font-size:14px;} body.boxed header{width:100%;} img{max-width:100%} h1,h2,h3,h4,h5,h6{font-weight:400;color:#666;font-family:Oswald,sans-serif;text-shadow:0 0 1px rgba(0,0,0,.01)} h1,h2,h3{margin:0 0 25px} h1.title{margin:0 0 10px} h3{font-size:22px;position:relative} h3.title{overflow:hidden;line-height:28px} h3.title:after{background:url(../images/bg_off.png) repeat;content:"";height:5px;margin-left:10px;position:absolute;top:12px;width:99%} .our-clients h3.title:after,.service-reasons h3.title:after{background:0 0} .our-clients h3.title,.service-reasons h3.title{color:#fff} .our-clients,.service-reasons{background:url(../images/img-bg-blur.jpg) 50% 0 no-repeat fixed;margin:0 auto;padding:50px 0;background-position:center center;background-size:cover} .client,.service-reasons{position:relative;overflow:hidden} .our-clients .carousel-controls{display:block;height:25px;position:absolute;right:0;top:3px;width:83px} li,ol,ul{line-height:24px;list-style:none;margin:0;padding:0} a:focus,a:hover{text-decoration:none;outline:0;color:#666} .btn-large,.btn-normal,.btn-small,.btn-special,.comment-des,.contact-box,.steps .popup,.testimonial p{border-radius:3px} #header{position:fixed;z-index:999;width:100%;box-shadow:0 0 5px 2px #ccc; height:90px;} #header .main-header{min-height:90px;z-index:9999;width:100%;background:#fff;height:auto} #header .main-header .container{position:relative;} header .top-bar{min-height:30px;background:#25292C;border-bottom:1px solid #414f5a;padding:7px 0} .topnav .navbar-toggle i{line-height:20px} .phone-email{padding:3px 0} .phone-email a{margin-right:20px} .phone-email i .fa-phone{font-size:14px} .phone-email i{margin-right:7px} footer .social,header .social{margin-right:4px;line-height:30px} header #search-form{line-height:30px} footer .social,footer .social li:last-child{margin-right:0!important} footer .social li,header .social li{background-color:#FFF;border-radius:100% 100% 100% 100%;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.6);box-shadow:0 2px 2px 0 rgba(0,0,0,.6);display:inline-block;height:25px;margin-right:5px;width:25px;text-align:center;background:#fff;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out;padding:1px} footer .social i,header .social i{color:#666;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-ms-transition:color .5s ease-in-out;transition:color .5s ease-in-out} #search-form .search-text-box{background-color:#fff;background-image:url(../images/search-icon.png);background-position:6px 56%;background-repeat:no-repeat;border:0;color:transparent;font-size:13px;line-height:18px;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-shadow:none;box-shadow:none;border-radius:30px;width:25px;height:25px;margin:0;padding:0} #search-form .search-text-box:focus{font-size:13px;background-color:#fff;width:170px;height:25px;border:0;color:#888;cursor:text;text-align:left;padding:0 15px 1px 25px} .logo{height:100%} .pull-right{float:right;} .pull-right .input-group{border:1px solid #ccc;width: 200px;height: 30px;margin-top: 15px;border-radius: 15px; overflow:Hidden;} .pull-right .input-group .search-input{width: 78% !important;height: 30px !important;line-height: 30px !important;float: left;border: none;background:#fff;box-shadow: none !important;padding: 0;text-indent: 10px;border-radius: 15px;} .pull-right .input-group .btn{float:left;width:20%;padding: 0;height: 30px;border-radius: 15px;background:url(../images/search-icon.png) no-repeat center center;} .pull-right .iphone{padding-left: 60px; background: url(../images/iphone.png) no-repeat left center; height: 40px; width: auto; color: #009740; font-size: 18px; font-weight: bold; line-height: 40px; margin-top: 20%;} .logo h1{margin:13px 0} .navbar-fixed-top{position:fixed!important} .breadcrumb-wrapper{background:#FAFAFA;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);background:rgba(238, 238, 238, 1)} h2.title{font-size: 20px;line-height: 45px;margin: 0 !important;height: 45px;} .breadcrumbs ul li{display:inline-block;line-height:45px;font-size:16px;color:#9e9e9e;margin:0 0 0 5px} .breadcrumbs ul li a{color:#00a0ea;font-weight:600} .breadcrumbs ul li:first-child{margin-left:2px!important} .breadcrumbs ul li:first-child:before,.breadcrumbs ul li:nth-child(2):before{content:" ";margin:0} .breadcrumbs ul li:before{color:#9e9e9e;content:"\f105";font-family:FontAwesome;font-size:12px;margin:0 9px 0 0; } /* 广告图 */ .fullwidthbanner-container{ width:100%!important; max-width:1440px; margin:0 auto; position:relative;height:auto!important;overflow:hidden;background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:50%;padding:0;} .fullwidthbanner-container .next{display:block;width:25px;height:35px;background:url(../images/adv_next.png?1) no-repeat;position:absolute;right:100px;top:45%;} .fullwidthbanner-container .prev{display:block;width:25px;height:35px;background:url(../images/adv_prev.png?1) no-repeat;position:absolute;left:100px; top:45%;} .fullwidthbanner-container li{position:relative;} .fullwidthbanner-container li .img_show{position:absolute;width:20%;height:auto;top:55%;left:10%;} .fullwidthbanner-container li .img_show .img_title{color:#fff;font-size:35px;font-weight:400;height: 50px;} .fullwidthbanner-container li .img_show span{margin:0 auto 20px 0;width:30%; display:block; } .fullwidthbanner-container li .img_show .img_des{color:#fff;opacity: 0.7;margin-bottom:50px;} .fullwidthbanner-container li .img_show strong{border:1px solid #fff;color:#fff;padding: 10px 25px;border-radius: 25px;font-weight: lighter; background:rgba(0,0,0,.3); display:none;} .fullwidthbanner-container .num{position:absolute;right:45%;bottom:50px;height:20px;width:150px;} .fullwidthbanner-container .num a{display:block;height:15px;width:15px;background:#fff;float:left;margin:0 3% !important;border-radius:50%;} .fullwidthbanner-container .num a.on{background:#00A0EA;} .fullwidthbanner-container .num a:hover{background:#fff;cursor:pointer;} .nivo-prevNav,.tp-leftarrow.default{border-bottom-right-radius:3px;border-top-right-radius:3px;z-index:100;cursor:pointer;position:relative;background:#898989;padding-top:20px!important;width:45px;height:60px;text-align:center;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-khtml-opacity:0;-moz-opacity:0;visibility:visible} .nivo-prevNav:before,.tp-leftarrow.default:before{content:"\f053";font-family:FontAwesome;font-size:24px;font-style:normal;font-weight:400;color:#fafafa;text-align:center;visibility:visible} .nivo-nextNav,.tp-rightarrow.default{border-bottom-left-radius:3px;border-top-left-radius:3px;z-index:100;cursor:pointer;position:relative;background:#898989;padding-top:20px!important;width:45px;height:60px;text-align:center;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-khtml-opacity:0;-moz-opacity:0;visibility:visible} .nivo-nextNav:before,.tp-rightarrow.default:before{content:"\f054";font-family:FontAwesome;font-size:24px;font-style:normal;font-weight:400;color:#fafafa;text-align:center;visibility:visible} .nivo-caption h2{margin:0;line-height:60px} #center-content{border:1px solid #ddd;padding:20 20px;min-height:270px} .btn:focus,.btn:hover{color:#fff} .btn-pad{margin:0,7px} .btn-grey{color:#515151!important;text-shadow:-1px 1px 0 #fff;outline:0;white-space:nowrap;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:#fff;background-image:-webkit-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);background-image:-moz-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);background-image:-o-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);background-image:-ms-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);background-image:linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );border:1px solid #969696;-webkit-box-shadow:0 1px 2px rgba(144,144,144,.4);box-shadow:0 1px 2px rgba(144,144,144,.4);text-shadow:0 1px 1px rgba(255,255,255,.75)!important} .btn-grey:hover{background:-webkit-linear-gradient(#f8f8f8,#ddd);background:-moz-linear-gradient(#f8f8f8,#ddd);background:-o-linear-gradient(#f8f8f8,#ddd);background:-ms-linear-gradient(#f8f8f8,#ddd);background:linear-gradient(#f8f8f8,#ddd)} .btn-color,.btn-grey{-webkit-transition:all .5s ease-in-out!important;-moz-transition:all .5s ease-in-out!important;-o-transition:all .5s ease-in-out!important;-ms-transition:all .5s ease-in-out!important;transition:all .5s ease-in-out!important} .btn-color{color:#fff!important;text-shadow:0 1px #555!important} .btn-special{border-radius:4px} .btn-special{padding:15px 30px;text-transform:uppercase;letter-spacing:1px;font-weight:700;outline:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .btn-normal{display:inline-block;cursor:pointer;font-size:16px;padding:12px 30px} .btn-small{display:inline-block;cursor:pointer;font-size:14px;padding:7px 20px} .btn-large{display:inline-block;cursor:pointer;font-size:20px;padding:17px 50px} #main-cmf{background-color:#fff;padding:0 0 60px} #main-cmf .page-title{padding-top:20px;padding-bottom:10px} .about #main-cmf,.home #main-cmf,.home-2 #main-cmf,.home-3 #main-cmf,.page-services #main-cmf{padding:0} .page article.post{border-bottom:none} .post-header h3.content-title{text-align:left!important;margin-bottom:15px} .post-header a{font-size:16px;display: block; margin:5px 0 10px; } .post-header a span{float:right;font-size: 12px;} .blog-entry-meta{font-size:0} .blog-entry-meta-date{display:inline-block;margin-right:25px;margin-bottom:10px;font-size:14px;vertical-align:top} .blog-entry-meta-author{display:none;margin-right:5px;margin-bottom:10px;font-size:14px;vertical-align:top} .blog-entry-meta-tags{display:none;margin-right:25px;margin-bottom:10px;font-size:14px;vertical-align:top} .blog-entry-meta-comments{display:none;margin-bottom:10px;margin-right:10px;font-size:14px;vertical-align:top} .blog-entry-meta i{margin-right:4px} .blog.meta_author .blog-entry-meta-author{display:inline-block} .blog.meta_tags .blog-entry-meta-tags{display:inline-block} .blog.meta_comments .blog-entry-meta-comments{display:inline-block} .blog.meta_authortags .blog-entry-meta-author,.blog.meta_authortags .blog-entry-meta-tags{display:inline-block} .blog.meta_authorcomments .blog-entry-meta-author,.blog.meta_authorcomments .blog-entry-meta-comments{display:inline-block} .blog.meta_tagscomments .blog-entry-meta-comments,.blog.meta_tagscomments .blog-entry-meta-tags{display:inline-block} .blog-entry-meta-author,.blog-entry-meta-comments,.blog-entry-meta-tags{display:inline-block} .post-content{padding-bottom:10px; font-family:'微软雅黑'!important; font-size:16px!important; line-height:35px!important;} .post-content *{ font-family:'微软雅黑'!important; line-height:35px!important;} /* 导航 */ .menu{width:60%;height:auto;position: absolute;bottom:0;right:0} .menu nav{width:100%;margin:0 auto;float: unset !important;} .menu nav li{display:block;min-width: 110px;height:50px;} .menu nav li .sf-with-ul .english{position: absolute;bottom: 8px;font-size: 10px;line-height: 10px;left: 0;width: 100%;text-align: center;color:#444;text-transform: uppercase;} .menu nav li a{background:url(../images/menu_li.png) no-repeat right center;color:#000 !important;padding:0 !important;line-height:30px;text-align: center;height:50px;font-size: 14px;padding-right:3px !important;} .menu nav li:last-child a{background:none;} .menu nav li:hover{background:url(../images/menu.png) no-repeat;background-size:100% 100%;} .menu nav li:hover a{color:#fff !important;background:none} .menu nav li:hover a .english{color:#fff} .menu nav li a .sf-sub-indicator{display:none} .menu nav .chlid .sf-with-ul .english{display:none;} .menu nav .chlid .chlid_li{background: none;line-height:50px;height:50px;} .menu nav .chlid .chlid_li a{color:#fff !important;margin:0 !important;background: none; line-height:50px;} .menu nav .chlid .chlid_li:hover{background:#0772a3;} @media (max-width: 1200px){ .menu{width:100%; position:relative; float:left;} .news_right .tt{ width:100%; height:25px; overflow:Hidden;} } /*栏目类表页 */ .menu_list{text-align:center;} .menu_list li{width: auto;display: inline-table;height: auto;margin:20px;padding: 20px;} .menu_list li img{width:200px;} /* 内容页 */ .post-content .news_title{text-align:center; font-size:22px!important; font-weight:bold;} .post-content .news_content p img{width:auto;max-width:100%;} .singlepage p img{width:auto;max-width:100%;} /* 左侧栏目 */ .leftslider{width:100%;height:50px;background:rgba(0,0,0,0.5);z-index: 9999;} .leftslider .left_menu{text-align:left;text-align: left;max-width: 1140px;width:100%;margin: 0 auto;} .leftslider .left_menu:after{ clear:both;content:''; display:block;} .leftslider li{display: block; height:50px;line-height: 50px; float:left;} .leftslider li a{color:#fff;font-size: 20px;display: inherit;padding: 0 30px;} .leftslider li:hover{background:#00a0ea;} .leftslider li.our{background:#00a0ea;} .blog-small article .post-image{float:left;width:30%;margin-bottom:10px} .blog-small article .post-content-wrap{float:left;width:100%;} .posts-block .hentry{margin-bottom: 20px;background: #f7f7f7;padding: 10px 20px;} .blog-small article .post-content-wrap .post-brief{position: relative;min-height: 50px; padding-bottom:10px; padding-right:150px; line-height:23px;} .blog-small article .post-content-wrap .post-brief .more{position: absolute;right: 0;bottom: 15px;padding: 5px 30px;border-radius: 15px;color:#fff;background: #00a0ea;} .post-date a.date{background:none repeat scroll 0 0 #fafafa;display:block;float:left;margin-right:20px;padding:10px 0 0;text-align:center;text-decoration:none;width:55px;border-radius:2px} .post-date a.date strong{color:#009740;display:block;font-size:20px;font-weight:400} .post-date a.date i{background-color:#009740;border-top:1px solid #009740;color:#FFF;display:block;font-size:14px;font-style:normal} .blog-small .blog-entry-meta-author,.blog-small .blog-entry-meta-comments,.blog-small .blog-entry-meta-tags{font-size:11px} .sidebar ul.slide li{padding-left:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .sidebar ul.slide li:hover{padding-left:5px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .posts-block .hentry .post-content-wrap:hover .more{color:#fff;background:#00a0ea;} .posts-block .hentry .post-content-wrap:hover .a{color:#00a0ea !important;} .posts-block .hentry:hover{box-shadow:0 0 5px 5px #ccc} .sidebar p{text-align:left!important;margin:0 0 2px} .sidebar .widget,.widget{margin-bottom:35px} .search-input{height:38px!important;width:218px} #horizontal-tabs{margin-bottom:30px} #horizontal-tabs ul.tabs li{background:#fafafa;border-right:1px solid #ddd;border-top:2px solid #666;cursor:pointer;float:left;font-size:15px;padding:12px} #horizontal-tabs ul.tabs li.current{border-bottom:1px solid #fff;background:0 0;cursor:default} #horizontal-tabs ul.tabs{border-left:1px solid #ddd;overflow:hidden;border-radius:2px} #horizontal-tabs .contents{border:1px solid #ddd;margin-top:-1px;border-radius:2px} #horizontal-tabs .tabscontent.no-padding{padding-left:0;padding-right:0} #horizontal-tabs .tabscontent{display:none;overflow:hidden;padding:20px 20px 0} .tabs ul.posts li{margin-bottom:15px;padding-bottom:10px;overflow:hidden;border-bottom:1px solid #f8f8f8} .tabs ul.posts li img{height:68px;width:68px;-webkit-transition:all .4s ease-in 0;-moz-transition:all .4s ease-in 0;-o-transition:all .4s ease-in 0;-ms-transition:all .4s ease-in 0;transition:all .4s ease-in 0;float:left} .recent-post-img{margin:0 13px 5px 0} .sidebar .testimonials-title h3{margin:0 0 20px!important} .category ul li:before{content:"\f105";font-family:FontAwesome;font-size:16px;font-style:normal;font-weight:400;padding-right:10px} .widget.category ul li{margin-bottom:7px;border-bottom:1px solid #F8F8F8;padding:3px 0} .widget .ads-img img{margin-bottom:30px;max-width:100%} .about-author{margin-top:30px} .author-content{padding:20px} .author-content .avatar{float:left;margin:0 20px 0 0} .avatar{border:1px solid #ddd;padding:4px!important;border-radius:100%} .avatar img{border-radius:100%} .author-content .data{margin:-10px 0 0} .comments-sec{float:left;width:100%;margin:-5px 0 25px} ol.commentlist li{float:left;padding:10px 0 15px} ol.commentlist{float:left;width:100%;margin:0} ol li ol.childlist{float:right;width:86%;margin:0} ol.commentlist li ol.childlist li:first-child{padding:25px 0 0} ol.commentlist li:first-child{margin:0 0 7px;padding:25px 0 0} .comment a img.avatar{float:left;max-width:70px;margin:0 10px} .comment-des p{line-height:23px;margin:0} .comment-des{float:left;min-height:128px;background:#fafafa;border:1px solid #ddd;color:#888;-webkit-box-shadow::inset 0 -1px 0 0 rgba(0,0,0,.06);box-shadow::inset 0 -1px 0 0 rgba(0,0,0,.06);margin:-70px 0 0 100px;padding:19px 22px 22px} .comments{border:1px solid #D4D4D4} .comment{padding:10px;border-bottom:1px solid #D4D4D4} .comment_child{border-top:1px solid #D4D4D4} .comment:before{position:absolute;display:block;margin-left:93px;margin-top:25px;width:15px;height:15px;background-color:#fafafa;border:1px solid #ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-right:none;border-top:0;z-index:1} .comment-des strong{float:left;padding-right:5px;font-size:14px;color:#666} .comment-des span{float:left;color:#999} .comment-by{float:left;width:100%;padding-bottom:8px;padding-top:5px} .comment-by span.reply{float:right;display:inline} .comment-by span.reply a{float:right;height:17px;margin-left:5px;font-weight:400;color:#999} .comment-by span.reply a i{color:#bbb;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out} .comment-by span.reply a:hover,.comment-by span.reply a:hover i{color:#a0a0a0} .comment-by span.date{color:#999;float:left;font-weight:300;margin:0 0 0 2px;padding:0 0 0 9px} .comments .comment .comment-body .time{margin:0 10px} .comment-reply-box .textbox{width:100%;margin-top:15px;padding:6px 6px;text-indent:1px;box-shadow:none;border-radius:0;background-color:#fff;border:1px solid #bbb;transition:border linear .2s,box-shadow linear .2s;display:inline-block;margin-bottom:10px;font-size:14px;line-height:20px;vertical-align:middle} .reply label{margin:0 0 4px} .reply label span{color:#e24747} .reply input{margin:0 0 20px} .reply textarea{min-width:97.5%;min-height:180px;-webkit-resize:vertical;-moz-resize:vertical;-webkit-resize:vertical;-moz-resize:vertical;resize:vertical;margin:0 0 18px} .slogan{min-height:100px;background:#fafafa;width:100%;border-top:1px solid #DDD;border-bottom:1px solid #DDD;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1)} .slogan-content{padding:25px 0} .slogan-title{display:inline-block;margin:10px 0} .page-services .slogan-content{padding:40px 0} .page-services .get-started{padding-top:15px} .get-started{padding-top:1px;vertical-align:middle} .content,.main-content{padding:20px 0 0;position: relative;} .home-2 .main-content,.home-3 .main-content{margin:45px 0 40px;padding:0} /* 首页样式 */ .index_title{height:50px;width:100%;margin: 40px auto} .index_title img{height:100%;display: block;float: left;} .index_title a{float:right;color:#333;margin-top: 20px;} /* 新闻 */ .news_con{height:auto;width:100%;} .news_con .news_left{width:100%;margin-bottom:30px;} .news_con .news_left li{width:48%;float:left;margin:0 1%;overflow:hidden;position:relative; padding-bottom:50px;} .news_con .news_left li img{width:100%;transform: scale(1);transition:all .5s cubic-bezier(.4,0,1,1); } .news_con .news_left li p{position:absolute;bottom:0;width:100%;height:50px;line-height:50px;color:#fff;background:#00a0ea;text-indent:20px; margin:0;} .news_con .news_left li:hover img{transform: scale(1.1);} .news_con .news_right li{height: 95px;width: 100%;float: left;} .news_con .news_right li .left{float:left;width:15%;height:100%;background:url(../images/news_right.png) no-repeat right center;padding-right:2%;} .news_con .news_right li .left p{color:#16a6e9;text-align:center;} .news_con .news_right li .right{padding-left:2%;width:84%;float:left} .news_con .news_right li .right .tt{color:#414243; font-size:16px;} .news_con .news_right li .right .dec{color:#7b7c7d; padding-left:5px;margin: 0;} .news_con .news_right li:hover .tt{color:#16a6e9} .news_con .news_right li:hover .dec{color:#16a6e9} /*纸质化*/ .zhiz{float:left;height:300px;margin-bottom: 50px; width:100%; overflow:hidden;} .zhiz li{width:379.6px;float:left;height:280px;position:relative;display:block;} .zhiz li .sst{display:block;width:100%; line-height:45px;position:absolute;text-align:center;color:#fff;bottom: 42%;font-size: 16px;font-weight: bold; background:rgba(0,0,0,.3);} .zhiz li a{display:block;height:100%;width:100%;} .zhiz li img{width:100%;height:100%;} .zhiz li .news_show{position:absolute;top: 0;position: absolute;top: 0;width: 100%;height: 100%; background:rgba(0,160,234,0.8);color: #fff;opacity: 0;transform: translate3d(0,100px,0);transition: opacity 0.7s, transform 0.7s;} .zhiz li .news_show .ti{text-align:center;line-height:30px;height:30px;font-size:18px;font-weight: bold;margin-top:40px;} .zhiz li .news_show span{display:block;display: block;margin: 20px auto;border: 1px solid#fff;width: 60px;} .zhiz li .news_show .desc{padding:0 10%;text-align:center;margin-bottom:30px;} .zhiz li .news_show strong{text-align: center;display: block;padding: 10px 20px;border: 1px solid #fff;width: 140px;margin: 0 auto;border-radius: 25px;font-weight: inherit;} .zhiz li:hover .news_show{opacity: 1;transform: translate3d(0,0,0);} .zhiz li:hover .sst{display:none} .hezbd{background:url(../images/hezbd.png) no-repeat top center;background-size:100% 100%;height:625px;width:100%;} .hezbd .sss{text-align:center;line-height: 0;color:#8bcaa5;font-size: 20px;} .hezbd .con{margin-top:10px;width:100%;height:340px;float:left;} .hezbd .con li{width:16.6%;float:left;position:relative;} .hezbd .con li img{width:100%;display:block;max-width:90%;} .hezbd .con li .menu_show{position:absolute;bottom:0;width:90%;height: 100px;background: -moz-linear-gradient(bottom, rgba(0,160,234,1)0%, rgba(0,160,234,0.3)75%, rgba(0,160,234,0)98%);background: -webkit-linear-gradient(bottom, rgba(0,160,234,1)0%, rgba(0,160,234,0.3)75%, rgba(0,160,234,0)98%);background: linear-gradient(bottom, rgba(0,160,234,1)0%, rgba(0,160,234,0.3)75%, rgba(0,160,234,0)98%);} .hezbd .con li .menu_show .eng{color:#fff;text-align: center;line-height: 90px;height: 50px;margin: 0;} .hezbd .con li .menu_show .zhn{color:#fff;text-align: center;line-height: 40px;height: 50px;margin: 0;font-weight: bold;font-size: 16px} .hezbd .con li .menu_block{position:absolute;bottom:0;width:90%;height: 100%;background:rgba(0,160,234,0.7);opacity: 0;filter:Alpha(opacity=0); overflow:hidden; } .hezbd .con li .menu_block .eng{color:#fff;text-align: center;line-height: 90px;height: 50px;margin: 0;margin-top: 30%;} .hezbd .con li .menu_block .zhn{color:#fff;text-align: center;line-height: 40px;height: 50px;margin: 0;font-weight: bold;font-size: 16px} .hezbd .con li .menu_block strong{color:#fff;font-size: 16px;font-weight: inherit;display: block;margin: 0 auto;margin-top: 0px;width: 120px;text-align: center;padding: 2px 0;border: 1px solid #fff;margin-top: 50px;} .hezbd .con li:hover .menu_block{opacity: 1;filter:Alpha(opacity=100);transition: opacity 1s;} .hezbd .con li:hover .menu_show{display:none} .cai .cai_right{float:left;width:100%;margin-bottom: 80px;} .cai .cai_right li{float:left;width:29%;margin:0 2%;height: auto;} .cai .cai_right li .img{width:100%;height:235px;overflow:hidden;border-bottom:4px solid #009fea;float:left} .cai .cai_right li .img img{width:100%;height:100%;transform: scale(1);transition:all .5s cubic-bezier(.4,0,1,1);-moz-transition:all .5s cubic-bezier(.4,0,1,1);-webkit-transition:all .5s cubic-bezier(.4,0,1,1);} .cai .cai_right li .img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .cai .cai_right li .adout{width:100%;position:relative;height:auto;float:left} .cai .cai_right li .adout span{display: block;margin: 0 auto;width: 50px;height: 50px;position: absolute;color:#fff;background:#00a0ea;text-align: center;line-height: 50px;left: 42%;border-radius: 50%;top: -25px;z-index: 999;font-weight: bold;font-size: 16px;} .cai .cai_right li .adout .at{color:#242424;text-align: center;height: 70px;line-height: 100px;font-size: 18px;margin: 0;} .cai .cai_right li .adout i{display: block;border: 1px solid #242424;width: 40px;margin: 0 auto;} .cai .cai_right li .adout .des{color:#999;text-align:center;padding:0 5%;} div.content-box{clear:both} div.content-box div.content-box-info{padding-left:115px} div.content-box.big{padding:0 5% 10px;border-radius:3px;background:#fff;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out} div.content-box.big .ch-info-wrap{margin:-42px auto 35px;position:relative;left:auto;top:auto} div.content-box.big:hover{background:#fafafa} div.content-box.big div.content-box-info{padding-left:0;text-align:center;margin:25px 0 0} div.content-box.big div.content-box-info p{text-align:center;margin-top:25px} .service-reasons div.content-box.big{transition:none;margin-top:30px;border:1px solid #fff} .main-content h3{color:#666;line-height:32px;margin:0 0 5px} #cn-tabs .service,.author-content,.comment-des,.contact-box,div.content-box.big{border-style:solid;border-width:1px 1px 3px;border-color:#ddd;background:#fafafa;background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));background:-webkit-linear-gradient(top,#f8f8f8,#fafafa);background:-moz-linear-gradient(top,#f8f8f8,#fafafa);background:-ms-linear-gradient(top,#f8f8f8,#fafafa);background:-o-linear-gradient(top,#f8f8f8,#fafafa)} ul.graph-container{margin-left:10em} .graph-container>li:nth-child(1) .bar-inner{height:25%;bottom:0} .graph-container>li:nth-child(2) .bar-inner{height:50%;bottom:0} .graph-container>li:nth-child(3) .bar-inner{height:75%;bottom:0} .graph-container>li:nth-child(4) .bar-inner{height:85%;bottom:0} .graph-container>li:nth-child(5) .bar-inner{height:90%;bottom:0} .portfolio-single .work-title h3{margin-bottom:20px!important} .portfolio-wrap .item{width:24.99%} .item .item-inner,.post-image{margin-bottom:30px;overflow:hidden;position:relative;border-radius:2px} .img-content,.post-image{padding:4px;border:1px solid #ddd;background:url(../images/bg_off.png) repeat} .img-content{float:left;margin:5px 20px 20px 0} .img-content img{width:100%} .post-image a{display:block;position:relative} .post-image .nivoSlider a{position:absolute!important} .portfolio .item .portfolio-item{margin-bottom:30px} .project_details span{border-bottom:1px solid #E3E3E3;color:#454545;float:left;font-size:14px;font-weight:700;margin:0;padding:5px 0;width:100%} .project_details strong{float:left;margin:0;padding:0;width:40%} .project_details em{float:left;font-style:normal;margin:0;padding:0;width:60%} .project_details span a{background-color:#fafafa;border-radius:3px;border:1px solid #ddd;color:#666;font-size:14px;font-style:normal;font-weight:400;margin:0 0 5px 5px;padding:3px 10px;display:inline-block} .recentworks{background:#fafafa;border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding:60px 0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));background:-webkit-linear-gradient(top,#f8f8f8,#fafafa);background:-moz-linear-gradient(top,#f8f8f8,#fafafa);background:-ms-linear-gradient(top,#f8f8f8,#fafafa);background:-o-linear-gradient(top,#f8f8f8,#fafafa)} .cn-wrapper{width:26em;height:26em;position:relative;z-index:10;bottom:0;left:50%;overflow:hidden;margin-left:-185px;border:1px solid #ddd;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} .cn-wrapper:after{content:"";display:block;height:8px;width:8px;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;z-index:11} .cn-wrapper li{position:absolute;font-size:1.5em;width:10em;height:10em;overflow:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;border:1px solid #fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease} .cn-wrapper li a{display:block;font-size:1.2em;height:13.5em;width:13.5em;position:absolute;bottom:-6.75em;right:-6.75em;overflow:hidden;text-decoration:none;-webkit-transition:background-color .3s ease,-webkit-transform .8s ease;-moz-transition:background-color .3s ease,-moz-transform .8s ease;-o-transition:background-color .3s ease,-o-transform .8s ease;-ms-transition:background-color .3s ease,-ms-transform .8s ease;transition:background-color .3s ease,transform .8s ease} .cn-wrapper li a.active,.cn-wrapper li a:hover{background-color:#fafafa;-webkit-transition:background-color .5s ease;-moz-transition:background-color .5s ease;-o-transition:background-color .5s ease;-ms-transition:background-color .5s ease;transition:background-color .5s ease} .cn-wrapper span{font-size:1.3em} .cn-content{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0} .circular-nav{overflow:hidden} #cn-tabs .service{display:none;overflow:hidden;background:#fafafa;padding:15px 25px;border-radius:2px} .cn-content{overflow:hidden} .cn-content p{z-index:9999} #cn-tabs .service:before{position:absolute;display:block;content:"";top:44%;right:-3px;width:35px;height:35px;background-color:#fafafa;border:1px solid #ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-left:none;border-bottom:0;z-index:1} a.next.disabled,a.prev.disabled{cursor:default} .carousel-controls a.next{right:15px;position:absolute} .carousel-controls a.prev{right:45px;position:absolute} a.next.disabled,a.prev.disabled{display:block;cursor:default;background:#323B44;color:#fafafa;font-size:20px;text-align:center} .testimonial p{background:#fafafa;font-weight:500;margin:0;padding:27px 25px;border:1px solid #ddd;background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));background:-webkit-linear-gradient(top,#f8f8f8,#fafafa);background:-moz-linear-gradient(top,#f8f8f8,#fafafa);background:-ms-linear-gradient(top,#f8f8f8,#fafafa);background:-o-linear-gradient(top,#f8f8f8,#fafafa)} .our-clients .testimonial p,.our-clients .testimonials-arrow{border:none} .testimonials-arrow{display:block;content:"";margin-top:-7px;margin-left:45px;width:14px;height:14px;background-color:#fafafa;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:0} .testimonial .author{margin:0 0 0 19px} .testimonial-image{float:left;height:70px;position:relative;width:70px} .testimonial-image img{border-radius:50px;height:70px!important;width:70px!important;border:1px solid #ddd;padding:4px} .our-clients .testimonial-image img{border:none;padding:0} .our-clients .testimonial-author-info{color:#ddd} .testimonial-author-info{padding:10px 0 0 90px;color:#666} .testimonial-author-info a{display:block} .our-clients .testimonial-author-info a{color:#fff} span.color{font-size:14px;font-weight:700} /* 底部*/ .footer-top{background:#009fea;color:#fff;padding:50px 0;background-size:100% 100%;} .footer-top .left{float:left;width:50%;} .footer-top .left #menu-item-7{display:none;} .footer-top .left #menu-item-48{display:none;} .footer-top .left #menu-item-49{display:none;} .footer-top .left .fa{display:none;} .footer-top .left .chlid_li{float: left;width: 20%;font-size: 18px;display: block;margin-right: 5%;} .footer-top .left .chlid_li a{height: 40px;display: block;line-height: 25px;} .footer-top .left .chlid_li a:after{content:"";background:#fff;width:60%;height:1px;display: block;margin-top: 10px} .footer-top .left .chlid_li a .english{display:none;} .footer-top .left .chlid .chlid_li{font-size: 16px;width: 100%;float: left;} .footer-top .left .chlid .chlid_li a{border:none;line-height: 30px;height: 30px;} .footer-top .left .chlid .chlid_li a:after{display:none} .footer-top .center{float:left;width:30%;border-left: 1px solid #40b7ef;border-right: 1px solid #40b7ef;padding-left:2%} .footer-top .right{float:left;width:16%;padding-left:2%} .footer_bot{background:#525354;height:50px;line-height:50px;text-align:center;color:#fff;} .footer_bot .footer{ ;width:100%;margin:0 auto} /* 右侧浮动*/ .fixed_right{background:url(../images/right-menu-bar-bg.jpg) no-repeat; position: fixed; top: 0;right: 0;z-index: 10000;height: 100%;width: 50px;} .fixed_right .fixed_div{float:left;width:100%;margin-top:100px;} .fixed_right .fixed_div li{width:100%;float:left;height:50px;padding-bottom:3px;background-size:100%;} .fixed_right .fixed_div li a{display:block;width:100%;height: 97%;float: left;color:#fff;text-align:center;line-height:50px;position:relative;} .fixed_right .fixed_div li a div{position:absolute;left:-110px;top:0;background:rgba(0,0,0,0.5);width:110px;height:110px;display:none;} .fixed_right .fixed_div li a div img{width:70%;} .fixed_right .fixed_div li a:hover{background:#00a0ea} .fixed_right .fixed_div li a:hover div{display:block} .fixed_right .fixed_div li img{display:block;margin:15px auto 0 auto} .fixed_right .scrollup{background:url(../images/scrollup.png) no-repeat center center;display:block;width:100%;height:50px;margin:80px auto 0 auto;float:left;} .social-icons-footer-bottom{float:right;margin:6px 0 0} .social-icons-footer-bottom li{display:inline;float:left;margin-right:7px!important;list-style:none;-webkit-transition:all .2s ease-in-out 0;-moz-transition:all .2s ease-in-out 0;-o-transition:all .2s ease-in-out 0;-ms-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out 0} .social-icons-footer-bottom li i{display:inline-block;font-family:FontAwesome;font-size:13px;font-style:normal;font-variant:normal;font-weight:400;line-height:16px;padding-top:0;text-align:center;text-decoration:inherit;text-transform:none} #tweets li:before{color:#727272;content:"\f0c1";float:left;font-family:FontAwesome;font-size:16px;margin:0 0 0 -28px} #tweets li{line-height:24px;padding:0 0 0 28px} #tweets .content{padding-top:0;margin-bottom:5px} #flickrfeed li{float:left;margin:5px 5px 0 0} .contact-us{margin:15px 0 0;background:url(../images/contact-map.png) no-repeat center bottom} footer .contact-us a{color:#fff!important} .contact-us .fa-map-marker{font-size:16px} .contact-us li i{color:#666;float:left;margin:4px 0 0} .contact-us p{line-height:24px;margin-left:20px;margin-top:-2px} .contact-us li p strong{color:#727272;float:left;font-weight:600;margin:0 5px 5px 0} .subscribe-btn{height:38px;background-image:none;color:#fff;text-shadow:none;font-size:14px;border:none;text-shadow:0 1px #555!important} .subscribe{height:38px!important;width:100%} #not-found{margin:60px 0 45px} #not-found h2{font-size:200px;font-weight:500;letter-spacing:-5px;line-height:210px;text-align:center} #not-found p{color:#9e9e9e;font-size:32px;line-height:48px;text-align:center} #not-found i{color:#F03;font-size:210px;position:relative;top:-12px} .back-home p{text-align:center!important;margin:0 auto} .back-home .search-form{width:290px;margin:30px auto 0} .sitemap{margin-bottom:15px} .sitemap li,.sitemap ul{margin:auto!important;padding:inherit!important;list-style:disc} .sitemap li ul li{list-style:circle} ul.why li{margin:7px 0} ul.why li:before{content:"\f00c";font-family:FontAwesome;position:relative;color:#fff;background:#666;border-radius:100%;margin:0 7px 0 0;padding:3px} .services-big div.content-box div.content-box-icon{border:1px solid #ddd;background:url(../images/bg_off.png) repeat;border-radius:2px;display:block;float:none;position:relative;padding:4px} .services-big .content-box-icon span{z-index:4;display:block;width:130px;height:130px;border-radius:130px;background-color:#666} .services-big .content-box-icon i{color:#fff;float:left;font-size:48px;line-height:130px;left:34%;position:relative;z-index:5} .services-big div.content-box div.content-box-info{padding-left:0} .services-big h4{margin:20px 0} .services-big img{width:100%} .divider{margin:60px 0} .top-pad{margin-top:25px} .no-divider{margin:0} .bottom-pad{margin-bottom:60px} .bottom-pad-small{margin-bottom:30px} .no-bottom-pad{margin-bottom:0!important;padding-bottom:0!important} input,textarea{border:solid 1px #E5E5E5;background:-webkit-gradient(linear,left top,left 25,from(#FFF),color-stop(4%,#EEE),to(#FFF));background:-moz-linear-gradient(top,#FFF,#EEE 1px,#FFF 25px);box-shadow:rgba(0,0,0,.1) 0 0 8px!important;-moz-box-shadow:rgba(0,0,0,.1) 0 0 8px!important;-webkit-box-shadow:rgba(0,0,0,.1) 0 0 8px!important} input:focus,input:hover,textarea:focus,textarea:hover{border-color:#C9C9C9;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 8px} .accordionMod .panel-heading .accordion-toggle{position:relative;cursor:pointer;margin:0;padding:10px 45px} .accordion-body,.panel-heading{background:#fff;border-radius:3px;padding:0} .accordionMod .panel-heading .accordion-toggle .icon:before{content:"\f067";font-family:FontAwesome;display:block;width:14px;height:14px;position:absolute;left:15px;top:11px} .accordionMod .panel-heading .accordion-toggle .iconActive:before{content:"\f068";font-family:FontAwesome} .accordionMod .panel-heading .current{color:#fff;border-top-left-radius:3px;border-top-right-radius:3px} .contact-box,.contact-box h3,.contact-box i,.contact-box p{-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;-ms-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0} .contact-box{text-align:center!important;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,.05) inset;box-shadow:0 -1px 0 0 rgba(0,0,0,.05) inset;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out;margin:0 0 20px;padding:32px 28px} .contact-box:hover{border:none} .contact-box i{font-size:48px} .blog-showcase{padding:0} .blog-showcase ul{margin:0;padding:0;list-style:none;width:100%;display:block;overflow:hidden} .blog-showcase ul li{position:relative;display:inline-block} .blog-showcase ul li:last-child{padding-right:0!important} .blog-showcase ul li.blog-first-el{padding-right:270px} .blog-showcase ul li.blog-first-el .blog-showcase-extra-info{zoom:1;filter:alpha(opacity=100);filter:alpha(opacity=100);opacity:1} .blog-showcase ul li.blog-first-el .blog-showcase-thumb{border-right:0} .blog-showcase ul li,.blog-showcase ul li img,.blog-showcase-extra-info{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s} .blog-showcase-thumb{position:relative;overflow:hidden;z-index:20;margin-bottom:5px;width:297px} .blog-showcase-thumb:hover .showcase-blog-overlay{zoom:1;filter:alpha(opacity=50);filter:alpha(opacity=50);opacity:.5} .blog-showcase-extra-info{width:277px;height:180px;z-index:10;margin:0;position:absolute;left:297px;top:2px;overflow:hidden;zoom:1;filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0} .blog-showcase-extra-info span{display:block;border:1px solid rgba(0,0,0,.1);border-left:none;border-right:0;margin-bottom:5px;line-height:24px} .blog-showcase-extra-info span a{font-size:10px;color:#999} .blog-showcase-title{font-size:13px;font-weight:700;line-height:20px!important;display:inline-block;margin-bottom:0;color:#333} .blog-showcase-more{font-size:12px;text-decoration:underline} .web-normal i{display:inline-block;margin:15px} #options{padding:10px 0 25px} #options li{float:left;margin:4px 8px 4px 0} #options li a{display:inline-block;background:#fafafa;color:#727272;font-size:16px;text-decoration:none;padding:7px 20px;border:1px solid #ddd} .portfolio .item{position:relative;overflow:hidden} .isotope-item{z-index:2} .isotope-hidden.isotope-item{pointer-events:none;z-index:1} .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s} .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;-ms-transition-property:height,width;transition-property:height,width} .isotope .isotope-item{-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;-ms-transition-property:0;transition-property:0} .isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0;-moz-transition-duration:0;-o-transition-duration:0;-ms-transition-duration:0;transition-duration:0} .isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none} .progress{height:40px} .progress .progress-bar{font-size:15px;font-weight:600;line-height:40px;padding-left:20px;text-align:left;text-shadow:none} a.mobile-menu{color:#000;cursor:pointer} .mobile-menu{height:40px;position:absolute;right:0;top:25px} .google-maps{height:400px} #options li a,.author-content,.img-caption,.portfolio .img-caption,.portfolio img.pic,.recentworks .pic,.scrollup,.tabs ul.posts li img,li.work img{border-radius:2px} #options ul,#search-form form,.features .panel-heading h4,.gallery ul,.panel-heading h3,.sidebar ul,.testimonials ul,ul.post-meta,ul.tabs,ul.why{margin:0} #horizontal-tabs ul.tabs li,#vertical-tabs ul.tabs li,.content h3,.latest-posts h4 a{color:#0488cd} .our-clients ul,.recentworks ul,ul#tweets{list-style:none;margin:0} #footer ul,.our-clients ul{list-style:none} ul#projects-carousel{overflow:hidden;position:relative;list-style:none;margin:0;padding:0;float:left} .portfolio-item{background:url(../images/bg_off.png) repeat;border-radius:3px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);border:1px solid #ddd;padding:4px;overflow:hidden;display:block;height:241px;} .portfolio-item img{display:block;width:100%; height:170px;} .fullscreen{position:absolute;left:50%;top:65%;color:#fff;font-size:18px;margin-top:-30px;margin-left:-24px;width:60px;height:60px;opacity:0} .fullscreen i{color:#fff!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;z-index:11;background:rgba(0,0,0,.6);padding:16px 18px;font-size:16px;border-radius:100px} .portfolio-item-link{display:block;position:relative} .post-item-link{display:block;position:relative;overflow:hidden;margin:0} .post-body{padding:4px;background:url(../images/bg_off.png) repeat;border:1px solid #DDD;border-radius:3px} .img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover{background:rgba(50,50,50,.75)} .portfolio-item.round img{border-radius:2px} a.portfolio-item-link{line-height:0;padding:0;margin:0} .img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover{position:absolute;width:100%;height:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:0;left:0;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;-ms-transition:all .35s ease-out;transition:all .35s ease-out} .img-hover:hover,.portfolio-item-link span.portfolio-item-hover:hover,.post-item-link span.post-item-hover:hover{background-position:center center} .portfolio-item-title{text-align:center;padding:10px 5px 10px 5px;background:#FFF; height:60px;} .portfolio-item-title a{font-weight:600;font-size:14px;font-family:"Open Sans",Arial,Verdana;color:#666;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;-ms-transition:all .25s ease-out;transition:all .25s ease-out} .portfolio-item-title a:hover{text-decoration:none} .portfolio-item-title p{font-style:italic;font-size:12px;margin-bottom:0;text-align:center} .ch-item{width:100%;position:relative;cursor:default} .ch-info-wrap i{color:#FFF;float:left;font-size:28px;left:35%;line-height:80px;position:relative;z-index:5;text-shadow:0 3px 0 rgba(0,0,0,.1)} .ch-info-wrap{position:absolute;width:80px;height:80px;border-radius:50%;background:#666;top:10px;left:10px} .ch-info{position:absolute;width:80px;height:80px;border-radius:50%;-webkit-box-shadow:0 0 0 5px rgba(0,0,0,.2);box-shadow:0 0 0 5px rgba(0,0,0,.2);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .ch-info>div{display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-position:center center;-webkit-backface-visibility:hidden} .ch-info .ch-info-front{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out} .ch-info .ch-info-back{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);box-shadow:inset 0 0 3px rgba(0,0,0,.6);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.6);-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.6);-webkit-transition:all .4s ease-in-out .2s;-moz-transition:all .4s ease-in-out .2s;-o-transition:all .4s ease-in-out .2s;-ms-transition:all .4s ease-in-out .2s;transition:all .4s ease-in-out .2s;opacity:0} .ch-item:hover .ch-info-front{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .ch-item:hover .ch-info-back{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto} .member-social.dark a.facebook:hover,.team .item .team-member-links a.facebook:hover,footer .social li.facebook:hover,header .social li.facebook:hover{background:#4C66A4} .member-social.dark a.dribbble:hover,.team .item .team-member-links a.dribbble:hover,footer .social li.dribbble:hover,header .social li.dribbble:hover{background:#EA4C89} .member-social.dark a.twitter:hover,.team .item .team-member-links a.twitter:hover,footer .social li.twitter:hover,header .social li.twitter:hover{background:#2C77BA} .member-social.dark a.gplus:hover,.team .item .team-member-links a.gplus:hover,footer .social li.gplus:hover,header .social li.gplus:hover{background:#9e0b0f} .member-social.dark a.linkedin:hover,.team .item .team-member-links a.linkedin:hover,footer .social li.linkedin:hover,header .social li.linkedin:hover{background:#069} .member-social.dark a.pinterest:hover,.team .item .team-member-links a.pinterest:hover,footer .social li.pinterest:hover,header .social li.pinterest:hover{background:#C92228} footer .social li.rss:hover,header .social li.rss:hover{background:#f60} .team-member{display:block;margin:0 auto 50px;width:100%;max-width:350px;padding:0} .team-member-image{float:none;overflow:visible;height:0;width:100%;padding-bottom:100%} .team-member-image img{border-radius:50%} .team-member-links{top:0;min-height:1px;border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.25) inset;-webkit-transition:all .25s ease;transition:all .25s ease} .team-member:hover .team-member-links{box-shadow:0 0 0 175px rgba(50,50,50,.75) inset} .team-member-links-list{filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease} .team-member:hover .team-member-links-list{filter:alpha(opacity=100);opacity:1} .team-member-links-item{font-size:22px;line-height:44px;height:44px;width:44px;margin:5px;position:relative;border-radius:50%;background-color:#fff;color:#666} .color_alternate .team-member-links-item:hover,.color_primary .team-member-links-item:hover,.team-member-links-item:hover{background-color:#f8862c;color:#fff} .team-member-meta{margin-left:0;min-height:1px;padding:15px 0 0;text-align:center} .team-member-name{margin-bottom:6px} .team-member-role{font-size:13px;margin-bottom:10px;color:#999} .team-member-description p{margin-bottom:0;text-align:center} .member-social.dark a{background:#9e9e9e;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;transition:background .5s ease-in-out} .team .item .team-member-links a{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .member-social a{width:36px;float:left;text-align:center;margin:0 6px 6px 0;padding:7px 0 6px;border-radius:2px} .member-social a i{display:block!important;font-size:20px;color:#fff;margin:0 auto!important} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{border-color:transparent} .pager li>a:hover{border:none} .menu>ul li{float:none} .navbar-toggle{border:none;border-radius:2px;padding:9px 10px 5px} button,input,select,textarea{font-family:"Open Sans",Helvetica,Arial,sans-serif} .author-content .data a,strong{font-weight:600} .breadcrumbs ul,.portfolio-single .sidebar h3{margin-top:5px} .nivo-caption h2,.pagination-centered{text-align:center} .page article.post .post-image,.portfolio-single .recentwork_wrapper .item{margin-bottom:25px} .avatar,header nav li,ol li ol.childlist .comment-des{float:left} .portfolio-wrap,.recentworks li.slide{overflow:hidden} #footer h3,#options li a.selected,.contact-box:hover,.contact-box:hover h3,.content-box:hover>.content-box-icon i,div.content-box div.content-box-icon:hover,div.content-box div.content-box-icon:hover i,footer .social li:hover i,footer a,header .social li:hover i,header .top-bar,header .top-bar a{color:#fff;opacity: 0.7;} .contact-box p{text-align:center!important} .accordionMod .accordion-group,.panel-group .panel{margin-bottom:15px} .profile-picture { border: 1px solid #CCC; background-color: #FFF; padding: 4px; display: inline-block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 1px rgba(0,0,0,.15); } .pagination { margin: 0; } .pagination ul { display: inline-block; list-style: none; margin-left: 0; margin-bottom: 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05); } .pagination ul>li { display: inline; } .pagination ul>li>a, .pagination ul>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .zhuangti_right{ width:267px; float:right;} .zhuangti_right ul li{ width:100%; height:73px; background:url(../images/zhuangti_bg.jpg) no-repeat; padding:17px 22px 0px 22px; overflow:Hidden; border-bottom:2px solid #1890CD; line-height:22px!important;} .zhuangti_right ul li a{ line-height:22px!important; color:#616060;} .zhuangti_right ._first{ width:100%; margin-bottom:20px;} .zhuangti_right ._first .pic{ width:100%; height:80px; overflow:hidden; border-top-left-radius:20px;border-top-right-radius:20px;} .zhuangti_right ._first p{ width:100%; min-height:80px; margin:0; background:#158FD1; padding:10px 20px; color:#fff; line-height:25px!important;} .zhuangti_right ._first p a{ color:#fff; line-height:25px!important;} .zhuangti_right a.more{ width:90px; height:35px; background:#158FD1; border-radius:5px; display:block; text-align:center; color:#fff; margin-top:20px; font-size:12px!important;}