html, body, h1, h2, h3, h4, h5, h6, p, textarea, input, select, ul, ol, li, fieldset, figure{margin: 0; padding: 0; border: none;}
.w1200{margin:0 auto; width:1200px;}
ul, li{list-style: none;}
html,body{height: 100%;}
body.static{overflow: hidden; position: relative;}
body,textarea,input,select{font-size: 14px; color: #222222; line-height: 1.75; font-weight: normal; font-family: 'Microsoft Yahei', 'Helvetica Neue', Arial, 'Hiragino Sans GB', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none;}
a{text-decoration: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;    color: #333;} a img{border: none;}
a:hover{color:#2c9cd1;}
.preload *{-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important;}
.wrap{width: 1200px; margin-left: auto; margin-right: auto; position: relative;}
.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table; content: "";}
.clearfix:after{clear: both;}
div, p, li{word-break: break-all;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p{padding: 0; margin: 0;}
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th{padding: 0; margin: 0;}
fieldset{border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0;}
a img{border: 0; padding: 0; margin: 0;}
i{font-style: normal;}
/*清除浮动*/
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{*zoom: 1;}
address, caption, cite, cite, code, dfn, em, th, var{font-weight: normal; font-style: normal;}
li{list-style-type: none;}
caption{text-align: left;}
th{text-align: left;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
q:unknown{content: '';}
q:unknown{content: '';}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
input, textarea, select{font-family: inherit;}
input, textarea, select{font-size: 100%;}
.icon{background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle;}
.left{float: left;}
.right{float: right;}
.clear{clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.vertical-divider{border-left: 1px solid rgba(230, 230, 230, 0.8); text-indent: -9999px;display: inline-block; height: 1em; margin: 0 5px;}
.center-helper{display: inline-block; height: 100%; vertical-align: middle; margin-left: -1px;}
.hidden-text,.hidden{display: none; visibility: hidden;}
.left{float: left;}
.right{float: right;}
.base-line-btn{border: 2px solid #525764; color: #222222; height: 46px;line-height: 46px; display: inline-block; font-size: 16px; padding: 0 32px;}
.base-line-btn:hover{background: #525764; color: white;}
.base-line-btn.white{color: white; border-color: white;}
.base-line-btn.white:hover{background: white; color: #222222;}
.base-line-btn.golden{color: #dbccae; border-color: #dbccae;}
.base-line-btn.golden:hover{background: #dbccae; color: #896937;}
.base-line-btn.goldenDark{color: #896937; border-color: #896937;}
.base-line-btn.goldenDark:hover{background: #896937; color: white;}
.base-line-btn.grey{color: #666666; border-color: #878787;}
.base-line-btn.grey:hover{background: #878787; color: white;}
.base-btn{height: 46px; line-height: 46px; background: #19bc56; font-size: 16px; border-bottom: 1px solid #159c48; color: white;border-radius: 2px; display: inline-block; padding: 0 32px;}
.base-btn:hover{background: #16a54c; border-color: #12863d;}
.global-nav-initializer i{color: #fff;padding-right: 6px;padding-top: 4px;display: block; position:absolute; left:-60px;}
.global-nav-initializer.black i{color:#d71e26;}
.overlay{position: fixed; top: 0;left: 0;width: 100%; height: 100%; z-index: 20; overflow: auto; visibility: hidden; opacity: 0; padding-left: 1px; padding-right: 1px; -webkit-transition: 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19);}
.overlay.active{visibility: visible; opacity: 1;}
.svg-fallback-img{display: none;}
.svg-fallback-img.active{display: block !important;}
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeft{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} }
@-moz-keyframes fadeOutLeft{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} }
@-ms-keyframes fadeOutLeft{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} }
@keyframes fadeOutLeft{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} }
.fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRight{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} }
@-moz-keyframes fadeOutRight{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} }
@-ms-keyframes fadeOutRight{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} }
@keyframes fadeOutRight{0%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} }
.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@-moz-keyframes fadeInLeft{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@-ms-keyframes fadeInLeft{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@keyframes fadeInLeft{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
@-webkit-keyframes fadeInRight{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@-moz-keyframes fadeInRight{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@-ms-keyframes fadeInRight{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
@keyframes fadeInRight{0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px);} 100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} }
.fadeInBottom{-webkit-animation-name: fadeInBottom; animation-name: fadeInBottom;}
@-webkit-keyframes fadeInBottom{0%{opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} }
@-moz-keyframes fadeInBottom{0%{opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} }
@-ms-keyframes fadeInBottom{0%{opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} }
@keyframes fadeInBottom{0%{opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); -o-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);} 100%{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} }
.fadeOutTop{-webkit-animation-name: fadeOutTop; animation-name: fadeOutTop;}
@-webkit-keyframes fadeOutTop{0%{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);} }
@-moz-keyframes fadeOutTop{0%{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);} }
@-ms-keyframes fadeOutTop{0%{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);} }
@keyframes fadeOutTop{0%{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);} }
/*header_main*/
.header_main{position: relative;width:100%;height:76px;z-index: 98;position: fixed;top: -0px;left: 0px;z-index: 999;font-size: 0.1px;display: inline;background: #fff;}
.header_main .header{position:relative;}
.header_main .webLogo{padding-top:20px;float:left;display: block;width: 223px; height: 43px;}
.header_main .webLogo img{display: block;width:223px;height:43px;vertical-align: middle;}
.header_main .tel_main{float:right;padding-left:60px;background:url("../images/tel1.png") no-repeat left center;background-size:48px 48px;}
.header_main .tel_main .zx{font-size:14px;line-height:14px;color:#333;}
.header_main .tel_main .webTel{margin-top:12px;font-weight:bold;font-family:arial;font-size:30px;line-height:24px;color:#013c4e;}
/*nav*/
#nav{position:relative;float:left;margin-left:214px;height:76px;z-index:12;}
#nav .navlist{position: relative;display: block; z-index: 4;}
#nav li{padding:0 14px;position:relative;float: left; display: block; list-style: none; font-size: 16px; text-align: center;}
#nav li.it11{padding-right:0;}
#nav li a{display: block;height:76px;text-align: center;font-size:14px;line-height:76px;color: #444444;transition: all ease 300ms;position: relative;}
#nav li.hover a,#nav li:hover a{font-weight:bold;color: #013c4e;}
#nav li a.hover{font-weight:normal;color: #013c4e;}
#nav li a i{background-position: 0 -200px;width: 8px;height: 5px;/* display: block; *//* float: right; */position: absolute;right: -16px;top: 36px;}
#nav li a.hover i{background-position: -40px -200px;width: 8px;height: 5px;/* display: block; *//* float: right; */position: absolute;right: -16px;top: 36px;}
#nav li:hover a  i{background-position: -40px -200px;width: 8px;height: 5px;/* display: block; *//* float: right; */position: absolute;right: -16px;top: 36px;}



#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:52%;margin-left:-86px;bottom:10px;z-index:12; }
#banner .tip span{width:10px;height:10px;border-radius: 50%; cursor: pointer;background-color: #cccccc; display: block;float: left;margin-right: 20px;}
#banner .tip span.cur{background:#013c4e;display: block;}
.banner #btn_prev,
.banner #btn_next{width: 40px;height: 40px;position: absolute;z-index: 12;top: 50%;margin-top: 0px;cursor: pointer;transition: none;background: url(../images/banner-btn.png) no-repeat 0 center;transition: all ease 300ms;}
.banner #btn_prev:hover,
.banner #btn_next:hover{opacity: 0.6; filter: alpha(opacity=60);}
.banner #btn_prev{left: 3%;background-position: 0px 0px;}
.banner #btn_next{right: 3%;background-position: -60px 0;}

/*导航栏下拉*/
#nav ul .suNav{width: 120%; position: absolute; left: 0; top: 76px;z-index:100;display:none;background:#fff;}
#nav ul .suNav a{font-weight:normal;color: #333!important; line-height: 35px; height: 35px; padding: 0; text-align: center; overflow: hidden; display: block; margin: 0; font-size: 14px;background:#fff;}
#nav ul .suNav a:hover{background: #013c4e;color: #fff !important;}
#nav li:hover  .suNav{display: block;}

#nav ul li .suNav a{text-align: left;text-indent: 14px;}

#nav ul .item.it4  .suNav{width:150%;}
#nav ul .item.it5  .suNav{width:170%;}
#nav ul .item.it7  .suNav,#nav ul .item.it8  .suNav{width:100%;}
.global-nav-title{margin-bottom: 22px; display: inline-block; visibility: visible;}
.global-nav-initializer{width: 38px; height: 34px; float: right; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.global-nav-initializer:hover{opacity: .7;}
.global-nav-initializer .line{width: 22px; height: 2px; background: 2px; left: 8px; position: absolute; background: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.global-nav-initializer .line.top{top: 8px;}
.global-nav-initializer .line.mid{top: 16px;}
.global-nav-initializer .line.bottom{top: 24px;}
.openday-page .global-nav-initializer{background: #ececd9;}
.openday-page .global-nav-initializer .line{background: #222222; background: rgba(34, 34, 34, 0.8);}
.article-single-page .global-nav-initializer, .global-nav-initializer.black{background: #d61920;}
.openday-page .article-single-page .global-nav-initializer, .openday-page .global-nav-initializer.black{background: #311e06; border-color: #311e06;}
.article-single-page .global-nav-initializer .line, .global-nav-initializer.black .line{background: white; background: rgba(255, 255, 255, 0.8);}
.openday-page .article-single-page .global-nav-initializer .line, .openday-page .global-nav-initializer.black .line{background: #ececd9; background: rgba(236, 236, 217, 0.8);}
.active .global-nav-initializer{background: white !important;}
.active .global-nav-initializer .line{background: #222222 !important; background: rgba(34, 34, 34, 0.8) !important;}
.active .global-nav-initializer .line.top{-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);}
.active .global-nav-initializer .line.mid{-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);}
.active .global-nav-initializer .line.bottom{-webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);}
.overlay-active.black .global-nav-initializer{background: #222222;}
.overlay-active.black .global-nav-initializer .line{background: white;} .overlay-active.black .global-nav-initializer .line.top{-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);}
.overlay-active.black .global-nav-initializer .line.mid{-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);}
.overlay-active.black .global-nav-initializer .line.bottom{-webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);}
.openday-page .overlay-active.black .global-nav-initializer{background: #311e06;}
.overlay-active.white .global-nav-initializer{background: white;}
.overlay-active.white .global-nav-initializer .line{background: #222222; background: rgba(34, 34, 34, 0.8);} .overlay-active.white .global-nav-initializer .line.top{-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);} .overlay-active.white .global-nav-initializer .line.mid{-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);} .overlay-active.white .global-nav-initializer .line.bottom{-webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);} .openday-page .overlay-active.white .global-nav-initializer{background: #ececd9;} .overlay-active.black .global-nav-initializer.without-transform{background: url(../images/close-modal-black.png) !important; background-repeat: no-repeat; background-position: center;} .overlay-active.black .global-nav-initializer.without-transform .line{display: none;} .overlay-active.white .global-nav-initializer.without-transform, .active .global-nav-initializer.without-transform{background: url(../images/close-modal-white.png) !important; background-repeat: no-repeat; background-position: center;} .overlay-active.white .global-nav-initializer.without-transform .line, .active .global-nav-initializer.without-transform .line{display: none;}
.global-nav{min-height: 650px; height: 100%; width: 100%; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:888; color: white; text-align: right; visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .global-nav .global-nav-inner{position: absolute; top: 60px; right: 60px;} .global-nav .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to top,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.7) 100%); -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; opacity: 0; z-index: -1;} .global-nav .global-nav-item{opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} .global-nav .global-nav-item + .global-nav-item{margin-top: 8px;} .global-nav .global-nav-item:first-child{-webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease;} .global-nav .global-nav-item:nth-child(2){-webkit-transition: 0.2s 0.03s ease; -moz-transition: 0.2s 0.03s ease; -ms-transition: 0.2s 0.03s ease; -o-transition: 0.2s 0.03s ease; transition: 0.2s 0.03s ease;} .global-nav .global-nav-item:nth-child(3){-webkit-transition: 0.2s 0.06s ease; -moz-transition: 0.2s 0.06s ease; -ms-transition: 0.2s 0.06s ease; -o-transition: 0.2s 0.06s ease; transition: 0.2s 0.06s ease;} .global-nav .global-nav-item:nth-child(4){-webkit-transition: 0.2s 0.09s ease; -moz-transition: 0.2s 0.09s ease; -ms-transition: 0.2s 0.09s ease; -o-transition: 0.2s 0.09s ease; transition: 0.2s 0.09s ease;} .global-nav .global-nav-item:nth-child(5){-webkit-transition: 0.2s 0.12s ease; -moz-transition: 0.2s 0.12s ease; -ms-transition: 0.2s 0.12s ease; -o-transition: 0.2s 0.12s ease; transition: 0.2s 0.12s ease;} .global-nav .global-nav-item:nth-child(6){-webkit-transition: 0.2s 0.15s ease; -moz-transition: 0.2s 0.15s ease; -ms-transition: 0.2s 0.15s ease; -o-transition: 0.2s 0.15s ease; transition: 0.2s 0.15s ease;} .global-nav .global-nav-item:nth-child(7){-webkit-transition: 0.2s 0.18s ease; -moz-transition: 0.2s 0.18s ease; -ms-transition: 0.2s 0.18s ease; -o-transition: 0.2s 0.18s ease; transition: 0.2s 0.18s ease;} .global-nav .global-nav-item:nth-child(8){-webkit-transition: 0.2s 0.21s ease; -moz-transition: 0.2s 0.21s ease; -ms-transition: 0.2s 0.21s ease; -o-transition: 0.2s 0.21s ease; transition: 0.2s 0.21s ease;} .global-nav .global-nav-item:nth-child(9){-webkit-transition: 0.2s 0.24s ease; -moz-transition: 0.2s 0.24s ease; -ms-transition: 0.2s 0.24s ease; -o-transition: 0.2s 0.24s ease; transition: 0.2s 0.24s ease;} .global-nav .global-nav-item.weixin{margin-top: 45px;} .global-nav .global-nav-link{font-size: 30px; color: white;} .global-nav .global-nav-link:hover{opacity: .5;} .global-nav .weixin-qrcode{margin: 15px 0 0 auto;} .global-nav.active{visibility: visible;} .global-nav.active .bg{opacity: 1;} .global-nav.active .global-nav-item{opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .global-nav.overlay-active{visibility: visible; width: auto; height: auto; min-height: 0; right: 0;} .global-nav.overlay-active .global-nav-title{margin: 0;} .global-nav.overlay-active ul, .global-nav.overlay-active .bg{display: none;}
.oldie .global-nav .bg{background: #222; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}
.modal{width: 410px; padding: 22px 30px 30px; background: white; color: #919191;} .modal .modal-link{color: #19bc56;} .modal .modal-link:hover{color: #138f41;} .modal .modal-inner{margin: 0 auto; text-align: left; display: inline-block;} .modal .form-title{font-size: 20px; text-align: center; font-weight: normal; margin-bottom: 30px;} .modal .form-title .text{display: inline-block; border-bottom: 2px solid #ededed; padding-bottom: 11px;} .modal .input-item{margin-bottom: 16px; width: 100%;} .modal .input-item.half{width: 46%;} .modal .input-item label, .modal .input-item .error-msg{text-indent: 10px; display: inline-block; margin-bottom: 6px;} .modal .input-item .error-msg{color: #ee5454; display: none;} .modal .input-item .tip{color: #c5c5c5; font-size: 12px;} .modal .input-item.error label{display: none;} .modal .input-item.error .error-msg{display: block;} .modal .input-item.error input{background: #fceded; border-color: #ee5454;} .modal .base-input{font-size: 16px; height: 47px; line-height: 1; *line-height: 47px; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f9f9f9; border-radius: 2px; border-bottom: 1px solid #d5d5d5; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .modal textarea.base-input{height: 100px; resize: none; line-height: 1.7em; float: left; padding-top: 5px; padding-bottom: 5px;} .modal .upload-btn-wrap{margin-top: 25px; position: relative;} .modal .upload-btn-wrap .upload-filename{color: #222222; margin-right: 5px; max-width: 150px; display: inline-block; vertical-align: -7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .modal .upload-btn-wrap .upload-btn{color: #919191;} .modal .upload-btn-wrap:hover .upload-btn{opacity: .8;} .modal .upload-btn-wrap .icon{margin-right: 3px; vertical-align: -1px; *vertical-align: 3px;} .modal .upload-btn-wrap .upload-input{opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .modal .form-submit{margin-top: 14px; cursor: pointer;} .modal .input-wrap{position: relative;} .modal .input-wrap .icon{position: absolute; pointer-events: none; right: 11px; top: 21px;} .modal .message-title{font-size: 16px; color: #222222; letter-spacing: 2px;} .modal .message-title .icon{margin-right: 5px; vertical-align: -6px;} .modal .message-block{margin-top: 20px; color: #222222;} .modal .message-block .grey{color: #919191;} .modal .message-block p + p{margin-top: 5px;} .modal .center{text-align: center; margin-top: 30px;} .modal .step{text-align: center;} .modal .step + .step{margin-top: 20px;} .modal .step .weixin-qrcode{display: inline-block; border: 1px solid #d5d5d5;} .modal .step img{max-width: 100%;} .modal .step-num{background: #19bc56; font-size: 11px; font-style: italic; font-weight: bold; display: inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 7px; color: white; margin-right: 6px; vertical-align: 1px;} .modal .step-title{text-align: center; font-size: 14px; font-weight: normal; color: #878787; margin-bottom: 12px;}
.oldie .input-wrap .icon{display: none;}
.bg-wrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .bg-wrap:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/hero-loading.gif); background-size: 50px 50px; background-position: center; background-repeat: no-repeat;}
.bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}

.bg p{font-size: 65px;color: #ffffff;text-align: center;}
.hero li.it1{}
.hero li.it1 .bg{}
.hero li.it1 .bg .p1{font-size: 65px;color: #ffffff;text-align: center;padding-top: 30%;}
.hero li.it1 .bg .p1 span{font-size: 65px;font-weight: bold; color: #ffffff;text-align: center;}

.hero li.it1 .bg .p2{font-size:22px;color: #ffffff;text-align: center;}
.hero li.it1 .bg .p3{font-size:18px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:300px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}

.hero li.it2{}
.hero li.it2 .bg{}
.hero li.it2 .bg .p1{font-size: 65px;color: #ffffff;text-align: left;padding-top: 24%;padding-left: 10%;}
.hero li.it2 .bg .p2{font-size:22px;color: #ffffff;text-align: left;padding-left: 10%;}
.hero li.it2 .bg .p3{font-size:18px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:220px;line-height: 38px;margin-top: 2.2%;margin-left: 10%;}

.hero li.it3{}
.hero li.it3 .bg{}
.hero li.it3 .bg .p1{font-size: 65px;color: #ffffff;text-align: center;padding-top: 24%;}
.hero li.it3 .bg .p1 span{font-size: 65px;font-weight: bold; color: #ffffff;text-align: center;}

.hero li.it3 .bg .p2{font-size:22px;color: #ffffff;text-align: center;}
.hero li.it3 .bg .p3{font-size:18px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:300px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}


@media screen and (min-width: 1601px) and (max-width: 1800px) {
        .hero li.it1 .bg .p1{font-size: 54px;color: #ffffff;text-align: center;padding-top: 22%;}
		.hero li.it1 .bg .p1 span{font-size: 54px;font-weight: bold; color: #ffffff;text-align: center;}
		
		.hero li.it1 .bg .p2{font-size:18px;color: #ffffff;text-align: center;}
		.hero li.it1 .bg .p3{font-size:16px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:240px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}

         .hero li.it2 .bg .p1{font-size: 54px;color: #ffffff;text-align: left;padding-top: 24%;padding-left: 10%;}
		.hero li.it2 .bg .p2{font-size:18px;color: #ffffff;text-align: left;padding-left: 10%;}
		.hero li.it2 .bg .p3{font-size:16px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:240px;line-height: 38px;margin-top: 2.2%;margin-left: 10%;}
 
         .hero li.it3 .bg .p1{font-size: 54px;color: #ffffff;text-align: center;padding-top: 24%;}
		.hero li.it3 .bg .p1 span{font-size: 54px;font-weight: bold; color: #ffffff;text-align: center;}
		
		.hero li.it3 .bg .p2{font-size:18px;color: #ffffff;text-align: center;}
		.hero li.it3 .bg .p3{font-size:16px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:240px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}

}

@media screen and (max-width: 1600px) {
	
}


@media screen and (min-width: 1366px) and (max-width: 1599px) {
		.hero li.it1 .bg .p1{font-size: 46px;color: #ffffff;text-align: center;padding-top: 20%;}
		.hero li.it1 .bg .p1 span{font-size: 46px;font-weight: bold; color: #ffffff;text-align: center;}
		.hero li.it1 .bg .p2{font-size:16px;color: #ffffff;text-align: center;}
		.hero li.it1 .bg .p3{font-size:14px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:200px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}

        .hero li.it2 .bg .p1{font-size: 46px;color: #ffffff;text-align: left;padding-top: 24%;padding-left: 10%;}
		.hero li.it2 .bg .p2{font-size:16px;color: #ffffff;text-align: left;padding-left: 10%;}
		.hero li.it2 .bg .p3{font-size:14px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:200px;line-height: 38px;margin-top: 2.2%;margin-left: 10%;}
        
        .hero li.it3 .bg .p1{font-size: 46px;color: #ffffff;text-align: center;padding-top: 24%;}
		.hero li.it3 .bg .p1 span{font-size: 46px;font-weight: bold; color: #ffffff;text-align: center;}
		
		.hero li.it3 .bg .p2{font-size:16px;color: #ffffff;text-align: center;}
		.hero li.it3 .bg .p3{font-size:14px;color: #ffffff;text-align: center;height: 38px;border:1px solid #ffffff;width:200px;line-height: 38px;margin: 0 auto;margin-top: 2.2%;}


}


.gradient{position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.hero{position: relative; height: 100%; min-height: 400px; background: #ddd; overflow: hidden;}
.hero-slides{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.hero-slide-item{position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.hero-slide-item{visibility: visible; opacity: 1;} .hero-slide-item.active .copy-title, .hero-slide-item.active .copy-content, .hero-slide-item.active .title, .hero-slide-item.active .btns-wrap{visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .hero-slide-item .title-wrap{width: 100%; text-align: center; margin-top: -90px; position: absolute; top: 30%; left: 0;} .hero-slide-item .title-wrap + .content-wrap{display: none;} .hero-slide-item .title{font-size: 40px; letter-spacing: 8px; font-weight: normal; margin-bottom: 60px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.7s ease; -moz-transition: 0.8s 0.7s ease; -ms-transition: 0.8s 0.7s ease; -o-transition: 0.8s 0.7s ease; transition: 0.8s 0.7s ease;} .hero-slide-item .base-line-btn .icon{vertical-align: 1px; margin-left: 5px;} .hero-slide-item .home-scroll-down .icon{vertical-align: 2px;} .hero-slide-item .btns-wrap{visibility: hidden; opacity: 0; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: 0.8s 1.2s ease; -moz-transition: 0.8s 1.2s ease; -ms-transition: 0.8s 1.2s ease; -o-transition: 0.8s 1.2s ease; transition: 0.8s 1.2s ease;} .hero-slide-item .gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-1-gradient{display: none;} .hero-slide-item .gradient.slide-2-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 59, 59, 0)), to(rgba(59, 59, 59, 0.45))); background-image: -webkit-linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.45)); background-image: linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.45)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-3-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 22, 8, 0)), to(rgba(59, 22, 8, 0.5))); background-image: -webkit-linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.5)); background-image: linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.5)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-4-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(61, 34, 6, 0)), to(rgba(61, 34, 6, 0.5))); background-image: -webkit-linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.5)); background-image: linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.5)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-5-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(54, 25, 7, 0)), to(rgba(54, 25, 7, 0.5))); background-image: -webkit-linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.5)); background-image: linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.5)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-6-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); background-repeat: repeat-x;} .hero-slide-item .content-wrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .hero-slide-item .content-wrap .btns-wrap{position: absolute; right: 60px; bottom: 140px;} .hero-slide-item .copy{color: white; max-width: 820px; position: absolute; left: 60px; bottom: 133px; line-height: 1.33;} .hero-slide-item .copy.longer{max-width: 860px;} .hero-slide-item .copy.even-longer{max-width: 870px;} .hero-slide-item .copy-title{font-size: 70px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.7s ease; -moz-transition: 0.8s 0.7s ease; -ms-transition: 0.8s 0.7s ease; -o-transition: 0.8s 0.7s ease; transition: 0.8s 0.7s ease;} .hero-slide-item .copy-content{font-size: 30px; visibility: hidden; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: 0.8s 0.8s ease; -moz-transition: 0.8s 0.8s ease; -ms-transition: 0.8s 0.8s ease; -o-transition: 0.8s 0.8s ease; transition: 0.8s 0.8s ease;}
.slides-pagination{text-align: center; position: absolute; bottom: 40px; z-index: 5; left: 50%; margin-left: -145px;} .slides-pagination .slides-pagination-item{float: left; width: 40px; height: 4px; background: white; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); cursor: pointer; position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} .slides-pagination .slides-pagination-item + .slides-pagination-item{margin-left: 10px;} .slides-pagination .slides-pagination-item.active{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);} .slides-pagination .slides-pagination-item.active:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);} .slides-pagination .slides-pagination-item:hover{opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);} .slides-pagination .slides-pagination-link{position: absolute; width: 100%; height: 40px; top: -18px; left: 0;}
.timeline{width: 1000px; height: 440px; margin: 50px auto 40px; position: relative;} .timeline .timeline-piece{position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate3d(0, -2px, 0) scale(1.05); -moz-transform: translate3d(0, -2px, 0) scale(1.05); -ms-transform: translate3d(0, -2px, 0) scale(1.05); -o-transform: translate3d(0, -2px, 0) scale(1.05); transform: translate3d(0, -2px, 0) scale(1.05); background-size: 1000px 440px;} .timeline .timeline-piece-1{background-image: url(../images/home-overlay-2-1-years.png);} .timeline .timeline-piece-2{background-image: url(../images/home-overlay-2-2-events.png); -webkit-transition: all 0.4s 0.4s ease; -moz-transition: all 0.4s 0.4s ease; -ms-transition: all 0.4s 0.4s ease; -o-transition: all 0.4s 0.4s ease; transition: all 0.4s 0.4s ease;} .timeline .timeline-piece-3-1{background-image: url(../images/home-overlay-2-3-dashes.png); -webkit-transition: all 0.4s 0.8s ease; -moz-transition: all 0.4s 0.8s ease; -ms-transition: all 0.4s 0.8s ease; -o-transition: all 0.4s 0.8s ease; transition: all 0.4s 0.8s ease;} .timeline .timeline-piece-3-2{background-image: url(../images/home-overlay-2-3-nodes.png); -webkit-transition: all 0.4s 1.2s ease; -moz-transition: all 0.4s 1.2s ease; -ms-transition: all 0.4s 1.2s ease; -o-transition: all 0.4s 1.2s ease; transition: all 0.4s 1.2s ease;} .timeline .timeline-piece-4{background-image: url(../images/home-overlay-2-4-dates.png); -webkit-transition: all 0.4s 1.3s ease; -moz-transition: all 0.4s 1.3s ease; -ms-transition: all 0.4s 1.3s ease; -o-transition: all 0.4s 1.3s ease; transition: all 0.4s 1.3s ease;} .timeline .timeline-piece-5{background-image: url(../images/home-overlay-2-5-delays.png); -webkit-transition: all 0.4s 1.6s ease; -moz-transition: all 0.4s 1.6s ease; -ms-transition: all 0.4s 1.6s ease; -o-transition: all 0.4s 1.6s ease; transition: all 0.4s 1.6s ease;} .timeline .timeline-piece-6{background-image: url(../images/home-overlay-2-6-delay-highlight.png); -webkit-transition: all 0.4s 2.2s ease; -moz-transition: all 0.4s 2.2s ease; -ms-transition: all 0.4s 2.2s ease; -o-transition: all 0.4s 2.2s ease; transition: all 0.4s 2.2s ease;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5){.timeline .timeline-piece{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .timeline .timeline-piece-1{background-image: url(../images/home-overlay-2-1-years@2x.png);} .timeline .timeline-piece-2{background-image: url(../images/home-overlay-2-2-events@2x.png);} .timeline .timeline-piece-3-1{background-image: url(../images/home-overlay-2-3-dashes@2x.png);} .timeline .timeline-piece-3-2{background-image: url(../images/home-overlay-2-3-nodes@2x.png);} .timeline .timeline-piece-4{background-image: url(../images/home-overlay-2-4-dates@2x.png);} .timeline .timeline-piece-5{background-image: url(../images/home-overlay-2-5-delays@2x.png);} .timeline .timeline-piece-6{background-image: url(../images/home-overlay-2-6-delay-highlight@2x.png);} }
.oldie .home-overlay .content-wrap{display: none;}
.oldie .home-overlay.active .content-wrap{display: block;}
.oldie .home-overlay-content{display: none;} .oldie .home-overlay-content.active{display: block;}
.cases-hero,
.about-hero,
.blog-hero{min-height: 400px; height: 400px;} .cases-hero .hero-title, .about-hero .hero-title, .blog-hero .hero-title{font-size: 40px; font-weight: normal; color: white; position: absolute; left: 60px; bottom: 60px; letter-spacing: 8px;} .cases-hero .gradient, .about-hero .gradient, .blog-hero .gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.12))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)); background-repeat: repeat-x; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.articles-list-wrap{margin-top: 60px;} .articles-list-wrap .wrap{max-width: 860px;}
.articles-nav .articles-nav-item{float: left;} .articles-nav .articles-nav-item + .articles-nav-item{margin-left: 20px;}
.articles-nav .articles-nav-link{font-size: 18px; display: inline-block; height: 44px; line-height: 44px; color: #878787; padding: 0 15px; position: relative; text-align: center;} .articles-nav .articles-nav-link:hover{background: #f0f0f0; color: #666666;} .articles-nav .articles-nav-link.active{color: white; background: #444444; padding: 0 20px; min-width: 60px;} .articles-nav .articles-nav-link.active:after{content: ''; width: 0px; height: 0px; border-style: solid; border-width: 7px 9px 0 9px; border-color: #444444 transparent transparent transparent; position: absolute; bottom: -7px; left: 50%; margin-left: -9px;}
.articles-list{margin-top: 30px;} .articles-list .article-item{border-bottom: 1px solid #e6e6e6;} .articles-list .article-link{padding: 30px 0; display: block;} .articles-list .article-link .wrap{cursor: pointer;} .articles-list .article-link:hover{background: #f0f0f0;} .articles-list .article-category{color: #878787;} .articles-list .article-date{color: #878787; float: right;} .articles-list .article-title{color: #222222; font-weight: normal; font-size: 24px; margin-top: 8px;} .articles-list .article-intro{color: #878787; font-size: 16px; margin-top: 5px;}
.articles-page-nav{margin-top: 60px;} .articles-page-nav .page-nav{border-color: #bcbcbc; color: #a1a1a1; padding: 0 20px; border-width: 1px;} .articles-page-nav .page-nav .icon{opacity: .3; vertical-align: 1px;} .articles-page-nav .page-nav.prev{float: left;} .articles-page-nav .page-nav.prev .icon{margin-right: 5px;} .articles-page-nav .page-nav.next{float: right;} .articles-page-nav .page-nav.next .icon{margin-left: 5px;} .articles-page-nav .page-nav:hover{background: #bcbcbc; color: white;} .articles-page-nav .page-nav:hover .icon{opacity: 1;}
.article-single-page .footer{background: #f9f9f9;}
.article-single-hero{min-height: 400px; height: 400px; background: #f3f3f3; text-align: center; display: table; width: 100%;} .article-single-hero .hero-content-wrap{display: table-cell; vertical-align: middle; padding-left: 180px; padding-right: 180px; *clear: expression(style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0);} .article-single-hero .hero-title{font-size: 40px; font-weight: normal; color: #222222; max-width: 630px; line-height: 1.5; letter-spacing: 5px; margin: 0 auto;} .article-single-hero .date{color: #878787; margin-top: 28px;} .article-single-hero .hero-nav-link{color: #222222;} .article-single-hero .hero-nav-link:hover{opacity: .8;} .article-single-hero .hero-nav{margin-bottom: 28px;} .article-single-hero .hero-nav .icon-arrow-left-grey{vertical-align: -1px; margin-right: 4px; *vertical-align: 2px; *margin-right: 8px;} .article-single-hero .hero-nav .icon-arrow-right-grey{vertical-align: -1px; margin-left: 4px; *vertical-align: 2px; *margin-left: 0;} .article-single-hero .hero-nav .icon-upright-grey{margin-left: 4px; *vertical-align: 3px; *margin-left: 0;} .article-single-hero .hero-nav .vertical-divider{vertical-align: -5px; border-color: #e0e0e0; border-width: 2px; margin: 0 12px;}
.article-content{font-size: 16px; line-height: 2; margin-top: 60px; margin-bottom: 60px;} .article-content.wrap{max-width: 800px;} .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6{font-size: 24px; font-weight: normal;} .article-content h1 + p, .article-content h2 + p, .article-content h3 + p, .article-content h4 + p, .article-content h5 + p, .article-content h6 + p{margin-top: 2em;} .article-content img{margin-left: auto; margin-right: auto; display: block; max-width: 100%;} .article-content blockquote{border-left: 4px solid #e5e5e5; margin-left: 0; margin-right: 0; padding-left: 18px;} .article-content ul, .article-content ol{padding-left: 17px;} .article-content ul li, .article-content ol li{padding-left: 6px;} .article-content ul li{list-style: disc;} .article-content ol li{list-style: decimal;} .article-content p + p, .article-content p + ul, .article-content p + ol, .article-content p + blockquote, .article-content p + img, .article-content blockquote + p, .article-content blockquote + ul, .article-content blockquote + ol, .article-content blockquote + blockquote, .article-content blockquote + img, .article-content ul + p, .article-content ul + ul, .article-content ul + ol, .article-content ul + blockquote, .article-content ul + img, .article-content ol + p, .article-content ol + ul, .article-content ol + ol, .article-content ol + blockquote, .article-content ol + img, .article-content img + p, .article-content img + ul, .article-content img + ol, .article-content img + blockquote, .article-content img + img{margin-top: 2em;} .article-content p + h1, .article-content p + h2, .article-content p + h3, .article-content p + h4, .article-content p + h5, .article-content p + h6, .article-content blockquote + h1, .article-content blockquote + h2, .article-content blockquote + h3, .article-content blockquote + h4, .article-content blockquote + h5, .article-content blockquote + h6, .article-content ul + h1, .article-content ul + h2, .article-content ul + h3, .article-content ul + h4, .article-content ul + h5, .article-content ul + h6, .article-content ol + h1, .article-content ol + h2, .article-content ol + h3, .article-content ol + h4, .article-content ol + h5, .article-content ol + h6, .article-content img + h1, .article-content img + h2, .article-content img + h3, .article-content img + h4, .article-content img + h5, .article-content img + h6{margin-top: 1.4em;}
.openday-page{background: #f1f0e7; color: #896937;} .openday-page .section-title{color: #896937; font-size: 24px; letter-spacing: 5px; line-height: 1; border-bottom: 1px solid #be995e; padding-bottom: 15px; display: inline-block; margin: 0; *zoom: 1; *display: inline;}
.openday-hero{min-height: 500px; height: 500px; overflow: hidden;} .openday-hero .wrap{padding-top: 160px;} .openday-hero .title-wrap{float: left; margin-top: -25px;} .openday-hero .hero-title{color: #ececd9; font-size: 40px; font-weight: normal; letter-spacing: 5px;} .openday-hero .tagline{max-width: 480px; color: #dbccae; font-size: 18px; margin: 15px 0 32px;} .openday-hero .base-line-btn{float: left;} .openday-hero .openday-video{float: right; border-radius: 4px; overflow: hidden; position: relative; box-shadow: 0 0 50px rgba(0, 0, 0, 0.75);} .openday-hero .openday-video .video-play{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .openday-hero .openday-video .video-cover{float: left; width: 400px; height: 240px; border-radius: 4px;} .openday-hero .openday-video .icon{position: absolute; top: 50%; left: 50%; margin-top: -37.5px; margin-left: -37.5px; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease;} .openday-hero .openday-video:hover .icon{opacity: .6;}
.openday-previous-wrap .wrap{width: 1200px; padding-top: 80px; padding-bottom: 80px;}
.openday-previous-wrap .section-title{float: left;}
.openday-previous-wrap .events{float: left; margin-left: 50px;}
.openday-previous-wrap .event-link{line-height: 1; color: #896937; font-size: 20px; letter-spacing: 2px; font-weight: 200;} .openday-previous-wrap .event-link:hover{color: #e55931;} .openday-previous-wrap .event-link.active{color: #e55931;} .openday-previous-wrap .event-link.active .icon{display: inline-block; margin-left: 5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;} .openday-previous-wrap .event-link.active:hover .icon{margin-left: 8px;}
.openday-previous-wrap .event-item + .event-item{margin-top: 16px;}
.openday-previous-wrap .event-item .icon{display: none;}
.openday-previous-wrap .event-content{color: #311e06; margin-left: 370px; height: 0; overflow: hidden;} .openday-previous-wrap .event-content p + p{margin-top: 1.15em;} .openday-previous-wrap .event-content.active{height: auto; overflow: visible;} .openday-previous-wrap .event-content.active .previous-snapshot, .openday-previous-wrap .event-content.active .post-content-wrap{visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .openday-previous-wrap .event-content.fadeOut{height: auto; overflow: visible;} .openday-previous-wrap .event-content.fadeOut .previous-snapshot, .openday-previous-wrap .event-content.fadeOut .post-content-wrap{-webkit-transform: translate3d(20px, 0, 0); -moz-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); -o-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); visibility: hidden; opacity: 0;} .openday-previous-wrap .event-content.fadeIn{height: auto; overflow: auto;} .openday-previous-wrap .event-content.fadeIn .previous-snapshot, .openday-previous-wrap .event-content.fadeIn .post-content-wrap{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; opacity: 1;}
.openday-previous-wrap .previous-snapshot{float: left; margin-right: 50px; margin-bottom: 20px; visibility: hidden; opacity: 0; max-width: 400px; -webkit-transform: translate3d(20px, 0, 0); -moz-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); -o-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: all 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: all 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: all 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: all 0.4s cubic-bezier(0.41, -0.2, 0.4, 1.19);}
.openday-previous-wrap .post-content-wrap{visibility: hidden; opacity: 0; -webkit-transform: translate3d(20px, 0, 0); -moz-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); -o-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); -webkit-transition: all 0.4s 0.15s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: all 0.4s 0.15s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: all 0.4s 0.15s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: all 0.4s 0.15s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: all 0.4s 0.15s cubic-bezier(0.41, -0.2, 0.4, 1.19);}
.openday-previous-wrap .post-content{max-height: 275px; overflow: hidden; position: relative;} .openday-previous-wrap .post-content p{text-align: left !important;} .openday-previous-wrap .post-content:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(241, 240, 231, 0); background-image: -webkit-linear-gradient(rgba(241, 240, 231, 0) 65%, #f1f0e7 100%); background-image: linear-gradient(rgba(241, 240, 231, 0) 65%, #f1f0e7 100%);}
.openday-previous-wrap .read-more{color: #e55931; display: inline-block; margin-top: 12px;} .openday-previous-wrap .read-more .icon{margin-left: 5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;} .openday-previous-wrap .read-more:hover{opacity: .7;} .openday-previous-wrap .read-more:hover .icon{margin-left: 8px;}
.guest-quotes-wrap{background: #e6e2d5; text-align: center;} .guest-quotes-wrap .wrap{width: 1200px; padding-top: 80px; padding-bottom: 80px;} .guest-quotes-wrap .guest-quotes{margin-top: 30px; text-align: center;} .guest-quotes-wrap .guest-quote-item{position: relative; width: 350px; display: inline-block;} .guest-quotes-wrap .quote-content-wrapper{height: 146px; padding: 0 40px; background: #f1f0e7; font-size: 16px; display: table; position: relative;} .guest-quotes-wrap .quote-content-wrapper:after{content: ''; width: 0px; height: 0px; border-style: solid; border-width: 14px 28px 0 0; border-color: #f1f0e7 transparent transparent transparent; position: absolute; bottom: -14px; left: 60px;} .guest-quotes-wrap .quote-content{display: table-cell; vertical-align: middle; *clear: expression(style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"), style.clear = "none", 0);} .guest-quotes-wrap .guest-info{text-align: left; margin-top: 42px;} .guest-quotes-wrap .guest-info .avatar{width: 60px; height: 60px; border-radius: 30px; float: left; margin: -5px 20px 0 30px;} .guest-quotes-wrap .guest-info .name{font-weight: normal; font-size: 16px; margin-top: 42px; color: #311e06;} .guest-quotes-wrap .guest-info .bio{font-size: 14px;}
.event-album .wrap{width: 1200px; padding-top: 40px; padding-bottom: 40px;}
.event-album .section-title{margin-top: 4px;}
.event-album .icon{vertical-align: 1px; margin-left: 5px;}
.album-wrap .album-imgs-wrap{*width: 1200px; *margin: 0 auto;}
.album-wrap .album-img-item{float: left; width: 20%; max-height: 180px; overflow: hidden;}
.album-wrap .album-img-link{cursor: -webkit-zoom-in;}
.album-wrap .album-img-src{float: left; width: 100%;}
.event-signup{max-width: 800px; margin-top: 80px; border-radius: 2px; background: #e6e2d5; font-size: 18px; color: #896937; padding: 25px 0; text-align: center;} .event-signup .info{display: inline; margin-right: 40px;} .event-signup .date, .event-signup .count{color: #e55931;}
.openday-overlay{background: #150a09; background: rgba(21, 10, 9, 0.8); text-align: center; font-size: 0.1px;} .openday-overlay.active .modal{visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .openday-overlay .modal{visibility: hidden; opacity: 0; -webkit-transition: 0.4s 0.4s ease; -moz-transition: 0.4s 0.4s ease; -ms-transition: 0.4s 0.4s ease; -o-transition: 0.4s 0.4s ease; transition: 0.4s 0.4s ease; -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px);}
.openday-video-embed{max-width: 100%;}
.event-signup-form-wrap,
.openday-video-wrap{display: inline-block; vertical-align: middle; font-size: 14px; text-align: center; *zoom: 1; *display: inline;}
.openday-page .footer-nav{color: #896937;} .openday-page .footer-nav .footer-nav-link{color: #896937;}
.video-overlay{background: #150a09; background: rgba(21, 10, 9, 0.8); text-align: center; font-size: 0.1px;}
.court-page{background: #f1f0e7; color: #896937;} .court-page .footer .contact-info{color: #311e06;}
.court-hero{height: 800px; text-align: center; color: white;} .court-hero .title-wrap{max-width: 820px; margin: 200px auto 0;} .court-hero .hero-title{font-size: 50px; font-weight: normal;} .court-hero .tagline{font-size: 20px; margin-top: 25px; margin-bottom: 55px;} .court-hero .base-line-btn .icon{vertical-align: 1px; margin-left: 5px;}
.court-section{padding: 100px 0; color: #666666;} .court-section .copy-content{font-size: 16px; max-width: 410px; float: right;} .court-section .copy-title{color: #311e06; font-size: 22px; font-weight: normal;} .court-section .copy-paragraph{margin-top: 25px;} .court-section.even{background: white;} .court-section.even .copy-content{float: left; max-width: 500px; margin-top: 20px;} .court-section.even .court-graph{float: right; margin-right: 80px;}
.court-graph{float: left;} .court-graph.mid{margin-top: 55px;} .court-graph .data-title{text-align: center; margin-top: 20px;}
.shape-item{float: left; position: relative;} .shape-item .absolute{position: absolute; top: 0; left: 0;} .shape-item + .shape-item{margin-left: 40px;} .shape-item .graph-data{visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} .shape-item.animated .graph-data{visibility: visible; opacity: 1;} .shape-item .graph-circle{width: 0; height: 0;} .shape-item.no-canvas{width: 240px; height: 240px;} .shape-item.no-canvas .data-title{position: absolute; width: 100%; top: 100%; left: 0;} .shape-item.no-canvas .graph-circle{width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .shape-item.no-canvas .graph-data{visibility: visible; opacity: 1;} .shape-item.no-canvas.big{width: 276px; height: 276px;}
.court-image-container{font-size: 0.1px;} .court-image-container img{width: 100%;}
.graph-data{position: absolute; width: 100%; height: 100%; top: 0; left: 0; height: 240px; background-position: center; background-repeat: no-repeat;} .big .graph-data{height: 276px;}
.graph-1 .graph-data{background-image: url(../images/court-graph-1.png); background-size: 102px 66px;}
.graph-1 .graph-circle{background-image: url(../images/court-graph-circle-1.png);}
.graph-2 .graph-data{background-image: url(../images/court-graph-2.png); background-size: 102px 76px;}
.graph-2 .graph-circle{background-image: url(../images/court-graph-circle-2.png);}
.graph-3 .graph-data{background-image: url(../images/court-graph-3.png); background-size: 125px 67px;}
.graph-3 .graph-circle{background-image: url(../images/court-graph-circle-3.png);}
.graph-4 .graph-data{background-image: url(../images/court-graph-4.png); background-size: 102px 58px;}
.graph-4 .graph-circle{background-image: url(../images/court-graph-circle-4.png);}
.graph-5 .graph-data{background-image: url(../images/court-graph-5.png); background-size: 102px 58px;}
.graph-5 .graph-circle{background-image: url(../images/court-graph-circle-5.png);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5){.graph-1 .graph-data{background-image: url(../images/court-graph-1@2x.png);} .graph-2 .graph-data{background-image: url(../images/court-graph-2@2x.png);} .graph-3 .graph-data{background-image: url(../images/court-graph-3@2x.png);} .graph-4 .graph-data{background-image: url(../images/court-graph-4@2x.png);} .graph-5 .graph-data{background-image: url(../images/court-graph-5@2x.png);} }
.court-appointment{position: relative; min-height: 600px; color: white;} .court-appointment .copy-wrap{max-width: 435px;} .court-appointment .copy-title{font-weight: normal; font-size: 30px; margin-top: 180px; margin-bottom: 18px;} .court-appointment .copy-paragraph{font-size: 18px;}
.appointment-form-wrap{margin-top: 40px; margin-bottom: 40px; min-height: 470px; position: relative; text-align: center;} .appointment-form-wrap .icon-form-lock{position: absolute; top: 0; right: 0;}
.team-page{background: #f9f9f9;}
.team-intro{margin-top: 60px; font-size: 16px; line-height: 2;} .team-intro p{width: 46.5%;}
.team-executives{margin-top: 60px;} .team-executives .chief-partner{position: relative;} .team-executives .chief-partner .portrait{width: 50%; float: left;} .team-executives .chief-partner .intro{position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: white; text-align: center;} .team-executives .chief-partner .inner{margin: auto; position: absolute; top: 85px; left: 0; right: 0; bottom: 0; padding-left: 55px; padding-right: 55px; max-width: 390px;} .team-executives .chief-partner .chinese{font-size: 22px; display: block;} .team-executives .chief-partner .english{font-size: 20px; display: block;} .team-executives .chief-partner .title{color: #878787; margin-top: 8px;} .team-executives .chief-partner .bio{text-align: left; margin-top: 12px; margin-bottom: 12px; line-height: 2; color: #222222; font-size: 14px;} .team-executives .chief-partner .know-more{color: #878787; font-size: 14px;} .team-executives .chief-partner .know-more .icon{margin-left: 3px;} .team-executives .partners{margin-left: -40px;} .team-executives .partner-item{float: left; width: 306px; margin-top: 40px; margin-left: 40px;}
.team-lawyers-hero{height: 430px; position: relative;}
.team-lawyers{margin-top: 40px;} .team-lawyers .lawyers{margin-left: -40px;} .team-lawyers .lawyer-item{margin-top: 40px; width: 220px; margin-left: 40px; float: left;}
.member-link .portrait{width: 100%; float: left;}
.member-link .intro{height: 120px; background: white; float: left; width: 100%; text-align: center; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.member-link .chinese{font-size: 20px; display: block; letter-spacing: 2px; margin-top: 12px; color: #222222;}
.member-link .english{font-size: 18px; display: block; margin-top: -3px; color: #222222;}
.member-link .title{color: #878787; margin-top: 3px; font-size: 14px;}
.member-link:hover .intro{background: #ededed;}
.join-us-banner{margin-top: 60px; border-radius: 2px; background: white; font-size: 18px; padding: 25px 0; text-align: center;} .join-us-banner .info{display: inline; margin-right: 20px;}
.team-overlay{background: #f9f9f9;} .team-overlay.active .left, .team-overlay.active .name, .team-overlay.active .title, .team-overlay.active .intro{visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .team-overlay .wrap{padding-top: 170px; padding-bottom: 100px; text-align: left;} .team-overlay .left, .team-overlay .name, .team-overlay .title, .team-overlay .intro{visibility: hidden; opacity: 0;} .team-overlay .left{width: 40%; -webkit-transition: 0.4s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: 0.4s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: 0.4s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: 0.4s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: 0.4s 0.3s cubic-bezier(0.41, -0.2, 0.4, 1.19); -webkit-transform: translate3d(0, -40px, 0); -moz-transform: translate3d(0, -40px, 0); -ms-transform: translate3d(0, -40px, 0); -o-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0);} .team-overlay .right{width: 60%;} .team-overlay .right .inner{margin-left: 60px;} .team-overlay .portrait{width: 100%;} .team-overlay .contact-info{margin-top: 30px;} .team-overlay .info-title{color: #878787; margin-right: 6px;} .team-overlay .name{-webkit-transition: 0.4s 0.6s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: 0.4s 0.6s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: 0.4s 0.6s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: 0.4s 0.6s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: 0.4s 0.6s cubic-bezier(0.41, -0.2, 0.4, 1.19); -webkit-transform: translate3d(40px, 0, 0); -moz-transform: translate3d(40px, 0, 0); -ms-transform: translate3d(40px, 0, 0); -o-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0);} .team-overlay .name .chinese{font-size: 22px; letter-spacing: 6px; display: block; margin-top: -6px;} .team-overlay .name .english{font-size: 20px; display: block; margin-top: -4px;} .team-overlay .title{color: #878787; -webkit-transition: 0.4s 0.7s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: 0.4s 0.7s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: 0.4s 0.7s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: 0.4s 0.7s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: 0.4s 0.7s cubic-bezier(0.41, -0.2, 0.4, 1.19); -webkit-transform: translate3d(40px, 0, 0); -moz-transform: translate3d(40px, 0, 0); -ms-transform: translate3d(40px, 0, 0); -o-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0);} .team-overlay .intro{color: #666666; -webkit-transition: 0.4s 0.8s cubic-bezier(0.41, -0.2, 0.4, 1.19); -moz-transition: 0.4s 0.8s cubic-bezier(0.41, -0.2, 0.4, 1.19); -ms-transition: 0.4s 0.8s cubic-bezier(0.41, -0.2, 0.4, 1.19); -o-transition: 0.4s 0.8s cubic-bezier(0.41, -0.2, 0.4, 1.19); transition: 0.4s 0.8s cubic-bezier(0.41, -0.2, 0.4, 1.19); -webkit-transform: translate3d(40px, 0, 0); -moz-transform: translate3d(40px, 0, 0); -ms-transform: translate3d(40px, 0, 0); -o-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0);} .team-overlay .intro h4{margin-top: 30px; font-size: 16px; color: #222222;} .team-overlay .intro p, .team-overlay .intro ul, .team-overlay .intro ol{margin-top: 1.4em;} .team-overlay .intro ol li{list-style: decimal;} .team-overlay .intro ul li{list-style: disc;} .team-overlay .intro ul, .team-overlay .intro ol{padding-left: 1.4em; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .team-overlay .intro li + li{margin-top: .4em;}
.oldie .team-executives .partner-item{width: 306px;} .oldie .team-executives .partner-item + .partner-item{margin-left: 41px;}
.about-page{background: #f9f9f9;} .about-page .footer{background: #f1f1f1;}
.about-main .copy-title{font-size: 40px; font-weight: normal; text-align: center; margin-top: 170px; margin-bottom: 20px;}
.about-main .copy{font-size: 16px; color: #666666; max-width: 700px; margin-bottom: 170px; margin-left: auto; margin-right: auto;}
.about-main img{width: 100%;}
.error-page{background: #f9f9f9;}
.error-hero{height: 800px;} .error-hero .gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background-repeat: repeat-x;} .error-hero .bg{background-position: center 0;} .error-hero .title-wrap{width: 100%; text-align: center; margin-top: -90px; position: absolute; top: 45%; left: 0;} .error-hero .title{font-size: 40px; letter-spacing: 8px; font-weight: normal;} .error-hero .btns-wrap{margin-top: 60px;} .error-hero .base-line-btn .icon{vertical-align: 1px; margin-left: 5px;} .error-hero .home-scroll-down .icon{vertical-align: 2px;}
@media only screen and (max-width: 860px){.error-hero{height: auto; padding-left: 40px; padding-right: 40px; padding-top: 140px; padding-bottom: 40px; color: white; min-height: 0;} .error-hero .gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.6))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.6)); background-image: linear-gradient(top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.6)); background-repeat: repeat-x;} .error-hero .title-wrap{position: relative; top: auto; left: auto; margin-top: 0; width: 100%;} .error-hero .btns-wrap{margin-top: 20px; margin-bottom: 20px;} .error-hero .base-line-btn{border-color: white; color: white;} .error-hero .base-line-btn .icon{display: none;} .error-hero .base-line-btn:hover{background-color: white; color: #222222;} .error-hero .title{font-size: 30px; letter-spacing: 2px;} }
@media only screen and (max-width: 420px){.error-hero{padding-left: 22px; padding-right: 22px; padding-bottom: 20px;} .error-hero .title{letter-spacing: 0;} }
@media only screen and (max-height: 840px){.global-nav .global-nav-item + .global-nav-link{margin-top: 2px;} .global-nav .global-nav-item.weixin{margin-top: 25px;} .global-nav .global-nav-link{font-size: 22px;} }
@media only screen and (max-width: 620px){.header-logo{top: 40px; left: 40px;} .global-nav .global-nav-inner{top: 40px; right: 40px;} }
@media only screen and (max-width: 420px){.header-logo{top: 22px; left: 22px;} .header-logo .logo-svg, .header-logo .icon-logo{width: 60px; height: 60px;} .header-logo.white .icon-logo{background-image: url(../images/logo-small-white.png);} .header-logo.golden .icon-logo{background-image: url(../images/logo-small-golden.png);} .header-logo.black .icon-logo{background-image: url(../images/logo-small-black.png);} .global-nav-item.weixin{display: none;} .global-nav .global-nav-inner{top: 22px; right: 22px;} .global-nav .global-nav-link{font-size: 20px;} }
@media only screen and (max-width: 860px){.footer{padding-top: 20px; padding-left: 22px; padding-right: 22px;} .footer-section{float: none; margin-top: 40px; margin-right: 50px;} .footer-section + .footer-section{margin-left: 0;} }
@media only screen and (max-width: 620px){.footer{text-align: center;} .footer-section{margin-right: 0; display: block;} }
@media only screen and (max-width: 420px){.footer .weixin-title, .footer .weixin-qrcode{display: block;} }
@media only screen and (max-width: 500px){.modal{padding-left: 22px; padding-right: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} }
@media only screen and (max-width: 420px){.modal .input-item.half{width: 100%;} .modal .input-item.left, .modal .input-item.right{float: none;} }
@media only screen and (max-width: 1120px){.hero-slide-item .copy{width: auto; max-width: none; left: 0; padding-left: 60px; padding-right: 280px;} }
@media only screen and (max-width: 1000px){.wrap{width: auto; max-width: 1000px;} .features-points .features-point-item{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 32%;} .features-points .features-point-item + .features-point-item{margin-left: 2%;} .team-member-item{margin-right: 20px;} .team-member-item + .team-member-item{margin-left: 0;} .news .news-item{width: 48.5%;} .news .news-item + .news-item{margin-left: 3%;} }
@media only screen and (max-width: 860px){.home-overlay-content{left: 0; right: 0; width: auto; padding-left: 22px; padding-right: 22px;} .home-overlay-content.overlay-viz .img-wrap:after{display: none;} .home-overlay-content.overlay-viz .timeline{display: none;} .home-overlay-content.overlay-viz .timeline-mobile{display: block;} .home-overlay-content.overlay-risk .wrap{width: 100%; max-width: 100%;} .home-overlay-content.overlay-risk .overlay-risk-chart{float: none; width: 100%; margin-bottom: 30px;} .home-overlay-content.overlay-risk .divider{margin-top: 20px;} .home-overlay-content.overlay-process .steps-inner{margin-left: -20px; display: inline-block; text-align: center;} .home-overlay-content.overlay-process .steps-wrap{width: auto;} .home-overlay-content.overlay-process .steps-wrap .icon{display: none;} .home-overlay-content.overlay-process .steps-wrap .step-item{margin-left: 20px;} .home-overlay-content.overlay-process .left, .home-overlay-content.overlay-process .right{float: none; display: inline-block;} }
@media only screen and (max-width: 800px){.hero-slide-item .title-wrap{display: none;} .hero-slide-item .title-wrap + .content-wrap{display: block;} .hero-slide-item .content-wrap{position: absolute; bottom: 80px; height: auto; top: auto; left: 40px; right: 40px; width: auto;} .hero-slide-item .content-wrap.center{text-align: center; bottom: 120px;} .hero-slide-item .content-wrap.center .copy-title{font-weight: normal; letter-spacing: 2px;} .hero-slide-item .content-wrap .btns-wrap{position: relative; float: none; right: auto; bottom: auto; margin-top: 30px;} .hero-slide-item .gradient.slide-1-gradient{display: block; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.4) 100%); background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.4) 100%);} .hero-slide-item .gradient.slide-2-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 59, 59, 0)), to(rgba(59, 59, 59, 0.75))); background-image: -webkit-linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.75)); background-image: linear-gradient(top, rgba(59, 59, 59, 0), rgba(59, 59, 59, 0.75)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-3-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(59, 22, 8, 0)), to(rgba(59, 22, 8, 0.75))); background-image: -webkit-linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.75)); background-image: linear-gradient(top, rgba(59, 22, 8, 0), rgba(59, 22, 8, 0.75)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-4-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(61, 34, 6, 0)), to(rgba(61, 34, 6, 0.75))); background-image: -webkit-linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.75)); background-image: linear-gradient(top, rgba(61, 34, 6, 0), rgba(61, 34, 6, 0.75)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-5-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(54, 25, 7, 0)), to(rgba(54, 25, 7, 0.75))); background-image: -webkit-linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.75)); background-image: linear-gradient(top, rgba(54, 25, 7, 0), rgba(54, 25, 7, 0.75)); background-repeat: repeat-x;} .hero-slide-item .gradient.slide-6-gradient{background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(56, 54, 45, 0)), to(rgba(56, 54, 45, 0.75))); background-image: -webkit-linear-gradient(top, rgba(56, 54, 45, 0), rgba(56, 54, 45, 0.75)); background-image: linear-gradient(top, rgba(56, 54, 45, 0), rgba(56, 54, 45, 0.75)); background-repeat: repeat-x;} .hero-slide-item .copy{padding-left: 0; padding-right: 0; position: relative; bottom: auto; float: none;} .hero-slide-item .copy-title{font-size: 32px; margin-bottom: 20px;} .hero-slide-item .copy-content{font-size: 24px;} .features-hero{height: auto;} .features-hero .copy-wrap{position: relative; width: auto; top: 0; padding: 40px 22px;} .features-hero .copy-title{font-size: 32px; line-height: 1.33;} .features-points .features-point-item{width: 100%; height: auto; padding-bottom: 20px; text-align: center;} .features-points .features-point-item p{max-width: 420px; margin-left: auto; margin-right: auto;} .features-points .features-point-item + .features-point-item{margin-left: 0;} .features-misc .document, .features-misc .moot-court, .features-misc .image-slides, .features-misc .location{width: 48.5%;} .home-overlay-nav-item + .home-overlay-nav-item{margin-left: 30px;} }
@media only screen and (max-width: 620px){.features-misc .document, .features-misc .moot-court, .features-misc .image-slides, .features-misc .location{width: 100%;} .features-misc .content-wrap{height: auto;} .features-misc .features-info-box{height: auto; padding-bottom: 25px;} .features-misc .location{height: auto;} .features-misc .location .content-wrap{padding: 25px; position: relative;} .news .news-item{width: 100%;} .news .news-item + .news-item{margin-left: 0; margin-top: 20px;} .league .wrap{padding-top: 30px; padding-bottom: 30px; text-align: center;} .league .league-item{width: 100%; height: auto; margin-top: 20px;} .league .league-item:first-child:before, .league .league-item:first-child:after, .league .league-item:last-child:before, .league .league-item:last-child:after{display: none;} .league .league-section-title{color: #222222; position: relative; margin-top: 0;} .home-overlay .content-wrap{padding-top: 80px;} .home-overlay-nav-item{height: 60px; width: 100px;} .home-overlay-nav-item .home-overlay-nav-link{position: relative; display: block;} .home-overlay-nav-item .icon-wrap{display: none;} .home-overlay-nav-item + .home-overlay-nav-item{margin-left: 30px;} .home-overlay-nav-link{font-size: 18px;} .home-overlay-nav-link.active{font-size: 22px;} .lightbox-overlay .lightbox-navigator{width: 61px;} .lightbox-overlay .lightbox-navigator.prev{background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to left,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);} .lightbox-overlay .lightbox-navigator.next{background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);} }
@media only screen and (max-width: 420px){.section-title{margin: 25px 0; font-size: 20px;} .hero-slide-item .content-wrap{left: 22px; right: 22px; width: auto;} .hero-slide-item .copy-title{font-size: 26px; margin-bottom: 8px;} .hero-slide-item .copy-content{font-size: 20px;} .hero-slide-item .btns-wrap{margin-top: 15px;} .slides-pagination{margin-left: -105px;} .slides-pagination .slides-pagination-item{width: 30px;} .slides-pagination .slides-pagination-item + .slides-pagination-item{margin-left: 6px;} .features-hero{height: auto;} .features-hero .copy-title{font-size: 26px;} .features-misc .features-info-box{text-align: center;} .team{height: 300px;} .team .content-wrap{width: 100%; left: 0; text-align: center;} .team .title{padding-left: 22px; padding-right: 22px; font-size: 20px;} .news .news-item{height: 200px;} .news .news-item .news-category{left: 22px; top: 18px;} .news .news-item .news-category{right: 22px; top: 18px;} .news .news-item .news-title{left: 22px; right: 22px; bottom: 20px;} .news .btn-wrap{margin-top: 20px;} .league{margin-top: 20px;} .league .wrap{padding-left: 22px; padding-right: 22px;} .home-overlay-nav-item{height: 60px; width: 100px; float: none;} .home-overlay-nav-item + .home-overlay-nav-item{margin-left: 0;} }
@media only screen and (max-width: 860px){.articles-list-page .articles-list-wrap{margin-top: 48px;} .articles-nav, .articles-list .article-link{padding-left: 40px; padding-right: 40px;} .articles-nav .articles-nav-item{margin-right: 12px; margin-top: 12px;} .articles-nav .articles-nav-item + .articles-nav-item{margin-left: 0;} .articles-page-nav{padding-left: 40px; padding-right: 40px;} }
@media only screen and (max-width: 420px){.articles-list-page .articles-list-wrap{margin-top: 8px;} .articles-nav .articles-nav-link{font-size: 16px; padding: 0 12px;} .articles-nav .articles-nav-link.active{padding: 0 20px;} .articles-nav, .articles-list .article-link{padding-left: 22px; padding-right: 22px;} .cases-hero, .about-hero, .blog-hero{height: auto; min-height: 0; padding-top: 140px; padding-bottom: 20px;} .cases-hero .hero-title, .about-hero .hero-title, .blog-hero .hero-title{position: relative; text-align: center; bottom: auto; left: auto; letter-spacing: 2px; font-size: 30px;} .articles-list{margin-top: 10px;} .articles-list .article-title{font-size: 22px; line-height: 1.6;} .articles-list .article-link{padding-top: 20px; padding-bottom: 20px;} .articles-list .article-intro{font-size: 15px;} .articles-page-nav{margin-top: 20px; padding-left: 22px; padding-right: 22px;} }
@media only screen and (max-width: 800px){.article-single-hero .hero-title{font-size: 30px;} .article-content{padding-left: 40px; padding-right: 40px;} }
@media only screen and (max-width: 620px){.article-single-hero{height: auto; min-height: 0; padding-top: 120px; padding-bottom: 30px; display: block;} .article-single-hero .hero-content-wrap{padding-left: 40px; padding-right: 40px;} .article-single-hero .hero-nav{margin-bottom: 15px;} .article-single-hero .date{margin-top: 15px;} }
@media only screen and (max-width: 420px){.article-single-hero .hero-content-wrap{padding-left: 22px; padding-right: 22px;} .article-single-hero .hero-title{letter-spacing: 2px;} .article-content{margin-top: 20px; padding-left: 22px; padding-right: 22px;} .article-content img{margin: .8em auto .6em; display: block; max-width: 100%;} .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6{font-size: 22px;} .article-content h1 + p, .article-content h2 + p, .article-content h3 + p, .article-content h4 + p, .article-content h5 + p, .article-content h6 + p{margin-top: .6em;} .article-content blockquote{margin-left: -22px; padding-left: 18px;} .article-content p + p, .article-content p + ul, .article-content p + ol, .article-content p + blockquote, .article-content p + img, .article-content blockquote + p, .article-content blockquote + ul, .article-content blockquote + ol, .article-content blockquote + blockquote, .article-content blockquote + img, .article-content ul + p, .article-content ul + ul, .article-content ul + ol, .article-content ul + blockquote, .article-content ul + img, .article-content ol + p, .article-content ol + ul, .article-content ol + ol, .article-content ol + blockquote, .article-content ol + img, .article-content img + p, .article-content img + ul, .article-content img + ol, .article-content img + blockquote, .article-content img + img{margin-top: .6em;} .article-content p + h1, .article-content p + h2, .article-content p + h3, .article-content p + h4, .article-content p + h5, .article-content p + h6, .article-content blockquote + h1, .article-content blockquote + h2, .article-content blockquote + h3, .article-content blockquote + h4, .article-content blockquote + h5, .article-content blockquote + h6, .article-content ul + h1, .article-content ul + h2, .article-content ul + h3, .article-content ul + h4, .article-content ul + h5, .article-content ul + h6, .article-content ol + h1, .article-content ol + h2, .article-content ol + h3, .article-content ol + h4, .article-content ol + h5, .article-content ol + h6, .article-content img + h1, .article-content img + h2, .article-content img + h3, .article-content img + h4, .article-content img + h5, .article-content img + h6{margin-top: .3em;} }
@media only screen and (max-width: 1200px){.openday-previous-wrap .wrap{max-width: 1000px; padding-top: 60px; padding-bottom: 60px;} .openday-previous-wrap .section-title{float: none; margin-bottom: 40px;} .openday-previous-wrap .events{margin-left: 0;} .openday-previous-wrap .event-content{margin-left: 200px;} .guest-quotes-wrap .wrap{width: auto; padding-left: 40px; padding-right: 40px;} .guest-quotes-wrap .guest-quotes{margin-top: 0;} .guest-quotes-wrap .guest-quote-item{margin-top: 30px;} .guest-quotes-wrap .guest-quote-item + .guest-quote-item{margin-left: 30px;} .guest-quotes-wrap .guest-quote-item.left, .guest-quotes-wrap .guest-quote-item.right, .guest-quotes-wrap .guest-quote-item.center{float: none; display: inline-block;} .guest-quotes-wrap .guest-info .bio{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .event-album .wrap{width: auto; padding-left: 40px; padding-right: 40px;} .album-wrap .album-img-item{max-height: 140px;} }
@media only screen and (max-width: 1000px){.openday-hero{height: auto;} .openday-hero .wrap{padding-left: 40px; padding-right: 40px; padding-bottom: 40px;} .openday-hero .tagline{max-width: 360px;} .openday-previous-wrap .wrap{width: auto; padding-left: 40px; padding-right: 40px;} .album-wrap .album-img-item{max-height: 110px;} }
@media only screen and (max-width: 860px){.openday-hero .hero-title{font-size: 30px;} .openday-hero .tagline{max-width: 320px; font-size: 16px;} .openday-hero .openday-video{margin-top: 30px;} .openday-hero .openday-video .video-cover{width: 300px; height: 180px;} .openday-previous-wrap .previous-snapshot{float: none;} .guest-quotes-wrap .wrap{padding-top: 40px; padding-bottom: 20px;} }
@media only screen and (max-width: 680px){.openday-hero .openday-video{margin-top: 50px;} .openday-hero .openday-video .video-cover{width: 250px; height: 150px;} }
@media only screen and (max-width: 800px){.openday-hero .tagline{max-width: none;} .openday-hero .openday-video{margin-top: 40px; float: left;} .openday-hero .openday-video .video-cover{width: 400px; height: 240px;} .guest-quotes-wrap .guest-quote-item{margin-top: 30px; margin-left: 30px; margin-right: 30px;} .guest-quotes-wrap .guest-quote-item + .guest-quote-item{margin-left: 30px;} .event-signup{padding-left: 40px; padding-right: 40px;} .event-signup .info{display: block; margin: 0 0 15px;} .album-wrap .album-img-item{max-height: 90px;} }
@media only screen and (max-width: 620px){.openday-hero .wrap{padding-bottom: 40px;} .openday-hero .openday-video .video-cover{width: 100%; height: auto;} .openday-previous-wrap .section-title{margin-bottom: 20px;} .openday-previous-wrap .event-item{float: left; margin-right: 30px; margin-bottom: 12px;} .openday-previous-wrap .event-item + .event-item{margin-top: 0;} .openday-previous-wrap .previous-snapshot{max-width: 100%; margin-right: 0;} .openday-previous-wrap .event-content{margin-left: 0;} .guest-quotes-wrap .wrap{padding-top: 30px; padding-bottom: 30px;} .guest-quotes-wrap .guest-quote-item{max-width: 100%; margin-left: 0; margin-right: 0;} .guest-quotes-wrap .guest-quote-item + .guest-quote-item{margin-left: 0;} .album-wrap .album-img-item{width: 50%; max-height: 160px;} }
@media only screen and (max-width: 500px){.event-signup-form-wrap{width: 100%;} .album-wrap .album-img-item{width: 50%; max-height: 130px;} }
@media only screen and (max-width: 420px){.openday-hero .wrap{padding-top: 110px; padding-left: 22px; padding-right: 22px;} .openday-hero .openday-video{margin-top: 40px;} .openday-previous-wrap .wrap{padding: 22px;} .openday-previous-wrap .event-item{margin-right: 20px;} .openday-previous-wrap .event-link{font-size: 16px; letter-spacing: 1px;} .event-signup{margin-top: 40px; padding-left: 22px; padding-right: 22px;} .guest-quotes-wrap .wrap{padding-left: 22px; padding-right: 22px;} .event-album .wrap{padding-left: 22px; padding-right: 22px;} }
@media only screen and (max-width: 1000px){.court-hero .title-wrap{margin-top: 185px; max-width: 680px;} .court-section{padding: 60px 0; text-align: center;} .court-section .copy-content{float: none; max-width: 620px; margin: 0 auto; padding-left: 25px; padding-right: 25px;} .court-section.even .copy-content{float: none; margin-top: 0;} .court-section.even .court-graph{float: none; margin-right: 0;} .court-graph{float: none; display: inline-block; margin: 30px auto 0;} .court-appointment{padding: 60px 0; height: auto; text-align: center;} .court-appointment .copy-wrap{margin-right: 30px; float: none; max-width: 620px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px;} .court-appointment .copy-title{margin-top: 0;} .appointment-form-wrap{float: none; margin-left: auto; margin-right: auto;} }
@media only screen and (max-width: 800px){.court-hero{height: 600px;} .court-hero .hero-title{font-size: 36px;} .court-hero .tagline{font-size: 18px; margin-bottom: 35px;} .court-hero .title-wrap{margin-top: 120px; max-width: 520px;} .court-section{padding: 40px 0;} .court-graph .shape-item{display: block; float: none;} .court-graph .shape-item + .shape-item{margin-top: 30px; margin-left: 0;} .court-appointment{padding: 40px 0;} }
@media only screen and (max-width: 620px){.court-hero{height: auto; padding-top: 120px; padding-bottom: 40px;} .court-hero .title-wrap{margin-top: 0; padding-left: 25px; padding-right: 25px;} }
@media only screen and (max-width: 420px){.court-hero{padding-top: 100px; padding-bottom: 30px;} .court-hero .hero-title{font-size: 30px;} .court-hero .tagline{font-size: 16px; margin-top: 15px; margin-bottom: 25px;} .court-section{padding: 30px 0;} .court-section .copy-paragraph{margin-top: 15px;} .court-graph{margin-top: 15px;} .court-appointment{padding: 30px 0 0;} .court-appointment .copy-title{font-size: 22px;} .court-appointment .copy-paragraph{font-size: 16px;} .court-appointment .appointment-form-wrap{width: 100%; margin-bottom: 0;} }
@media only screen and (max-width: 1000px){.team-intro{padding-left: 40px; padding-right: 40px;} .team-executives .chief-partner{font-size: 0.1px; max-width: 500px; margin-left: auto; margin-right: auto;} .team-executives .chief-partner .portrait{float: none; width: 100%;} .team-executives .chief-partner .intro{position: relative; top: auto; left: auto; right: auto; width: 100%; height: auto; float: none; padding: 10px 0 30px;} .team-executives .chief-partner .inner{top: auto; left: auto; bottom: auto; position: relative; right: auto; height: auto; padding-left: 22px; padding-right: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .team-executives .partners{text-align: center;} .team-executives .partner-item{display: inline-block; float: none;} .team-overlay .wrap{padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .team-lawyers .lawyers{text-align: center;} .team-lawyers .lawyer-item{float: none; display: inline-block;} }
@media only screen and (max-width: 620px){.team-intro .left, .team-intro .right{float: none; width: 100%;} .team-intro p + p{margin-top: 1em;} .team-overlay .wrap{padding-top: 130px; padding-bottom: 40px;} .team-overlay .left{float: none; width: auto;} .team-overlay .right{float: none; width: auto; margin-top: 40px;} .team-overlay .right .inner{margin-left: 0;} }
@media only screen and (max-width: 500px){.team-executives .partner-item{width: 100%;} }
@media only screen and (max-width: 420px){.team-intro{margin-top: 20px; padding-left: 22px; padding-right: 22px;} .team-executives{margin-top: 40px;} .team-overlay .wrap{padding-top: 46px; padding-left: 22px; padding-right: 22px;} }
@media only screen and (max-width: 620px){.about-main .copy-title{font-size: 24px; margin-top: 30px; margin-bottom: 12px;} .about-main .copy{margin-bottom: 35px; font-size: 16px;} .about-main .copy-title, .about-main .copy{padding-left: 25px; padding-right: 25px;} }
.icon-arrow-down-black{background-position: -184px -32px; width: 13px; height: 7px;}
.icon-arrow-left-black{background-position: -189px -101px; width: 7px; height: 10px;} a:hover > .icon-arrow-left-black{background-position: -61px -136px;}
.icon-arrow-left-grey{background-position: -184px 0px; width: 14px; height: 14px;}
.icon-arrow-right-grey{background-position: -184px -16px; width: 14px; height: 14px;}
.icon-arrow-down-white{background-position: -88px -136px; width: 10px; height: 7px;} a:hover > .icon-arrow-down-white{background-position: -100px -136px;}
.icon-arrow-right-black{background-position: -55px -150px; width: 6px; height: 10px;} a:hover > .icon-arrow-right-black{background-position: -63px -150px;}
.icon-arrow-right-dark-gold{background-position: -70px -136px; width: 7px; height: 10px;}
.icon-arrow-right-lit-gold{background-position: -79px -136px; width: 7px; height: 10px;} a:hover > .icon-arrow-right-lit-gold{background-position: -70px -136px;}
.icon-arrow-right-orange{background-position: -47px -150px; width: 6px; height: 11px;}
.icon-arrow-right-white{background-position: -63px -150px; width: 6px; height: 10px;} a:hover > .icon-arrow-right-white{background-position: -55px -150px;}
.icon-attach{background-position: -161px -101px; width: 12px; height: 12px;}
.icon-failure{background-position: -77px -101px; width: 26px; height: 25px;}
.icon-feature-graph{background-position: -142px 0px; width: 40px; height: 40px;}
.icon-feature-hammer{background-position: -118px -59px; width: 39px; height: 38px;}
.icon-feature-gear{background-position: -77px -59px; width: 39px; height: 40px;}
.icon-form-lock{background-position: -159px -59px; width: 39px; height: 36px;}
.icon-right-golden{background-position: -175px -101px; width: 12px; height: 12px;} a:hover > .icon-right-golden{background-position: -47px -136px;}
.icon-right-grey{background-position: -190px -42px; width: 7px; height: 11px;} a:hover > .icon-right-grey{background-position: -63px -150px;}
.icon-success{background-position: -133px -101px; width: 26px; height: 25px;}
.icon-success-yellow{background-position: -105px -101px; width: 26px; height: 25px;}
.icon-upright-grey{background-position: -161px -115px; width: 10px; height: 11px;}
.icon-video-play{background-position: 0px -59px; width: 75px; height: 75px;}
.icon-susongquan{background-position: 0px 0px; width: 140px; height: 57px;}
.icon-next{background-position: 0px -136px; width: 22px; height: 49px;}
.icon-prev{background-position: -24px -136px; width: 21px; height: 49px;}
.icon-step-down{background-position: -142px -42px; width: 14px; height: 14px;}
.icon-step-left{background-position: -158px -42px; width: 14px; height: 14px;}
.icon-step-right{background-position: -174px -42px; width: 14px; height: 14px;}
.weixin-qrcode{width: 132px; height: 132px; background-image: url(../images/weixin-qrcode.png); background-size: 132px 132px; background-position: center; background-repeat: no-repeat; background-color: white; padding: 4px;}
/*.icon{display: inline-block; background-repeat: no-repeat; background-image: url(../images/sprites.png); background-size: 200px 200px;}
*/@media only screen and (-webkit-min-device-pixel-ratio: 1.5){.icon{background-image: url(../images/sprites@2x.png);}
.weixin-qrcode{background-image: url(../images/weixin-qrcode@2x.png);}
.bg-wrap:before{background-image: url(../images/hero-loading@2x.gif);} }
.language_switch{position: absolute; top: 30px; right: 44px; visibility: visible; z-index: 1;}
.language_switch > a{color: white;font-weight: bold; font-size: 1.17em;}
.arrow2{margin: 0 auto 0; width:140px; height: 134px; cursor: pointer; display: block; position: absolute; overflow: hidden; border: 0 none; left: 50%; bottom: 0%; z-index: 999; margin-left:-70px; text-align:center;}
.arrow2 p{font-size:14px; color:#fff;}
.arrow2 span{background:url(../images/w1_03.png) center center no-repeat; width:21px; height:106px; display:inline-block; margin-top:6px;}
.arrow2 i{display:block; background:url(../images/w2_03.png) center center no-repeat; width:21px; height:33px; animation: down-ico 1.5s ease-out infinite; position: relative;margin-top: 40px;}
@keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}}
@-webkit-keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}}


/*公用样式*/
.features h3{text-align: center; background: url(../images/twrap.png) center center no-repeat;font-size: 40px;color: #013c4e;font-weight: bold;height: 40px;line-height: 40px;}
.features .stit{padding-top: 80px;padding-bottom: 40px;}



/*f1*/
.features .floor_1_main{height: 840px;background-color: #f5f9fa;}
.features .floor_1_1{}
.features .floor_1_1 .floor_1_left{width: 362px;height: 620px;float: left;position: relative;}
.features .floor_1_1 .floor_1_left a{display: block;width: 362px;height: 620px;}
.features .floor_1_1 .floor_1_left a img{width: 362px;height: 620px;}
.features .floor_1_1 .floor_1_left a:hover img{filter:brightness(110%);-webkit-filter:brightness(110%);}
.features .floor_1_1 .floor_1_left a .title{font-size: 18px;color: #ffffff;position: absolute;bottom: 20px;left: 20px;transition: all ease 0.6s;}
.features .floor_1_1 .floor_1_left a:hover .title{transform: translateY(-10px);transition: all ease 0.6s;}

.features .floor_1_1 .floor_1_right{background-color: #ffffff;width: 817px;float: right;}
.features .floor_1_1 .floor_1_right .list{    }
.features .floor_1_1 .floor_1_right .list .item{width: 204px;height: 206px;float: left;}
.features .floor_1_1 .floor_1_right .list .item a{display: block;}
.features .floor_1_1 .floor_1_right .list .item a img{width: 54px;height: 54px;padding-top: 40px;margin-left: 20px;transition: all ease 0.6s;}
.features .floor_1_1 .floor_1_right .list .item:hover a img{    transform: rotateY(180deg); transition: all ease 0.6s;}
.features .floor_1_1 .floor_1_right .list .item a .tit{font-size: 18px;color: #ffffff;padding-top: -14px;padding-top: 14px;text-indent: 20px;transition: all ease 0.6s;}
.features .floor_1_1 .floor_1_right .list .item:hover a .tit{    transform: translateY(-3px);transition: all ease 0.6s;}

.features .floor_1_1 .floor_1_right .list .item.it1{background-color: #35a2a2;}
.features .floor_1_1 .floor_1_right .list .item.it3{background-color: #208484;}
.features .floor_1_1 .floor_1_right .list .item.it6{background-color: #146b6b;}
.features .floor_1_1 .floor_1_right .list .item.it8{background-color: #0c5959;}
.features .floor_1_1 .floor_1_right .list .item.it9{background-color: #084a4a;}
.features .floor_1_1 .floor_1_right .list .item.it11{background-color: #003333;}
.features .floor_1_1 .floor_1_right .list .item.it2,.features .floor_1_1 .floor_1_right .list .item.it4{ border-top: 1px solid #e5eaea;}
.features .floor_1_1 .floor_1_right .list .item.it10,.features .floor_1_1 .floor_1_right .list .item.it12{ border-bottom: 1px solid #e5eaea;}
.features .floor_1_1 .floor_1_right .list .item.it4,.features .floor_1_1 .floor_1_right .list .item.it12{ border-right: 1px solid #e5eaea;}
.features .floor_1_1 .floor_1_right .list .item.it4{border-right: 1px solid #e5eaea;}

.features .floor_1_1 .floor_1_right .list .item.it2 a .tit,.features .floor_1_1 .floor_1_right .list .item.it4 a .tit,.features .floor_1_1 .floor_1_right .list .item.it5 a .tit,.features .floor_1_1 .floor_1_right .list .item.it7 a .tit,.features .floor_1_1 .floor_1_right .list .item.it10 a .tit,.features .floor_1_1 .floor_1_right .list .item.it12 a .tit{font-size: 18px;color: #333333;}


/*f2*/
.features .floor_2_2 .tit{font-size: 18px;color: #ffffff;}
.features .floor_2_2 .list .item{position: relative;}
.features .floor_2_2 .list .item .tit{position: absolute;bottom: 20px;left: 20px;transition: all ease 0.6s;}
.features .floor_2_2 .list .item:hover .tit{ transform: translateY(-10px);transition: all ease 0.6s;}
.features .floor_2_2  .list .item:hover a img{filter:brightness(110%);-webkit-filter:brightness(110%);}

.features .floor_2_main{padding-bottom: 110px;}
.features .floor_2_2 .floor_2_2_left{width: 513px;float: left;}
.features .floor_2_2 .floor_2_2_left .list{width: 513px;}
.features .floor_2_2 .floor_2_2_left .list .item{width: 249px;height: 249px;float: left;}
.features .floor_2_2 .floor_2_2_left .list .item a{display: block;}
.features .floor_2_2 .floor_2_2_left .list .item a img{width: 100%;height: 100%;}
.features .floor_2_2 .floor_2_2_left .list .item.it1{width: 513px;height: 249px;padding-bottom: 15px;}
.features .floor_2_2 .floor_2_2_left .list .item.it1 a{display: block;}
.features .floor_2_2 .floor_2_2_left .list .item.it1 a img{width: 100%;height: 100%;}
.features .floor_2_2 .floor_2_2_left .list .item.it2{padding-right: 15px;}


.features .floor_2_2 .floor_2_2_mid {float: left;padding: 0 15px;}
.features .floor_2_2 .floor_2_2_mid .list{width: 257px;height: 514px;}
.features .floor_2_2 .floor_2_2_mid .list .item{width: 257px;height: 514px;float: left;}
.features .floor_2_2 .floor_2_2_mid .list .item a{display: block;}
.features .floor_2_2 .floor_2_2_mid .list .item a img{width: 100%;height: 100%;}

.features .floor_2_2 .floor_2_2_right {float: left;}
.features .floor_2_2 .floor_2_2_right .list{width: 400px;height: 249px;}
.features .floor_2_2 .floor_2_2_right .list .item{width: 400px;height: 249px;float: left;}
.features .floor_2_2 .floor_2_2_right .list .item a{display: block;}
.features .floor_2_2 .floor_2_2_right .list .item a img{width: 100%;height: 100%;}

.features .floor_2_2 .floor_2_2_right .list .item.it5{padding-bottom: 15px;}
.features .amore{font-size: 18px;color: #365e6c;width: 388px;height: 54px;line-height: 54px;text-align: center;display: block;margin: 0 auto; margin-top: 60px; border: 1px solid #013c4e;transition: all ease 600ms;}

.features .amore:hover{border: 1px solid #084a4a;padding: 0 20px;transition: all ease 600ms; color: #084a4a;font-weight: bold;}
/*f3*/
.features .floor_3_main{ height: 750px;}

.floor_3_main .book_main{ position:relative; width:1200px; padding-bottom:130px;}
.floor_3_main .book_main .bd{ width:1200px; padding-top: 270px;}
.floor_3_main .book_main .bd .tempWrap{margin: 0 auto;border: 1px solid #828587;transition: all ease 600ms;}
.floor_3_main .book_main .bd:hover .tempWrap{border: 1px solid #f5f7fa;transition: all ease 600ms;}


.floor_3_main .book_main .bd ul{ display:inline-block;}
.floor_3_main .book_main .bd li{ position: relative; width:1000px; height:155px; text-align:center;}
.floor_3_main .book_main .bd li .picList{width:1000px; height:155px;}
.floor_3_main .book_main .bd li .picList a .tit{font-size: 24px;color: #ffffff;line-height: 40px;width: 820px;margin: 0 auto;text-align:center; padding-top: 40px;transition: all ease 0.6s;}
.floor_3_main .book_main .bd:hover li .picList a .tit{    transform: translateY(-10px);transition: all ease 0.6s;}
.floor_3_main .book_main .bd li .picList a .p1{font-size: 24px;color: #ffffff;position: absolute;bottom: 6px;right: 6px;}



.floor_3_main .book_main li .picList:hover i{ width:50px;}
.floor_3_main .book_main .gund{ text-align:center; width:1000px; position:absolute; left:50%; margin-left:-500px; top:460px;}
.floor_3_main .book_main .hd .next{width:80px;height:40px;background-position:0px -55px;position:absolute;left:54px;top: 330px;transition: all .36s ease;cursor: pointer;}
.floor_3_main .book_main .hd .prev{width:80px;height:40px;background-position:-100px -55px;position:absolute;right:54px;top: 330px;transition: all .36s ease;cursor: pointer;}
.floor_3_main .book_main .hd .next:hover{left: 40px;}
.floor_3_main .book_main .hd .prev:hover{right: 40px;}
.floor_3_main .book_main .hd ul{ display:inline-block;  text-align:center;}
.floor_3_main .book_main .hd ul li { float: left; width: 30px; height: 2px; overflow: hidden; margin:0 6px; text-indent: -999px; cursor: pointer; background-color:#cccccc; }
.floor_3_main .book_main .hd ul li.on { background-color:#013c4e;}



/*f4*/
.floor_4_main {background: url(../images/f4_bg.jpg) center center no-repeat;height: 620px;padding-bottom: 40px;margin-top: -20px;}
.floor_4_main .case_main{ position:relative; width:1200px; padding-bottom:130px;}
.floor_4_main .case_main .bd{ width:1200px; }
.floor_4_main .case_main .bd ul{display:inline-block;height: 430px;}
.floor_4_main .case_main .bd li{ width:400px; height:400px; float:left; text-align:center;}
.floor_4_main .case_main .bd li .picList{width:380px;height: 410px;display:inline-block;margin-top:5px;background-color: #FFFFFF;}
.floor_4_main .case_main .bd li .picList:hover { -moz-box-shadow:  0 4px 15px -4px rgba(0,0,0,.12);  -webkit-box-shadow:  0 4px 15px -4px rgba(0,0,0,.12);background: #FFFFFF;  box-shadow:  0 4px 15px -4px rgba(0,0,0,.12); z-index: 34;position:relative;}
.floor_4_main .case_main .bd li a.c1{width:340px;height: 190px;overflow:hidden;display:inline-block;margin-top:32px;}
.floor_4_main .case_main .bd li a.c1 img{width:340px;height: 190px;background-size:100%;display:inline-block;transition: all .36s ease;}
.floor_4_main .case_main .bd li:hover a img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.floor_4_main .case_main .bd li h4{ text-align:left; width:322px; display:inline-block; font-size:18px; color:#333333; padding-top:10px; margin-left:18px;transition: all ease 300ms;}
.floor_4_main .case_main .bd li h4 span{ display:inline-block; font-size:34px; color:#666666;font-family:"MyCustomFont"; padding-right:10px;}
.floor_4_main .case_main .bd li:hover h4{color: #084a4a;}


.floor_4_main .case_main .bd li p{ padding-top:4px; font-size:14px; color:#999999; line-height:27px; width:322px; display:inline-block; text-align:left; margin-left:18px; height:76px;transition: all ease 0.6s;}
.floor_4_main .case_main .bd li:hover p{ transform: translateY(-8px);transition: all ease 0.6s;}

.floor_4_main .case_main .bd li i{ display:block; width:0px; height:6px; background:url(../images/wrap.png) no-repeat;transition: all .36s ease; margin-left:164px; *margin-left:0px;}
.floor_4_main .case_main li .picList:hover i{ width:50px;margin-top: 14px;}
.floor_4_main .case_main .gund{text-align:center;width:1000px;position:absolute;left:50%;margin-left:-500px;top: 430px;}
.floor_4_main .case_main .hd .next{width:40px;height:40px;background:#dddddd;border-radius: 50%;position:absolute;left:-66px;top: 166px;transition: all .36s ease;cursor: pointer;color: #666666;font-size: 22px;text-align: center;}
.floor_4_main .case_main .hd .prev{width:40px;height:40px;background:#dddddd;border-radius: 50%;position:absolute;right:-100px;top: 166px;transition: all .36s ease;cursor: pointer;color: #666666;font-size: 22px;text-align: center;}
.floor_4_main .case_main .hd .next:hover{background:#013c4e;color: #fff;font-size: 22px;text-align: center;}
.floor_4_main .case_main .hd .prev:hover{background:#013c4e;color: #fff;font-size: 22px;text-align: center;}
.floor_4_main .case_main .hd ul{ display:inline-block;  text-align:center;}
.floor_4_main .case_main .hd ul li { float: left; width: 8px; height: 8px; overflow: hidden; margin:0 6px; text-indent: -999px; cursor: pointer; background-color:#cccccc; border-radius:5px; }
.floor_4_main .case_main .hd ul li.on { background-color:#013c4e;}


/*f5*/
.floor_5_main{height: 750px;background-color: #FFFFFF;}
.floor_5_1{ }
.floor_5_1 dl{ width:1200px; height:416px;}
.floor_5_1 dl dt{ float:left; width:450px;}
.floor_5_1 dl dt b{ display:block; width:450px; height:253px; overflow:hidden;}
.floor_5_1 dl dt b img{ width:100%;transition: all .36s ease;}
.floor_5_1 dl dt:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.floor_5_1 dl dt .flo_1{ width:450px; height:163px; background-color:#346371;}
.floor_5_1 dl dt .flo_1 p{float:left;width:94px;border-right: #9ab1b8 solid 1px;height:86px;margin-top:38px;font-size:45px;color: #fff;font-family:"Arial";line-height:46px;margin-left:40px;}
.floor_5_1 dl dt .flo_1 p span{ display:block;}
.floor_5_1 dl dt .flo_1 h3{float:left;width:250px;margin-left:28px;font-size:20px;color: #fff;line-height:20px;padding-top:38px;text-align: left;}
.floor_5_1 dl dt .flo_1 h3 span{ display:block; font-size:22px; color:#fff; line-height:30px; padding-top:8px;}
.floor_5_1 dl dd{ float:right; width:740px;}
.floor_5_1 dl dd a{ width:330px; margin-left:40px; float:left; display:block; border-bottom:#ccc solid 1px;}
.floor_5_1 dl dd a .fl_s{ width:330px; height:113px;}
.floor_5_1 dl dd a .fl_s b{ width:200px; height:113px; display:block; overflow:hidden; float:left;}
.floor_5_1 dl dd a .fl_s b img{ width:100%;transition: all .36s ease;}
.floor_5_1 dl dd a .fl_s:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.floor_5_1 dl dd a .fl_s i{ display:block; float:left; width:110px; height:113px; background-color:#346371; padding-left:20px;font-size:16px; color:#fff;font-family:"Arial"; line-height:16px;}
.floor_5_1 dl dd a .fl_s i span{ display:block;font-size:30px; line-height:38px; padding-top:30px;}
.floor_5_1 dl dd a .flo_1{ padding-top:28px;}
.floor_5_1 dl dd a .flo_1 h3{background: none;text-align: left; font-size:16px; color:#333; line-height:24px; font-weight:bold; height:62px;}
.floor_5_1 dl dd a .flo_1 p{ font-size:14px; color:#666; line-height:14px; height:54px;}
.floor_5_1 dl dd a.li4 .fl_s,.floor_6_1 dl dd a.li5 .fl_s{ display:none;}
.floor_5_1 dl dd a.li4,.floor_5_1 dl dd a.li5{ margin-top:14px;}
.floor_5_1 dl dd a:hover h3{ color:#346371;}
.floor_5_main .amore{font-size: 16px;color: #336666;width: 200px;line-height: 40px;display: block;margin: 0 auto;  height: 40px;border: 1px solid #013c4e;margin-top: 50px;}



/*底部信息*/
#footer_main{margin:0;width:100%;padding:0 0 30px;position:relative;z-index:3;background:#11161a;}
#footer_main .footer{padding:0;line-height:26px;}
#footer_main .botlogo{display: block;float: left;width: 300px;height:245px;padding-top: 80px;padding-right: 90px;}
#footer_main .botlogo img{display: block;width:112px;height:126px;}
#footer_main .bottom_nav{overflow:hidden;width: 660px;padding-top:80px;}
#footer_main .bottom_nav li{float:left;width:112px;padding: 0 0 0 10px;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;min-height:104px;}
#footer_main .bottom_nav li:first-child{padding-left:0px;}
#footer_main .bottom_nav li a{color: #fefefe;display:block;line-height:32px;font-size:18px;}
#footer_main .bottom_nav li a:hover{color:#fff;}
#footer_main .bottom_nav li  i{width: 20px;background-color: #666666;height: 1px;display: block;margin-top: 10px;}
#footer_main .bottom_nav li .drop{ padding-top:10px;}
#footer_main .bottom_nav li .drop a{display:block;line-height:26px;color: #e2e2e2;width:100%;font-size: 14px;}
#footer_main .bottom_nav li .drop a:hover{color:#fff;}
#footer_main .qcode{padding-top: 80px;}
#footer_main .qcode .qimg{width: 120px;height: 170px;float: left;}
#footer_main .qcode .qimg:first-child{margin-right: 20px;}
#footer_main .qcode .qimg {float: left;height: 124px;width: 124px;/* background-color: #fff; */}
#footer_main .qcode .qimg  img{height: 124px;width: 124px;margin: 0 auto;}
#footer_main .qcode .qimg .tit{text-align: center;font-size: 14px;color: #ffffff;height: 30px;line-height: 30px;}
#footer_main .botlogo img{width: 225px;height: 43px;display: block;}
#footer_main  .toptel{padding-top: 14px;font-size: 28px;color: #eeeeee;}
#footer_main .toptel i{background-position: -70px -70px;display: block;width: 26px;height: 26px;float: left;margin-right: 10px;}
#footer_main .address{font-size: 14px;color: #dddddd;line-height: 24px;}
#footer_main .address.a1{margin-top: 20px;}
.copyright_main{background: #0e1015;height: 30px;line-height: 30px;color:#0a0d0f;font-size: 12px;}
.copyright_main .copyright{color: #e2e2e2;}
.copyright_main a{color:#e2e2e2;}
.copyright_main a:hover{color:#fff;}
.fl{float: left;}
.fr{float: right;}

#footer_main .bottom_nav li.li3{width: 245px;}
#footer_main .bottom_nav li.li2{width: 160px;}
#footer_main .bottom_nav li.li3 .drop a{float: left;width: 112px;margin-right: 10px;}
#footer_main .bottom_nav li.li2 .drop a{float: left;width: 70px;margin-right: 10px;}
/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 2%; top: 44%; z-index:111;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top:4px; border:#ebebeb solid 1px; background-color:#fff;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: -1px; right: -1px; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #d71e26; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#d71e26; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px;}
.toolbar .tel span{background-position:-0px 0;}
.toolbar .tel:hover{background: #d71e26; border-radius:30px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-0px -95px;}
.toolbar .code:hover{background-color:#d71e26; border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -0px -142px;}
.toolbar .top:hover{background-color:#d71e26; border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px;}
.toolbar dd:hover{}
/* Underline From Center2 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #013c4e; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover{*height: 43px; *border-bottom: 2px solid #2c9cd1; *line-height: 43px;}

.hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #013c4e; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; }