article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
    position: relative;
}
header .navbar .logo img {
    margin: 11px;
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body {
    background: #fff
}
h1 {
    font-family: "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "华文细黑", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 36px;
    font-weight: 400
}
h2 {
    font-family: "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "华文细黑", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 28px;
    font-weight: 400
}
h3 {
    font-family: "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "华文细黑", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 22px;
    font-weight: 400
}
h4 {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase
}
h5 {
    font-size: 16px;
    font-weight: 700
}
h6 {
    font-size: 13px;
    font-weight: 100;
    text-transform: none;
}
.mr5 {
    margin-right: 6px;
}
.more {
    text-align: center;
    margin-top: 1em;
}
.more .btn {
    padding: 10px 30px;
    display: inline;
    font-size: 16px;
}
.more .btn:hover {
    border: 1px solid #E9852A;
    background: #E9852A;
    color: #fff;
}
.btn-primary {
    background-color: #00b0e9;
    border: #00b0e9;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: transparent
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#Hui-navbar {
    float: right
}
.webox {
    position: fixed;
    z-index: 999;
    padding: 8px;
    border: solid 1px #000;
    background: rgba(10, 10, 10, .5)
}
.webox #inside {
    background-color: #FFF;
    height: 240px
}
.webox #inside h1 {
    -moz-user-select: none;
    -webkit-user-select: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    padding-left: 5px;
    font-family: Arial;
    background: #F1F7FC;
    font-weight: 400;
    cursor: move;
    font-weight: 800;
    color: #000
}
.webox #inside h1 a {
    position: absolute;
    display: block;
    right: 6px;
    margin-top: 6px;
    top: 0;
    font-size: 14px;
    background-image: url(../images/close.fw.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 17px;
    height: 17px;
    cursor: pointer;
    display: inline-block
}
.webox #inside h1 a:hover {
    background-position: center bottom
}
.saw_pop_cnt {
    padding: 42px 20px;
    text-align: center
}
.saw_cnt_tit {
    margin-bottom: 6px;
    line-height: 32px;
    font-size: 32px;
    font-weight: 700;
    color: #555
}
.saw_list_ft {
    margin-top: 54px
}
.saw_list_ft .i_btn {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background-color: #f10582;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}
.saw_list_ft .i_btn {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    background-color: #f10582;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}
#listpagelide #calendar_wrap {
    width: 100%;
    overflow: auto
}
#wp-calendar {
    max-width: 80%;
    position: relative
}
#listpagelide #wp-calendar caption {
    text-align: left
}
#footer-inside .widget_categories ul {
    list-style: none
}
#footer-inside .widget_categories ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    border-bottom: none
}
#footer-inside .widget_categories ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
#footer-inside .widget_categories select#cat {
    appearance: none;
    moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, .1);
    color: #666;
    border: none;
    padding: 14px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%
}
#listpagelide #recentcomments li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    border-bottom: none
}
#listpagelide #recentcomments ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
#listpagelide #recentcomments li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
#footer-inside .widget_recent_entries ul {
    list-style: none
}
#footer-inside .widget_recent_entries ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    border-bottom: none
}
#footer-inside .widget_recent_entries ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}
#listpagelide .textwidget {
    font-weight: 400;
    text-align: left;
    color: #666;
    text-transform: none;
    font-size: 14px
}
#footer-inside .widget_text {
    font-weight: 400;
    text-align: left;
    color: #666;
    text-transform: none;
    font-size: 14px
}
#listpagelide .textwidget p {
    font-weight: 400;
    text-align: left;
    color: #666;
    text-transform: none;
    font-size: 14px
}
#listpagelide input,
select,
textarea {
    color: #666;
    -webkit-appearance: none;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
#listpagelide ul {
    list-style: none;
    padding-left: 0
}
h2 a,
h3 a,
h4 a {
    color: #262f35
}
pager {
    margin: 22px 0 44px
}
.pager .next > a,
.pager .next > span,
.pager .previous > a,
.pager .previous > span {
    float: none
}
.sito {
    overflow: hidden;
    background: #f7f7f7;
    padding-bottom: 40px;
}
.App,
.Web.Design {
    color: #f16358;
    text-transform: uppercase
}
.Grafica,
.Graphic.Design {
    color: #4db07a;
    text-transform: uppercase
}
.Fotografia,
.Newsletter,
.Photography {
    color: #5388aa;
    text-transform: uppercase
}
h5 .sep,
h6 .sep {
    color: #a8adab
}
h5 span.sep:last-child,
h6 span.sep:last-child {
    display: none
}
.delay03 {
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}
.delay05 {
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}
.delay08 {
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}
.delay12 {
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}
.lead-link {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -85px;
    padding: 5px 0;
    width: 170px;
    background: 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
    color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    z-index: 100
}
.lead-link:hover {
    text-decoration: none;
    color: transparent
}
.lead-link .icona-freccia-giu,
.lead-link .icona-freccia-giu:hover {
    color: #fff;
    font-size: 20px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .3)
}
.alert-ie7 {
    position: fixed;
    bottom: 0;
    background: #eac85d;
    z-index: 100;
    padding: 14px;
    width: 100%;
    color: #4b4135;
    text-align: center
}
.bianco {
    background: #fff;
    position: relative
}
section {
    padding: 3em 0 3em
}
section.menopadding {
    padding: 20px 0
}
section.grigio {
    background: #ebeeed
}
section.blu {
    background: #5c91b5
}
section.nopaddingtop {
    padding-top: 0
}
section.nopaddingbottom {
    padding-bottom: 0
}
.textaligncenter {
    text-align: center
}
sup {
    text-transform: none;
    font-size: .6em;
    top: -1em
}
section.blu h1,
section.blu h2,
section.blu h3,
section.blu h4,
section.blu p {
    color: #fff
}
.centra {
    display: -webkit-box;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-align: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    display: box;
    box-align: center
}
.centra-questo {
    z-index: 1;
    position: relative
}
.media {
    background: #fff;
    border-bottom: solid 1px #c7c9c8;
    margin-bottom: 30px
}
.media a {
    overflow: hidden
}
.media-img {
    overflow: hidden;
    position: relative;
    padding: 0
}
.media-img .img-overlay {
    background: #363635;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    text-align: center;
    z-index: 4;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    opacity: 0;
    visibility: hidden
}
.lt-ie9 .media-img .img-overlay {
    filter: alpha(opacity=70)
}
.media .img-overlay a {
    display: none;
    position: relative;
    margin-top: -24px
}
.media .img-overlay:hover a,
.media:hover .img-overlay a {
    display: inline-block
}
.media .img-overlay h3 {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
    font-size: 18px;
    margin-top: -40px
}
.media .media-img:hover .img-overlay,
.media:hover .img-overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.media p {
    font-size: 14px;
    line-height: 19px
}
.media a:hover {
    text-decoration: none
}
.media-body {
    padding: 20px 30px 10px 35px
}
.media div.pull-left {
    overflow: hidden;
    margin-right: -15px;
    margin-left: 14px
}
.media div.media-img img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 2000ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 2000ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 2000ms;
    width: 100%;
    height: auto
}
.media:hover div.media-img img {
    -webkit-transform: scale(1.15, 1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 1500ms;
    -moz-transform: scale(1.15, 1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 1500ms;
    transform: scale(1.15, 1.15);
    transition-timing-function: ease-out;
    transition-duration: 1500ms;
    position: relative;
    z-index: 3
}
.media .media-testo {
    margin-top: 20px;
    margin-right: 20px
}
hr {
    border-top: solid 1px #b7bbbd
}
section.pagina-testo-header {
    padding-top: 100px;
    padding-bottom: 20px;
    background: #3e7ba8 url(../images/pagina-bg.jpg) top center no-repeat;
    background-size: cover
}
section.pagina-testo-header h1 {
    color: #fff
}
section.page-header {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #454545;
    padding: 0
}
.page-header .container {
    height: 800px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    position: relative
}
.header-titolo {
    text-align: center;
    display: block;
    margin: 0 8%;
    margin-top: -130px;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0
}
.lt-ie8 .header-titolo {
    position: relative
}
.header-titolo h1 {
    color: #fff;
    font-size: 26px
}
.header-titolo p {
    border-top: solid 1px #fff;
    border-top: solid 1px rgba (255, 255, 255, .4);
    color: #fff;
    margin: 6px auto;
    display: inline-block;
    padding: 10px 0
}
.header-titolo h1 {
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}
.header-titolo p {
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}
.btn {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
.form-control::-webkit-input-placeholder {
    color: #838886
}
.form-control::-moz-placeholder {
    color: #676c6b
}
.form-control:-ms-input-placeholder {
    color: #838886
}
.form-control:input-placeholder {
    color: ##838886
}
.slider.slider-vertical {
    height: 140px;
    width: 20px;
    float: left;
    margin-left: 0;
    margin-top: 65px
}
.res-slider-img {
    margin-left: -20px;
    position: relative;
    width: 100%;
    margin-bottom: -30px;
    margin-top: -10px;
    margin-top: 20px
}
.res-slider-img img {
    position: absolute;
    display: none;
    width: 340px;
    height: auto
}
.res-slider-img img.active {
    position: relative;
    display: block
}
.res-lista {
    position: absolute;
    float: left;
    margin-top: 30px;
    left: 35px
}
.res-lista div {
    color: #d8dddc;
    margin: 15px 0
}
.res-lista div.active {
    color: #5c91b5
}
.slider-handle {
    background: #5c91b5;
    width: 16px;
    height: 16px;
    opacity: 1
}
.slider.slider-vertical .slider-handle {
    background: #5c91b5;
    margin-left: -6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.slider-selection {
    background: 0 0
}
.slider.slider-vertical .slider-track {
    width: 3px;
    background: #d8dddc;
    border: none;
    box-shadow: none;
    border-bottom: none
}
#full-width-slider {
    width: 100%;
    z-index: 5;
    overflow: hidden;
    height: 800px;
    height: 100vh
}
#full-width-slider .rsContent {
    overflow: hidden;
    height: 100%;
    width: 100%
}
.js #full-width-slider {
    background: url(../images/loading_gif.gif) center center no-repeat;
    background-size: 45px 32px
}
.lt-ie10.js #full-width-slider {
    background: url(../images/loading_gif_low.gif) center center no-repeat;
    background-size: 45px 32px
}
.js #full-width-slider.pronto,
.lt-ie10.js #full-width-slider.pronto {
    background-image: none
}
.js .rsSlide .car-descrizione {
    display: none
}
.js .rsSlide.rsActiveSlide .car-descrizione {
    display: block
}
.loader {
    height: 100%;
    position: fixed;
    width: 100%;
    background: #454545;
    top: 0;
    z-index: 9999;
    background: url(../images/loading_gif.gif) center center no-repeat #454545;
    background-size: 45px 32px
}
.lt-ie10 .loader {
    background: url(../images/loading_gif_low.gif) center center no-repeat;
    background-size: 45px 32px
}
#full-width-slider .rsOverflow {
    width: 100% !important
}
#full-width-slider .container {
    position: relative;
    height: 100%;
    z-index: 10
}
#full-width-slider a.rsImg {
    display: none
}
#full-width-slider .rsImg {
    max-width: none;
    position: absolute;
    width: 100%;
    top: 0;
    -webkit-transform: translateZ(0)
}
#full-width-slider .container.desc .row {
    position: absolute;
    z-index: 15;
    left: 15px;
    top: auto;
    bottom: 40px;
    min-height: auto;
    width: 100%
}
#full-width-slider .car-descrizione h2,
#full-width-slider .car-descrizione p {
    color: #fff;
    margin-top: 10px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .3)
}
#full-width-slider .car-descrizione h6 {
    text-shadow: 0 1px 6px rgba(0, 0, 0, .3)
}
#full-width-slider .car-descrizione h2 {
    margin-top: 10px
}
#full-width-slider .car-descrizione h2 a {
    color: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
#full-width-slider .car-descrizione h2 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .7)
}
#full-width-slider .fs1 {
    margin-right: 10px;
    bottom: -7px;
    display: inline-block;
    position: relative;
    font-size: 1.5em
}
.rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21
}
.rsVer .rsArrow {
    width: 100%;
    height: 44px
}
.rsVer .rsArrowLeft {
    top: 0;
    left: 0
}
.rsVer .rsArrowRight {
    bottom: 0;
    left: 0
}
.rsHor .rsArrowLeft {
    left: 0;
    top: 0
}
.rsHor .rsArrowRight {
    right: 0;
    top: 0
}
.rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}
.rsArrowIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}
.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px
}
.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px
}
.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px
}
.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px
}
.rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20)
}
.rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
    display: none
}
.rsBullet {
    display: inline-block;
    padding: 6px 5px 6px
}
.rsBullet span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #777;
    background: rgba(255, 255, 255, .5);
    cursor: pointer
}
.rsBullet.rsNavSelected span {
    background-color: #FFF;
    cursor: default
}
.home #full-width-slider .rsArrow {
    display: none !important
}
.home #full-width-slider .rsBullets {
    display: block
}
.home .presentazione {
    text-align: center;
    margin-bottom: 35px
}
.home .presentazione h2 {
    margin-top: 0
}
.home .grigio .media-img img {
    width: 120px
}
.home .grigio .media-body p {
    margin-bottom: 0
}
.home .grigio {
    padding-bottom: 30px
}
.section-title h2 {
    font-family: "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "华文细黑", "Hiragino Sans GB", Arial, sans-serif;
    font-size: 2.4em;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.8em;
    margin: 0;
    text-transform: none
}
.section-title p {
    font-size: 1.08em;
    line-height: 2em
}
.section-title h6 {
    font-family: 'Roboto Slab';
    font-size: 1em;
    font-weight: 100;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 3px;
    position: relative
}
.section-title span {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}
.section-title {
    margin: 35px 0;
}
.home .server .media-body p {
    margin-bottom: 0
}
.home .server {
    background: #fff
}
.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move
}
.custom-btn {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .6) inset, 0 0 0 1px #4b3854;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0 15px 5px 0;
    padding: 8px 25px;
    text-transform: uppercase
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.home .server .media-img img {
    width: 120px
}
[class*=element-size] {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: top
}
[class*=col-md] {
    display: inline-block;
    margin: 0 0px 35px 0;
    vertical-align: top
}
#home-server ul li {
    border-right: 1px solid #f2f2f2
}
.line em {
    height: 4px;
    width: 40px;
    display: inline-block;
    margin-top: -3px;
    background-color: #E9852A;
}
figure {
    margin-bottom: 6px;
    position: relative
}
.ser-info {
    position: relative;
    padding: 0 1em
}
.ser-info .text {
    margin: 10px 0 0;
    border-top: 1px dotted #f1f1f1
}
.ser-info .text h2 {
    line-height: 32px;
    margin-bottom: 0
}
.ser-info .text h4 {
    font-size: 1.2em;
    font-family: "Lantinghei SC", "Microsoft Yahei", "微软雅黑", "华文细黑", "Hiragino Sans GB", Arial, sans-serif;
    font-weight: 100
}
.ser-info .text p {
    font-size: .9em;
    line-height: 1.7;
    color: #565656
}
.txt-center {
    text-align: center
}
.txt-left {
    text-align: left
}
.txt-right {
    text-align: right
}
.casemode {
    color: #fff !important;
    margin-bottom: 0 !important;
    background-image: url(../images/freelance-bg.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}
.New_list .bd {
    position: relative
}
.news1 {
    background: #fff
}
.New_list li {
    position: relative;
    margin-top: 0%;
    margin-bottom: 30px;
}
.New_list li.on {
    background: #0061b0
}
.New_list li.on .dis,
.New_list li.on .tit {
    color: #fff
}
.New_list li.on .tit {
    background: url(../images/New_list-bg.jpg) no-repeat bottom right
}
.New_list .img-wrap,
.img-wrap img {
    width: 100%;
    height: auto
}
.New_list .text-wrap {
    padding: 15px;
    background: #fff;
    border: 1px solid #efefef;
    border-top: 0
}
.New_list .text-wrap .tit {
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 10px 0;
}
.New_list .text-wrap .dis {
    line-height: 1.6;
    padding: 5px 0;
    font-size: .9em;
    color: #666;
    margin: 0;
    border-bottom: 1px solid #f5f5f5
}
.tagfor li a {
    color: #777;
    line-height: 24px;
    font-size: 14px
}
.New_list .article__meta {
    padding: 5px 0
}
.New_list .meta-box {
    color: #999;
    margin-right: 5px;
    font: 300 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif
}
.prev-next {
    border-top: 1px solid #eee;
    padding-top: 20px
}
#newsletter {
    color: #fff !important;
    margin-bottom: 0 !important;
    padding: 6em 0 7em;
    background-image: url(../images/buy_me_bg2.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    ext-align: center
}
#newsletter .block_content {
    text-align: center
}
@media (min-width:568px) and (max-width:991px) {
    #newsletter .block_content {
        width: 70%
    }
}
@media (max-width:567px) {
    #newsletter .block_content {
        width: 100%
    }
}
#newsletter .block_content h5 {
    color: #fff;
    font-size: 2.2em;
    text-transform: uppercase;
    margin: 0 0 25px 0
}
#newsletter .block_content p {
    font-size: 15px;
    padding: 0 20px;
    color: #fff;
    margin: 0 0 25px 0
}
#newsletter .btn-newsletter {
    color: #fff;
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.5;
    height: 1.5em;
    display: inline;
    border: 1px solid;
}
.newletter-v2 #newsletter .block_content {
    width: auto;
    margin: 30px 0
}
.newletter-v2 #newsletter .block_content h1,
.newletter-v2 #newsletter .block_content p {
    color: #424242
}
.newletter-v2 #newsletter .block_content #newsletter-input {
    background: #fff;
    color: #424242;
    border: 1px solid #eee
}
.newletter-v2 #newsletter .block_content .btn-newsletter {
    margin: 0;
    background: #424242
}
@media (max-width:992px) {
    .newletter-v2 #newsletter .block_content .btn-newsletter {
        margin: 20px 0 0 0
    }
    .rtl .newletter-v2 #newsletter .block_content .btn-newsletter {
        margin: 20px 0 0 0
    }
}
.newletter-v2 #newsletter .block_content .btn-newsletter:hover {
    background: #957951
}
#clients {}
ul.our-clients li {
    list-style: none;
    width: 20%;
    padding: 10px 15px;
    text-align: center;
    float: left;
    min-height: 130px;
    margin: 0;
    vertical-align: middle;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}
ul.our-clients li:nth-child(5n) {
    border-right: 0
}
ul.our-clients li:nth-child(n+6) {
    border-bottom: 0
}
ul.our-clients li:nth-child(n+11) {
    border-top: 1px solid #e9e9e9
}
@media only screen and (max-width:767px) {
    .our-clients-wrap {
        padding-top: 0px;
    }
    ul.our-clients li {
        width: 49.979%
    }
    ul.our-clients li:nth-child(5n) {
        border-right: 1px solid #e9e9e9
    }
    ul.our-clients li:nth-child(2n) {
        border-right: 0
    }
    ul.our-clients li:nth-child(n+6) {
        border-bottom: 1px solid #e9e9e9
    }
    ul.our-clients li:nth-child(n+3) {
        border-bottom: 0
    }
    ul.our-clients li:nth-child(n+5) {
        border-top: 1px solid #e9e9e9
    }
}
ul.our-clients li img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 110px;
    margin: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(1)
}
ul.our-clients li img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0)
}
#our-clients.crsl.our-clients li {
    border: 0
}
ul.our-clients li:first-child {
    margin-left: 0
}
ul.our-clients:after {
    clear: both
}
.float-r {
    float: right
}
.float-l {
    float: left
}
.num1,
.num2,
.num3,
.num4,
.num5,
.num6 {
    height: 37px;
    padding-left: 45px;
    line-height: 37px;
    background: url(../images/num.gif) no-repeat left;
    color: #616161;
    font-size: 23px
}
.num1 {
    background-position: left top
}
.num2 {
    background-position: left -37px;
    margin-left: 10px
}
.num3 {
    background-position: left -74px
}
.num4 {
    background-position: left -111px;
    margin-left: 10px
}
.num5 {
    background-position: left -148px
}
.num6 {
    background-position: left -185px;
    margin-left: 10px
}
.service-des {
    padding: 10px 10px 10px 25px;
    color: #444;
    height: 165px;
    line-height: 22px;
    z-index: 15
}
.service-other-case-list {
    width: 352px;
    height: 182px;
    margin: 0 auto;
    overflow: hidden
}
.service-other-case-list li {
    width: 352px;
    padding: 1px;
    float: left;
    display: inline;
    text-align: left;
    font-size: 14px
}
.service-other-case-list li a {
    color: #363636
}
.service-other-case-list li a:hover {
    color: #a50303;
    text-decoration: underline
}
.service-other-case-list li img {
    margin-top: 10px
}
.btn-next,
.btn-prev {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 42%;
    background: url(../images/rnd_br_next.gif) no-repeat
}
.btn-prev {
    left: 10px;
    background-position: right bottom
}
.btn-prev:hover {
    background-position: left bottom
}
.btn-next {
    right: 10px;
    background-position: right top
}
.btn-next:hover {
    right: 10px;
    background-position: left top
}
.other-case-link,
.other-case-more {
    color: #7c7c7c
}
.other-case-link:hover,
.other-case-more:hover {
    color: #a50303;
    text-decoration: underline
}
.other-case-link {
    position: absolute;
    right: 100px;
    bottom: 10px
}
.other-case-more {
    position: absolute;
    right: 30px;
    bottom: 10px
}
.service-list-box {
    width: 900px;
    padding: 10px 20px;
    float: left;
    height: 205px;
    border-bottom: 1px dashed #eee
}
.service-info {
    width: 500px;
    color: #444;
    line-height: 22px
}
.service-info .service-text {
    padding: 5px
}
.animate-box2 {
    width: 100%;
    position: relative;
    overflow: hidden
}
.animate-box2 h2 {
    margin-left: 25px
}
*/ .service-h-content,
.quanj {
    width: 98%;
    margin: 10px auto 0 auto
}
.ser-left {
    width: 580px;
    float: left;
    border-right: 1px dotted #dedede;
    padding: 10px 10px 30px 10px;
    margin: 10px 0;
    color: #444;
    line-height: 22px
}
.ser-right {
    float: left;
    text-align: center;
    width: 350px;
    padding: 10px 0
}
.other-service {
    border-top: 1px dotted #ccc;
    padding-top: 10px
}
.other-service-list {
    padding: 0 17px;
    float: left;
    display: inline
}
.other-service-list b {
    padding: 5px;
    background: #999;
    margin-bottom: 10px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 400
}
.other-service-list b span {
    font-weight: 700;
    margin-right: 5px
}
.other-service-process {
    padding: 0 10px;
    float: left;
    display: inline;
    width: 220px
}
.other-service-process b {
    padding: 5px;
    background: #555;
    margin-bottom: 10px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 400
}
.other-service-process b span {
    font-weight: 700;
    margin-right: 5px;
    color: #fff
}
.other-service-process .scroll-content {
    border-right: 1px dotted #dedede;
    line-height: 22px;
    padding: 15px 5px;
    color: #444
}
.youshi-content {
    margin-top: 10px
}
.youshi-content .youshi-list {
    width: 488px;
    float: left;
    display: inline;
    margin-right: 1px
}
.youshi-list h2 {
    padding: 5px 2px;
    line-height: 25px;
    text-align: center;
    background: #999;
    color: #fff;
    font-size: 14px
}
.youshi-list div {
    padding: 10px
}
.youshi-list li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: inline;
    float: left
}
.tuandui-list {
    width: 210px;
    float: left;
    display: inline;
    height: 200px
}
.other-youshi {
    width: 98%;
    margin: 0 auto;
    color: #444
}
.tabs {
    padding: 10px 0;
    width: 98%;
    margin: 0 auto
}
.tabs-title {
    height: 35px
}
.tabs-title li {
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    width: 490px;
    background: #B7B7B7
}
.tabs-title li.current {
    background: #999;
    cursor: default;
    font-weight: 700
}
.quanjin .other-service-list {
    padding: 10px 0 0 10px;
    line-height: 22px;
    color: #444;
    border-bottom: 1px dotted #ccc
}
.quanjin .other-service-list .scroll-content {
    margin: 5px 0
}
.tabs-list-content {
    float: left;
    display: inline;
    min-height: 400px;
    padding-top: 10px;
    width: 100%
}
.tabs-list-content .case-list li {
    margin: 5px
}
.tabs-list-content .case-list {
    margin-left: 5px
}
.school .school-sol .other-service-process {
    padding: 0 20px;
    float: left;
    display: inline;
    width: 370px
}
.mobile-app {
    width: 98%;
    margin: 0 auto
}
.mobile-left {
    width: 260px;
    padding: 0 20px;
    line-height: 22px;
    float: left;
    min-height: 500px;
    border-right: 1px dotted #dedede
}
.mobile-right {
    width: 640px;
    float: left;
    padding-left: 10px
}
.for-list {
    width: 300px;
    height: 150px;
    float: left;
    display: inline;
    margin-right: 10px;
    line-height: 25px;
    color: #333
}
.mobile-tabs-title {
    background: url(../images/line-rep.jpg) repeat-x left bottom;
    height: 39px;
    line-height: 39px
}
.mobile-tabs-title li {
    width: 109px;
    height: 39px;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #6C6C6C
}
.mobile-tabs-title li.current {
    background: url(../images/tab-bg.jpg) no-repeat center bottom;
    text-align: center;
    cursor: default;
    font-weight: 700;
    color: #222
}
.mobile-tabs-title li span {
    height: 27px;
    padding: 4px 0;
    background: url(../images/icon1.jpg) no-repeat left bottom;
    padding-left: 18px
}
.mobile-tabs-content {
    padding: 10px
}
.mobile-tabs-list {
    float: left;
    line-height: 25px
}
.news {
    width: 98%;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 5px
}
.news-cat-box {
    width: 302px;
    float: left;
    border-right: 1px dotted #eee;
    display: inline;
    min-height: 950px;
    padding-top: 10px
}
.news-cat-box li {
    width: 284px;
    padding: 3px;
    border-bottom: 1px dotted #EAEAEA;
    float: left;
    display: inline
}
.news-list {
    width: 284px;
    padding: 10px 0
}
.news-list h3 {
    font-size: 14px;
    color: #767676;
    display: block;
    padding: 5px 0
}
.news-list h3 a {
    color: #333
}
.news-list h3 a:hover {
    text-decoration: underline;
    color: #b10c0c
}
.news-list p {
    width: 98%;
    line-height: 20px;
    color: #333
}
.news-list .article-info {
    position: static;
    padding: 0
}
.news-list .article-face img {
    margin: 7px 0
}
.news-cat-box h2 {
    margin-bottom: 10px
}
.article-img {
    padding: 5px 0
}
.pbl-list li {
    width: 225px;
    margin: 9px;
    float: left;
    display: inline;
    background: url(../images/image_shadow.png) no-repeat center bottom
}
.pbl-list li .rel-box {
    width: 225px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    background: #FFF
}
.pbl-list li .box-shadow {
    z-index: 1;
    width: 150px;
    height: 17px;
    left: 70px
}
.pbl-list li .article-des {
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    color: #444;
    line-height: 20px
}
.pbl-list li .article-box {
    width: 205px;
    margin: 0 auto;
    padding: 5px 0
}
.pbl-list li .article-box h3 {
    padding: 5px 0
}
.pbl-list li .article-box h3 a {
    color: #555
}
.pbl-list li .article-icon {
    height: 20px;
    padding: 10px 0
}
.article-show-info {
    padding: 0 0 10px 0
}
.article-details {
    padding: 10px 0;
    font-size: 16px;
    color: #3d3d3d
}
.article-title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    text-align: left;
    color: #666
}
.article-title-left {
    width: 700px;
    float: left
}
.article-title-left a {
    color: #222
}
.other-word {
    font-size: 14px;
    padding-top: 10px
}
.other-word a {
    color: #555;
    text-decoration: underline
}
.other-word b {
    color: #666
}
.article-share {
    height: 35px;
    float: left;
    padding-top: 15px;
    padding-left: 10px;
    border-left: 1px dotted #efefef
}
.article-title b {
    font-size: 18px;
    color: #797979
}
.article-title span {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px
}
.other-article {
    width: 265px;
    float: right;
    display: inline
}
#other-news li {
    height: 30px;
    width: 260px;
    border-bottom: 1px dotted #eee;
    line-height: 30px;
    float: left;
    display: inline;
    margin-left: 10px
}
#other-news li a {
    color: #747474
}
.article-prev-next a {
    color: #797979;
    font-weight: 700
}
.article-prev-next a:hover {
    color: #666;
    text-decoration: underline
}
.article-prev-next {
    padding: 10px 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #eee;
    border-top: 1px dotted #eee
}
.other-yuedu {
    padding: 10px 0
}
.other-yuedu h2 {
    font-size: 14px;
    color: #797979
}
.other-yuedu ul {
    padding: 10px 0
}
.other-yuedu li a {
    line-height: 25px;
    color: #797979
}
.contact-us {
    margin: 0 auto;
    padding: 10px 20px
}
.message-box {
    width: 350px;
    float: left
}
.contact-form p {
    line-height: 30px;
    color: #444
}
.icon-contact,
.icon-message {
    padding: 5px 10px;
    color: #555;
    height: 40px;
    background: url(../images/contact-icon.gif) no-repeat left center;
    font-size: 16px;
    margin-bottom: 10px
}
.icon-message {
    background-position: left bottom;
    padding-left: 40px
}
.icon-contact {
    background-position: left top;
    padding-left: 40px
}
.input-style {
    line-height: 18px;
    height: 18px;
    padding: 5px;
    color: #999;
    width: 350px;
    border: 1px solid #efefef;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px
}
.text-style {
    height: 100px;
    width: 350px;
    padding: 5px;
    color: #999;
    border: 1px solid #efefef;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px
}
.submit-btn {
    width: 150px;
    height: 30px;
    background: #444;
    border: none;
    color: #fff;
    line-height: 30px;
    margin-right: 20px;
    margin-top: 20px;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px
}
.submit-btn:hover {
    background: #666;
    cursor: pointer
}
.contact-info {
    width: 550px;
    float: right;
    height: 300px;
    background: url(../images/zx.jpg) no-repeat right bottom
}
.contact-info ul li {
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #555
}
.loadingmore {
    width: 98%;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    text-align: center
}
.bgcontact {
    background: url(../images/banner_contact.jpg) no-repeat center;
    position: relative;
    height: 600px
}
#clockanalog {
    background: url(../images/orologio-rd.png) no-repeat;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    position: relative
}
#clockanalog img {
    border: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
#clock {
    visibility: hidden;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 0 auto;
    background: url(../images/orologio-rd.png) no-repeat;
    list-style: none
}
.pronto #clock {
    visibility: visible
}
#hour,
#min,
#sec {
    position: absolute;
    width: 30px;
    height: 200px;
    top: 0;
    left: 87px
}
#sec {
    background: url(../images/analogseconds.png) center center no-repeat;
    z-index: 3;
    background-size: 170px
}
#min {
    background: url(../images/analogminutes.png) center center no-repeat;
    z-index: 2;
    background-size: 170px
}
#hour {
    background: url(../images/analoghours.png) center center no-repeat;
    z-index: 1;
    background-size: 170px
}
#introduce {
    background: #fff
}
#team {
    background: #fff
}
.about-intro h1 {
    margin-top: 0;
    font-size: 36px;
    border-bottom: none;
    line-height: 50px;
    ,
    "黑体";
    margin: 20px 0
}
.introCon h1 {
    margin-top: 0;
    font-size: 38px;
    font-weight: 800;
    border-bottom: none;
    line-height: 50px;
    ,
    "黑体";
    margin: 20px 0
}
.introCon p {
    line-height: 1.6em;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #f5f5f5
}
#content.articleCon h1.title {
    font-size: 36px;
    border-bottom: none;
    color: #000;
    padding-bottom: 0
}
#content.articleCon h4 {
    font-weight: 100;
    font-size: 14px;
    color: #666
}
#aboutus {
    padding: 6em 0 6em 0
}
.aboutus {
    font-size: 1em;
    line-height: 1.8;
}
.aboutus p {
    text-indent: 2em
}
#content.introContent h1.title {
    color: #454545;
    font-weight: 700
}
.aboutPiclink {
    text-align: center
}
.aboutPiclink a {
    display: inline-block;
    width: 181px;
    border: #FC6 solid 1px;
    margin: 15px 4px 0
}
.aboutPiclink a:hover {
    border-color: #F30
}
.mainIntroCon {
    overflow: hidden
}
.mainIntroCon p {
    padding: 10px 0;
    line-height: 200%;
    font-size: 14px
}
.mainIntroCon .introSpace {
    background: #fff7cd;
    border: #f3e8ac solid 1px;
    padding: 5px 15px;
    margin-bottom: 20px;
    font-size: 14px
}
.introCon ul {
    padding: 1em 0;
}
.introCon ul li {
    padding-bottom: 1em;
    padding: 1em 0;
}
.newscon {
    background-color: #f7f7f7
}

/*--- kopa-intro-1-widget ---*/

.intro-1-area {
    width: 50%;
    float: left;
}
.intro-1-area:first-child {
    padding: 50px 80px 50px 125px;
}
.intro-1-area h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    text-transform: uppercase;
}
.intro-1-area h5 {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.intro-1-area .kopa-btn-3 {
    margin-top: 12px;
}
.kopa-feature-icon {
    display: inline-block;
    text-align: center;
    width: 38px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    background: #75c5d1;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 999;
}
.kopa-feature-icon:before {
    content: '';
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 19px solid transparent;
    border-top: 16px solid #75c5d1;
    bottom: -16px;
    left: 50%;
    margin-left: 0px;
    left: 0;
    z-index: 9;
}
.kopa-feature-icon:after {
    content: '';
    position: absolute;
    border-left: 19px solid transparent;
    border-right: 0 solid transparent;
    border-top: 16px solid #75c5d1;
    bottom: -16px;
    left: 50%;
    margin-left: -19px;
    left: auto;
    right: 0;
    z-index: 9;
}
.kopa-feature-icon img {
    position: relative;
    z-index: 99;
}
.kopa-teacher-list-widget .widget-content > ul {
    margin-top: -30px;
}
.kopa-teacher-list-widget .widget-content > ul > li {
    margin-top: 30px;
}

/*--- kopa-intro-2-widget ---*/

.kopa-intro-2-widget img {
    width: 68px;
    float: left;
    margin-right: 30px;
}
.kopa-intro-2-widget .intro-content {
    overflow: hidden;
}
.kopa-intro-2-widget h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    text-transform: uppercase;
}
.advantage h4 {
    font-size: 1.4em;
    font-weight: 100;
}
.advantage p {
    font-size: 0.9em;
    line-height: 1.8;
    color: #666;
}
.advantage .entry-thumb {
    margin: 0 20px;
}
.advantage .entry-content {
    overflow: hidden;
    text-align: center;
    padding: 22px 25px;
}
.advantage .kopa-btn-4 {
    margin-top: 10px;
}
.advantage-wrap {}
#pu {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}
.loading {
    background: url(../images/loading.gif) no-repeat center center;
    width: 100%;
    height: 20px;
    margin: 0 auto
}
#zz {
    position: absolute;
    bottom: 25px;
    z-index: 10;
    right: 25px;
    width: 98px;
    height: 23px;
    background: url(../images/10.png) no-repeat
}
#zz p {
    font: 11/14px Verdana;
    color: #999;
    margin-left: 25px;
    margin-top: 3px
}
.news hr {
    border-color: #e6e6e6
}
.con_sub2 {
    width: 1140px;
    margin: 0 auto
}
.aqsc_bt {
    font-size: 36px;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 20px
}
.aqsc_bt span {
    font-size: 16px;
    padding-left: 10px
}
.aqsc_bt span em {
    font-size: 24px;
    color: #f56955
}
.widget-title {
    font-size: 2em;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-bottom: 5px;
    position: relative;
}
.widget-hd-1 {
    margin-bottom: 5em;
    padding: 0 0 0 10px;
    border-left: 2px solid #ddd;
}
.xm-product-box .hd {
    border-bottom: 1px solid #ededed;
    -webkit-border-txt-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-txt-left-radius: 4px;
    -webkit-border-txt-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-txt-right-radius: 4px
}
.xm-product-box .hd .separator {
    margin: 0 5px
}
.xm-product-box .ft {
    border-top: 1px solid #ededed;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}
.xm-product-box .nav-bar {
    margin-top: 15px;
    position: relative;
    height: 50px;
    color: #6d6d6d;
    background: #fff
}
.xm-product-box .nav-bar .title {
    float: left;
    margin: 10px 0 0 0
}
.xm-product-box .nav-bar .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #333
}
.xm-product-box .nav-bar .title small {
    font-size: 12px
}
.xm-product-box .nav-bar .title .separator {
    margin: 0 5px
}
.xm-product-box .nav-bar .nav {
    float: right;
    margin: 10px 0 0 0
}
.xm-product-box .nav-bar .nav .nav-switch {
    margin-right: 10px;
    line-height: 30px
}
.xm-product-box .nav-switch .separator {
    margin: 0 5px;
    color: #f3f3f3
}
.xm-product-box .nav-switch .link,
.xm-product-box .nav-switch .tab {
    color: #6d6d6d
}
.xm-product-box .nav-switch .link:hover,
.xm-product-box .nav-switch .tab:hover {
    color: #6d6d6d
}
.xm-product-box .nav-switch .tab-active {
    color: #ee330a;
    cursor: default
}
.xm-product-box .nav-switch .tab-active:hover {
    color: #ee330a
}
.xm-product-box .separator {
    font-family: sans-serif
}
.xm-product-box .btn-disable {
    cursor: default
}
.xm-product-box .btn-disable:hover {
    background: #6d6d6d
}
.xm-product-box .btn-disable:active {
    background: #6d6d6d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
dd,
dl,
dt,
li,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.05em;
}
.xm-product-box {
    color: #6d6d6d
}
.xm-product-box b,
.xm-product-box h2,
.xm-product-box h3,
.xm-product-box p {
    font-weight: 400;
    margin: 0;
    padding: 0
}
.xm-product-box .nav-bar .title h2 {
    display: inline
}
.xm-product-box .J_fixNavbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, .5)
}
.xm-product-box .J_fixNavbar .nav-bar {
    margin-top: 0;
    background: 0 0
}
.xm-product-box .J_fixNavbar .nav-bar .title h2 {
    color: #bec2c6
}
.xm-product-box .J_fixNavbar .nav-switch .tab {
    color: #bec2c6
}
.xm-product-box .J_fixNavbar .nav-switch .separator {
    color: #646464
}
.xm-product-box .J_fixNavbar .nav-switch .tab-active {
    color: #ff6656
}
.xm-product-box .J_fixNavbar .nav .btn {
    border: 1px solid #ff6656;
    color: #ff6656;
    background-color: transparent
}
.xm-product-box .J_fixNavbar .nav .btn.btn-dakeLight {
    cursor: default
}
.xm-product-box .J_fixNavbar .hd {
    border: 0
}
.section {
    font-family: "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", Arial, sans-serif
}
.section .section-content {
    color: #65696d
}
.section .section-content h3 {
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    font-size: 34px
}
.section .section-content .sub-title {
    font-size: 20px
}
.section .section-content ul {
    margin-top: 45px;
    -webkit-font-smoothing: antialiased
}
.section .section-content dl {
    margin-top: 5px;
    -webkit-font-smoothing: antialiased
}
.section .section-content ul li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.8
}
.section .section-content dl {
    color: #a78c62
}
.section .section-content dl dt {
    font-size: 30px
}
.section .section-content dl dd {
    font-size: 14px;
    -webkit-font-smoothing: antialiased
}
.section .section-content dl dd span {
    display: inline-block;
    width: 70px;
    border-top: 1px solid #d3c5b0
}
.section .container {
    position: relative;
    position: relative
}
.section.section-01 {
    position: relative;
    height: 650px;
    background: url(../images/bg-01.jpg) no-repeat center
}
.section.section-01 .section-content {
    width: 450px;
    color: #fff;
    position: absolute;
    top: 100px;
    left: 0;
    padding: 0 0 0 70px
}
.section.section-01 .section-img {
    position: absolute;
    top: 0;
    right: 0
}
.section.section-01 .section-content h3 {
    height: 70px;
    line-height: 70px;
    font-size: 47px
}
.section.section-01 .section-content .sub-title {
    font-size: 25px
}
.section.section-01 .section-content .price {
    margin-top: 70px;
    color: #a78c62
}
.section.section-01 .section-content .price b {
    margin-right: 3px;
    font-size: 40px;
    font-weight: 400
}
.section.section-02 {
    height: 1004px
}
.section.section-02 .section-content {
    float: right;
    width: 820px;
    padding: 80px 80px 0 0
}
.section.section-02 .section-content .info-icon {
    padding-top: 35px
}
.section.section-03 {
    height: 720px;
    background: url(../images/bg-03.jpg) no-repeat center
}
.section.section-03 .section-content {
    width: 500px;
    padding: 135px 0 0 80px;
    color: #8e9397
}
.section.section-03 .section-content .sub-title {
    color: #8e9397;
    font-size: 18px;
    margin: 0
}
.section.section-03 .section-content h3 {
    margin: 0
}
.section.section-03 .section-content dl dd span {
    border-color: #544631
}
.section.section-04 {
    height: 880px;
    background: url(../images/15.jpg) no-repeat center
}
.section.section-04 .container .section-content {
    width: 540px;
    padding: 140px 0 0 540px
}
.section.section-04 .box-intro {
    float: left
}
.box-intro {
    width: 230px;
    height: 150px
}
.box-intro .sTit {
    float: left;
    display: inline;
    margin: -1px 0 0 -1px;
    height: 36px;
    font: 22px/36px "\5FAE\8F6F\96C5\9ED1";
    color: #fff;
    border-left: 7px #ffc600 solid;
    background-color: #454545;
    padding: 0 10px;
    position: relative
}
.box-intro .sum {
    clear: both;
    line-height: 20px;
    color: #454545;
    padding: 17px 15px 0;
    font-size: 14px;
    color: #555;
    line-height: 1.5
}
.box-intro-1 {
    border-top: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-left: 1px #ccc dotted;
    border-bottom: 1px #ccc dotted
}
.box-intro-2 {
    border-top: 1px #ccc dotted;
    border-right: 1px #ccc dotted;
    border-bottom: 1px #ccc solid;
    padding-left: 1px
}
.box-intro-3 {
    border-top: 0;
    border-right: 1px #ccc solid;
    border-left: 1px #ccc dotted;
    border-bottom: 1px #ccc solid
}
.box-intro-4 {
    border-top: 0 #ccc dotted;
    border-right: 1px #ccc dotted;
    border-bottom: 1px #ccc solid;
    padding-left: 1px
}
.section.section-06 {
    height: 900px;
    background: url(../images/17.png) no-repeat center
}
.section.section-06 .section-content {
    width: 450px;
    padding: 192px 0 0 80px;
    color: #E6E0FF
}
.section.section-10 {
    height: 1402px;
    text-align: center;
    background: #19191f url(../images/bg-10.jpg) no-repeat center
}
.section.section-10 .section-content {
    width: 770px;
    padding: 140px 0 0 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #737880
}
.section.section-10 .section-content .info-icon {
    padding-top: 30px
}
.section.section-11 {
    height: 789px;
    background: url(../images/section-11.jpg) no-repeat center
}
.section.section-11 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-11 .section-content {
    width: 500px;
    padding: 135px 0 0 80px;
    color: #8e9397
}
.section.section-11 .section-content .sub-title {
    color: #8e9397;
    font-size: 18px;
    margin: 0
}
.section.section-11 .section-content h3 {
    margin: 0
}
.section.section-12 {
    height: 788px;
    background: url(../images/section-12.jpg) no-repeat center
}
.section.section-12 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-13 {
    height: 799px;
    background: url(../images/section-13.jpg) no-repeat center
}
.section.section-13 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-14 {
    height: 881px;
    background: url(../images/section-14.jpg) no-repeat center
}
.section.section-14 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-15 {
    height: 1188px;
    background: url(../images/section-15.jpg) no-repeat center
}
.section.section-15 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-16 {
    height: 1281px;
    background: url(../images/section-16.jpg) no-repeat center
}
.section.section-16 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-17 {
    height: 1281px;
    background: url(../images/section-17.jpg) no-repeat center
}
.section.section-17 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-31 {
    height: 818px;
    background: url(../images/section-31.jpg) no-repeat center
}
.section.section-31 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-32 {
    height: 1012px;
    background: url(../images/section-32.jpg) no-repeat center
}
.section.section-31 .container .section-img {
    position: absolute;
    top: 150px;
    left: 0
}
.section.section-33 {
    height: 1206px;
    background: url(../images/section-33.jpg) no-repeat center
}
.section.section-34 {
    height: 1379px;
    background: url(../images/section-34.jpg) no-repeat center
}
.section.section-35 {
    height: 1681px;
    background: url(../images/section-35.jpg) no-repeat center
}
.section.section-36 {
    height: 1529px;
    background: url(../images/section-36.jpg) no-repeat center
}
.section.section-37 {
    height: 1174px;
    background: url(../images/section-37.jpg) no-repeat center
}
.fmico {
    width: 32px;
    height: 32px;
    background: url(../images/fmico.png) no-repeat
}
.fl,
.fr,
.lifl li {
    float: left;
    display: inline;
    list-style: none
}
.fr {
    float: right
}
.modle_map {
    background: url(../images/map.png) no-repeat center top #181818;
}
.c_address {
    padding-top: 60px;
    padding-left: 0
}
.c_address li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 15px 0;
}
.c_address li a {
    color: #FFF
}
.c_address i {
    font-size: 34px;
    color: #8D8D8D;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 32px;
    margin-top: 16px;
    margin-right: 10px
}
.c_address p {
    opacity: .5;
    filter: alpha(opacity=50);
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    display: inline-block
}
.s4 {
    font-size: 1.7em;
    padding-top: 0.2em;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    color: #FFF;
}
.c_address li:hover p {
    opacity: 1;
    filter: alpha(opacity=100)
}
.c_copy {
    width: 410px;
    height: 511px;
    position: relative;
    margin-top: 52px;
    margin-right: 0
}
.c_copy a {
    color: #999
}
.c_copy a:hover {
    color: #1D79F0;
    text-decoration: underline
}
.c_copy .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 511px;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}
.c_copy .box {
    position: relative;
    z-index: 2;
    padding-top: 20px;
    font-size: 14px
}
.c_copy .p2 {
    color: #999;
    line-height: 21px;
    padding: 15px 0
}
.c_copy .p3 {
    font-size: 12px;
    color: #6c6c6c;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 14px;
    padding-top: 9px
}
.c_copy .p3 .s1 {
    display: block;
    line-height: 11px;
    color: #c8c8c8
}
.ciads {
    padding-top: 10px
}
.ciads .ico {
    display: block;
    width: 306px;
    height: 141px;
    background: url(../images/maplogo.png) no-repeat center top
}
.section-specs dl {
    border-bottom: 1px solid #d2d3d5;
    color: #65696d;
    font-family: "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", Arial, sans-serif
}
.section-specs dl dd,
.section-specs dl dt {
    float: left
}
.section-specs dl dt {
    padding-top: 45px;
    width: 18%;
    font-size: 34px
}
.section-specs dl dd {
    padding: 55px 0 45px;
    font-size: 18px;
    line-height: 2;
    -webkit-font-smoothing: antialiased
}
.section-specs dl.noborder {
    border: 0
}
@media (max-width:1260px) {
    .section.section-06 .section-content {
        padding-left: 0
    }
    .section.section-03 .section-content {
        padding-left: 0
    }
    .section.section-01 .section-content {
        padding-left: 0
    }
    .section.section-04 .container .section-content {
        padding-left: 410px
    }
    .section-specs dl dt {
        width: 15%;
        font-size: 28px
    }
}
.wt_title {
    font-size: 22px;
    line-height: 22px;
    color: #666;
    padding: 40px 0 20px;
    font-weight: 400
}
.gt_guide dl dt i,
.img .tips div,
.wd_control a,
.ws_left dl dt span,
.ws_title .fr i,
.wt_product h4 i {
    background: url(../images/weekend_travel_bg.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}
.wt_product {
    position: relative;
    width: 280px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px
}
.wt_product .img {
    width: 280px;
    height: 150px;
    background: url(../images/280_150.png) no-repeat
}
.wt_product img {
    width: 280px;
    height: 150px
}
.wt_product h4 {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    font-weight: 400;
    margin-bottom: 8px
}
.wt_product h4 i {
    background-position: -386px 0;
    width: 14px;
    height: 14px;
    margin-right: 8px
}
.wt_product .wt_plink {
    color: #333;
    font-size: 16px;
    margin-bottom: 6px;
    height: 40px;
    overflow: hidden;
    text-decoration: none;
    display: block
}
.last_week_sales dd .lws_link:hover,
.wc_box .wc_link .wc_link_list a:hover,
.wc_box .wc_link .wc_link_title a:hover,
.ws_switchbox a:hover,
.wt_product .wt_plink:hover {
    color: #155ebd
}
.wt_product p {
    line-height: 16px;
    height: 34px;
    overflow: hidden
}
.wt_product p a {
    color: #999
}
.wt_price {
    color: #f15523;
    font-size: 14px
}
.wt_price b {
    font-size: 24px;
    font-weight: 400;
    height: 20px;
    display: inline-block
}
.wt_price .gt_price {
    font-style: normal;
    vertical-align: 28%;
    margin-right: 2px
}
.wt_price .tip {
    display: inline-block;
    background-color: #f15523;
    color: #fff;
    line-height: 12px;
    font-size: 12px;
    padding: 1px;
    margin-left: 5px;
    font-family: arial;
    position: relative;
    z-index: 1;
    cursor: pointer
}
.wt_price .tip .tip_popup {
    position: absolute;
    background-color: #f15523;
    color: #fff;
    line-height: 18px;
    padding: 6px 10px;
    width: 180px;
    height: auto;
    cursor: text;
    text-align: left;
    display: none
}
.wt_price .tip .tip_popup .arr_l,
.wt_price .tip .tip_popup .arr_r {
    position: absolute;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
    bottom: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #f15523;
    z-index: -1
}
.wt_price .tip .tip_popup .arr_l {
    left: 0;
    border-left: 10px solid #f15523
}
.wt_price .tip .tip_popup .arr_r {
    right: 0;
    border-right: 10px solid #f15523
}
.ws_switchbox {
    width: 421px;
    height: 380px;
    background-color: #f8fafd;
    overflow: hidden
}
.ws_switchbox dl {
    float: left;
    overflow: hidden
}
.ws_switchbox dl a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}
.ws_switchbox .ws_sul_01 {
    width: 160px;
    padding: 20px
}
.ws_switchbox .ws_sul_01 dd {
    width: 160px;
    margin: 0
}
.ws_switchbox .ws_sul_01 .ws_link_list {
    width: 170px;
    height: 96px;
    overflow: hidden
}
.ws_switchbox .ws_sul_01 dd {
    border-bottom: 1px dotted #ccc;
    line-height: 26px;
    padding: 8px 0
}
.ws_switchbox .ws_sul_01 dd .ws_link_list {
    margin: 10px -10px 0 0
}
.ws_switchbox .ws_sul_01 dd .ws_link_list a {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    line-height: 24px
}
.clothesTop {
    width: 180px;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    border-left: 1px dotted #ccc;
    background-color: #fff
}
.clothesTop dt {
    width: 180px;
    height: 240px;
    overflow: hidden
}
.clothesTop dt img {
    width: 180px;
    height: 240px;
    overflow: hidden
}
.clothesTop dd {
    width: 180px;
    padding: 10px 0 0;
    font-size: 14px
}
.clothesTop dd b {
    display: block;
    width: 180px;
    height: 30px;
    padding: 6px 0 0;
    font-size: 16px
}
.clothesTop dd p {
    width: 180px;
    height: 42px;
    line-height: 21px;
    font-size: 12px
}
.clothesBtm {
    width: 180px;
    height: 63px;
    padding: 11px 0 0;
    overflow: hidden
}
.clothesBtm li {
    width: 180px;
    height: 24px
}
.ws_switchbox .wt_product {
    width: 180px;
    padding: 0 20px;
    margin: 20px 0
}
.ws_switchbox .wt_product .img {
    width: 180px;
    height: 96px;
    background: url(../images/180_96.png) no-repeat
}
.ws_switchbox .wt_product .img img {
    width: 180px;
    height: 96px
}
.ws_switchbox .wt_product .wt_plink {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    height: 37px
}
.ws_switchbox .wt_product .wt_price {
    margin: 0 0 20px;
    font-size: 14px
}
.ws_switchbox .wt_product h4 {
    font-size: 12px
}
#pro {
    width: 481px;
    height: 380px;
    background-color: #f8fafd;
    overflow: hidden
}
.c4_center {
    width: 330px;
    height: 300px;
    padding: 15px 11px 0 13px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #e4e4e4
}
.c4_cenCen {
    width: 330px;
    height: 150px;
    overflow: hidden;
    border-bottom: 1px solid #f4f4f4;
    padding: 25px
}
.c4_cenCen2 {
    padding: 20px 0 0
}
.c4_cenCen dt {
    width: 100px;
    height: 130px;
    overflow: hidden;
    float: left
}
.c4_cenCen dd {
    width: 215px;
    height: 130px;
    overflow: hidden;
    float: right
}
.c4_cenCen ul {
    width: 215px;
    height: 96px;
    overflow: hidden
}
#menu .c4_cenCen li {
    width: 215px;
    height: 24px;
    font-size: 14px;
    border-left: none;
    border-bottom: 1px solid #f5f5f5
}
#menu .c4_cenCen li a {
    color: #555
}
.c4_cenCen div.pub_textTit {
    width: 215px;
    height: 30px;
    padding: 4px 0 0;
    font-size: 16px
}
.NewTutorials-list li,
.apple-ex a,
.lib-list li,
.spr {
    background: url(../images/spr.png) no-repeat;
    display: block
}
#newsdetail {
    background: #f7f7f7;
    padding: 80px 0
}
#detailbox {
    background: #fff;
    padding: 2em;
}
.tle {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #acabab;
}
.tle a {
    color: #acabab
}
.tle a:hover {
    color: #000
}
.caes_title {
    clear: both;
    padding-top: 0.8em;
    border-bottom: 1px solid #ddd
}
.caes_title {}
.caes_title h1 {
    font-size: 2em;
    font-weight: 700;
    color: #000;
    line-height: 1.8;
}
.caes_title p {
    font-size: 0.8em;
    color: #555;
    white-space: nowrap;
    height: 2em;
    line-height: 1.4;
    display: block
}
.caes_title p i {
    padding-right: 5px;
    color: #aaa
}
.caes_title p i:hover {
    background-position: 0 9px;
    color: #cc0101
}
.caes_title p em {
    padding-left: 5px;
    padding-right: 5px;
    color: #aaa;
    font-style: normal
}
.caes_title p em:hover {
    background-position: 0 10px;
    color: #cc0101
}
.caes_title ul {
    padding-top: 10px;
    float: right;
}
.caes_title ul li {
    float: left;
    padding-left: 8px
}
.caes_title ul li a {
    width: 38px;
    height: 38px;
    display: block;
    background: url(../images/bg29.png) no-repeat left top
}
.caes_title ul li a:hover {
    background-position: left bottom
}
.caes_title ul li.li02 a {
    background-position: -46px top
}
.caes_title ul li.li02 a:hover {
    background-position: -46px bottom
}
.caes_title ul li.li03 a {
    background-position: right top
}
.caes_title ul li.li03 a:hover {
    background-position: right bottom
}
.news_edit {
    padding: 20px 0 0;
    color: #565656;
    font-size: 1em;
    line-height: 1.8em;
}
.news_edit p {
    font-size: 1em;
    line-height: 1.9;
    padding: 5px
}
.news_edit h1,
.news_edit h2,
.news_edit h3,
.news_edit h4,
.news_edit h5,
.news_edit h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em
}
.news_edit h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8em
}
.news_edit img {
    display: block;
    margin: 0;
}
.page02 {
    clear: both;
    padding: 30px 0 30px;
    height: 38px;
    border-top: 1px solid #ccc
}
.page02 ul li {
    float: right;
    padding-left: 20px
}
.page02 ul li.back {
    float: left;
    padding-left: 0
}
.page02 ul li.back a {
    width: 292px;
    height: 38px;
    display: block;
    background: url(../images/bg33.png) no-repeat left top
}
.page02 ul li.back a:hover {
    background-position: left -39px
}
.page02 li a {
    width: 38px;
    height: 38px;
    display: block
}
.page02 li.prev a {
    background: url(../images/bg29.png) no-repeat -46px top
}
.page02 li.prev a:hover {
    background-position: -46px bottom
}
.page02 li.next a {
    background: url(../images/bg29.png) no-repeat right top
}
.page02 li.next a:hover {
    background-position: right bottom
}
.sidebar-column {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .01);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .01);
    box-shadow: 0 0 8px rgba(0, 0, 0, .01);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .01) 0 8px rgba(0, 0, 0, .01);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .01) 0 8px rgba(0, 0, 0, .01);
    box-shadow: 0 0 8px rgba(0, 0, 0, .01) 0 8px rgba(0, 0, 0, .01);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #FFF;
    font-size: 15px;
    width: 22%;
    float: right
}
.fn {
    float: left;
    font-style: normal;
    line-height: 16px;
    padding-bottom: 5px;
    margin-top: 0;
    font-family: Montserrat, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase
}
.fn a {
    color: #999
}
.fn a:hover {
    background: 0 0;
    color: #4d515c
}
section.blu.webdev {
    background: url(../images/webdev-bg.png)
}
section.blu.webdev .row > div {
    position: relative
}
.webdev-img {
    position: relative;
    max-width: 100%;
    height: auto
}
#graphicdesign-img {
    position: relative;
    max-width: 100%;
    height: AUTO;
    margin-bottom: -30px;
    margin-top: 0
}
section.foto {
    background: url(../images/about-photo.jpg) center center;
    background-size: cover;
    height: 450px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3)
}
section.foto .row > div {
    position: relative
}
section.about-tre {
    text-align: center
}
.sumisura {
    background: #eef3f7;
    border: dashed 3px #c3d6e4;
    padding: 20px 70px 30px
}
.header-titolo .icona-rd-portfolio {
    color: #fff;
    font-size: 140px;
    height: 140px;
    width: 140px;
    text-align: center;
    margin: 0 auto 30px;
    line-height: 140px
}
.post-type-archive-portfolio .img1 {
    height: 100px;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 10
}
.post-type-archive-portfolio .img2,
.post-type-archive-portfolio .img3 {
    display: none
}
.post-type-archive-portfolio .media {
    margin-top: 0;
    margin-bottom: 60px;
    position: relative
}
.post-type-archive-portfolio .media-post {
    padding: 20px 30px;
    overflow: hidden
}
.post-type-archive-portfolio .media p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0
}
.post-type-archive-portfolio .media-img {
    padding: 0;
    height: 270px
}
.blocco-portfolio {
    position: relative
}
.blocco-portfolio a {
    display: block
}
.blocco-portfolio a:hover {
    cursor: pointer
}
.blocco-portfolio .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(36, 39, 41, .8);
    height: 100%;
    text-align: center;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    display: box;
    box-align: center;
    box-pack: center;
    color: #fff;
    display: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.blocco-portfolio a:hover .overlay {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box
}
.single-portfolio #full-width-slider .rsBullets {
    display: none !important
}
.single-portfolio .img1,
.single-portfolio .img2,
.single-portfolio .img3 {
    height: 100px;
    width: auto;
    position: absolute;
    top: 80px;
    right: 0;
    display: block
}
.single-portfolio .img2 {
    top: 190px
}
.single-portfolio .img3 {
    top: 300px
}
.portfolio-freccia {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 46px;
    height: 46px;
    color: #fff;
    padding: 0;
    z-index: 20
}
.portfolio-freccia a {
    position: relative;
    display: block;
    border: solid 1px #fff;
    padding: 0;
    top: 0;
    left: 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 46px;
    height: 46px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.portfolio-freccia:hover a {
    width: 52px;
    height: 52px;
    top: -3px;
    left: -3px;
    padding-left: 3px;
    padding-top: 3px
}
.portfolio-freccia figure {
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    border: solid 2px #fff;
    overflow: hidden;
    bottom: 0;
    left: 50px;
    display: none;
    width: 180px;
    height: 180px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-clip: padding-box;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(.6, .6);
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(.6, .6);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 200ms
}
.portfolio-freccia:hover figure {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 30px;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: 200ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 200ms
}
.portfolio-freccia figure:hover {
    display: block
}
.portfolio-freccia-dx figure {
    left: auto;
    right: 50px
}
.portfolio-freccia figure img {
    max-width: none;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px
}
.portfolio-freccia a div {
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    text-indent: -4px
}
.portfolio-freccia:hover a {
    text-decoration: none;
    background: #fff
}
.portfolio-freccia:hover a div {
    color: #454545
}
.portfolio-freccia-dx {
    position: absolute;
    top: 50%;
    left: auto;
    right: 20px
}
.portfolio-freccia-dx a div {
    text-indent: 4px
}
.single-portfolio #full-width-slider .container.desc .row {
    bottom: 20px
}
.portfolio-sing-blocchi .media:first-child {
    margin-top: 15px
}
.portfolio-sing-blocchi .media {
    background: 0 0;
    border-bottom: none
}
.portfolio-sing-blocchi .media .img-overlay a {
    top: auto
}
#map_canvas {
    min-height: 300px
}
.mappa-overlay {
    background: #ebeeed;
    padding: 30px 0 0
}
.mappa-overlay .container .form-contatti {
    pointer-events: all;
    background: #5388aa;
    position: relative;
    padding: 0
}
.mappa-overlay .media-body {
    padding-top: 15px
}
.mappa-overlay .media img {
    max-width: 132px
}
.wpcf7 textarea {
    height: 140px
}
div.wpcf7 {
    padding: 0
}
form.wpcf7-form {
    margin-bottom: 0
}
.form-contatti-body {
    padding: 30px 15px 0
}
.form-contatti-footer {
    padding: 20px 15px 20px;
    background: #477ea2;
    position: relative
}
div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 16px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 24px;
    height: 24px
}
div.wpcf7-response-output {
    margin: 0;
    padding: 15px;
    text-align: center
}
div.wpcf7-validation-errors {
    background-color: #fcf8e3;
    border: none;
    color: #c09853;
    border-bottom: solid 1px #dfdfdf
}
span.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin-bottom: 12px
}
span.wpcf7-form-control-wrap input,
span.wpcf7-form-control-wrap select,
span.wpcf7-form-control-wrap textarea {
    margin-bottom: 0
}
span.wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip-no-ajax {
    position: absolute;
    top: 0;
    left: auto;
    z-index: 10;
    background: #fff;
    background: #ff4a60;
    border: none;
    font-size: 10pt;
    width: 100%;
    padding: 2px;
    right: 0;
    height: 100%;
    line-height: 46px;
    opacity: .5;
    padding: 0;
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden
}
div.wpcf7-response-output {
    margin: 0;
    padding: 10px 15px
}
div.wpcf7-mail-sent-ok {
    background: #48aa78;
    color: #fff;
    border: none
}
div.wpcf7-validation-errors {
    border: none;
    color: inherit;
    border-bottom: solid 1px #c7c9c8;
    background: #d8dddc;
    display: block;
    color: #51595f
}
.form-contatti h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px
}
.bootstrap-select button,
.bootstrap-select button:active,
.btn-group.open .btn.dropdown-toggle {
    background: #fff;
    color: #454545
}
.form-contatti .checkbox input[type=checkbox],
.form-contatti .radio input[type=radio] {
    position: relative
}
.form-contatti .checkbox span.wpcf7-list-item {
    margin-left: 0
}
.form-contatti .checkbox {
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px
}
.form-contatti .checkbox span.wpcf7-form-control-wrap {
    margin-bottom: 0
}
.form-contatti .checkbox a {
    color: #fff;
    text-decoration: underline
}
.contatti-numeri {
    background: #fff
}
.contatti-numeri h2 {
    background: #fff;
    text-align: center;
    margin-top: 0
}
.contatti-numeri p {
    line-height: 45px;
    width: 200px;
    margin: 0 auto
}
.contatti-numeri p > span {
    display: block
}
.content-info {
    font-size: 14px;
    line-height: 20px;
    padding: 30px 0;
    background: #fff;
    position: relative
}
.content-info h5 small {
    color: #838886;
    margin-left: 4px
}
.sottofooter {
    font-size: 12px
}
.content-info .icone-social {
    width: 150px;
    margin: 0 auto 20px
}
.content-info .addthis_button_facebook_like iframe {
    width: 120px !important
}
.content-info .copyright {
    text-align: center
}
.icone-social a {
    font-size: 24px
}
.icone-social a:hover {
    text-decoration: none;
    opacity: .8
}
a.icona-facebook {
    color: #2c89b6
}
a.icona-twitter {
    color: #45ada8
}
a.icona-google-plus {
    color: #dd4c39
}
a.icona-flickr {
    color: #ea4c89
}
a.icona-instagram {
    color: #aa7e62
}
.language_list {
    list-style: none;
    text-align: center
}
.language_list ul {
    padding: 0;
    margin: 0
}
.language_list li {
    display: inline-block;
    margin: 0 5px
}
.aligncenter {
    display: block;
    margin: 0 auto
}
.alignleft {
    float: left
}
.alignright {
    float: right
}
figure.alignnone {
    margin-left: 0;
    margin-right: 0
}
.mappa-overlay {
    position: relative;
    top: 0;
    width: 100%;
    pointer-events: none;
    background: 0 0
}
.mappa-overlay > .container {
    width: 100%;
    padding-top: 180px
}
.mappa-overlay .container .media {
    pointer-events: all;
    margin-top: 0;
    position: relative;
    margin-top: 100px
}
.mappa-overlay .container .media-body {
    padding: 15px 25px 5px 25px
}
.mappa-overlay .media img {
    max-width: none
}
.mappa-overlay .container .form-contatti {
    margin-bottom: 150px
}
.form-contatti-body {
    padding: 20px 20px 0
}
.form-contatti-footer {
    padding: 10px 20px
}
.contatti-numeri {
    pointer-events: all;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px 0 20px
}
.contatti-numeri p {
    margin-bottom: 0;
    line-height: 35px;
    text-align: center;
    width: auto
}
.contatti-numeri p span span {
    margin-left: 25px
}
.contatti-numeri p span {
    display: inline
}
.contacts .content-info,
.contatti .content-info {
    padding-top: 30px
}
.content-info {
    padding: 60px 0
}
.content-info .slogan {
    width: 120px;
    height: auto;
    margin-left: -20px;
    margin-top: 20px
}
.content-info .icone-social {
    float: left;
    margin: 0
}
.content-info .copyright {
    float: right;
    text-align: left
}
.sidenav {
    position: fixed;
    z-index: 8000;
    right: 0;
    bottom: 20px;
    font-family: "Microsoft Yahei"
}
.sidenav .channels {
    position: absolute;
    bottom: 194px;
    right: 0;
    width: 85px;
    display: none
}
.sidenav .scroll {
    height: 15px;
    line-height: 15px;
    position: relative
}
.sidenav .channels .icon {
    position: absolute;
    width: 7px;
    height: 7px;
    background-image: url(../images/element.png);
    background-position: -44px -9px;
    top: 6px;
    left: 4px
}
.sidenav .channels .em {
    color: #e0e0e0;
    height: 11px;
    border-left: 1px solid #e0e0e0;
    margin-left: 7px;
    margin-top: 0
}
.sidenav .channel-name {
    margin-left: 17px;
    color: #787878;
    font-size: 13px;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    cursor: pointer
}
.sidenav .active .channel-name,
.sidenav .scroll:hover .channel-name {
    color: #fff;
    background-color: #E9852A
}
.sidenav .channels .active .icon,
.sidenav .scroll:hover .icon {
    width: 15px;
    height: 15px;
    background-position: -104px 0;
    top: 1px;
    left: 0
}
.sidenav .to-top {
    display: none;
    width: 44px;
    height: 44px;
    background: url(../images/float.png) no-repeat;
    cursor: pointer
}
.sidenav .to-top:hover {
    background-position: right top
}
.sidenav .to-weixin {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 2px;
    background-image: url(../images/float.png);
    background-position: 0 -44px;
    cursor: pointer
}
.sidenav .weixin-expand {
    position: absolute;
    display: none;
    width: 135px;
    height: 160px;
    background-color: #d7d7d7;
    left: -135px;
    bottom: 0
}
.sidenav .to-weixin:hover .weixin-expand {
    display: block
}
.sidenav .weixin-expand img {
    display: block;
    margin: 9px auto 0 auto;
    border: 1px solid #ddd
}
.sidenav .weixin-expand div {
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 24px
}
.sidenav .to-weixin:hover {
    background-position: -56px -44px
}
.sidenav .to-subscribe {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 2px;
    background: url(../images/float.png) no-repeat -56px -308px;
    cursor: pointer
}
.sidenav .to-subscribe:hover {
    background-position: -56px -264px
}
.sidenav .subscribe-expand {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 44px;
    right: 44px;
    top: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    line-height: 44px;
    color: #000;
    background-color: #d7d7d7
}
.sidenav .to-subscribe:hover .subscribe-expand {
    width: 89px
}
.sidenav .to-share {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 2px;
    background-image: url(../images/float.png);
    background-position: 0 -88px;
    cursor: pointer
}
.sidenav .to-share:hover {
    background-position: -56px -88px
}
.sidenav .share-expand {
    position: absolute;
    width: 0;
    top: 0;
    right: 45px;
    height: 44px;
    background-color: #d7d7d7;
    overflow: hidden;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}
.sidenav .to-share:hover .share-expand {
    width: 107px
}
.sidenav .share-expand .icon {
    display: block;
    float: left;
    width: 53px;
    height: 33px;
    margin-top: 0;
    background-image: url(../images/float.png)
}
.sidenav .share-expand .to-icon-weibo {
    border-right: 1px solid #fff;
    background-position: 0 -264px
}
.sidenav .share-expand .to-icon-weibo:hover {
    background-position: 0 -297px
}
.sidenav .share-expand .to-icon-weixin {
    background-position: 0 -330px
}
.sidenav .share-expand .to-icon-weixin:hover {
    background-position: 0 -363px
}
.sidenav .to-staight {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 2px;
    background-image: url(../images/float.png);
    background-position: 0 -132px;
    cursor: pointer
}
.sidenav .to-staight > div {
    position: absolute;
    top: 0;
    right: 44px;
    width: 0;
    overflow: hidden;
    height: 44px;
    background-color: #d7d7d7;
    line-height: 16px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}
.sidenav .to-staight a {
    font-size: 14px;
    display: block;
    margin: 6px auto;
    padding: 0 10px;
    color: #fff
}
.sidenav .to-staight:hover {
    background-position: -56px -132px
}
.sidenav .to-staight:hover > div {
    width: 134px
}
.sidenav .to-discovery {
    display: none;
    height: 44px;
    margin-bottom: 2px;
    position: relative
}
.sidenav .to-discovery .up-20 {
    position: absolute;
    top: -6px;
    right: 31px;
    width: 200px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    text-indent: 2px;
    background: url(../images/up-20.png)
}
.sidenav .to-discovery .up-20 p {
    padding-left: 5px
}
.sidenav .to-discovery .item {
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-image: url(../images/float.png)
}
.sidenav .to-discovery .to-star {
    background-position: 0 -220px;
    position: relative
}
.sidenav .to-discovery .to-star label {
    position: absolute;
    color: #e92929;
    font-size: 12px;
    right: 3px;
    top: 0;
    font-weight: 700
}
.sidenav .to-discovery .to-star:hover {
    background-position: -56px -220px
}
.sidenav .to-discovery .to-vogue {
    background-position: 0 -176px
}
.sidenav .to-discovery .to-vogue:hover {
    background-position: -56px -176px
}
nav.smartscroll-nav {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #F8F8F8;
    border: 1px solid #E7E7E7;
    z-index: 999;
    width: 100%;
    box-shadow: 1px 1px 10px #DDD
}
nav.smartscroll-nav > ul:after,
nav.smartscroll-nav > ul:before {
    content: " ";
    display: table
}
nav.smartscroll-nav > ul {
    float: left;
    margin: 0
}
nav.smartscroll-nav > ul > li {
    float: left;
    display: block;
    position: relative
}
nav.smartscroll-nav > ul > li > a {
    padding: 10px 15px;
    line-height: 20px;
    display: block;
    text-decoration: none;
    color: #666
}
nav.smartscroll-nav > ul > li > a:hover {
    color: #333;
    border-bottom: 1px solid #999
}
nav.smartscroll-nav > ul > li.active:hover {
    color: #666
}
nav.smartscroll-nav > ul > li.active {
    border-bottom: 1px solid #000
}
nav.smartscroll-controls {
    position: fixed;
    top: 50%;
    left: 0
}
nav.smartscroll-controls > a {
    display: block;
    margin: 15px
}
nav.smartscroll-controls > a.prev {
    border-color: #333;
    border-style: solid none none solid;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
nav.smartscroll-controls > a.next {
    border-color: #333;
    border-style: none solid solid none;
    border-width: 2px;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
* html .layer {
    position: absolute;
    bottom: auto;
    top: expression(eval(document.documentElement.scrollTop+150))
}
.layer {
    position: fixed !important;
    position: absolute;
    z-index: 21;
    top: 150px;
    left: 60px;
    background: url(../images/pfbj4.gif) no-repeat;
    width: 124px;
    height: 421px;
    z-index: 100;
    padding-top: 112px
}
.layer li.qq {
    padding-top: 3px
}
.layer li.qq a {
    height: 23px;
    display: block;
    width: 80px;
    margin-left: 20px
}
.layer li.xl {
    margin-top: 158px
}
.layer li.xl a {
    height: 45px;
    display: block;
    width: 124px
}
.workDetailMain {
    padding: 0;
    background: #f8f8f8
}
.workDetailMain .box {
    width: 1140px;
    margin: 0 auto
}
.workDetailMain .line {
    height: 8px;
    background: #dbdbdb;
    overflow: hidden
}
.workDetailMain .line span {
    width: 270px;
    height: 100%;
    display: inline-block;
    background: #69B015;
    float: left
}
.workDetailMain .main {
    padding: 2em;
    background: #fff;
}
.workDetailMain .title {
    margin: 0 0 15px 0;
    font-size: 32px;
    line-height: 60px;
    color: #393939;
    font-weight: 700;
    border-bottom: 1px solid #ddd
}
.workDetailMain .remarks {
    font-size: 14px;
    line-height: 24px;
    color: #9b9796;
}
.workDetailMain .type {
    font-size: 14px;
    line-height: 24px;
    color: #9b9796;
}
.workDetailMain .type .typec1 {
    font-size: 14px;
    line-height: 24px;
    color: #9b9796;
}
.workDetailMain .type .gnarrow-right {
    position: absolute;
    top: 0;
    right: -10px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent
}
.workDetailMain .type .gnarrow-right {
    border-left-color: #91dbd5
}
.gnarrow-right {
    border-left-style: solid;
    border-left-color: #000;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: 5px dashed transparent
}
.tag-1 {
    background-color: #91dbd5
}
.tag-2 {
    background-color: #d6d6d6
}
.tag-3 {
    background-color: #f96860
}
.tag-4 {
    background-color: #60baf9
}
.workDetailMain .type .tag {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    line-height: 17px;
    padding: 0 5px;
    color: #fff;
    white-space: nowrap;
    background-color: #91dbd5;
    text-decoration: none
}
.article-list .article .tag {
    margin-bottom: 14px
}
.workDetailMain .content {
    padding: 50px 0;
    border-bottom: 8px solid #dbdbdb
}
.workDetailMain .content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.workDetailMain .other .t1 {
    padding: 15px 0;
    line-height: 30px;
    overflow: hidden
}
.workDetailMain .other .t1 span {
    font-size: 22px;
    color: #a5a5a5;
    float: left
}
.workDetailMain .other .btns {
    float: right
}
.workDetailMain .other .btnLeft {
    width: 29px;
    height: 29px;
    display: inline-block;
    background: url(../images/btn4.png) no-repeat 0 0
}
.workDetailMain .other .btnLeft:hover {
    background-position: 0 -29px
}
.workDetailMain .other .btnRight {
    width: 29px;
    height: 29px;
    margin: 0 0 0 5px;
    display: inline-block;
    background: url(../images/btn4.png) no-repeat -29px 0
}
.workDetailMain .other .btnRight:hover {
    background-position: -29px -29px
}
.workDetailMain .listBox {
    height: 280px;
    overflow: hidden;
    position: relative
}
.workDetailMain .listBox ul {
    width: 9999px;
    position: absolute;
    left: 0;
    top: 0
}
.workDetailMain .listBox li {
    width: 250px;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0;
    border-bottom: 4px solid #dbdbdb;
    float: left;
    transition: border-color 400ms
}
.workDetailMain .listBox li .i5 {
    opacity: 0;
    filter: alpha(opacity=0);
    margin: -34px 0 0 -34px;
    position: absolute;
    left: 10%;
    top: 50%;
    transition: 400ms
}
.workDetailMain .listBox li .i6 {
    opacity: 0;
    filter: alpha(opacity=0);
    margin: -16px 0 0 -17px;
    position: absolute;
    left: 90%;
    top: 50%;
    transition: 400ms
}
.workDetailMain .listBox li a {
    display: block;
    color: #8f8f8f
}
.workDetailMain .listBox li .imgBox {
    height: 220px;
    overflow: hidden;
    position: relative
}
.workDetailMain .listBox li .img {
    width: 100%;
    height: 100%
}
.workDetailMain .listBox li .bg {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    background: #7bc91e;
    position: absolute;
    left: 0;
    top: 0;
    transition: 400ms
}
.workDetailMain .listBox li .t {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    transition: 400ms
}
.workDetailMain .listBox li .time {
    font-size: 14px;
    transition: 400ms
}
.workDetailMain .listBox li:hover {
    border-color: #69B015
}
.workDetailMain .listBox li:hover .magnifier {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}
.workDetailMain .listBox li:hover .bg {
    opacity: .8;
    filter: alpha(opacity=80)
}
.workDetailMain .listBox li:hover a {
    color: #373737
}
.workDetailMain .listBox li:hover .i5 {
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100)
}
.workDetailMain .listBox li:hover .i6 {
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100)
}
.workDetailMain .navtit ul {
    padding-top: 10px;
    position: absolute;
    top: 25px;
    right: 25px
}
.workDetailMain .navtit ul li {
    float: left;
    padding-left: 8px
}
.workDetailMain .navtit ul li a {
    width: 38px;
    height: 38px;
    display: block;
    background: url(../images/bg29.png) no-repeat left top
}
.workDetailMain .navtit ul li a:hover {
    background-position: left bottom
}
.workDetailMain .navtit ul li.li02 a {
    background-position: -46px top
}
.workDetailMain .navtit ul li.li02 a:hover {
    background-position: -46px bottom
}
.workDetailMain .navtit ul li.li03 a {
    background-position: right top
}
.workDetailMain .navtit ul li.li03 a:hover {
    background-position: right bottom
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */


/* clearfix */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}

/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */


/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    overflow: hidden;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* 幻灯片样式*/

#banner-li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    height: 650px;
    z-index: 8;
}
#banner-li a {
    color: #ffffff;
}
#banner-li .banner-li-btn {
    font-size: 16px;
    padding: 5px 20px;
    height: 21px;
    display: inline;
    color: #ffffff;
}
@media screen and (max-width: 480px) {
    #banner-li .banner-li-btn {
        width: 100%;
        display: block;
    }
}
#banner-li .banner-li-text-wrap {
    height: 650px;
    display: table;
    width: 100%;
    z-index: 10;
    position: relative;
}
@media screen and (max-width: 768px) {
    #banner-li .banner-li-text-wrap {
        padding-top: 0px;
    }
}
@media screen and (max-width: 480px) {
    #banner-li .banner-li-text-wrap {
        padding-top: 0px;
    }
}
#banner-li .banner-li-text-wrap .banner-li-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #fff;
}
#banner-li .banner-li-text-wrap .banner-li-text .fh5co-uppercase-heading-sm {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 6px;
}
#banner-li .banner-li-text-wrap .banner-li-text h6 {
    font-size: 3.4em;
    opacity: 0.9;
    line-height: 2;
    letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
    #banner-li .banner-li-text-wrap .banner-li-text h6 {
        font-size: 80px;
        line-height: 92px;
    }
}
@media screen and (max-width: 480px) {
    #banner-li .banner-li-text-wrap .banner-li-text h6 {
        font-size: 40px;
        line-height: 52px;
    }
}
#banner-li .banner-li-text-wrap .banner-li-text p {
    font-size: 30px;
    line-height: 42px;
    color: #f5f5f5;
}
#banner-li .banner-li-text-wrap .banner-li-text p.tip {
    font-size: 18px;
    line-height: 22px;
    color: #f5f5f5;
    opacity: 0.6;
}
#banner-li .banner-li-text-wrap .banner-li-text p em {
    font-style: italic;
}
#banner-li .fh5co-bg-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
#fh5co-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    height: 650px;
    z-index: 8;
}
#fh5co-hero a {
    color: #ffffff;
}
#fh5co-hero .fh5co-hero-btn {
    font-size: 16px;
    padding: 5px 20px;
    display: inline;
    color: #ffffff;
}
@media screen and (max-width: 480px) {
    #fh5co-hero .fh5co-hero-btn {
        width: 100%;
        display: block;
    }
}
#fh5co-hero .fh5co-hero-text-wrap {
    height: 650px;
    display: table;
    width: 100%;
    z-index: 10;
    position: relative;
}
@media screen and (max-width: 768px) {
    #fh5co-hero .fh5co-hero-text-wrap {
        padding-top: 0px;
    }
}
@media screen and (max-width: 480px) {
    #fh5co-hero .fh5co-hero-text-wrap {
        padding-top: 0px;
    }
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #fff;
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text .fh5co-uppercase-heading-sm {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 6px;
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text h6 {
    font-size: 3.4em;
    opacity: 0.9;
    line-height: 2;
    letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
    #fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text h6 {
        font-size: 80px;
        line-height: 92px;
    }
}
@media screen and (max-width: 480px) {
    #fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text h6 {
        font-size: 40px;
        line-height: 52px;
    }
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text p {
    font-size: 30px;
    line-height: 42px;
    color: #f5f5f5;
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text p.tip {
    font-size: 18px;
    line-height: 22px;
    color: #f5f5f5;
    opacity: 0.6;
}
#fh5co-hero .fh5co-hero-text-wrap .fh5co-hero-text p em {
    font-style: italic;
}
#fh5co-hero .fh5co-bg-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

/* 首页案列排版 */

#project .london {
    border-top: 5px solid #19beb6;
    float: left;
    display: block;
    background-color: #fff;
}
#project .paris {
    border-top: 7px solid #df9801;
}
#project .box-icon {
    width: 100%;
    position: relative;
}
#project .info-nav-container {
    width: 32%;
    margin-right: 3%;
}
#project .float-container {
    overflow: auto;
}
#project .info {
    width: 100%;
    padding: 0.9em 1em;
}
#project .info-ul {
    padding: 15px 20px;
}
#project .info-description-container {
    padding: 20px 30px;
    float: right;
    width: 65%;
}
#project .info > li {
    display: block;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px dotted #D7D2D2;
    margin: 0px 15px;
    padding: 10px 0px;
}
#project .info > li:last-child {
    border-bottom: none;
}
#project .info p {
    color: #666;
    font-size: 0.9em;
}
#project .london-title {
    margin: 0px;
    padding: 0;
}
#project .london-title h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #eee;
    line-height: 2em;
}
#project .london-title h3 a {
    color: #666;
}
#project .london-title h3 a:hover {
    color: #E9852A;
}
#project .vtag {
    padding: 6px 0;
}
#project .vtag a {
    border: 1px solid #ddd;
    margin-right: 2px;
    padding: 2px 5px;
    font-size: 0.95em;
    color: #757575;
}
#project .london-title p {
    font-size: 14px;
    color: #666;
}

/****box design style*****/

.platform {
    text-align: center;
    margin: auto;
    padding: 0 0 2em;
    overflow: hidden;
    -webkit-animation: gdownIn 0.6s 0.4s both;
    -moz-animation: gdownIn 0.6s 0.4s both;
    animation: gdownIn 0.6s 0.4s both;
}
.platform a {
    padding: 0.3em 1em;
    display: inline-block;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 0.5em;
    border-radius: 2px;
    font-size: 1em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
}
.platform a {
    color: #333;
    border: 1px solid #ddd;
}
.platform a:hover,
.platform .act {
    background-color: #97CE2B;
    color: #fff;
    border: 1px solid #97CE2B;
}
#project2 .london {
    border-top: 5px solid #19beb6;
    float: left;
    display: block;
    background-color: #fff;
}
#project2 .paris {
    border-top: 7px solid #df9801;
}
#project2 .box-icon {
    width: 100%;
    position: relative;
}
#project2 .info-nav-container {
    width: 32%;
    margin-right: 3%;
}
#project2 .float-container {
    overflow: auto;
}
#project2 .info {
    width: 100%;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0.9em 1em;
}
#project2 .info-ul {
    padding: 15px 20px;
}
#project2 .info-description-container {
    padding: 20px 30px;
    float: right;
    width: 65%;
}
#project2 .info > li {
    display: block;
    font-size: 14px;
    text-align: left;
    border-bottom: 2px dotted #D7D2D2;
    margin: 0px 15px;
    padding: 10px 0px;
}
#project2 .info > li:last-child {
    border-bottom: none;
}
#project2 .info p {
    color: #666;
    font-size: 0.9em;
}
#project2 .london-title {
    margin: 0px;
    padding: 0;
}
#project2 .london-title h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #eee;
    line-height: 2em;
}
#project2 .london-title h3 a {
    color: #666;
}
#project2 .vtag {
    padding: 6px 0;
}
#project2 .vtag a {
    border: 1px solid #ddd;
    margin-right: 2px;
    padding: 2px 5px;
    font-size: 0.95em;
    color: #757575;
}
#project2 .london-title p {
    font-size: 14px;
    color: #666;
}
.bottom-main {
    border-top: 7px solid #75bd29;
}
.bottom-title {
    padding: 0 0 0 5px;
    border-left: 2px solid #75bd29;
    margin: 25px 0px;
}
.bottom-title h3 {
    color: #75bd29;
    font-size: 20px;
    margin: 2px 5px;
}
.bottom-title h4 {
    font-size: 16px;
    margin: 0px 5px;
}
.bottom-user {
    font-size: 16px;
    color: #ccc;
    font-weight: bold;
}
.bottom-desc {
    margin-top: 30px;
    margin-bottom: 35px;
}
.bottom-user a {
    color: #ccc;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bottom-user a:hover {
    color: #999;
}
.bottom-user i {
    font-size: 18px;
    margin-right: 5px;
}
.bottom-img {
    position: relative;
}
.bottom-img p {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0px;
    padding: 18px 10px;
    margin: 0px 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.contactbg {
    background: url(../images/06.jpg) no-repeat center -150px fixed;
    padding: 120px 0
}
.fs_a {
    padding: 0 0
}
.job-top {
    margin: 0 42px;
    padding-top: 0
}
.job-top p {
    margin: 0
}
.job-top .cn_tip {
    margin: 0;
    padding-left: 10px;
    color: #666
}
.cxts {
    height: 135px
}
.c_nr {
    padding-top: 30px;
    background: #FFF
}
.c_nr1 h2 {
    background: #928875;
    height: 105px
}
.c_nr1 img {
    padding-top: 25px;
    padding-left: 30px
}
.c_nr2 h2 {
    background: #efeeec;
    height: 105px
}
.c_nr2 img {
    padding-top: 44px;
    padding-left: 30px;
    height: 18px
}
.n_cr1 {
    border-left: 1px solid #d9d9d9
}
.c_ntel {
    margin-left: 50px;
    padding-top: 20px;
    margin-right: 50px
}
.c_ntel li {
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 0;
    padding-left: 10px
}
.cn_add {
    padding-left: 50px;
    line-height: 20px;
    color: #000;
    font-size: 15px;
    padding-top: 38px
}
.cn_add .p2 {
    color: #6d6d6d;
    padding-bottom: 15px
}
.cn_wx {
    padding: 0 50px;
    padding-top: 40px
}
.cn_wx ul li {
    padding-left: 20px
}
.cn_wx ul a {
    display: block;
    width: 66px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    font-size: 38px;
    color: #FFF;
    background: #c7bda9;
    -moz-border-radius: 66px;
    -webkit-border-radius: 66px;
    border-radius: 66px
}
.cn_social li {
    float: left;
    display: inline;
    list-style: none
}
.cn_social li a {
    background: url(../images/cn_social.png) no-repeat;
    width: 64px;
    height: 64px;
    text-indent: -99em
}
.cn_social li a.qq {
    background-position: 0 0
}
.cn_social li a.qq:hover {
    background-position: 0 -66px
}
.cn_social li a.weibo {
    background-position: -66px 0
}
.cn_social li a.weibo:hover {
    background-position: -66px -66px
}
.cn_social li a.weixin {
    background-position: -130px 0
}
.cn_social li a.weixin:hover {
    background-position: -130px -66px
}
.pcs {
    padding-top: 100px;
    padding-left: 110px
}
.n_cline {
    padding: 80px 0;
    padding-top: 30px
}
.n_cline li {
    padding-top: 50px
}
.n_cline .d1 {
    width: 110px
}
.n_cline .d2 {
    margin-left: 110px;
    background: rgba(211, 211, 200, .5);
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.n_cline .d2 .p1 {
    padding: 15px
}
.n_cline .s0 {
    display: block;
    font-size: 40px;
    letter-spacing: -2px;
    color: #50504c;
    padding-left: 20px
}
.n_cline .s2 {
    display: block;
    padding-left: 20px;
    color: #50504c;
    line-height: 14px
}
.n_cline .n_reve {
    padding-top: 0;
    padding-bottom: 15px
}
.ltd {
    float: left;
    padding-left: 75px;
    width: 500px;
    height: 50px;
    background: url(../images/copyright_png.png) no-repeat 10px top
}
.ltd b {
    display: block;
    width: 495px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 18px;
    padding-top: 2px
}
.ltd p {
    display: block;
    width: 495px;
    color: #fff;
    line-height: 18px
}
.ltd p a {
    color: #FF0
}
.ltd p a:hover {
    text-decoration: underline
}
.download {
    float: left;
    width: 330px
}
.download ins {
    float: left
}
.download span {
    float: left;
    padding-left: 20px;
    width: 245px
}
.download span i {
    font-family: Verdana, Geneva, sans-serif;
    color: #848484;
    line-height: 14px;
    font-size: 10px;
    white-space: nowrap
}
.download span b {
    color: #fff;
    line-height: 14px;
    white-space: nowrap;
    font-weight: 700
}
.download span small {
    padding-top: 3px;
    display: block
}
.download span small a {
    width: 104px;
    height: 17px;
    display: block;
    background: url(../images/bg22.png) no-repeat left top
}
.download span small a:hover {
    background-position: left bottom
}
.foot_qq {
    float: right
}
.foot_qq ins {
    display: none
}
.foot_qq li {
    float: left;
    padding-right: 8px
}
.foot_qq li a {
    width: 38px;
    height: 38px;
    display: block;
    background: url(../images/bg23.png) no-repeat left top
}
.foot_qq li a.hover {
    background-image: url(../images/bg24.png)
}
.foot_qq li.li02 a {
    background-position: -47px top
}
.foot_qq li.li03 a {
    background-position: -96px top
}
.copyright_bg {
    clear: both;
    background: #313439;
    display: block;
    padding: 30px 0
}
.index_pop_qq {
    display: none;
    position: fixed;
    top: 20%;
    left: 20%;
    z-index: 10000;
    width: 500px;
    height: 300px;
    background: url(../images/bg-01.jpg);
}
.index_pop_qq .close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/close.png);
    z-index: 10001
}
.index_pop_qq .close:hover {
    background: url(../images/close2.png)
}
.index_pop_qq .txts {
    position: absolute;
    top: 0;
    padding: 30px
}
.index_pop_qq .txts .p1 {
    line-height: 38px;
    font-size: 24px;
    color: #ffc602
}
.index_pop_qq .txts .p2 {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 10px
}
.index_pop_qq .txts .p2 span {
    margin-right: 20px;
    display: inline-block
}
.index_pop_qq .btns {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 0 30px;
    text-align: center
}
.index_pop_qq .btns .btn {
    width: 160px;
    height: 50px;
    font-size: 26px;
    border: none;
    background-color: #ffc602;
    color: #fff;
    text-align: center;
    line-height: 50px;
    display: inline-block
}
.index_pop_qq .btns .btn:hover {
    background-color: #ffae00
}

/* 按钮和登陆框样式 */

.flatbtn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    border: 0;
    color: #f3faef;
    text-decoration: none;
    background-color: #6bb642;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-size: 1.2em;
    font-weight: bold;
    padding: 12px 22px 12px 22px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
    -moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
    box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);
}
.flatbtn:hover {
    color: #fff;
    background-color: #73c437;
}
.flatbtn:active {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

/** custom login button **/

.flatbtn-blu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    border: 0;
    color: #edf4f9;
    text-decoration: none;
    background-color: #4f94cf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    padding: 17px 19px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.flatbtn-blu:hover {
    color: #fff;
    background-color: #519dde;
}
.flatbtn-blu:active {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}

/** modal window styles **/

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}
#loginmodal {
    width: 50%;
    height: 60%;
    padding: 15px 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
#loginbtn {
    position: absolute;
    top: 0;
    right: -54px;
}
#other {
    width: 100%;
    height: 100%;
}
.hot-article ul li {
    padding: 10px 0px 10px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden
}
.hot-article ul li:last-child {
    border: none
}
.hot-article ul li .hot-article-img {
    overflow: hidden;
}
.hot-article ul li img {
    overflow: hidden;
    margin-bottom: 20px
}
.hot-article ul li a {
    font-size: 16px;
    line-height: 28px
}
.hot-article .span-mark-pro {
    position: absolute;
    height: 28px;
    background-color: #f63756;
    color: #fff;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 130px;
    z-index: 10;
    padding: 0 10px
}
.hot-tag .search-hot {
    margin: 0 0 0 30px
}
.moder-user-list {
    min-height: 830px
}
.moder-user-list ul li {
    height: 90px
}
.btn-link {
    margin-top: 5px;
    border: 1px solid #383636;
}
.mb10 {
    padding-bottom: 5em
}
.listpage {
    text-align: center;
    margin-top: 2em;
    height: 40px;
}
.pagination {
    margin: 0;
    padding-bottom: 10px;
    display: inline-block;
}
.pagination li {
    padding: 0 15px;
    line-height: 40px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #ddd;
    margin-left: -1px;
    float: left;
    background-color: #FFF;
    cursor: pointer;
}
.pagination li.thisclass,
.listpage ul li.thisclass a,
.listpage ul li.thisclass a:hover {
    color: #fff;
    background-color: #E9852A;
}

/*导航菜单--------------start*/

.submenu.nav {
    margin-top: 25px;
}
.submenu.nav li {
    display: inline-block;
}
.submenu.nav li a {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    padding: 5px 30px;
    margin: 0;
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
    border-radius: 25px;
    margin: 0 10px;
    text-decoration: none;
    transition: 0.5s;
}
.submenu.nav li a:hover {
    background: #E9852A;
    border: 1px solid #E9852A;
    color: #fff;
}

/*导航菜单--------------end*/


/* 详情页面推荐菜单---------start */

.xm3 .d-boxs,
.xm3 .detailbox {
    background-color: #fff;
}
.xm3 .d-boxs {
    padding: 10 20px;
}
.xm3 .d-boxs .inner-news-list h3 {
    font-size: 18px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 20px 0 10px;
    margin: 0px 0px 10px;
    color: #666;
    text-indent: 10px;
}
.xm3 .d-boxs .inner-news-list ul li a {
    display: block;
    padding: 5px 15px;
    line-height: 1.5;
}
.xm9,
.xm3 {
    float: left;
    padding: 0 20px;
}
.xm9 {
    width: 70%;
}
.xm3 {
    width: 25%;
}

/* 详情页面推荐菜单---------end */


/* 悬浮模块 side----------------start */

#kgwjziopp {
    display: none;
}
.side {
    position: fixed;
    width: 54px;
    height: 275px;
    left: 0;
    bottom: 120px;
    z-index: 100;
}
.side ul li .sidebox {
    width: 54px;
    height: 54px;
    top: 0;
    left: 0;
    transition: all 0.3s;
    background: #000;
    opacity: 0.8;
    filter: Alpha(opacity=80);
    color: #fff;
    font: 14px/54px "微软雅黑";
    overflow: hidden;
}

/* 悬浮模块 side----------------end */


/* footer logo----------------start */

@media(max-width:1199px) {
    .fr {
        float: left;
    }
    .c_copy {
        width: 100%;
        height: 450px;
    }
    .c_copy .box {
        padding-left: 20%;
        padding-right: 20%;
    }
    .ciads {
        width: 100%;
    }
    .c_copy .bg {
        height: 450px;
    }
}
@media(max-width:700px) {
    .c_copy {
        height: 350px;
    }
    .c_copy .bg {
        height: 350px;
    }
}
@media(max-width:480px) {
    .c_copy .box {
        padding-left: 10%;
        padding-right: 10%;
    }
}
@media(max-width:1000px) {
    .container {
        width: 95%;
    }
}
@media(max-width:899px) {
    #left,
    #middle,
    #right {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/*contant address 小尺寸时缩短宽度*/

#minwidth {
    display: inline-block;
}
@media(max-width:600px) {
    .contact ul .li2 {
        position: relative;
        padding-bottom: 20px;
    }
    .contact ul .li2 .cion {
        position: absolute;
        top: 20px;
    }
    #minwidth {
        width: 80%;
        display: inline-block;
        position: absolute;
    }
    .col-lg-7 {
        padding-left: 15px;
    }
}
@media(max-width:537px) {
    .c_address li {
        padding-bottom: 20px;
    }
}

/* footer logo----------------end */


/* guestbook form----------------start */

.content-boxs {
    width: 100%;
    text-align: center;
}
.form-group {}
.form-group .field .input {
    width: 100%;
}
.input {
    font-size: 14px;
    padding: 6px;
    border: solid 1px #E2E2E2;
    width: 100%;
    height: 34px;
    line-height: 20px;
    display: block;
    border-radius: 4px;
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s;
}
.input:focus {
    border: solid 1px #E9852A;
}
.form-button button {
    padding: 6px 15px 6px 15px;
    border: 1px solid #B9B8B8;
    color: #808080;
    background-color: #fff;
    font-size: 14px;
}
.form-button button:hover {
    border: 1px solid #E9852A;
    color: #fff;
    background-color: #E9852A;
}

/* guestbook form----------------end */