/* Reset */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;} audio,canvas,video{display: inline-block;} audio:not([controls]){display: none;height:0;} [hidden],template{display: none;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} a{background: transparent;} a:focus{outline: thin dotted;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:bold;} dfn{font-style: italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family: monospace,serif;font-size:1em;} pre{white-space: pre-wrap;} q{quotes: "\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position: relative;vertical-align:baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border:0;} svg:not(:root){overflow: hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-family: inherit;font-size:100%;margin:0;outline:0;} button,input{line-height: normal;} button,select{text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active{-moz-outline-style:none;border:1px solid #CCC;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align: top;} table{border-collapse:collapse;border-spacing:0;} body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0 auto;padding:0;border:0;} /* Global */ body{ color:#333; background:#fff; font:12px/24px "宋体",Verdana,Tahoma,Arial,Helvetica,Sans-Serif;} ul,ol,li{list-style:none;} table,td,th,input{ font-size:12px;} i,em{ font-style:normal;} hr{margin:5px;height:10px;border:none;clear:both;} h1,h2,h3,h4,h5,h6,.main-nav,.col4,.tabox,#homepage .about,.contact-box,.excerpt,.post .readmore,.page .btn,.sidebar ul li.widget_newsletterwidget .newsletter-submit,.enrty,#commentform #submit,.sidebar ul li a.btn{font-weight:normal;font-family:"Microsoft Yahei";} h1{font-size:28px;} h2{font-size:24px;} h3{font-size:16px;} h4{font-size:14px;} h5,h6 {font-size:12px;} .inner{ margin:0 auto; width:1080px; clear:both; overflow:hidden;} .clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0} .radius{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .opacity{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .folio-thumb{ position:relative;} .folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; /*-webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;*/} /*.folio-thumb:hover img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3);} .folio-thumb .opacity-pic{ width:100%; height:100%; position:absolute; top:0; left:0; background:#444; cursor:pointer; -moz-opacity:0; -khtml-opacity:0; opacity:0; filter:alpha(opacity=0); _display:none;} .folio-thumb:hover .opacity-pic{ -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;} .mediaholder{ overflow:hidden;} */ /* DefaultLink */ a:link, a:visited{ color:#333; text-decoration:none;} a:hover{ color:#ed1c24;} /* Header */ .header{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #000; color:#fff; background:#282828; position:relative; z-index:999;} .header .inner{ overflow:visible; position:relative;} .head-pinned{ position:fixed; top:0; left:0; z-index:99999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} .logo{ float:left; padding-right:50px;} .logo img{ display:block;} .head-pinned .logo img, .fxd .logo img{ display:block; visibility:visible;} /* MenuMenu */ .main-nav{ float:left;} .nav-menu{ float:left;} .nav-menu li{ float:left; padding:0 5px; height:60px; line-height:64px; font-size:15px; text-transform:capitalize; white-space:nowrap; position:relative;} .nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited{ padding:0 10px; color:#fff; display:inline-block;} .nav-menu li.li-active a, .nav-menu li a.active, .nav-menu li a:hover, .nav-menu li.current-menu-item a:link, .nav-menu li.current-menu-item a:visited, .nav-menu li.current-menu-item a:hover, .nav-menu li a:hover, .nav-menu li.current-menu-parent a:link, .nav-menu li.current-menu-parent a:visited, .nav-menu li.current-menu-parent a:hover{ color:#fff; background:url(images/menu-hov.png) repeat-x 0 0;} .nav-menu li.blog{ background:url(images/rss-gif.gif) no-repeat right center;} .nav-menu li.blog a{ background:none !important;} .nav-menu li.blog a:hover{ color:#ed1c24 !important;} .nav-menu li ul{ position:absolute; padding:5px 0; width:180px; top:50px; left:0; background:#ed1c24; z-index:300; display:none;} .nav-menu li ul li{ margin:0 auto; padding:0; width:100%; height:37px; line-height:36px; font-size:14px; border-bottom:1px solid #e41b20;} .nav-menu li ul li a:link, .nav-menu li ul li a:visited, .nav-menu li:hover ul li a:link, .nav-menu li:hover ul li a:visited{ padding-left:20px; color:#fff; background:none; border-bottom:1px solid #ef3039; display:block; opacity:0.9; filter:alpha(opacity=90);} .nav-menu li ul li a:hover, .nav-menu li:hover ul li a:hover{ background:#282828;} .nav-menu li:hover a{ background:url(images/menu-hov.png) repeat-x 0 0;} .topbox, .our-social, .language{ float:right;} .topbox{ margin-top:14px; height:24px; line-height:24px; border-left:1px solid #181818;} .our-social{ padding-left:22px; height:24px; border-left:1px solid #393939; position:relative;} .our-social a{ width:24px; height:24px; text-indent:-9999px; display:inline-block; background-image:url(images/icon-sns.gif); background-repeat:no-repeat; overflow:hidden;} .our-social a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .our-social a#weibo{ background-position:0 -160px;} .our-social a#weixin{ background-position:0 -195px;} .our-social a#qzone{ background-position:0 -265px;} .our-social .weixin{ top:40px; right:0;} .language{ padding-left:10px;} .language a{ float:right; margin-left:10px; width:22px; height:24px; text-indent:-9999px; background-image:url(images/language.gif); background-repeat:no-repeat; display:block;} .language a.cn{ background-position:0 center;} .language a.en{ background-position:-36px center;} .mobile-nav{ display:none;} /* Slideshow */ .ls-defaultskin{ padding:0 !important; border-radius:0 !important; box-shadow:none !important;} .ls-defaultskin .ls-playvideo, .ls-defaultskin .ls-nav-sides, .ls-defaultskin .ls-bottom-slidebuttons a, .ls-defaultskin .ls-nav-prev, .ls-defaultskin .ls-nav-next, .ls-defaultskin .ls-nav-start, .ls-defaultskin .ls-nav-stop, .ls-defaultskin .ls-fullscreen, .ls-defaultskin .ls-loading-container{ background-image:none !important;} .ls-defaultskin{ padding:0 !important; overflow:hidden;} .ls-defaultskin .ls-nav-prev, .ls-defaultskin .ls-nav-next{ margin:0 !important; top:175px !important; width:49px !important; height:87px !important;} .ls-defaultskin .ls-nav-prev{ left:30px !important; background:url(images/arrow-slider.png) no-repeat 0 0 !important;} .ls-defaultskin .ls-nav-next{ right:30px !important; background:url(images/arrow-slider.png) no-repeat -50px 0 !important;} .ls-defaultskin .ls-nav-prev:hover, .ls-defaultskin .ls-nav-next:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .ls-bottom-nav-wrapper{ position:absolute; bottom:65px;} .ls-defaultskin .ls-bottom-slidebuttons a{ margin-right:6px; width:24px!important; height:4px!important; line-height:4px!important; font-size:0!important; background:#fff; overflow:hidden; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .ls-defaultskin .ls-bottom-slidebuttons a.ls-nav-active{ background:#ED1C24;} .banner-shadow{ width:100%; height:1px; background:url(images/repeat-line.png) repeat-x; overflow:hidden; position:absolute; top:1px; right:0; z-index:90;} .shadow{ margin-top:-4px; margin-bottom:20px; width:100%; height:15px; background:url(images/shadow.png) repeat-x; overflow:hidden;} /* Banner */ .banner{ width:100%; height:120px; text-align:center; background:#333; position:relative; top:-4px; clear:both; overflow:hidden;} .banner .inner{ height:120px; position:relative; top:-120px; z-index:100;} .banner img{ max-width:1900px; height:120px;/* display:block;*/} .banner-box{ width:100%; height:100%; line-height:110px; position:absolute; top:0; left:0;} .banner-box a:link, .banner-box a:visited{ color:#fff;} .banner-box a:hover{ color:#fff;} /* Breadcrumb */ .breadcrumb{ color:#fff; overflow:hidden;} .breadcrumb h2{ float:left; font-size:50px; font-family:"张海山锐线体简","黑体"; text-shadow:3px 3px 5px #333;} .crumb-box{ float:right; padding-left:20px; background:url(images/icon-hp.png) no-repeat 0 49px; filter:alpha(opacity=7); -moz-opacity:0.7; opacity:0.7;} .crumb-box i{ padding-right:6px; font-style:normal;} /* Wrapper */ .wrapper{ clear:both; overflow:hidden;} .column-fluid{ float:left; width:100%;} /* Homepage */ #homepage .section{ padding-top:0px; overflow:hidden;} #homepage .section .tbox{ height:160px; text-align:center; color:#fff; background:url(images/home-title.png) repeat-x 0 -143px; background-color:#316dcd; overflow:hidden;} #homepage .section .tbox h2{ padding-top:35px; height:50px; line-height:50px; font-size:42px; overflow:hidden;} #homepage .section .tbox span{ padding:10px 0; height:25px; font-size:16px; font-family:"张海山锐线体简","黑体"; display:block;} #homepage .section .tbox i{ margin-top:18px; width:0; height:0; line-height:10px; font-size:10px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #fff; display:inline-block;} /* Biz */ .biz-intro{ margin:40px auto;} .biz-intro .inner{ position:relative; overflow:visible;} .col4{ float:left; padding:0 2.5%; width:20%; text-align:center;} #bizlist .col4{ padding:0;} .col4 h2{ margin:12px auto; color:#222;} .col4 p{ line-height:20px; font-size:13px; color:#666;} .col4 .arrow-up{ line-height:10px; display:none;} .col4 .arrow-up i{ width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #EDF1FA;} .col4:hover img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; -webkit-transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; -o-transition:opacity 0.4s ease; -ms-transition:opacity 0.4s ease; transition:opacity 0.4s ease;} .col4 a.btn-more{ margin:15px auto 10px; width:140px; height:40px; line-height:40px; font-size:13px; border-bottom:3px solid #e2e2e2; color:#353535; background:#f2f2f2; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-transition:background 0.4s ease,border 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease,border 0.4s ease;} .col4:hover a.btn-more, .cur a.btn-more, .col4 a.btn-more:hover{ border-bottom:3px solid #db5c1e; color:#fff; background:#ed641e;} .cur .arrow-up{ display:block;} .cur .arrow-up i{ display:inline-block;} .tabs{ clear:both; overflow:hidden;} .tabox{ padding:40px 40px 0; font-size:13px; border-bottom:2px solid #E1E8F7; color:#535353; background:#EDF1FA; display:none; overflow:hidden; position:relative; -webkit-animation-name:fadeInRight; animation-name:fadeInRight;} .tabox h2{ margin-bottom:30px; font-size:38px; line-height:40px; color:#2E5497;} .tabox h3{ font-size:16px; color:#2E5497;} .tabox h4{ font-size:14px; font-weight:700; color:#2E5497;} .tabox .tab-info{ width:650px;} .tabox .tab-info img, .tabox .tab-info-rt img{ float:left; padding:6px 10px 10px 0;} .tabox .tab-info div, .tabox .tab-info-lt div, .tabox .tab-info-rt div{ margin-top:25px;} .tabox .tab-info div p, .tabox .tab-info-rt div p{ padding-left:40px;} .tabox .tab-info-lt, .tabox .tab-info-rt{ width:300px;} .tabox .tab-info-lt{ padding-right:42px;} .tabox .tab-info-rt{ padding-left:10px;} .tabox .tab-info-lt h4{ text-align:right;} .tabox .tab-info-lt img{ float:right; padding:6px 0 10px 10px;} .tabox .tab-info-lt div p{ padding-right:40px;} #homepage .biz-intro .bx-controls-direction a{ width:30px; height:30px; text-indent:-9999px; background:url(images/arrow-review.gif) no-repeat; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; top:90px;} #homepage .biz-intro .bx-controls-direction a.bx-prev{ background-position:8px 6px; left:-30px;} #homepage .biz-intro .bx-controls-direction a.bx-next{ background-position:-30px 6px; right:-30px;} #homepage .biz-intro .bx-controls-direction a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} /* Client-Cases */ #homepage .cases .tbox{ background-color:#e6611d;} #homepage .cases .details{ padding:50px 0;} #homepage .cases .review{ float:left; padding:10px 3% 0 0; width:48%;} #homepage .cases .review ul li{ float:left; color:#777;} #homepage .cases .review ul li .c{background: #e8ecf5;padding: 5px} #homepage .cases .review ul li p{ padding:20px; border:1px solid #eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative;} #homepage .cases .review ul li p .arrowbubble{ width:18px; height:16px; position:absolute; bottom:-16px; left:20px; background:url(images/arrow-bubble.png) no-repeat 0 0; display:block;} #homepage .cases .review ul li .reviewer{ margin-top:20px; color:#888;} #homepage .cases .review ul li .reviewer img{ float:left; padding-right:10px;} #homepage .cases .review ul li .reviewer h4{ color:#444;} #homepage .cases .review .bx-wrapper{ position:relative;} #homepage .cases .review .bx-viewport{ top:22px; width:400px !important;} #homepage .cases .review .bx-pager{ position:absolute; top:0; right:60px;} #homepage .cases .review .bx-pager .bx-pager-item{ display:inline;} #homepage .cases .review .bx-pager a{ float:left; margin-left:8px; width:7px; height:7px; line-height:7px; font-size:0; background:#e8e8e8; display:inline-block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} #homepage .cases .review .bx-pager a.active, #homepage .cases .review .bx-pager a:hover{ background:#316dcd;} #homepage .cases .review .bx-controls-direction a{ width:30px; height:30px; text-indent:-9999px; background:url(images/arrow-review.gif) no-repeat; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; top:90px;} #homepage .cases .review .bx-controls-direction a.bx-prev{ background-position:8px 6px; left:10px;} #homepage .cases .review .bx-controls-direction a.bx-next{ background-position:-30px 6px; right:10px;} #homepage .cases .review .bx-controls-direction a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} #homepage .cases ul.clients{ float:left; margin-left:-1px; width:48%; overflow:hidden;} #homepage .cases ul.clients li{ float:left; margin:9px 0; padding:18px; background:url(images/clients-li.gif) no-repeat 0 0;} #homepage .cases ul.clients li:hover img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; -webkit-transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; -o-transition:opacity 0.4s ease; -ms-transition:opacity 0.4s ease; transition:opacity 0.4s ease;} /* About */ /*#homepage .about{ background:url(images/bg-about.jpg) no-repeat center 150px; background-size:cover;}*/ #homepage .about .tbox{ background-position:0 -244px; background-color:#4E71A8;} #homepage .about .details{ padding:40px 0 0; line-height:26px; font-size:14px; color:#222; overflow:visible;} #homepage .about .details p{ margin-bottom:20px; text-shadow:1px 1px 2px #fff;} #homepage .about .details p.ow{ padding:15px; background:none repeat scroll 0 0 transparent; background:rgba(255,255,255,0.7); clear:both; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #homepage .about .details .inbox{ float:left; width:65%;} /*#homepage .about .details img{ float:right; margin-top:-55px;}*/ /* Contact */ #homepage .contact .tbox{ background-position:0 -313px; background-color:#3C8E40;} /*#homepage .contact{ padding:0;}*/ #homepage .contact .details{ position:relative;} #homepage .contact .details .contact-box{ width:100%; position:absolute; top:0; left:0; z-index:99;} #homepage .contact .details .inner{ padding-bottom:30px; font-size:14px; color:#525252; background:url(images/opacity-white.png) repeat; box-shadow:2px 2px 6px #aaa;} #homepage .contact .details .inner img{ float:left; padding:0 40px;} /*商务合作页面公用*/ .ctxt{ padding:40px 80px 40px 40px;} .ctxt ul{ float:left; padding-top:15px;} .ctxt ul li{ margin-bottom:16px; padding-left:32px; background-image:url(images/icon-contact-home.gif); background-repeat:no-repeat;} .ctxt ul li.i-phone{ background-position:0 6px;} .ctxt ul li.i-person{ background-position:0 -40px;} .ctxt ul li.i-molbie{ background-position:0 -84px;} .ctxt ul li.i-mail{ background-position:0 -127px;} .ctxt ul li.i-addr{ background-position:0 -169px;} .ctxt ul li.i-zip{ background-position:0 -215px;} .ctxt ul li.i-url{ background-position:0 -263px;} .page .ctxt{ float:left; padding:0 0 0 100px;} .page .ctxt ul li{ list-style:none;} .page .qcf-style, .page .wpcf7{ float:left; padding:0 0 0 100px;} /* Content */ .content{ margin-right:330px; overflow:hidden;} .fullwidth{ margin:0 auto; width:100%;} /* Achive */ .post{ margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #e8e8e8; overflow:hidden;} .post .title{ margin-bottom:5px; font-size:22px; line-height:30px; position:relative;} .post .title a:link, .post .title a:visited{ color:#000;} .post .title a:hover{ color:#ED1C24;} .comment-number{ width:30px; height:24px; font-size:12px; font-weight:normal; color:#FFF; position:absolute; top:2px; right:1px;} .post .title .comment-number a:link, .post .title .comment-number a:visited{ width:30px; height:20px; line-height:20px; text-align:center; display:block; color:#FFF; background:#ED7020; position:absolute; z-index:2; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} .post .title .comment-number a:hover{ color:#FFF; background:#333;} .comment-number .corner{ width:0; height:0; font-size:0; line-height:0; border-width:4px 4px; border-style:solid; border-color:#ED7020 #FFF #FFF #ED7020; display:block; position:absolute; left:12px; bottom:0; z-index:1;} .comment-number:hover .corner{border-color:#333 #FFF #FFF #333;} .post .postmeta{ margin-bottom:25px; color:#888;} .post .postmeta a:link, .post .postmeta a:visited{ color:#888;} .post .postmeta a:hover{ color:#444;} .post .postmeta span{ padding:0 15px 0 18px; background:url(images/icon-meta.gif) no-repeat;} .post .postmeta span.author{ background-position:0 1px;} .post .postmeta span.date{ background-position:0 -19px;} .post .postmeta span.cat{ background-position:0 -38px;} .post .postmeta span.comments{ background-position:0 -58px;} .post .postmeta span.edit{ padding:0; background:none;} .post .featured-image{ margin-bottom:20px; overflow:hidden;} .post .featured-image img{ display:block;} .post .excerpt{ margin-bottom:20px; font-size:14px; overflow:hidden;} .post-share{ float:left; margin-top:5px; width:300px;} .post-share span{ float:left; width:66px; height:28px; text-indent:-9999px; display:inline-block; background:url(images/share-post.gif) no-repeat 0 0;} .post-share .bdshare_t, .post-share .bdsharebuttonbox, .post-share .bdshare-button-style0-24{ float:left;} .post-share .bdsharebuttonbox a, .post-share a{ float:left; margin:0 0 0 7px !important; padding:0 !important; width:24px; height:28px !important; text-indent:-9999px; display:inline-block; background:url(images/share-post.gif) no-repeat -75px 0 !important; cursor:pointer;} .post-share a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .post-share a span{ background:none !important;} .post-share .bdshare_t .bds_tsina, .post-share .bdsharebuttonbox .bds_tsina, .post-share a.s_weibo{ background-position:-75px 0 !important;} .post-share .bdshare_t .bds_weixin, .post-share .bdsharebuttonbox .bds_weixin, .post-share a.s_weixin{ background-position:-106px 0 !important;} .post-share .bdshare_t .bds_tqf, .post-share .bdsharebuttonbox .bds_tqf, .post-share a.s_pengyouquan{ background-position:-137px 0 !important;} .post-share .bdshare_t .bds_sqq, .post-share .bdsharebuttonbox .bds_sqq, .post-share a.s_qq{ background-position:-168px 0 !important;} .post-share .bdshare_t .bds_renren, .post-share .bdsharebuttonbox .bds_renren, .post-share a.s_renren{ background-position:-199px 0 !important;} .post a.readmore{ float:right; padding:7px 24px; text-align:center; font-size:15px; color:#fff; background:#ED1C24; display:block; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} .post a.readmore i{ float:left; width:28px; height:24px; background:url(images/icon-readmore.png) no-repeat 0 center; display:block;} .post a.readmore:hover{ background:#DB111C;} /* Single */ .single-post{ margin-bottom:15px; padding-bottom:10px;} .enrty{ font-size:14px;} .enrty h1, .enrty h2, .enrty h3, .enrty h4, .enrty h5, .enrty h6{ margin-bottom:10px; line-height:240%; color:#222;} .enrty p, .enrty div{ margin-bottom:20px; line-height:28px;} .enrty img{ margin-bottom:20px; max-width:100%;} .enrty blockquote, .enrty pre{ margin:20px; padding:0 20px; border-left:5px solid #00b0f0; color:#666;} .enrty ol, .enrty ul{ margin:10px 20px;} .enrty ol li{ list-style:decimal;} .enrty ul li{ list-style:disc;} .enrty table{ margin-bottom:20px; color:#666; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5;} .enrty th{ padding:5px 10px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:#F5F5F5;} .enrty td{ padding:3px 10px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;} .alignleft{ float:left; padding-right:10px;} .alignright{ float:right; padding-left:10px;} .alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; clear:both;} .aligncenter{ text-align:center; display:block;} .wp-caption{margin:10px auto; padding:6px; background:#F6F6F6;border:1px solid #E5E5E5; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;} .wp-caption img{ max-width:660px;} .wp-caption p.wp-caption-text{ margin:5px 0 0; padding:4px; line-height:20px; color:#666;} .entrymeta{ overflow:hidden;} .entrymeta .tags{ float:left; margin-top:10px; color:#666;} .entrymeta .tags a{ padding:0 3px; color:#666;} .entrymeta .tags a:hover{ color:#ed1c24;} .entrymeta .post-share{ float:right; width:165px;} /* Related */ .related-post{ margin:0 auto;} .related-post h2{ font-size:16px; color:#222; overflow:hidden;} .related-post ul.post-list{ padding:15px 0; overflow:hidden;} .related-post ul.post-list li{ margin:2px 0 6px; padding-left:14px; background:url(images/arrow.gif) no-repeat 0 8px; overflow:hidden;} .related-post a:link, .related-post a:visited{ color:#666;} .related-post a:hover{ color:#ed1c24;} .related-post ul.thumb-list{ margin-left:-2.33%; padding:15px 0; overflow:hidden;} .related-post ul.thumb-list li{ float:left; margin-bottom:25px; margin-left:2.33%; *margin-left:2.10%; _margin-left:1.0%; width:31%; height:auto; text-align:center; background:none; overflow:hidden;} .related-post ul.thumb-list li img{ width:238px; height:190px; display:block;} .related-post ul.thumb-list li p{ margin-top:10px; line-height:18px; display:block;} /* Page */ .page{ border:none;} .page .title{ margin-bottom:0;} .page .btn{ padding:12px 40px; font-size:15px; color:#fff; background:#ed1c24; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /* AD */ .adbox{ margin-bottom:30px;} /* Error404 */ .error404{ max-width:460px; padding:50px 0;} .error404 h4{ height:32px; line-height:32px; font-size:200%; color:#F00;} .error404 span{ margin-bottom:25px; color:#666; display:block;} .error404 ol{ padding:5px 0 5px 20px;} .error404 ol li{ margin:0 auto; list-style:disc;} .errorsearch{ margin-top:15px; width:100%; overflow:hidden;} .errorsearch .searchInput{ float:left; padding:6px 0; width:80%; text-indent:12px; height:24px; line-height:24px; border:1px solid #DDD;} .errorsearch #searchsubmit{ float:right; width:19%; height:38px; font-size:14px; border:none; color:#FFF; background:#666; cursor:pointer;} .errorsearch #searchsubmit:hover{ background:#333;} /* Sidebar */ .sidebar{ float:right; margin-left:-300px; width:300px; overflow:hidden;} .sidebar a:link, .sidebar a:visited, .sidebar a:hover{ color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} .sidebar a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} .sidebar h3{ margin-bottom:20px; text-align:center; font-size:20px;} .sidebar ul li{ margin-bottom:25px; padding:20px 0; color:#fff; background:#2F5597; overflow:hidden;} .sidebar ul li ul, .sidebar ul li div{ padding:0 15px;} .sidebar ul li div div{ padding:0;} .sidebar ul li ul li{ margin:8px 0 0; padding:0 0 7px 14px; line-height:18px; background:url(images/arrow.png) no-repeat 0 7px;} /* Search */ .sidebar ul li.widget_search{ background-color:#444;} .sidebar ul li.widget_search h3{ text-shadow:2px 2px 3px #333;} .sidebar ul li.widget_search .searchform{ padding:0 15px; position:relative;} .sidebar ul li.widget_search .searchInput{ padding:5px 45px 5px 10px; width:215px; height:30px; line-height:30px; border:none; color:#999; background:#FFF;} .sidebar ul li.widget_search .searchBtn{ width:44px; height:40px; text-align:center; text-indent:-9999px; border:none; background:url(images/icon-meta.gif) no-repeat center -76px; cursor:pointer; position:absolute; top:0; right:16px; overflow:hidden;} .sidebar ul li.widget_search .searchBtn:hover{ background-color:#eee;} /* Newsletter */ .sidebar ul li.widget_newsletterwidget{ background-color:#FF4D4D;} .sidebar ul li.widget_newsletterwidget h3{ padding-top:145px; font-size:26px; background:url(images/bg-newsletter.png) no-repeat center 0; text-shadow:2px 2px 3px #ff4242;} .sidebar ul li.widget_newsletterwidget p{ padding:0 22px;} .sidebar ul li.widget_newsletterwidget .newsletter-widget p{ margin-top:15px; padding:0;} .sidebar ul li.widget_newsletterwidget .newsletter-email{ padding:10px; width:250px; height:30px; line-height:30px; color:#999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .sidebar ul li.widget_newsletterwidget .newsletter-submit{ width:168px; height:52px; line-height:52px; text-align:center; font-size:20px; color:#fff; background:#333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .sidebar ul li.widget_newsletterwidget .newsletter-submit:active, .sidebar ul li.widget_newsletterwidget .newsletter-submit:hover{ background-color:#222;} /* Posts - MostViews */ .sidebar ul li.widget_views{ background-color:#DE364B;} /* Posts - MostComments */ .sidebar ul li.wpyou_widget_MostCommentPosts{ background-color:#E74C3C;} /* Posts - RecentComments */ .sidebar ul li.widget_recent_comments{ background-color:#2AA1A7;} .sidebar ul li.widget_recent_comments .cmt-box{ margin-bottom:25px;} .sidebar ul li.widget_recent_comments .cmt-box img{ float:left; width:40px; height:40px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;} .sidebar ul li.widget_recent_comments .cmt-box p{ margin-left:50px; color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .sidebar ul li.widget_recent_comments .cmt-box p a{ color:#fff;} .sidebar ul li.widget_recent_comments .cmt-box p.cmt-post{ height:18px; line-height:18px; overflow:hidden; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .sidebar ul li.widget_recent_comments .cmt-nr{ margin-bottom:18px; padding:13px 10px 13px 15px; color:#fff; background:#3FAAAF; clear:both; position:relative; /*top:15px;*/ overflow:visible; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .sidebar ul li.widget_recent_comments .cmt-nr .icon-arrow-up{ width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #3FAAAF; position:absolute; left:5px; bottom:-9px;} /* CustomWidgets */ .sidebar ul li.wpyou_widget_SpecialCatList{background-color:#4F689E;} .sidebar ul li.wpyou_widget_SpecialCatList ul li{ height:auto;} .sidebar ul li.wpyou_widget_SpecialCatList ul li ul li{ line-height:20px; background:none;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts{background-color:#1F85A7;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li{ margin-bottom:15px; padding:0 0 15px; height:auto; background:none;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img{ float:left; padding-right:10px; width:110px; height:110px;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4{ margin-bottom:5px; height:54px; line-height:18px; font-size:14px; overflow:hidden;} .sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p{ color:#666;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts{background-color:#2B939B;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li{ margin:0 auto 15px; padding:0; height:auto; text-align:center; background:none;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img{ width:228px; height:228px;} .sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4{ margin-bottom:10px; line-height:18px; font-size:14px; overflow:hidden;} .sidebar ul li.wpyou_widget_StickyPosts{ background-color:#00A5A5;} .sidebar ul li.wpyou_widget_RecentPosts{ background-color:#2DAA72;} .sidebar ul li.widget_text .textwidget p{ padding:0 7px;} .sidebar ul li#text-5{ background-color:#db6537;} .sidebar ul li#text-5 h3{ padding-top:175px; font-size:26px; background:url(images/bg-mail.png) no-repeat center 0;} .sidebar ul li#text-6{ background-color:#2DAA72;} .sidebar ul li#text-7{ background-color:#00A5A5;} .sidebar ul li#text-8{ background-color:#1F85A7;} .sidebar ul li a.btn{ margin-top:20px; padding:9px 30px; text-align:center; font-size:16px; color:#fff; background:#222; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block;} .sidebar ul li a.btn:active, .sidebar ul li a.btn:hover{ background-color:#111;} /* Calendar */ #calendar_wrap{ padding:0 5px 10px;} #wp-calendar{ width:100%;} #wp-calendar caption{ padding-bottom:5px;} #wp-calendar th, #wp-calendar td{ padding:4px 5px; text-align:center; text-transform:capitalize; color:#666; border:1px solid #E6E6E6; background:#F9F9F9;} #wp-calendar td#today{ font-weight:bold; border:1px solid #2A85E8; color:#FFF; background:#2A85E8;} #wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#2A85E8;} #wp-calendar tbody tr td a:hover{ color:#11639D;} #wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background:#EEE;} #wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;} .pad{ border:none !important; background:none !important;} /* Pagenavi */ .wpagenavi{ margin:0 auto 10px; padding:12px 0; text-align:center;} .wpagenavi a:link, .wpagenavi a:visited{ margin:0 4px; padding:6px 16px; color:#666; background:#ebebeb; white-space:nowrap; display:inline-block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .wpagenavi a:hover, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ color:#fff; background:#ED1C24;} .wpagenavi a.current{ font-weight:bold;} .wpagenavi a.ellipsis{ color:#999;} .wpagenavi a.ellipsis:hover{ color:#FFF;} .post-prev-next{ margin-bottom:40px; color:#666;} .post-prev-next a{ padding:0 3px; color:#666;} .post-prev-next a:hover{ color:#ed1c24;} /* Post Comment */ .postComment{ margin:15px auto; width:100%; overflow:hidden;} #comments{ padding:0 14px; height:40px; line-height:40px; font-size:16px; color:#fff; background:#444; text-shadow:2px 2px 3px #333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .commentlist{ padding-top:15px; width:100%; clear:both; overflow:hidden;} .commentlist li{ padding:18px 0 15px; width:100%; border-top:1px solid #e8e8e8; clear:both; position:relative;} .commentlist li .avatar{ float:left; margin-top:4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .commentlist li .comment_author{ margin:0 0 10px 62px;} .commentlist li .comment-body{ padding:0 10px 0 62px; color:#666;} .commentlist li .comment-body p{ margin-bottom:12px;} .commentlist li ul{ padding:15px 0 0 10%;} .commentlist li.popular{ border-top:1px solid #FEE7C5; background:#FFFDEC;} .commentlist cite{ font-weight:bold; font-style:normal; color:#333;} .commentlist cite a{ color:#333;} .commentlist cite a:hover{ color:#333;} .commentlist em{ padding-left:6px; color:#A8A8A8;} .commentlist .comment_func{ padding-right:10px; text-align:right; color:#999;} .commentlist .comment_func span{ padding-left:5px;} .commentlist .comment_func a, #cancel-comment-reply a{ color:#999;} .commentlist .comment_func a:hover, .commentlist .comment_func span:hover, #cancel-comment-reply a:hover{ cursor:pointer; color:#333;} #cancel-comment-reply{ text-align:right;} #respond{ margin:25px auto; overflow:hidden;} #respond p{ margin:0 auto 15px;} #respond p.logged-in-as{ color:#CCC;} #respond p.logged-in-as i{ color:#333;} #respond p.logged-in-as img{ float:left; padding-right:6px;} #respond p.logged-in-as a{ color:#666;} #respond p.logged-in-as a:hover{ color:#E00;} #respond #loading, #respond #error{ float:left; width:60%; margin-top:5px; color:#666;} #respond #error, #edita{ color:#E00;} #respond p.tips{ margin:0 0 20px; padding:5px 10px 4px; border:1px solid #EEE; background:#FFFFEF;} #respond p label{ display:none;} .commentlist li #respond{ padding:15px; border:1px solid #E9E9E9; background:#F7F7F7;} #commentform{ overflow:hidden;} #commentform p em{ padding-left:10px; font-size:10px; font-style:normal; color:#F60;} #commentform #author, #commentform #email, #commentform #url, #commentform #comment{ padding:12px; width:50%; color:#888; border:1px solid #DDD; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #commentform #author:hover, #commentform #email:hover, #commentform #url:hover, #commentform #author:focus, #commentform #email:focus, #url:focus{ border-color:rgba(82, 168, 236, 0.8); outline:0; outline:thin dotted \9;} #commentform #comment{ margin:0; padding:12px 2%; width:95%; line-height:24px; height:120px;} #commentform #author:hover, #commentform #author:focus, #commentform #email:hover, #commentform #email:focus, #commentform #comment:hover, #commentform #comment:focus{ color:#333; border-color:rgba(82, 168, 236, 0.8); outline:0; outline:thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);} #commentform #submit{ float:left; width:356px; height:54px; line-height:54px; font-size:24px; text-align:center; color:#FFF; background:#ED1C24; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:background 0.4s ease; -moz-transition:background 0.4s ease; -o-transition:background 0.4s ease; -ms-transition:background 0.4s ease; transition:background 0.4s ease;} #commentform #submit:hover{ background:#333;} /* CommentNavigation */ .comment-navi{ float:right; margin:10px auto; color:#999;} .comment-navi a:link, .comment-navi a:visited{ padding:3px 5px; color:#999;} .comment-navi a:hover{ color:#000;} .comment-navi span.cpt{ padding:3px;} .comment-navi span.current{ padding:3px 5px; color:#000;} /* FriendLink */ .friendlink{ margin:20px auto 0; width:100%; color:#888;} .friendlink ul li{ float:left; margin:3px 5px; line-height:20px; overflow:hidden; white-space:nowrap;} .friendlink a:link, .friendlink a:visited{ color:#888;} .friendlink a:hover{ color:#666;} /* Footer */ .footer{ padding:40px 0 25px; width:100%; border-bottom:1px solid #3e3e3e; color:#999; background:#333 url(images/shadow-foot.png) repeat-x 0 0;} .footer a:link, .footer a:visited{ color:#999;} .footer a:hover{ color:#eee;} /* Footbar */ .footbar{ float:right; overflow:hidden;} .footbar h3{ margin-bottom:20px; font-size:15px; color:#FFF; text-shadow:2px 2px 3px #111;} .footbar h3 a{ color:#333;} .footbar .section{ float:right; padding-left:100px;} .footbar .section ul{ overflow:hidden;} .footbar .section ul li{ margin-bottom:4px; overflow:hidden;} /* Contact */ .footbar .section ul li.i-name{ padding-left:24px; background:url(images/icon-contact.gif) no-repeat 0 5px;} .footbar .section ul li.i-addr{ padding-left:24px; background:url(images/icon-contact.gif) no-repeat 0 -22px;} .footbar .section ul li.i-phone{ padding-left:24px; background:url(images/icon-contact.gif) no-repeat 0 -50px;} .footbar .section ul li.i-mail{ padding-left:24px; background:url(images/icon-contact.gif) no-repeat 0 -79px;} .footbar .section ul li.i-url{ padding-left:24px; background:url(images/icon-contact.gif) no-repeat 0 -106px;} /* SNS */ .our-sns{ width:auto; position:relative;} .our-sns a{ float:left; padding-left:24px; display:inline-block; background:url(images/icon-sns.gif) no-repeat 0 0; cursor:pointer;} .our-sns a#i_tsina{ background-position:0 5px;} .our-sns a#i_weixin{ background-position:0 -21px;} .our-sns a#i_facebook{ background-position:0 -47px;} .our-sns a#i_twitter{ background-position:0 -75px;} .our-sns a#i_rss{ background-position:0 -101px;} .weixin{ padding:10px; text-align:center; background:#333; display:none; position:absolute; right:80px; top:0; z-index:9999;} .weixin img{ width:180px;} /* Footbox */ .footbox{ float:left; margin-top:5px; width:350px;} .footbox p{ margin-top:10px;} /* Copyright */ .copyright{ padding:10px 0; border-top:1px solid #111; color:#666; background:#222; overflow:hidden;} /*.copyright .cp{ float:left;}*/ .copyright .cp{ text-align:center;} .copyright .sharebox{ float:right;} .copyright .sharebox .sharebtn{ float:right; padding-right:8px;} .copyright .sharebox #bdshare, .copyright .sharebox .addthis_sharing_toolbox{ float:right; margin-top:3px;} .foot-share{ float:left; margin-top:5px; line-height:18px;} .foot-share span{ float:right; display:inline-block;} .foot-share .bdsharebuttonbox, .foot-share .bdshare-button-style0-24{ float:right;} .foot-share .bdshare-button-style1-24 a, .foot-share a{ margin:0 0 0 6px !important; padding:0 !important; width:19px !important; height:18px !important; text-indent:-9999px; display:inline-block; background:url(images/share-post.gif) no-repeat !important;} .foot-share .bdshare-button-style1-24 a:hover, .foot-share a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .foot-share .bdshare-button-style1-24 a.s_weibo, .foot-share a.s_weibo{ background-position:0 -48px !important;} .foot-share .bdshare-button-style1-24 a.s_weixin, .foot-share a.s_weixin{ background-position:-23px -48px !important;} .foot-share .bdshare-button-style1-24 a.s_pengyouquan, .foot-share a.s_pengyouquan{ background-position:-47px -48px !important;} .foot-share .bdshare-button-style1-24 a.s_qq, .foot-share a.s_qq{ background-position:-70px -48px !important;} .foot-share .bdshare-button-style1-24 a.s_renren, .foot-share a.s_renren{ background-position:-94px -48px !important;} /* ContactForm */ .quick-contact{ padding:20px; width:280px; border:1px solid #ddd; background:#fff; position:fixed; _position:absolute;/* left:50.5%; margin-left:500px;*/ right:76px; bottom:100px; _bottom:"auto"; z-index:9999; -webkit-box-shadow:0 0 40px 1px #999; -moz-box-shadow:0 0 40px 1px #999; box-shadow:0 0 40px 1px #999; -khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; display:none;} .quick-contact .arrow-btm{ width:0; height:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #fff; position:absolute; right:8px; bottom:-9px;} .quick-contact-link{ width:46px; height:44px; background:#999 url(images/mail.png) no-repeat center center; cursor:pointer; display:block; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; position:fixed; _position:absolute; right:20px; bottom:40px; _bottom:"auto"; z-index:9999;} .quick-contact-link-active, .quick-contact-link:hover{ background-color:#ED1C24;} .quick-contact-on{ right:76px;} .qcf-style #plain, .qcf-style.default #plain{ padding:0 !important; border:none !important;} .quick-contact h2{ margin-bottom:8px; font-size:20px; color:#333;} .qcf-style.default p{ margin:10px auto 0 !important; line-height:20px; font-size:12px !important; color:#777 !important;} .qcf-style.default form{ margin-top:15px !important;} .qcf-style.default input[type=text], .qcf-style.default textarea, .qcf-style.default select, .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{ padding:10px; font-size:12px !important; color:#999 !important; border:1px solid #ddd !important; -khtml-border-radius:3px!important;-moz-border-radius:3px!important;-webkit-border-radius:3px!important;border-radius:3px!important;} .qcf-style.default #submit, .wpcf7 .wpcf7-submit{ margin-left:80px; padding:0 !important; width:120px !important; line-height:38px !important; font-size:14px !important; font-family:"Microsoft Yahei" !important; border-bottom:3px solid #27487E !important; color:#fff !important; background:#3F6EBE !important; display:inline-block !important; border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;} .qcf-style.default #submit:hover, .wpcf7 .wpcf7-submit:hover{ background:#3865AF !important;} div.wpcf7{ margin-top:20px !important; width:280px;} .quick-contact p{ margin:0 auto 12px; line-height:20px; font-size:12px; color:#777;} /* Backtop */ .backToTop{ width:46px; height:44px; background:#999 url(images/backtop.gif) no-repeat 7px 11px; position:fixed; _position:absolute;/* left:50.5%; margin-left:500px;*/ right:20px; bottom:40px; _bottom:"auto"; cursor:pointer; display:none; -khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; z-index:9999;} .backToTop:hover{ background-color:#666;} /* SiteAD */ .ad_pageheaderbanner, .ad_pagefooterbanner{ margin-bottom:30px; text-align:center; overflow:hidden;} .ad_pagefooterbanner{ margin:20px auto;} .ad_single{ margin-bottom:10px;} .ad_singlebtm{ margin:15px 0; text-align:center;} .ad_singleleft{ float:left; margin-top:6px; padding-right:15px;} .ad_singleright{ float:right; margin-top:6px; padding-left:15px; text-align:right;} .ad_pageheaderbanner img, .ad_pagefooterbanner img, .ad_single img{vertical-align:top;} .enrty div.francisco-message { background-color: #f4f4f4; padding: 10px 25px 20px; margin-top: 50px; margin-bottom: 50px; overflow: hidden; } .one-half, .three-sixths, .two-fourths{ float: left; width:43%; background-color: #f4f4f4; padding: 30px 2%; margin: 0 1% 25px; height: 460px; } .enrty div.one-half img{ margin-bottom:0; } .enrty div.pricing1 { background: #38454A; padding: 20px; margin-top: 50px; margin-bottom: 60px; overflow: hidden; clear: both; } /********************************* Responsive CSS *********************************/ /*** Computer < 1440 ***/ @media only screen and (min-width:1439px){ .inner{ width:1080px;} .featured .thumbnail{ width:100%;} #homepage .section .tbox i{ border-bottom:13px solid #fff;} } /*** Computer < 1440 ***/ @media only screen and (max-width:1439px){ .inner{ width:1080px;} .featured .thumbnail{ width:100%;} } /*** Computer < 1200 ***/ @media only screen and (max-width:1199px){ .inner{ width:1080px;} } /*** iPad (Landscape) ***/ @media only screen and (max-width:1024px){ .inner{ width:960px;} .language{ display:none;} .nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited{ padding:0 14px;} .tabox .tab-info-lt, .tabox .tab-info-rt{ width:48%;} .tabox .tab-info-lt{ padding:0;} .tab01, .tab01 img.alignleft{ display:none;} .tabox .tab-info{ width:500px;} #homepage .cases .review .bx-viewport{ width:350px !important;} #homepage .cases ul.clients li{ padding:14px; background-position:-1px bottom;} #homepage .about .details img{ display:none;} #homepage .contact .details .inner{ background:none; text-shadow:none;} #homepage .contact .details .inner .ctxt{ text-align:center;} #homepage .contact .details .inner img{ float:none; text-align:left;} #homepage .contact .details .inner .ctxt ul{ float:none; text-align:left; margin-left:30%;} .post a.readmore{ font-size:14px;} .footbar .section{ padding-left:60px;} } /*** iPad (Portrait) ***/ @media only screen and (min-width:768px) and (max-width:959px){ .inner{ padding:0 2%; width:auto;} .tabox{ display:none !important;} #homepage .cases .review .bx-viewport{ width:300px !important;} #homepage .cases .review .bx-controls-direction a.bx-prev{ left:0;} #homepage .cases .review .bx-controls-direction a.bx-next{ right:0;} #homepage .cases .review .bx-pager{ right:35px;} #homepage .about .details{ padding:40px 3% 20px;} #homepage .contact .details .inner .ctxt ul{ margin-left:20%;} .post a.readmore i{ display:none;} .topbox{ display:none;} .content{ margin:0 auto;} aside{ display:none;} .footbar, .footbox{ float:none;} .footbar .section{ padding:0; width:39%;} .footbar .our-sns{ width:20%;} .footbox{ margin-top:35px; width:90%;} } /*** iPhone (Landscape) ***/ @media only screen and (max-width:767px) { .inner{ padding:0 2%; width:auto;} .topbox{ display:none;} .content{ margin:0 auto;} aside{ display:none;} .header .inner{ overflow:auto;} .logo{ float:none; padding:0; text-align:center;} .main-nav{ float:right; width:50%; text-align:right; background:#282828; display:none;} #mobile-nav{ display:block;} #mobile-nav .mobile-menu{ width:19px; height:18px; background:url(images/icon-mo.png) no-repeat 0 0; display:inline-block; position:fixed; top:16px; right:15px;} #mobile-nav .btn-close{ background:url(images/icon-mo.png) no-repeat 0 -28px;} @keyframes show_min_side_bar{from{transform:translateX(200px) translateZ(0)}to{transform:translateX(0px) translateZ(0)}}@-webkit-keyframes show_min_side_bar{from{-webkit-transform:translateX(200px) translateZ(0);transform:translateX(200px) translateZ(0)}to{-webkit-transform:translateX(0px) translateZ(0);transform:translateX(0px) translateZ(0)}}@keyframes show_min_side_bar{from{-webkit-transform:translateX(200px) translateZ(0);transform:translateX(200px) translateZ(0)}to{-webkit-transform:translateX(0px) translateZ(0);transform:translateX(0px) translateZ(0)}}@keyframes hide_min_side_bar{from{transform:translateX(0) translateZ(0)}to{transform:translateX(220px) translateZ(0)}}@-webkit-keyframes hide_min_side_bar{from{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}to{-webkit-transform:translateX(220px) translateZ(0);transform:translateX(220px) translateZ(0)}}@keyframes hide_min_side_bar{from{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}to{-webkit-transform:translateX(220px) translateZ(0);transform:translateX(220px) translateZ(0)}} .main-nav{ position:fixed; top:50px; right:0; -webkit-animation-name:show_min_side_bar;animation-name:show_min_side_bar;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,.96,.08,1);animation-timing-function:cubic-bezier(0,.96,.08,1); background:-webkit-linear-gradient(180deg,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%); background:linear-gradient(-90deg,rgba(0,0,0,.65) 0,rgba(0,0,0,0) 100%); -webkit-transform: translateX(176px) translateZ(0); transform: translateX(176px) translateZ(0);} .nav-menu li{ float:none; width:100%; padding:0;} .nav-menu li a:link, .nav-menu li a:visited{ padding:0 25px; line-height:42px; color:#eee; display:block; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .nav-menu li a:hover{ color:#fff; background:#ed1c24;} .nav-menu li a.active{ background:-webkit-linear-gradient(180deg,#ed1c24 0,rgba(211,8,48,0) 100%); background:linear-gradient(-90deg,#ed1c24 0,rgba(211,8,48,0) 100%);} .nav-menu li.blog{ background:none;} .col4{ margin-bottom:20px; padding:0 1.5%; width:47%;} .cur .arrow-up i{ display:none;}\ #homepage .contact .details .inner .ctxt{ padding:20px 10px 0;} #homepage .contact .details .inner .ctxt ul{ float:none; text-align:left; margin-left:0;} #homepage .cases .review{ float:none; width:94%;} #homepage .cases .review .bx-pager{ right:45%;} #homepage .cases .review .bx-controls-direction a{ display:none;} #homepage .cases ul.clients{ float:none; margin:60px auto 0; padding-top:20px; border-top:3px solid #eee; width:100%;} #homepage .cases ul.clients li{ padding:0; width:50%; text-align:center; background:none;} #homepage .about .details{ padding:30px 20px 10px;} #homepage .about .details img{ display:none;} #dituContent{ display:none;} #homepage .contact .details .contact-box{ position:static;} #homepage .contact .details .inner .ctxt img{ display:none;} .crumb-box{ display:none;} .banner{ height:50px;} .banner img{ max-width:100%; height:50px;} .banner .inner{ height:50px; top:-50px;} .banner-box{ line-height:50px;} .breadcrumb h2{ float:none; font-size:20px;} .post .title{ margin-bottom:15px;} .single-post .post .title{ margin-bottom:25px;} .post .postmeta, .post-share, .related-post{ display:none;} .wpagenavi a.ellipsis, .wpagenavi a.next, .wpagenavi a.previous, .wpagenavi a.extend{ display:none;} #commentform #author, #commentform #email, #commentform #url, #commentform #comment{ width:80%;} #commentform #comment{ padding:0 2%; width:95%;} #commentform #submit{ width:100%;} .friendlink{ display:none;} .footbar, .footbox{ float:none;} .footbar .section{ float:none; margin-bottom:40px; padding:0 5%; width:90%;} .footbar .our-sns{ width:90%;} .footbox{ width:90%;} .copyright .cp, .copyright .sharebox{ float:none;} .copyright .sharebox{ margin:10px auto 20px;} } /*** iPhone (Portrait) ***/ @media only screen and (max-width: 480px) { } /**time line***/ #cd-timeline { position: relative; padding: 1em 0; margin-top: 1em; margin-bottom: 1em; color:#777; } #cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 1em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 1em 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-img img { display: block; float: none; width: 40px; height: 40px; position: relative; left:50%; top: 50%; margin-left: -20px; margin-top: -20px; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 40px; height: 40px; left: 50%; margin-left: -20px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } .cd-timeline-content { position: relative; margin-left: 60px; background: #e8ecf5; border-radius: 0.25em; padding: 1em; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: #303e49; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-weight: 700; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; color: darkred; } .cd-timeline-content p { margin: 1em 0; line-height: 1; } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: darkred; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } a.cd-read-more:hover{text-decoration:none; background-color: #424242; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; } .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #e8ecf5; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; } .cd-timeline-content p { font-size: 16px; font-size: 1rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 0; padding: 1em; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #e8ecf5; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #e8ecf5; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } .lt{ margin:20px 0 20px 0; position: relative; } .lt div p{ text-align: left; padding: 0 10px 0 10px; } .lt .ltc{ text-align: center; float:left; width: 25%; } .tabs .tabox h2{ text-align: center; color: #000000; } #homepage .cases .tbox{ background-image: url("CGAL001.png"); background-position: center center; } #homepage .cases .fw{ background-image: url("FWLC001.png"); background-position: center center; } #homepage .cases .hz{ background-image: url("HZHB001.png"); background-position: center center; } #homepage .about .tbox{ background-image: url("GYWM001.png"); background-position: center center; } #homepage .about h2{ text-align: center; margin:10px; } . .fwli{ width: 100%; } .fwli img{ width:100%; margin: 30px 0 30px 0; } .about_wh{ width: 100%; text-align: center; height: 260px; background-image: url("GYWM002.png"); background-position: center center; } dl{ width:250px; margin:20px 20px 20px 20px; float:left; font-size: 14px; } dt{ width:250px; text-align: center; border-bottom: 3px #316dcd solid; margin-bottom: 20px; } dt img{ widht:200px; height: 150px; } dd{width:250px; text-align:left;} dd.name{ text-align: center; font-size: 20px; font-weight:500; } dd.title{ text-align: center; color:#666666; margin-bottom: 10px; } dd.geyan{ color:#e86f2d; font-weight:500; } .b{ width:640px; margin: 0 auto; } .b2{ width:960px; margin: 0 auto; } .b3{ background-image: url("GYWM004.png"); background-position: center center; padding: 30px 0 30px 0; margin: 20px 0 30px 0; } .b3 p{ color:#ffffff; font-size: 16px; line-height: 28px; text-align: center; } /**bootstrap**/ .row { margin-right: -15px; margin-left: -15px; } .col-lg-3{ width:25%; float: left; } .single_service{ margin: 20px; } .single_service { position: relative; z-index: 1; margin-bottom: 30px; overflow: hidden; } .single_service_img { text-align: center; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transform: scale(1); transform: scale(1); } .single_service_img img{ width: 100%; } .single_service_title { height: auto; position: relative; -webkit-transition-duration: 500ms; transition-duration: 500ms; width: 100%; z-index: 5; font-weight: 500; } .learn_more { height: auto; left: 0; position: absolute; right: 0; top: calc(100% - 51px); width: 100%; z-index: 999; -webkit-transition-duration: 500ms; transition-duration: 500ms; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .single_service_title > h4, .learn_more > a > h4 { background-color: #e67e22; color: #fff; font-family: "Open sans", sans-serif; letter-spacing: 1px; margin-bottom: 0; padding: 15px; text-align: center; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single_service_content { left: 15px; position: absolute; right: 15px; text-align: center; top: 15px; bottom: 15px; z-index: 9; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-duration: 500ms; transition-duration: 500ms; } .single_service_content .table_cell > p { color: #34495e; letter-spacing: 0.5px; } .single_service_content .table .table_cell { padding-bottom: 10px; } .single_service:hover .single_service_title { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .single_service:hover { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); } .single_service:hover .single_service_img { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -webkit-transform: scale(1.1); transform: scale(1.1) } .single_service:hover .single_service_content, .single_service:hover .learn_more { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .single_service:hover .learn_more > a > h4 { background-color: #2E5497; } /* modal box style, can be anything you want */ .modal { z-index: 999990; background: #ffffff; width: 880px; margin:auto; border: 3px solid #666; padding: 20px; } .modal .close { float: right; text-decoration: none; font-size: 20px; cursor: pointer; margin-top:-20px; margin-left:-20px; } .modal h2{ text-align: center; padding-bottom: 20px; } .modal .ier{ width:100%; } .modal .cl4{ width:33%; float:left; } .modal .cl4 p{ padding: 0 10px 0 10px; } .modal img{ width:100%; } .btn { border-width: 0; border-bottom-width: 3px; border-radius: 3px; } .btn.btn-primary { -webkit-user-select: none; background-attachment: scroll; background-clip: border-box; background-color: rgb(69, 174, 214); background-image: none; background-origin: padding-box; background-size: auto; border-bottom-color: rgb(42, 149, 190); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 3px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(42, 149, 190); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(42, 149, 190); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(42, 149, 190); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 0px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: Roboto, sans-serif; font-size: 18px; font-weight: normal; height: 46px; line-height: 23.94px; margin-bottom: 0px; padding-bottom: 10px; padding-left: 16px; padding-right: 16px; padding-top: 10px; text-align: center; text-decoration: none; touch-action: manipulation; transition-delay: 0s, 0s; transition-duration: 0.4s, 0.4s; transition-property: color, background-color; transition-timing-function: ease, ease; vertical-align: middle; visibility: visible; white-space: nowrap; } .btn.btn-primary:hover, .btn.btn-primary:focus { background: #2a95be; } .btn-down{ float:right; }