@font-face{font-family: 'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight: normal;font-style: normal;}
/*common*/
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd{margin:0;padding:0;}
header, section, footer, aside, nav, article, figure, figcaption{display: block;}
table{border-collapse:collapse;}
img{border:none;}
ul, li{list-style:none;}
a, a:active, a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#3fa3c9;}
input:focus, textarea:focus{outline:none;}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{height:100%;line-height:1.75em;font-size:12px;color:#333; font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;}
p{margin-bottom: 18px; font-size: 13px; line-height: 1.75em;}
h2{color: #363636; font-size: 18px; font-weight: normal; letter-spacing: -1px; padding: 15px 0 15px 0;}
h5, h5 a{color: #333; font-size: 17px; padding: 4px 0 30px; font-weight: normal; letter-spacing: -0.04em; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; text-transform: uppercase; font-weight:bold;}
h5 a:hover{text-decoration: underline; color: #ED8D23; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.line{padding:15px 0px;}
h2.h2x{padding-top:0px;}
.content_block:after, .footer footer:after, .wraper:after, .features3_block:after, .most_popular:after, .features4_block:after, .flyout_area dd:after, .accordions dd:after, .intro_text:after, .features6_block ul:after, .why_choose_explore:after, .intro_text .intro_slider li:after, .process ul:after, .team_option ul:after, .services_option:after, .tab_select:after, .c_after:after, .blog_entries .post_medium:after, .leave_comment:after, .controls:after, .pricing_option:after{content:'';display:block;height:0;clear:both;}
.wraper, .footer footer, body.index_v2 .social_block, body.index_v2 .footer{width:960px;margin:0 auto;position:relative;}
.wraper{position:inherit;}
.bwWrapper{position:relative;display:block;}
/*layout and some common*/
.header,banner,.content,.footer{width:100%;margin: 0 auto;}
.banner{height:200px;}
.cn,.center-wrap{width: 960px;margin: 0 auto;}
.content .cn{padding:0px 0px 15px 0px;}
.cn_banner img{display:block;width:100%;float:left;}
.banner,.footer{   background-position: center center; background-repeat: no-repeat; background: -webkit-gradient(radial, center center, 0, center center, 460, from(#333), to(#333 ));}
.read_more{float:right;padding-right:11px;display:inline-block;padding:0px 3px;color:#fff;background:#333; font-size:11px; border:1px solid #1F779C; border-top:1px solid #3E9FC9; border-left:1px solid #3E9FC9;}
.read_more,.read_more:link,.read_more:visited{color:#fff;}
.read_more:hover{color:#fff;text-decoration:none;background:#0DACE7;
border:1px solid #1F779C;
border-top:1px solid #3E9FC9;
border-left:1px solid #3E9FC9;} .read_more:active{background:#109BD8; border:1px solid #109BD8;}
.imgSk1{display:block;float:left;margin-right:15px;} a.more, a.more:link, a.morex{color:#fff; background:#0DACE7; display:inline-block; font-size:8px; line-height:14px; padding:0px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
a.more:hover{background:#4D9E35;}
a.morex, a.morex:link{background:#4D9E35;}
a.morex:hover{background:#0DACE7;}
/*pages*/
.pages{color: #999;text-align:center;height:30px;font-family: "宋体";margin:0 auto;}
.pages a, .pages .cpb{text-decoration: none;padding: 5px 10px;border: 1px solid #ddd;background: #ffff;margin: 0 2px;font-size: 14px;color: #555;}
.pages a:hover{background-color:#009EF5;color: #fff;border: 1px solid #009EF5;text-decoration: none;}
.pages .cpb{font-weight: bold;color: #fff;background:#009EF5;border: 1px solid #009EF5;font-family: "宋体";}
/*header*/
.header_cn1{position:relative;}
.header{position:relative;z-index:1001;min-height:60px;}
.header .logo{cursor:pointer;display:block;width:276px;height:37px;padding-bottom:10px; position:absolute;top:22px;}
/* header -top_title */
.top_title{background-image: url(../images/index/bg-banner-blue.png); background-position: center center; background-repeat: no-repeat; background: -webkit-gradient(radial, center center, 0, center center, 460, from(#3FA3C9), to(#0D9DDC )); margin-bottom:30px;position:relative;}
.top_title1{position:relative; background-image:url(../images/line_11.png) repeat-y;}
.top_title_shadow{height:4.5px; position:absolute; top:0; left:-1%; background:url(../images/line_11.png) repeat-x; width:101%; z-index:100;}
.top_title .text_bar_shadow ,.text_bar_shadow{position:absolute;top:0px;left:0;width:100%;height:29px;background:url(../images/text_bar_shadow2.png) center top no-repeat;}
.top_title .text_bar_shadow2{position:absolute;bottom:6px;left:0;width:100%;height:35px;background:url(../images/text_bar_shadow3.png) center bottom no-repeat;}
.top_title .wraper{min-height:60px;padding:29px 0 21px 0;z-index:101}
.top_title:before{content:'';display:block;width:100%;height:0;border-top:1px solid #e7e6e6;border-bottom:0px solid #fff;}
.top_title:after{content:'';display:block;width:100%;height:0;border-bottom:1px solid #e7e6e6;border-top:5px solid #fff;}
.top_title h2{text-shadow:#444 0 1px 1px;color:#fff;font-size:22px;float:left;padding:0 36px 0 0;}
.top_title h2 span{font-weight:normal;font-size:16px;display:block;padding-top:4px;}
.top_title ul{position:absolute;top:67px;right:0;}
.top_title ul li{float:left;color:#fff;font-size:10px;}
.top_title ul li:after{color:#fff;content:'/';padding:0 6px;}
.top_title ul li:last-child:after{display:none;}
.top_title ul li a{color:#fff;}
/*header - Mainmenu */
.ul_nav li a,.ul_nav li a:link{color:white;}
.ul_nav li a:hover{text-decoration:underline;}
#wrapper .archive_img a img:hover{margin:0;}
.archive_img img{max-width:672px;}
.archive_title{margin-bottom:10px;}
.ddsmoothmenu{position: relative; float: right; margin: 0; z-index: 99;}
.ddsmoothmenu ul{z-index: 100; margin: 0; padding: 0; list-style-type: none;}
.ddsmoothmenu .ul_menu{margin-top:10px;}
.ddsmoothmenu .ul_menu .ul_menu_l1{display:inline-block;padding-top:25px;float:left;color:#444;}
.ddsmoothmenu .ul_menu .ul_menu_l1.selected,.ddsmoothmenu .ul_menu .ul_menu_l1:hover,
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{  color:#109BD8;}
.ddsmoothmenu ul ul{padding-top: 0px; padding-bottom: 0px; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3); z-index:1000;}
/*Top level list items*/
.ddsmoothmenu ul li{position: relative; display: inline; float: left; line-height: 12px; background: transparent;}
.ddsmoothmenu ul li ul li{padding: 0; margin: 0;}
.ddsmoothmenu ul ul ul{border-bottom: 0;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top:35px; padding-bottom: 32px;}
* html .ddsmoothmenu ul li a{/*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color:#333;  font-size: 16px; line-height: 13px;}
.ddsmoothmenu ul li ul li a{border-bottom: 1px solid #f1f1f1; line-height:36px; padding:0px 0px 0px 16px;} .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height:36px; padding:0px 0px 0px 16px;}
.ddsmoothmenu ul li ul li a:link,
.ddsmoothmenu ul li ul li a:visited,
.ddsmoothmenu > ul > li > ul > li > ul > li> a ,
.ddsmoothmenu > ul > li > ul > li:last-child >ul >li> a{border-top: 1px solid #5CADDB; border-bottom: 1px solid #0881C7;}
.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited,
.ddsmoothmenu ul li a.selected span{color: #fff;}
.ddsmoothmenu ul li ul li a:hover{background:#f2f2f2;color:#333;}
.ddsmoothmenu ul li span{float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; color: #333; margin-top: 9px;}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{position: absolute; left: 0; display: none; visibility: hidden;}
.ddsmoothmenu ul li.current-menu-item ul, .ddsmoothmenu ul li.current-menu-ancestor ul{margin-top: -3px;}
.ddsmoothmenu ul li ul li{display: list-item; float: none; padding-bottom: 0px;}
.ddsmoothmenu ul li ul li ul{padding: 0; margin-left: 0px; margin-top: 1px;}
.ddsmoothmenu ul li.current-menu-item ul li ul, .ddsmoothmenu ul li.current-menu-ancestor ul li ul{margin-top: 0px;}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{width: 150px; margin: 0; border-top-width: 0; margin-right: 0px; height: auto; border-bottom: 1px solid #ededed;}
.ddsmoothmenu > ul > li > ul > li:last-child a{border-bottom: 0;}
.ddsmoothmenu > ul > li > ul > li > ul > li:last-child a{border-bottom: 0 !important;}
.ddsmoothmenu ul li ul li:first-child a{border-top: 0;}
.ddsmoothmenu li li ul,
.ddsmoothmenu li li li ul{margin: 0 0 0 0;}
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.fallback{display:none;}
/*Response_menu*/
.nav_menu{display:none;margin:0 auto;}
.nav_menu select{border:1px solid #ccc; padding:5px 0px 5px 2px;width:80%;margin:0 auto;display:block;}
/* Common styles of menus */
.dl-menuwrapper{width: 100%;max-width: 300px;float: left;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child{}
.dl-menuwrapper button{background: #ccc;border: none;width: 48px;height: 45px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{background: #aaa;}
.dl-menuwrapper button:after{content: '';position: absolute;width: 68%;height: 5px;background: #fff;top: 10px;left: 16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff;}
.dl-menuwrapper ul{padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li{position: relative;}
.dl-menuwrapper li a{display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;outline: none;}
.no-touch .dl-menuwrapper li a:hover{background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a{padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after{left: 10px;color: rgba(212,204,198,0.3);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after{right: 10px;color: rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu{margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;z-index:1001;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display: none;}
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a{display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display: block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-4{-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform: translateZ(-300px);opacity: 0;}
}
@-moz-keyframes MenuAnimOut4{100%{-moz-transform: translateZ(-300px);opacity: 0;}
}
@keyframes MenuAnimOut4{100%{transform: translateZ(-300px);opacity: 0;}
}
.dl-menu.dl-animate-in-4{-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform: translateZ(-300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn4{0%{-moz-transform: translateZ(-300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}
}
@keyframes MenuAnimIn4{0%{transform: translateZ(-300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform: translateZ(300px);opacity: 0;}100%{-webkit-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn4{0%{-moz-transform: translateZ(300px);opacity: 0;}100%{-moz-transform: translateZ(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn4{0%{transform: translateZ(300px);opacity: 0;}100%{transform: translateZ(0px);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform: translateZ(0px);opacity: 1;}100%{-webkit-transform: translateZ(300px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut4{0%{-moz-transform: translateZ(0px);opacity: 1;}100%{-moz-transform: translateZ(300px);opacity: 0;}
}
@keyframes SubMenuAnimOut4{0%{transform: translateZ(0px);opacity: 1;}100%{transform: translateZ(300px);opacity: 0;}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu{display: block;}
.no-js .dl-menuwrapper li.dl-back{display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content: '';}
/* Demo 4 */
.demo-4 .dl-menuwrapper button{background: #90b912;}
.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul{background: #79a002;}
.column{float: left;width: 50%;min-height: 300px;min-width: 320px;position: relative;}
.column:nth-child(2){min-height: 400px;box-shadow: -1px 0 0 rgba(0,0,0,0.1);background: url(../images/clickhere.png) 90px 0 no-repeat;}
.column:last-child:before{content: '';position: absolute;height: 7px;background: #ceccc6;top: 100px;left: 10px;}
.column p{font-weight: 300;font-size: 2em;padding: 0;margin: 0;text-align: right;line-height: 1.5;}
.container > header{padding: 2.875em 1.875em 2.875em;text-align: center;background: rgba(0,0,0,0.01);}
.container > header h1{font-size: 2.625em;line-height: 1.3;margin: 0;color: #89867e;font-weight: 300;font-family:Microsoft YaHei;}
.container > header span{display: block;font-size: 60%;color: #ceccc6;padding: 0 0 0.6em 0.1em;}
/* Header Style */
.codrops-top{background: #fff;background: rgba(255, 255, 255, 0.95);text-transform: uppercase;position: relative;font-size: 0.68em;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);line-height: 2.2;}
.codrops-top a{padding: 0 1em;letter-spacing: 0.1em;color: #333;display: inline-block;}
.codrops-top a:hover{background: rgba(255,255,255,0.99);color: #000;}
.codrops-top span.right{float: right;}
.codrops-top span.right a{float: left;display: block;}
/* Demo Buttons Style */
.codrops-demos{padding-top: 1em;font-size: 0.9em;}
.codrops-demos a{display: inline-block;margin: 0.5em;padding: 0.7em 1.1em;border: 3px solid #b1aea6;color: #b1aea6;font-weight: 700;}
.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{border-color: #89867e;color: #89867e;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{background: #109BD8;}
.dl-menuwrapper button{background: #ddd;float:right;}
.dl-menuwrapper{float:right;}
.dl-menu{-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);}
.dl-menuwrapper .cn_btn{text-align:right;}
.clear{clear:both;height:0px;line-height:0;font-size:1px;}
@media screen and (max-width: 46.0625em){.main{padding: 0;}.column{width: 100%;min-width: auto;min-height: auto;padding: 3em 2em;}.column p{text-align: left;font-size: 1.5em;}.column:nth-child(2){box-shadow: 0 -1px 0 rgba(0,0,0,0.1);background-position: 90px 3em;}
}
/*banner*/
.fluid_container{position:relative;z-index:1;}
/*content*/
.dl-menuwrapper{width: 100%; float: left; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%;}
.nav_menu{min-width:300px; position:absolute;top:5px;right:2px;}
.cn_weixin p{font-size:14px;}
.footer p{margin:0;}
.content img{transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-interpolation-mode: bicubic;}
.ul_text1 a,.ul_text1 a:link{color:#333;}
.ul_text1 a:hover{color:#0D79B8;text-decoration:underline;}
#wrapper .ts-display-pf-img a img:hover{margin-top: -10px;}
.full_width a img:hover{margin-top: 0px !important;}
.full_width2 a img:hover{margin-top: 0px !important;}
#portfolio_wrapper a img:hover{margin-top:0;}
#portfolio-bg a img:hover{margin-top: 0px;}.dropcap_yellow{background-color: #ED8D23; color: #FFFFFF; display: block; float: left; font-family: 'ONRAMPRegular'; font-size: 18px; line-height: 35px; margin: 5px 10px 0px 0; text-align: center; width: 35px;border:1px solid #bc730f;}
.dropcap_black{background-color: #333333; color: #FFFFFF; display: block; float: left; font-family: 'ONRAMPRegular'; font-size: 18px; line-height: 35px; margin: 5px 10px 0px 0; text-align: center; width: 35px;border:1px solid #000000;}
/*cn_cases*/
.cn_cases .et_pt_item_title{padding:5px 3px 0px 2px;text-align:center;}
.cn_cases .et_pt_item_title a, .et_pt_item_title a:link{color:#333;font-weight:bold;}
.cn_cases .et_pt_item_title a:hover{color:#0D79B8;text-decoration:underline;}
.cn_cases .cn_header{padding-bottom:10px;font-size:14px;}
.cn_cases .cn_header a,.cn_cases cn_header a:link{color:#333;}
.cn_cases .cn_header a:hover{color:#0D79B8;text-decoration:underline;}
/*cn_blog*/
.cn_action{padding:15px 0px;text-align:right;}
.cn_action .btn_s2{min-width:120px;margin-right:10px;margin-bottom:15px;}
/*footer*/
.footer{clear: both;
width: 100%;
padding:20px 0;
position: relative;
font-size: 13px;
z-index: 1;
overflow: visible;
color:#fff;
border-bottom:none;}
/* Transparent banner overlay image */
.tt-overlay{background:url(../images/index/banner-abstract.png) center center no-repeat;}
.shadow.topx{position: absolute;
top: 0;
height:20%;
width: 100%;
z-index:2;
background: url(../images/index/shadows/shadow-1.png) left top repeat-x;}
/* Header/Footer drop-shadow image */
.shadow.topx{background:url(../images/index/shadow-2.png) top center no-repeat;}
.tt-overlay{height: 100%;
width: 100%;
position: absolute;
top: 0;
z-index: -1;}
.footer_cn{width:25%;margin-bottom:20px;color:White;float:left;}
.footer_cn .footer_ct{padding-right:20px;}
.footer_cn .footer_ct4{padding-right:0px;}
.footer_cn .footer_title{padding-bottom:10px;}
.footer_cn .footer_content{}
.footer_cn h3{font-weight:normal;font-size:14px;}
.tb_email{border:none;border-collapse:collapse;width:100%;}
.tb_email .text1{padding:4px;width:96%; color:#fff; color:#333\9; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.3); background:#fff; background:rgba(0,0,0,0.2);} .tb_email .btn1{padding:3px 10px; border:1px solid #ccc; background:#fff; color:#fff; color:#333\9; border:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.2); cursor:pointer;}
.tb_email .tarea1{height:60px;overflow:auto;}
.tb_email td{padding-bottom:5px;}
.ul_link li{display:block;background:url(../images/index/arrow1.png) no-repeat 0px 6px;padding-left:15px;}
.ul_link li a,.ul_link li a:link{color:#fff;}
.ul_link li a:hover{color:#333;text-decoration:underline;}
/*bottom*/
#box_root{height: 100%;}
#box_mainBody{width: 100%;min-width: 320px;background: #0F9AD7 url(../images/loading2.gif) no-repeat 50% 50%;overflow: hidden;position: absolute;z-index: 1;top: 0;bottom: 45px;left: 0;text-align: center;}
#box_main{min-width: 320px;max-width: 640px;background: #ffffff;margin: 0 auto;overflow: hidden;position: relative;}
#box_header{width: 100%;}
#box_footerBody{width: 100%;height: 45px;position:fixed;bottom: 0px;left: 0px;z-index: 99999;text-align: center;background:#179CD4;border-top: none; display:none;-webkit-transition:bottom;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:100ms;}
#box_footerBody .footerDiv{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;position: relative;}
.z3g-headerSmallNew{width: 100%;/*firehu*/height: 44px;background: #0F9AD7;display: -moz-box;display: -webkit-box;display: box;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;box-orient: horizontal;border-bottom: 1px solid rgba(255,255,255,0.2);}
.z3g-headerSmallNew .left, .z3g-headerSmallNew .center, .z3g-headerSmallNew .right{display: block;vertical-align: middle;}
.z3g-headerSmallNew .center{/*min-width: 200px;min-width:190px;*/height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;text-shadow: 1px 1px 1px #43060b;overflow: hidden;word-wrap: break-word;word-break: break-all;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.z3g-headerSmallNew .center .number{line-height:16px;padding:2px 3px;display:inline-block;margin-left:5px;background-color: rgba(255, 255, 255, 0.6);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.z3g-headerSmallNew .left{min-width: 65px;padding: 8px 0 0 0;}
.z3g-headerSmallNew .right{min-width: 65px;padding: 8px 5px 0 0;text-align: right;}
.z3g-btn.btnArrow{position: relative;}
.btnArrow.btnArrowLeft{border-left: 0 none;margin-left: 21px;padding: 0 8px 0 2px;border-top-left-radius: 0;-moz-border-top-left-radius: 0;-webkit-border-top-left-radius: 0;border-bottom-left-radius: 0;-moz-border-bottom-left-radius: 0;-webkit-border-bottom-left-radius: 0;}
.btnArrow b{display: inline-block;width: 16px;height: 29px;position: absolute;overflow: hidden;}
.btnArrow.btnArrowLeft b{left: -16px;top: -1px;}
.btnArrow b em{display: block;width: 21px;/*20130313*/height: 21px;/*20130313*/border: 1px solid rgba(0,0,0,0.2);transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center center;-moz-transform-origin: center center;-webkit-transform-origin: center center;position: absolute;}
.btnArrow.btnArrowRight{border-right: 0 none;margin-right: 16px;padding: 0 2px 0 8px;border-top-right-radius: 0;-moz-border-top-right-radius: 0;-webkit-border-top-right-radius: 0;border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;-webkit-border-bottom-right-radius: 0;}
.btnArrow.btnArrowRight b{right: -16px;top: -1px;}
.btnArrow.btnArrowLeft b em{left: 6px;top: 3px;/*20130313*/}
.btnArrow.btnArrowRight b em{right: 6px;top: 3px;/*20130313*/}
.btnArrow.touch em{background: rgba(255,255,255,0.1);}
.z3g-btn{display: inline-block;height: 27px;padding: 0 10px;margin-left: 5px;border: 1px solid rgba(0,0,0,0.2);vertical-align: middle;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.z3g-btn span{display: inline-block;height: 27px;color: #fff;line-height: 27px;}
.z3g-btn.textSizeBtn span{line-height: 16px;}
.z3g-btn.touch{background: rgba(255,255,255,0.1)}
.z3g-btn.list span{width: 19px;background: url(../images/common.png) -214px -9px no-repeat;background-size:400px;-moz-background-size:400px;}
/*toolbar*/
.Toolbar_show01-d1_c1{width: 100%;max-width: 640px;height: 45px;margin: 0 auto;}
.Toolbar_show01-d1_c1 > div{height: 45px;max-width:640px;margin:0 auto;}
.Toolbar_show01-d1_c1 .footerWrap{width: 100%;overflow: hidden;display: -moz-box;display: -webkit-box;display: box;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;box-orient: horizontal;border-top:1px solid rgba(255,255,255,0.2);height:44px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#0F9BD8), to(#0A83B8));background: -moz-linear-gradient(#0F9BD8, #0A83B8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F9BD8', endColorstr='#0A83B8');}
.Toolbar_show01-d1_c1 .footerWrap li{text-align: center;height:44px;overflow:hidden;border-right: 1px solid #007FB8;border-left: 1px solid rgba(255,255,255,0.2);-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.Toolbar_show01-d1_c1 .footerWrap a,
.Toolbar_show01-d1_c1 .footerWrap div{height: 44px;display: block;text-align: center;vertical-align: middle;color: #fff;text-decoration: none;}
.Toolbar_show01-d1_c1 .footerWrap li:first-child{border-left:none;}
.Toolbar_show01-d1_c1 .footerWrap li:nth-last-child(1){border-right:none;}
.Toolbar_show01-d1_c1 .icon .numIcon{width:18px;height: 19px;line-height: 19px;font-size: 10px;text-align:center;display:block;color: #fff;background:url("../images/common.png") no-repeat -156px -223px;background-size:400px;-moz-background-size:400px;position:absolute;top:-2px;right:-6px;}
.Toolbar_show01-d1_c1 .icon .more99{font-size:9px;-webkit-text-size-adjust:none;}
.Toolbar_show01-d1_c1 .footerToolStyle3 .numIcon{top:5px;right:-5px;}
.Toolbar_show01-d1_c1 .text{height: 16px;line-height: 16px;font-size: 10px;color: #fff;text-decoration: none;text-align: center;display:block;overflow:hidden;}
.Toolbar_show01-d1_c1 .footerWrap .touch{background: -webkit-gradient(linear, 0 0, 0 100%, from(#5d0c12), to(#4a070c));background: -moz-linear-gradient(#5d0c12, #4a070c);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d0c12', endColorstr='#4a070c');}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar{width:100%;max-width:640px;height: 16px;border: none;position:absolute;z-index:9999;top:-16px;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .anchor{display: block;width: 100px;height: 13px;background: #85121a;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;margin:0 auto;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .controlBottom{display: block;height: 3px;overflow:hidden;background: #85121a;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .icon{display: block;width: 14px;height: 8px;margin: 0 auto;overflow:hidden;position:relative;top:3px;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar .icon em{display:block;width:20px;height:20px;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);position:relative;border-right:1px solid rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.8);top:-18px;left:-4px;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.close .icon em{border-top:1px solid rgba(255,255,255,0.8);border-left:1px solid rgba(255,255,255,0.8);top:5px;}
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.touch .anchor,
.Toolbar_show01-d1_c1 .footerToolStyle2 .controlBar.touch .controlBottom{opacity:0.8;}
.Toolbar_show01-d1_c1 .footerToolStyle3{position: relative;}
.Toolbar_show01-d1_c1 .footerToolStyle3 .circleListWrap{position:absolute;z-index:9999;bottom:65px;left:20px;display:none;}
.Toolbar_show01-d1_c1 .footerToolStyle3.circleOpen .circleListWrap{display:block;}
.Toolbar_show01-d1_c1 .circleIcon{width: 40px;height: 40px;border: 3px solid rgba(255,255,255,0.5);border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;background:#85121a;position:absolute;z-index:9999;bottom:40px;left:10px;overflow:hidden;}
.Toolbar_show01-d1_c1 .circleIcon div{width: 24px;height: 24px;-moz-border-radius: 23px;-webkit-border-radius: 23px;border-radius: 23px;background:#000;margin: 8px auto 0;overflow:hidden;opacity:0.2;}
.Toolbar_show01-d1_c1 .circleListWrap{width: 186px;height: 186px;border: 3px solid rgba(0,0,0,0.2);-moz-border-radius: 96px;-webkit-border-radius: 96px;border-radius: 96px;overflow: hidden;}
.Toolbar_show01-d1_c1 .circleCont{width:186px;height:186px;-moz-border-radius: 96px;-webkit-border-radius: 96px;border-radius: 96px;position:absolute;top:0;left:0;overflow:hidden;}
.Toolbar_show01-d1_c1 .circleCont li{position:absolute;}
.Toolbar_show01-d1_c1 .circleCont a{text-decoration: none;}
.Toolbar_show01-d1_c1 .circleCont .text{display:block;width:50px;overflow : hidden;word-wrap:break-word;word-break:break-all;}
.Toolbar_show01-d1_c1 .footerCenter{width: 76px;height: 76px;border: 2px solid rgba(255,255,255,0.1);background: #85121a;border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;position: absolute;left: 53px;top: 53px;overflow:hidden;}
.Toolbar_show01-d1_c1 .footerCenter span{display: block;width: 32px;height: 29px;background: url("../images/common.png") no-repeat -180px -110px;background-size:400px;-moz-background-size:400px;margin: 24px auto 0;}
.Toolbar_show01-d1_c1 .footerCenter.touch{background-color:rgba(255,255,255,0.2);}
.Toolbar_show01-d1_c1 .circleCont li.cont1{left: 10px;top: 92px;}
.Toolbar_show01-d1_c1 .circleCont li.cont2{left: 30px;top: 15px;}
.Toolbar_show01-d1_c1 .circleCont li.cont3{left: 107px;top: 15px;}
.Toolbar_show01-d1_c1 .circleCont li.cont4{left: 127px;top: 92px;}
.Toolbar_show01-d1_c1 .circleCont li.cont5{left: 68px;top: 137px;}
.Toolbar_show01-d1_c1 .circleBg{width: 186px;height: 186px;background:url("../images/z3g_bg_footerCircle.png") -186px 0px no-repeat #85121a;background-size:372px;-moz-border-radius: 96px;-webkit-border-radius: 96px;border-radius: 96px;margin: 0 auto;position: relative;overflow: hidden;}
.Toolbar_show01-d1_c1 .circleBg.current{background:url("../images/z3g_bg_footerCircle.png") 0px 0px no-repeat #85121a;background-size:372px;}
.Toolbar_show01-d1_c1 .circleBg.current1{transform:rotate(216deg);-moz-transform:rotate(216deg);-webkit-transform:rotate(216deg);-o-transform:rotate(216deg);}
.Toolbar_show01-d1_c1 .circleBg.current2{transform:rotate(288deg);-moz-transform:rotate(288deg);-webkit-transform:rotate(288deg);-o-transform:rotate(288deg);}
.Toolbar_show01-d1_c1 .circleBg.current3{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.Toolbar_show01-d1_c1 .circleBg.current4{transform:rotate(72deg);-moz-transform:rotate(72deg);-webkit-transform:rotate(72deg);-o-transform:rotate(72deg);}
.Toolbar_show01-d1_c1 .circleBg.current5{transform:rotate(144deg);-moz-transform:rotate(144deg);-webkit-transform:rotate(144deg);-o-transform:rotate(144deg);}
.toolMoreWrap{width:100%;height: 100%;position:absolute;top:0px;z-index:9999;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: end;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: end;display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: end;display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: end;display: box;box-orient: horizontal;box-pack: center;box-align: end;}
.toolMoreWrap > div{width:100%;max-width:640px;margin:0 auto 45px auto;text-align:right;}
.toolMoreWrap .icon{width:30px;height:20px;display:inline-block;vertical-align:middle;position:relative;margin-right:8px;background: url("../images/common.png") no-repeat;background-size:400px;-moz-background-size:400px;}
.toolMoreWrap .icon .numIcon{width:18px;height: 19px;line-height: 19px;font-size: 10px;text-align:center;display:block;color: #fff;background:url("../images/common.png") no-repeat -156px -223px;background-size:400px;-moz-background-size:400px;position:absolute;top:-2px;right:-6px;}
.toolMoreWrap .icon .more99{font-size:9px;-webkit-text-size-adjust:none;}
.toolMoreWrap .text{max-width:60px;display:inline-block;vertical-align:middle;font-size: 10px;color: #fff;text-decoration: none;}
.toolMoreWrap .contWrap{width:115px;line-height: 20px;display: inline-block;text-align: left;padding:0;margin-right:10px;background:#690b12;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow:hidden;-webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5);box-shadow:-0px 0px 5px rgba(0,0,0,0.5);}
.toolMoreWrap .contWrap li{text-align:left;padding:10px;vertical-align:middle;border-top:1px solid rgba(255,255,255,0.2);}
.toolMoreWrap .contWrap li:nth-child(1){border-top:none;}
.toolMoreWrap .contWrap li.touch{background-color:rgba(0,0,0,0.2);}
.toolMoreWrap .contArrow{height: 20px;overflow: hidden;text-align:right;margin-right:20px;position:relative;top:-1px;}
.toolMoreWrap .contArrow em{width:20px;height:20px;display:block;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#690b12;-webkit-box-shadow:-0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow:-0px 0px 5px rgba(0,0,0,0.5);box-shadow:-0px 0px 5px rgba(0,0,0,0.5);position:absolute;top:-16px;right:0px;}
.toolMoreWrap .whiteIcon span.email{background-position:0px -110px;}
.toolMoreWrap .whiteIcon span.message{background-position: -30px -110px;}
.toolMoreWrap .whiteIcon span.share{background-position: -60px -110px;}
.toolMoreWrap .whiteIcon span.more{background-position: -150px -110px;}
.toolMoreWrap .whiteIcon span.tel{background-position: -90px -110px;}
.toolMoreWrap .whiteIcon span.map{background-position: -120px -110px;}
.toolMoreWrap .whiteIcon span.cart{background-position: -212px -110px;}
.toolMoreWrap .whiteIcon span.member{background-position: -240px -110px;}
.toolMoreWrap .whiteIcon span.home{background-position:-180px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.icon,
.Toolbar_show01-d1_c1 .grayIcon span.icon{width:30px;height:20px;display: block;background: url(../images/common.png) no-repeat;background-size:400px;-moz-background-size:400px;margin: 4px auto 0 auto;position:relative;}
.Toolbar_show01-d1_c1 .whiteIcon span.email{background-position:0px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.message{background-position: -30px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.share{background-position: -60px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.more{background-position: -150px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.tel{background-position: -90px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.map{background-position: -120px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.cart{background-position: -212px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.member{background-position: -240px -110px;}
.Toolbar_show01-d1_c1 .whiteIcon span.home{background-position:-180px -110px;}
.FrontSlide_listJson01-d1_c1{text-align: center;position: relative;}
.PublicConfig_showShare01-d1_c1 .shareWrap .shareText{padding:10px;color: #000;}
.PublicConfig_showShare01-d1_c1 .shareWrap{padding:10px 0 10px 0;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul{padding:0 10px;overflow:hidden;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li{width:50%;float:left;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li div{height:38px;line-height:38px;border:1px solid #cccccc;padding: 0 10px;background:#e5e5e5;vertical-align:top;display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li:nth-child(2n+1) div{margin:0 2px 1px 0;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li:nth-child(2n+2) div{margin:0 0 2px 1px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.touch div{background: #cccccc;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li span{display:inline-block;vertical-align:top;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li .text{height:38px;display:block;overflow:hidden;word-wrap:break-word;word-break:break-all;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li .icon{width:32px;height:32px;margin:3px 10px 0 0;background: url(../images/z3g_icon_share.png) no-repeat;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.weiboSina .icon{background-position:0px 0px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.spaceQQ .icon{background-position:0px -32px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.weiboQQ .icon{background-position:0px -64px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.weiboWangyi .icon{background-position:0px -96px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.weiboSohu .icon{background-position:0px -128px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.friend .icon{background-position:0px -160px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.renren .icon{background-position:0px -192px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.kaixin .icon{background-position:0px -224px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.douban .icon{background-position:0px -256px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.baishequ .icon{background-position:0px -288px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.tianya .icon{background-position:0px -320px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.fanfou .icon{background-position:0px -352px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.renjian .icon{background-position:0px -384px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.huaban .icon{background-position:0px -416px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.meilishuo .icon{background-position:0px -448px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.taojianghu .icon{background-position:0px -480px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.mogujie .icon{background-position:0px -512px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.hexun .icon{background-position:0px -544px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.diandian .icon{background-position:0px -576px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.sinaQingbo .icon{background-position:0px -608px;}
/*en*/
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.facebook .icon{background-position:0px -660px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.twitter .icon{background-position:0px -692px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.delicious .icon{background-position:0px -724px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.stumbleupon .icon{background-position:0px -756px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.google .icon{background-position:0px -788px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.tumblr .icon{background-position:0px -820px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.digg .icon{background-position:0px -852px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.myspace .icon{background-position:0px -884px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.pinterest .icon{background-position:0px -916px;}
.PublicConfig_showShare01-d1_c1 .shareWrap ul li.linkedin .icon{background-position:0px -948px;}
/* responsive layout css fw */
.one_half, .one_half_first, .one_third, .one_third_first, .two_third, .two_third_first, .one_fourth, .one_fourth_first, .three_fourth, .three_fourth_first, .one_fifth, .one_fifth_first, .two_fifth, .two_fifth_first, .three_fifth, .three_fifth_first, .four_fifth, .four_fifth_first, .one_sixth, .one_sixth_first{font-family:'MuliRegular', sans-serif;font-size:13px;color: #585d63;line-height: 18px;font-weight: normal;}
.one_half{width: 48%;}
.one_third{width: 30.66%;}
.two_third{width: 65.33%;}
.one_fourth{width: 22%;}
.three_fourth{width: 74%;}
.one_fifth{width: 16.8%;}
.two_fifth{width: 37.6%;}
.three_fifth{width: 58.4%;}
.four_fifth{width: 67.2%;}
.one_sixth{width: 13.33%;}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth{position: relative;margin-left: 4%;margin-bottom: 20px;float: left;}
.one_half_first{width: 48%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.one_third_first{width: 30.66%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.one_fourth_first{width: 22%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.one_fifth_first{width: 16.8%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.one_sixth_first{width: 13.33%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.two_third_first{width: 65.33%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.three_fourth_first{width: 74%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.two_fifth_first{width: 37.6%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.three_fifth_first{width: 58.4%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;}
.four_fifth_first{width: 67.2%;position: relative;clear: left; margin-left: 0;margin-bottom: 20px;float: left;} #portfolio_wrapper{margin-top:0px;}
.featured_image_portfolio{background-image:url("../img/feat_img_shadow.png");background-repeat:no-repeat;height:250px;background-position:11px 197px;width:107%;}
.featured_content_portfolio{width:305px;}
.blog_readmore a{text-decoration:none;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;font-size: 12px;background-color: #333333; color: #FFFFFF; display: inline-block;border:1px solid #3C3C3C;padding: 5px 7px;font-family: 'MuliRegular',sans-serif;margin-top: 10px;}
.blog_readmore a:hover{background-color: #ED8D23; color: #FFFFFF; display: inline-block;border:1px solid #bc730f;padding: 5px 7px;}
.featured_image_portfolio{position:relative;}
.featured_image_portfolioa{text-decoration:underline; color:#ed8d23; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}/*service*/ .ts-display-pf-text h2 a:hover{color:#333;text-decoration:underline;} /*======= Portfolio 3 Column =======*/ #ts-display-pf-col-3{list-style-type:none; padding:0; margin:0;} #ts-display-pf-col-3 li{list-style-type:none; padding:0; margin:0 20px 10px 0; width:300px; float:left;} #ts-display-pf-col-3 li.nomargin{margin-right:0;} #ts-display-pf-col-3 h2{font-size:16px;}#ts-display-pf-col-3 li{list-style-type: none; padding: 0; margin: 0 20px 0px 0; width: 300px; float: left;} #ts-display-pf-col-3 .ts-display-pf-img{height: 105px;} .ts-display-pf-img{position: relative;} .shadowimg300{width:300px; margin:0 auto; background: url("../images/index/shadowimg300.png") no-repeat scroll 0 0 transparent; display: block; height: 14px;} #ts-display-pf-col-3 h2{font-size: 16px; font-family: 'OpenSansBold', Verdana; font-weight:bold;} .ts-display-pf-text h2 a,.ts-display-pf-text h2 a:link{text-decoration:none; color:#444;} .ts-display-pf-text h2 a:hover{color: #0D79B8; text-decoration:underline;} #ts-display-pf-col-3 .ts-display-pf-img img{width:286px; height:105px;} #ts-display-pf-col-3 .ts-display-pf-img a.image{width:100%; display:block; position:relative; padding:6px;} #ts-display-pf-col-3 .ts-display-pf-img a .rollover{width:286px; height:105px; cursor:pointer;} #ts-display-pf-col-3 .ts-display-pf-text{padding-top:10px;} #ts-display-pf-col-3 .ts-display-pf-text h2{text-align:center;} /*two_row*/ .two_row h2{padding:0px 0 25px;} .ul_tworow_l1,.ul_tworow_l3{width:55%;float:left;overflow:hidden;} .ul_tworow_l2,.ul_tworow_l4{width:45%;float:left;overflow:hidden;} .text_tr_cn{float:right; padding-right:50px;} .img_tr_cn{} .text_tr_cn p{overflow:hidden;} .two_row2 .text_tr_cn{float:left;} .two_row2 .img_tr_cn img{float:right;} .ul_text li{line-height:40px;font-size:14px;display:block;} .ul_text1 li{height:40px;} .ul_text2 li{line-height:1.75em;} .ul_text2 li .radius1{float:left;} /* .flyout_area*/ .flyout_area{float:left;width:450px;padding:0 40px 10px 0;} .flyout_area dl{border-bottom:1px solid #f4f2f2;} .flyout_area dt h4{font-size:14px;border-top:1px solid #f4f2f2;padding:8px 0 8px 35px;position:relative;} .flyout_area dt:first-child h4{border-top:none;} .flyout_area dt h4:before{content:'';display:block;width:24px;height:24px;position:absolute;top:5px;left:0;background:url(../images/closed.png) 0 0 no-repeat;} .flyout_area dt.selected h4:before{background:#5eafcd url(../images/open.png) 0 0 no-repeat;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior: url(PIE.htc);} .flyout_area dd div .bwWrapper{font-size:0;line-height:0;border:5px solid #f6f3f3;float:left;margin:0 20px 16px 0;} .flyout_area dd div p{float:left;width:276px;padding-bottom:16px;}.flyout_area a,.flyout_area a:link{color:#333;}.flyout_area a:hover{color: #3fa3c9;text-decoration:underline;} /* features_explore */ .features_explore{float:left;width:460px;padding-bottom:10px;} .features_explore h4{padding-bottom:17px;} .features_explore ul li{clear:both;padding:0 0 25px 0;float:left;width:460px\9;} .features_explore ul li .bwWrapper{font-size:0;line-height:0;border:5px solid #f6f3f3;float:left;margin: 0 0px 10px;} .features_explore ul li p{float:left;width:336px\9;text-align:justify;margin-bottom:10px;float:right;} .text_tr_cn .radius1{display:inline-block; width:30px; height:30px; line-height:30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; color:White; background:#109BD8; text-align:center; font-weight:bold; margin-right:10px;} .text_tr_cn span .featured_image_portfolio .imgcn{text-align:center;}
/* Tablet Portrait size to standard 960 (devices and browsers) */
/*responsive*/
@media only screen and (min-width: 768px) and (max-width: 959px){.wraper, .footer footer, body.index_v2 .social_block, body.index_v2 .footer{width:770px;}
body .moover-slide .moover-text p img{visibility:hidden;}
body .fallback{display:block;}
body .fallback img{width:100%;height:auto;}
body .moover_wraper .moover, body .moover_wraper .controls{display:none;visibility:hidden;}
}
@media only screen and (max-width: 768px){#slider, #header, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer, #slider_caption_wrapper, .image-grid, #breadcrumb_wrapper, #slider_caption, .blog_excerpt{width:80%;} .header .logo{top:10px;} .two_row h2{padding: 15px 0 25px;}.embed-container{position: relative;padding-bottom: 52.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}.embed-container iframe,.embed-container object,.embed-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;}#slider_caption p{width:55%;line-height:1.2em;}#slider_caption_wrapper{background-image:url("../img/feat_img_shadow.png");background-repeat:no-repeat;background-position:440px 55px;width:100%;} .sf-menu li:hover ul, .sf-menu li.sfHover ul{top:6.2em;} #top_menu{width:75%;} #top_menu a{font-size:12px;} #top_menu ul li a span, #top_menu li ul li a{font-size:10px;} .flex-caption{width:62%;} p{font-size:12px;} .featured_image_portfolio{background-image:url("../img/feat_img_shadow3.png"); background-position:72px 160px; background-repeat:no-repeat; height:184px;}.featured_content_portfolio{width:auto;}#portfolio-bg{width:785px;}.image-grid.grid li{background-image:url("../img/feat_img_shadow3.png");background-position:57px 140px;background-repeat:no-repeat;height:auto;}.grid li{padding-right:44px;width:204px;} .ul_tworow_l1,.ul_tworow_l3{width:100%;float:none;} .ul_tworow_l2,.ul_tworow_l4{width:100%;float:none;} .flyout_area,.features_explore{width:100%;float:none;padding:0px 0px 30px 0px;} .text_tr_cn, .img_tr_cn{float:left;} .features_explore ul li p{width:100%;} .mainmenu{display:none;} .featured_image_portfolio .imgcn h2{font-size:14px;padding:5px 0px;} .featured_image_portfolio .imgcn p{padding:5px 5px;line-height:1.2em;font-size:11px;} .featured_image_portfolio .imgcn .info{padding: 3px 5px;font-size:12px;} #ts-display-pf-col-3 .ts-display-pf-img{margin:0 auto;float:none;} #ts-display-pf-col-3 li{width:100%;text-align:center;margin:0px 0px 20px 0px;} .nav_menu{display:block;} .footer_cn{width:100%;float:none;} .footer{padding-bottom: 25px;} #box_footerBody{display:block;}/*bottom*/}
@media only screen and (min-width: 480px) and (max-width: 767px){.wraper, .footer footer, body.index_v2 .social_block, body.index_v2 .footer{width:80%;}
}
@media only screen and (max-width: 479px){.wraper, .footer{width:100%;} .top_title .wraper{width:95%;} .header nav{top:75px;right:auto;left:27px;} .header nav ul li{padding:0 0 0 10px;font-size:12px;} .header nav ul li:after{display:none;} .text_tr_cn{padding-right:0;} .two_row h2{padding: 15px 0 25px;} #slider, #header, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer, #slider_caption_wrapper, .image-grid, #breadcrumb_wrapper, #slider_caption, .blog_excerpt{width:95%;}.one_half, .one_half_first, .two_third, .two_third_first, .one_fourth, .one_fourth_first, .three_fourth, .three_fourth_first, .one_fifth, .one_fifth_first, .two_fifth, .two_fifth_first, .three_fifth, .three_fifth_first, .four_fifth, .four_fifth_first, .one_sixth, .one_sixth_first{width:98%;clear:both;float:none;margin-left:0;} #ts-display-pf-col-3 .ts-display-pf-img, #ts-display-pf-col-3 .ts-display-pf-img img{width:100%;}.featured_image_portfolio{background-image:url("../img/feat_img_shadow3.png");background-position:-14px 95px;background-repeat:no-repeat;height:auto;}#slider_wrapper2{padding-bottom:0px !important;}#footer_tweet{padding:0;}ul.tweet_list li{margin-top:0;}#footer_wrapper h5{padding:15px 0 10px;}.comment_wrapper_main{width:100%;}.right_wrapper{margin-top: 20px;}h6{font-size: 12px;}h2, h2 a{font-size: 17px;padding: 10px 0 10px}.post_details_date_wrapper{width:17%;margin-top:17px;}.other_post_details_wrapper{width:77%;}#top_logo{text-align:center;width:100%;}#top_menu{width:100%;float:none;} .mainmenu{display:none;} .ul_tworow_l1,.ul_tworow_l3{width:100%;float:none;} .ul_tworow_l2,.ul_tworow_l4{width:100%;float:none;} .flyout_area,.features_explore{width:100%;float:none;padding:0px 0px 30px 0px;} .text_tr_cn{float:left;} #ts-display-pf-col-3 li{width:100%;margin:0px 0px 20px 0px;} .features_explore ul li p{width:100%;} .ul_text li{height:30px;line-height:30px;font-size:11px;display:block;} .ul_text.ul_text1 li{} .nav_menu{display:block;} .text_tr_cn .radius1{display:inline-block; width:24px; height:24px; line-height:24px; -webkit-border-radius:12px; margin-right:10px;} .featured_image_portfolio .imgcn:hover h2, .featured_image_portfolio .imgcn p{display:none;} .featured_image_portfolio .imgcn .info{margin-top:40px;} .footer_cn{width:100%;float:none;} .footer_cn .footer_ct{padding-right:0;}}
@media only screen and (max-width: 400px){#slider, #header, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer, #slider_caption_wrapper, .image-grid, #breadcrumb_wrapper, #slider_caption, .blog_excerpt{width:95%;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 320px){html{padding:0;margin:0;} #slider, #header, #logo_menu_wrapper, #social_bar, #wrapper, #footer, #bottom_footer, #slider_caption_wrapper, .image-grid, #breadcrumb_wrapper, #slider_caption, .blog_excerpt{width:95%;} .header .logo{left:0px;width:250px;top:10px;} .nav_menu{width:100%;} #ts-display-pf-col-3 .ts-display-pf-img, #ts-display-pf-col-3 .ts-display-pf-img img{width:100%;}.featured_image_portfolio{background-image:url("../img/feat_img_shadow3.png");background-position:-55px 55px;background-repeat:no-repeat;height:85px;}.full_width2{padding:0 8px 0 0;}.gallery_image, .gallery_image_last{width:28%;}.portfolio_left_content_wrapper{padding-bottom:20px;margin-top:20px;width: 100%;}.left_content_wrapper{margin-top:20px;}.portfolio_right_content_wrapper{width:100%;float:none;}.portfolio_details_info, .portfolio_details_skills, .portfolio_details_client{line-height:1.2em;margin-bottom:0;}.accordionButton{width:93%;}#commentform input[type="text"], #commentform textarea, #contact_form input, textarea, #contact_form textarea, #contact_form{width:275px;}#contact_form{padding:25px 0 0;}.commentlist, #commentform label{width:100%;}h2, h2 a{font-size: 17px;padding: 10px 0 10px}h6{font-size: 12px;}.post_details_date_wrapper{width:100%;margin:17px 0 0 0;padding:0;text-align:left;}.other_post_details_wrapper{width:100%;margin:0;}.post_date{font-size: 10px;display:block;margin-bottom: 10px;margin-top: 5px;float:left;margin-right:10px;}.post_comments{font-size: 10px;display:block;margin-bottom: 10px;margin-top: 5px;float:left;margin-right:10px;}.post_tags{font-size: 10px;display:block;margin-bottom: 10px;margin-top: 5px;}.post_author{font-size: 10px;display:block;margin-bottom: 10px;margin-top: 5px;}.post_cats{font-size: 10px;display:block;margin-bottom: 10px;margin-top: 5px;} #ts-display-pf-col-3 li{width:100%;margin:0 0 20px 0px;} .mainmenu{display:none;} .ul_tworow_l1,.ul_tworow_l3{width:100%;float:left;} .ul_tworow_l2,.ul_tworow_l4{width:100%;float:left;} .text_tr_cn, .img_tr_cn{float:left;} .features_explore ul li p{width:100%;} .ul_text li{height:30px;line-height:30px;font-size:11px;display:block;} .ul_text.ul_text1 li{} .nav_menu{display:block;} .text_tr_cn .radius1{display:inline-block; width:24px; height:24px; line-height:24px; -webkit-border-radius:12px; margin-right:10px;} .featured_image_portfolio .imgcn h2 , .featured_image_portfolio .imgcn p{display:none;} .featured_image_portfolio .imgcn .info{margin-top:25px;} .footer_cn{width:100%;display:block;float:none;} .footer_cn .footer_ct{padding-right:0;} }
/* end responsive*/