@charset "utf-8";
/* CSS Style */

.show-grid { margin-bottom: 10px; }
.show-gridmt { margin-top: 70px; }
.show-gridmb { margin-bottom: 30px; }
/* header */
.logo { min-height: 135px; padding: 0; }
.nav-Area { padding-right: 5px; }
.nav-Area a { font-size: 12px; color: #333; }
.nav-Area a:hover { color: #ccc; }
.dianhua { font-size: 21px; color: #f60; padding: 20px 15px 15px 0; }
.dianhua i{ padding-right: 8px }
.eng_b{font-family: "Helvetica Neue";}
/* 主导航 */

.navbar-header { border-color: #e7e7e7; }
.navbar-default { background: none; border: 0px; color: #FFF; font-size: 16px; font-family: "微软雅黑" }
.navbar-default .navbar-nav .active a { background: none; color: #333; }
.navbar-default .navbar-nav li a { color: #000; }
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus { color: #ccc; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background: none; color: #ccc; }
.navbar-default .navbar-nav .dropdown-menu li a:hover,
.navbar-default .navbar-nav .dropdown-menu li a:visited { color: #000; }
.navbar-default .navbar-nav .dropdown-menu { min-width: 120px; }
.navbar-default .navbar-toggle { background: #E3E3E3; }
.navbar-collapse2 { display: none; position: fixed; z-index: 1; opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; height: 100%; padding: 0; font-size: 13px; color: #9e9e9e; background: #333; border: none; box-shadow: 0 0 30px rgba(0,0,0,0.2); -webkit-transition: opacity 10s 10s; transition: opacity 10s 10s; top: 0; right: 0; text-transform: uppercase; }
.navbar-nav .open .dropdown-menu>li>a { line-height: 42px; padding: 0 0 0 60px; }
.nav-open .navbar-collapse2 { display: block; z-index: 9999; opacity: 1; -webkit-transition: opacity .3s .3s; transition: opacity .3s .3s; }
.nav-open { overflow: hidden; }
.navbar-nav { margin: 0; }
.nav-open .navbar-nav li a { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; font-size: 28px; height: 80px; line-height: 80px; padding: 0 0 0 30px; color: #fff; background: #333 }
.nav-open .navbar-nav .menu a,
.nav-open .navbar-nav li a:hover,
.nav-open .navbar-nav li a.active { color: #fff; background: #fa460a }
.navbar-default .en a  { font-size:12px; color: #338dc9 !important; }
.navbar-default .en a:hover  { color: #999 !important; }
/* footer */
/* .footer1 { padding-top: 50px; height: 304px; background: url(/images/footer_bg.jpg) repeat-y center bottom; color: #fff; font-family: "微软雅黑"; }
.footer1 img { margin-top: 60px; }
.footer1 ul { padding: 20px 0 25px; }
.footer1 ul li { font-size: 18px; line-height: 30px; }
.footer1 ul li i { padding-right: 5px; }
.footer1 .address { line-height: 55px; border-top: 1px solid #919191; border-bottom: 1px solid #919191; }
.footer1 .address a { color: #FFF; } */

.footer { padding-top: 50px; height: auto; background: url(/images/footer_bg.jpg) no-repeat center bottom; background-attachment: fixed; color: #fff; font-family: "微软雅黑"; }

.footer .address { line-height: 30px; border-top: 1px solid #919191; border-bottom: 1px solid #919191;padding:15px 0; }
.footer .address a { color: #FFF; }
.foot_map {}
.foot_map dl {float: left; color: #ccc;}
.foot_map dt { color:#FFF; font-size: 18px; font-weight: bold;}
.foot_map .dt_line{color:#fff;padding-bottom: 10px;position: relative;margin-bottom: 20px;}
.foot_map .dt_line::before{ width:30px; height: 2px; background-color: #FFF; position: absolute; bottom: 0; left:0; overflow: hidden; font-size: 0; content: '';}

.foot_map .w_1 {width: 15%; margin-left: 6%;}
.foot_map .w_2 {width: 13%; margin-left: 3.5%;}
.foot_map .w_3 {width: 15%; margin-left: 3%;}
.foot_map .w_4 {width: 24%; margin-left: 3.5%;}
.foot_map .w_5 {width: 13%; margin-left: 3.5%;}
.foot_map dd li {line-height: 25px;}
.foot_map .dd_f li{float: left;margin-right: 10px; }
.foot_map .dd_f1 li{width: 4em; float: left;margin-right: 10px; }

/* 分页 */
DIV.pagelist { float: right; margin: 10px 20px; TEXT-ALIGN: center; clear: both; height: 30px }
DIV.pagelist a,
DIV.pagelist SPAN { border: 1px solid #CCC; height: 30px; line-height: 28px; TEXT-DECORATION: none; color: #757575; display: block; float: left; padding: 0 10px; margin-left: 5px; }
DIV.pagelist A:hover { BACKGROUND: #959595; COLOR: #FFF; }
DIV.pagelist A:on {
BACKGROUND: #959595;
COLOR: #FFF;
}
DIV.pagelist A:active { BACKGROUND: #959595; COLOR: #FFF; }
DIV.pagelist SPAN.current { FONT-WEIGHT: bold; BACKGROUND: #959595; COLOR: #fff; }
DIV.pagelist SPAN.disabled { }
/* 首页 */
	/* 业务中心 */
.index_yewuzhongxin { padding-top: 50px; color: #333; font-family: "微软雅黑"; }
.index_yewuzhongxin ul { padding: 80px 0 50px; }
.index_yewuzhongxin ul li { font-size: 18px; line-height: 80px; padding: 0 30px; }
.index_yewuzhongxin ul img { padding-left: 7px; }
.index_yewuzhongxin a { color: #666; font-weight: bold; }
.index_yewuzhongxin a:hover { color: #ccc; text-decoration: none; }
/* 新闻中心 */
.index_xinwenzhongxin { min-height: 662px; padding-top: 50px; color: #333; font-family: "微软雅黑"; background: url(/images/xinwenzhongxin_bg.jpg) no-repeat center center;background-attachment: fixed; }
.index_xinwenzhongxin thumbnail h4 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_xinwenzhongxin .thumbnail { border: 0; background: none; text-align: left; }
.index_xinwenzhongxin h3 a { color: #666; font-weight: bold; }
.index_xinwenzhongxin h3 a:hover { color: #ccc; text-decoration: none; }
/* 新闻手风琴 */
.panel { border-width: 0 0 1px 0; border-style: solid; border-color: #fff; background: none; box-shadow: none; }
.panel:last-child { border-bottom: none; }
.panel-group > .panel:first-child .panel-heading { border-radius: 4px 4px 0 0; }
.panel-group .panel { border-radius: 0; }
.panel-group .panel + .panel { margin-top: 0; }
.panel-heading { border-radius: 0; border: none; color: #333; padding: 0; }
.panel-title a { display: block; color: #666; padding: 10px 10px 10px 25px; position: relative; font-size: 16px; font-weight: 400; }
.panel-body { font-family: "宋体"; font-size: 12px; color: #666; }
.panel:last-child .panel-body { border-radius: 0 0 4px 4px; }
.panel:last-child .panel-heading { border-radius: 0 0 4px 4px; -webkit-transition: border-radius 0.3s linear 0.2s; transition: border-radius 0.3s linear 0.2s; }
.panel:last-child .panel-heading.active { border-radius: 0; -webkit-transition: border-radius linear 0s; transition: border-radius linear 0s; }
/* #accordion icon scale option */
.panel-heading a:before { content: '\f067'; position: absolute; font-family: 'FontAwesome'; left: 0; top: 12px; font-size: 16px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1); transform: scale(1); }
.panel-heading.active a:before { content: ' '; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); transform: scale(0); }
#accordion .panel-heading a:after { content: ' '; font-size: 16px; position: absolute; font-family: 'FontAwesome'; left: 0; top: 12px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
#accordion .panel-heading.active a:after { content: '\f068'; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; }
#accordion1 .panel-heading a:after { content: ' '; font-size: 16px; position: absolute; font-family: 'FontAwesome'; left: 0; top: 12px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
#accordion1 .panel-heading.active a:after { content: '\f068'; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; }
/* 合作客户 */
.index_hezuokehu { padding-top: 50px; color: #333; font-family: "微软雅黑"; }
.index_hezuokehu .view { width: 215px; height: 140px; margin: 5px; border: 2px solid rgb(255, 255, 255); overflow: hidden; position: relative; text-align: center; box-shadow: 0px 0px 5px rgb(170, 170, 170); cursor: default; background-color: #fff; }
.index_hezuokehu .fourth-effect .mask { position: absolute; top: 20px; left: 55px; cursor: pointer; border-radius: 50px; display: inline-block; height: 100px; width: 100px; border: 50px solid rgba(0, 0, 0, 0); visibility: hidden; }
.index_hezuokehu .fourth-effect:hover .mask { opacity: 0; border: 50px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; opacity: 1; visibility: visible; transform: scale(4); transition: all 0.3s ease-in-out 0s; }
.index_hezuokehu a { color: #666; font-weight: bold; }
.index_hezuokehu a:hover { color: #ccc; text-decoration: none; }

.news_hezuokehu {margin:70px 10% 0;}
/* 服务流程 */
.index_fuwuliucheng { padding-top: 80px; color: #333; font-family: "微软雅黑"; height: 461px; background: url(/images/fuwuliucheng_xs_bg.jpg) no-repeat center center;background-attachment: fixed; }
.index_fuwuliucheng h3{color: #54c0ef;font-size: 54px; line-height: 1.6em;}
.index_fuwuliucheng h4{color: #555; font-size: 34px; line-height: 1.6em;}
.index_fuwuliucheng .btn {margin: 20px 0 15px 0;font-size: 24px;}
.index_fuwuliucheng .ljzx { font-size: 20px;}
.index_fuwuliucheng .ljzx li { margin: 10px 1em; display: inline-block;}
.index_fuwuliucheng .ljzx a { font-size: 34px; color: #f60;}
.index_fuwuliucheng .btn-info {background-color:#54c0ef; border-color:#4ab4e2;}

/* 经典案例 */
.index_jingdiananli { padding-top: 80px; margin-bottom: 80px; color: #333; font-family: "微软雅黑"; }
.index_jingdiananli h3 a{color:#666;}
.index_jingdiananli .carousel[data-shift="1"] .carousel-inner > .item { -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.index_jingdiananli .carousel .carousel-inner > .item.row { margin: 0; }
.index_jingdiananli .carousel .carousel-control { background: none; color: transparent; overflow: hidden; text-shadow: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 30px; }
.index_jingdiananli .carousel .carousel-control:before { color: #444; font-family: 'Glyphicons Halflings'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; }
.index_jingdiananli .carousel .carousel-control:after { border-radius: 50%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); content: ''; height: 60%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; }
.index_jingdiananli .carousel .carousel-control:hover:after { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7); }
.index_jingdiananli .carousel .carousel-control.left { left: -30px; }
.index_jingdiananli .carousel .carousel-control.left:before { content: '\e079'; }
.index_jingdiananli .carousel .carousel-control.left:after { right: -100%; }
.index_jingdiananli .carousel .carousel-control.right { right: -30px; }
.index_jingdiananli .carousel .carousel-control.right:before { content: '\e080'; }
.index_jingdiananli .carousel .carousel-control.right:after { left: -100%; }
/* 子栏目导航 */
.main-navigation { text-align: center; background: #FFF url(../images/navline.jpg) no-repeat center bottom; }
.main-navigation .menu { padding: 0; margin: 0; }
.main-navigation .menu li.nav-current { border-bottom: 2px solid #fa460a; margin-bottom: 14px; }
.main-navigation .menu li { list-style: none; display: inline-block; position: relative; margin-bottom: 14px; }
.main-navigation .menu li a { font-size: 24px; color: #999; display: block; padding: 24px 11px 22px; text-decoration: none }
.main-navigation .menu li.nav-current a { color: #000; }
/* 单页 */
.content-panel { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; color: #333; }
/* 关于我们 */
.page_about { }
.page_about h1 { font-size: 46px; font-weight: bold; line-height: 180px; }
.page_about p { text-indent: 2em; line-height: 28px; font-size: 16px; }
/* 翻译价格 */
.page_price { overflow: hidden; }
.page_price h1 { font-size: 46px; font-weight: bold; line-height: 180px; color: #666; }
.page_price p { line-height: 28px; font-size: 16px; }
/* 关于我们 */
.page_joinUs .animated { padding: 60px 0; }
.page_joinUs h1 { margin-top: 40px; font-size: 46px; font-weight: bold; color: #666; }
.page_joinUs h2 { line-height: 60px; font-weight: bold; color: #666; }
.page_joinUs p { padding-left: 50px; line-height: 35px; text-indent: 2em; font-size: 18px; color: #666; }
.page_joinUs2 { border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: url(/images/joinUs2.png) no-repeat right center; }
/* 业务中心 */
.page_BusinessCenter { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; color: #fff; background-color: #5ba4ca; }
.page_BusinessCenter h1 { font-weight: bold; line-height: 50px; }
.page_BusinessCenter h1.columnName { font-size: 46px; line-height: 180px; }
.page_BusinessCenter .media { padding: 50px 0; background: url(/images/BusinessCenter/line.png) no-repeat bottom center; }
.page_BusinessCenter .media-left { padding-right: 80px; }
.page_BusinessCenter .media-body { font-size: 22px; line-height: 40px; }
/* 支付方式 */
.page_payment { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; color: #666; background: url(/images/price_bg.jpg) repeat top center; }
.page_payment h1 { font-weight: bold; line-height: 50px; }
.page_payment h1.columnName { font-size: 38px; line-height: 180px; }
.page_payment .media { padding: 50px 0; background: url(/images/BusinessCenter/line.png) no-repeat bottom center; }
.page_payment .media-left { padding-right: 80px; }
.page_payment .media-body { font-size: 18px; line-height: 40px; }
.page_payment .media-body strong { font-size: 21px; }
/* 联系方式 */
.page_ContactUs { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; color: #fff; background: url(/images/ContactUs_bg.jpg) no-repeat top center; background-attachment: fixed; padding-bottom: 55px;border-bottom:solid 1px #ccc; }
.page_ContactUs h1.columnName { font-size: 46px; line-height: 180px; }
.page_ContactUs dt { font-size: 24px; line-height: 50px; padding: 15px 0; }
.page_ContactUs dd { font-size: 18px; line-height: 35px; color: #ccc; }
.page_ContactUs dd i { padding-right: 15px; }
/* 经典案例 */
.page_ClassicCase { font-family: "Noto Sans S Chinese Light", "NotoSansHans-Regular", "Microsoft YaHei", "微软雅黑", "STHeiti"; color: #fff; padding-bottom:150px; }
.page_ClassicCase h1 { font-size: 46px; margin-top:80px; margin-bottom:100px; padding-left:10px; }
.page_ClassicCase h1 a { color:#fff; }
.page_ClassicCase h1.ky { color:#333; }
.page_ClassicCase h1.ky a { color:#333; }
/* 列表页 */
ul { padding: 0; list-style-type: none }
.syicon { background: url(../images/xyicon.png) no-repeat }
/* 列表通用 图文自动识别 */
.blog-post { padding: 0; margin-bottom: 36px }
.blog-post-articl { margin-bottom: 0 }
.blog-post .post { padding: 30px 15px 0 }
.post .post-title { margin-top: 0; font-size: 36px; font-weight: 100; color: #333 }
.post .post-title a { display: block; float: left; width: 90%; max-height: 76px; overflow: hidden; word-break: break-all; margin-top: 0; font-size: 36px; font-weight: 100; color: #333; text-decoration: none }
.post .post-title a.post-share { float: right; display: inline-block; width: 16px; height: 14px; background-position: 0 -420px }
.post .post-content { font-size: 24px; color: #666; line-height: 20px; }
.post .post-content img { width: 100%; height: auto }
.post .post-content a { color: #666; text-decoration: none; line-height: 20px; }
.post .post-info { font-size: 20px; color: #666 }
.post .post-info a { font-size: 20px; float: right; line-height: normal; }
.post .font { color:#333 !important; font-size:16px !important; }
.blog-post .post-hd { padding: 36px 15px 0 }
.post-hd .post-info { margin-top: 10px; margin-bottom: 13px }
.post-hd .post-pic { margin-top: 36px }
.post-hd .post-line,
.post .post-line { width: 100%; height: 1px; margin-top: 36px; border-bottom: 1px solid #ebebeb }
.post-inner { padding: 0 0 15px; margin-bottom: 15px; border-bottom: solid 1px #e1e1e1 }
.post-last { padding-bottom: 0; margin-bottom: 0; border: none }
.blog-post .post-articl .breadcrumb { margin-bottom: 20px; background: none }
.blog-post .post-articl .post-content { padding: 20px 0 20px }
.blog-post .post-articl .xyi-btn-lg { display: inline-block; width: 200px; height: 44px; margin-bottom: 80px; line-height: 44px; font-size: 18px; background-position: 0 -312px; color: #fff; text-align: center; text-decoration: none }
.blog-post .post-articl .xyi-btn-lg:hover { background-position: 0 -366px; }
.sidebar { padding-left: 0; padding-right: 0 }
.sidebar .sidebar-widget { padding: 0 15px; margin-bottom: 15px; background: #fff }
.sidebar .sidebar-widget h4 { font-size: 18px; font-weight: normal; color: #000; padding: 10px 0; border-bottom: solid 1px #e1e1e1 }
.sidebar .sidebar-widget li { padding: 15px 0 15px 5px; border-bottom: solid 1px #e1e1e1 }
.sidebar .sidebar-widget li a:hover { color: #333 }
.sidebar .sidebar-widget .active a { color: #333 }
.active i { position: absolute; left: -10px; top: 16px; width: 4px; height: 24px; font-size: 0px; background-color: #f9460b; display: block !important; }
.sidebar .sidebar-widget a { font-size: 16px; color: #666; text-decoration: none }
.sidebar .sidebar-widget .last-item { border-bottom: none; }
.sidebar .nav-cat { padding: 0 }
.sidebar .nav-cat h4 { padding: 15px; margin: 0; background: #999; color: #fff; border-radius: 4px 4px 0 0; }
.sidebar .nav-cat ul { padding: 0 10px }
.sidebar .nav-cat li { padding: 15px 5px 15px 10px; position: relative; }
.sidebar .nav-cat li i { display: none; }
.sidebar .news li { padding: 10px 0 0 0 }
.sidebar .news a { display: inline-block; margin-bottom: 10px; }
.sidebar .news p { word-break: break-all; color: #666 }
.sidebar .news .hdmedia { margin-bottom: 10px }
/* 新闻频道页 */
.grid { position: relative; clear: both; list-style: none; text-align: center; }
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 313px; max-width: 370px; max-height: 275px; width: 31.3%; height: auto; background: #3085a3; text-align: left; cursor: pointer; }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid figure h2 { font-size: 18px; word-spacing: -0.15em; font-weight: 300; }
.grid figure h2 span { font-weight: 800; }
.grid figure h2,
.grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }
/* Individual effects */
.grid2 { position: relative; clear: both; list-style: none; text-align: center; }
/* Common style */
.grid2 figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 313px; max-width: 370px; max-height: 275px; width: 31.3%; height: auto; background: #3085a3; text-align: center; cursor: pointer; }
.grid2 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.grid2 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid2 figure figcaption::before,
.grid2 figure figcaption::after { pointer-events: none; }
.grid2 figure figcaption,
.grid2 figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid2 figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid2 figure h2 { font-size: 16px; word-spacing: -0.15em; font-weight: 300; }
.grid2 figure h2 span { font-weight: 800; }
.grid2 figure h2,
.grid2 figure p { margin: 0; }
.grid2 figure p { letter-spacing: 1px; font-size: 68.5%; }

/* Individual effects */
.grid3 { position: relative; clear: both; list-style: none; text-align: center; }
/* Common style */
.grid3 figure { position: relative; float: left; overflow: hidden; min-width: 350px; max-width: 370px; max-height: 275px; width: 31.3%; height: auto; background: #3085a3; text-align: center; cursor: pointer; }
.grid3 figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.grid3 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid3 figure figcaption::before,
.grid3 figure figcaption::after { pointer-events: none; }
.grid3 figure figcaption,
.grid3 figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid3 figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid3 figure h2 { font-size: 16px; word-spacing: -0.15em; font-weight: 300; }
.grid3 figure h2 span { font-weight: 800; }
.grid3 figure h2,
.grid3 figure p { margin: 0; }
.grid3 figure p { letter-spacing: 1px; font-size: 68.5%; }
/***** Julia *****/
/*---------------*/
figure.effect-julia { background: #2f3238; }
figure.effect-julia img {  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-julia figcaption { text-align: left; }
figure.effect-julia h2 { position: relative; padding: 0.5em 0; }
figure.effect-julia p { display: inline-block; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255,255,255,0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0); }
figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; }
figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*-----------------*/
/***** Goliath *****/
/*-----------------*/
figure.effect-goliath { background: #df4e4e; }
figure.effect-goliath img,
figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-goliath h2,
figure.effect-goliath p { position: absolute; bottom: 0; left: 0; padding: 10px; }
figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
figure.effect-goliath:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); }
figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*-----------------*/

/* 翻译服务 */
.sidebar .fanyifuwu { padding-bottom: 15px;  }
.sidebar .fanyifuwu li { color: #fff; border: 1px solid #fff; padding:10px 0 10px 20px;  background-color: #4ea2ce; }

.sidebar .news a  { font-size: 14px; }
.sidebar .fanyilingyu {}
.sidebar .fanyilingyu li { padding-top:10px; padding-bottom: 10px; }