﻿
.contactPage { margin-top: 40px; padding:60px 40px;background: #f1f1f1; }
.load-img-box { position: relative; overflow: hidden; }
.map { height: 494px; width: 100%; }
.map-box {  }
.map-box dd { float: left; display: block; height: 494px; width: 50%;margin-left: 0; }
.map-box dd.pageC { background-color: #fff; }
.jz-map-t span { display: block; float: left; height: 48px; line-height: 48px; color: #fff; background-color: #716f6e; padding: 0px 5%; width: 40%; cursor: pointer; transition: 300ms 0ms; -webkit-transition: 300ms 0ms; }
.jz-map-t span.active { background-color: #2b181c; color: #fff; }
.jz-map-c { padding: 0px 5%; color: #969696; }
.jz-map-c a:link, .jz-map-c a:visited { color: #323232; }
.jz-map-c a:active, .jz-map-c a:hover { color: #17234c; }
.jz-map-nav { padding-top: 18px; height: 75px; }
.jz-map-nav a { margin-right: 40px;  padding-left: 18px; background-position: left center;}
.jz-map-nav a.active { background: url(../../images/c_i1.png) no-repeat scroll left center; }
.jz-hbox { overflow: hidden; height: 112px; margin-bottom: 25px; }
.jz-hbox li { display: none; }
.jz-hbox li.active { display: block; }
.jz-box-h { position: relative; height: 101px; color: #646464; }
.jz-hbox .ybox { height: 28px; overflow: hidden; width: 80%; margin: 0px 52px 0px 28px; }
.jz-hbox .yi1 { border-bottom: 1px solid #dcdcdc; padding-bottom: 22px; margin-bottom: 22px; background: url(../../images/c_i4.png) no-repeat scroll left 12px; padding-left: 14px; }
.jz-txt {outline: none; border: 0px none; height: 28px; line-height: 28px; color: #646464; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; font-size: 14px; width: 100%; display: block; }
.jz-hbox .yi2 { background: url(../../images/c_i5.png) no-repeat scroll left 12px; padding-left: 14px; }
.jz-hbox .jhico { background: url(../../images/c_i2.png) no-repeat scroll center center; width: 17px; height: 17px; position: absolute; left: 0px; top: 50%; margin-top: -8px; }
.jz-hbox .jhico2 { background: url(../../images/c_i3.png) no-repeat scroll center center; width: 17px; height: 17px; position: absolute; left: 0px; top: 50%; margin-top: -8px; }
.jz-hbox a.mapbtn { background-color: #313131; color: #fff; width: 40px; height: 50px; line-height: 50px; position: absolute; right: 5%; top: 50%; margin-top: -25px; display: block; text-align: center; }
.jz-hbox a.mapbtn:hover { background-color: #b28850; }
.jz-map-btn p{width: 200px;margin-left: 5%;font-size: 16px;color: #2b181c;line-height: 32px;border-bottom: 1px solid #2b181c}
.jz-map-list{padding: 0 5%;margin-top: 20px;}
.jz-map-list li { float: left; display: block;  }
.jz-map-list .ico { display: inline-block; float: left; margin-right: 18px; }
.jz-message { padding: 45px 0px 90px; background-color: #fff; position: relative; }
.jz-message .banner-t { left: 4%; top: 44px; }
.jz-message .banner-t .zh { color: #000; }
.message-page-box { width: 850px; height: 330px; margin: 0px auto; position: relative; }
.message-page-box .sico1 { background: url(../../images/sc_i1.png) no-repeat scroll center center #fff; width: 15px; height: 22px; position: absolute; right: -7px; top: 0px; z-index: 98; }
.message-page-box .sico2 { background: url(../../images/sc_i2.png) no-repeat scroll center center #fff; width: 15px; height: 22px; position: absolute; right: -7px; bottom: 0px; z-index: 98; }
.message-page-box .sico3 { height: 100%; width: 1px; position: absolute; right: 0px; top: 0px; background-color: #d2d2d2; }
.message-page { width: 100%; height: 330px; overflow: hidden; }
.nicescroll-rails { overflow: hidden; }
.nicescroll-rails .nicescroll-cursors { height: 100px; }
.messageList dd { margin-bottom: 20px; }
.messageList .c { background: #eeeeee; width: 50%; padding: 20px 5% 25px; margin: 0px 5%; border-radius: 8px; position: relative; float: left; display: block; }
.messageList .c .ico { background: url(../../images/ico4.png) no-repeat; width: 11px; height: 13px; position: absolute; top: 20px; right: -11px; }
.messageList .t { float: left; display: block; width: 24%; position: relative; margin-top: 18px; }
.messageList .t .ico { border: 2px solid #a0a0a0; width: 8px; height: 8px; position: absolute; top: 5px; left: -24px; border-radius: 50%; }
.jz-mess-form { width: 850px; margin: 40px auto;top: -46px; color: #646464; background-color: #fff; }
.jz-mess-form a:link, .jz-mess-form a:visited { color: #646464; }
.jz-mess-form a:active, .jz-mess-form a:hover { color: #17234c; }
.jz-mess-form .t { padding: 0px 5%; height: 42px; line-height: 42px; background-color: #eee; color: #646464; font-size: 16px; }
.jz-mess-form .c { padding: 28px 5% 18px; }
.ctxt { border: 0px none; border-bottom: 1px solid #e5e5e5; width: 100%; padding: 12px 0px; height: 20px; line-height: 20px; font-size: 14px; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; color: #646464; transition: 300ms 0ms; -webkit-transition: 300ms 0ms; }
.ctxt1, .ctxt2 { float: left; display: block; width: 48%; }
.ctxt2 { margin-left: 4%; }
.ctxt3 { height: 100px; resize: none; }
.mess-p { margin: 20px 0px 15px; }
.mees-b { color: #969696; }
.jz-mess-form a.jx-mbtm { float: right; display: block; width: 64px; line-height: 34px; height: 34px; text-align: center; color: #fff; background-color: #17234c; }
.jz-mess-form a.jx-mbtm:hover { background-color: #B28850; }
.jz-mess-form .ts { color: #b4b4b4; font-size: 12px; }
.jz-mess-form input[type="text"]:focus, .jz-mess-form textarea:focus { border-bottom-color: #b28850; }
/*contact style end*/
/*service style*/
.service-nav { float: left; display: block; background-color: #fff; padding: 18px 12px; width: 202px; margin: 100px 5% 0px 0px; }
.service-nav a { border: 1px solid #fff; padding: 0px 10px; display: block; background-position: 80% center; background-repeat: no-repeat; }
.service-nav a:hover, .service-nav a.active { background-image: url(../../../../images/jt.png); background-position: 90% center; border-color: #a0a0a0; }
.servicePage { width: 800px; margin: 0px auto; float: left; display: block; min-height: 450px; }
.serTbox .st1 { font-size: 30px; line-height: 1.3; color: #17234c; font-weight: bold; }
.serTbox .st2 { font-size: 22px; line-height: 1.5; color: #969696; font-family: arial, helvetica, sans-serif; }
.serTbox .st3 { padding: 2px 5px; font-size: 15px; font-weight: bold; color: #323232; background-color: #dcdcdc; margin: 20px 0px 0px; }
.serTbox { padding-bottom: 36px; border-bottom: 1px solid #D2D2D2; margin-bottom: 30px; }
.servicePage .pageC { border-bottom: 1px solid #D2D2D2; padding-bottom: 30px; margin-bottom: 30px; }
.servicePage .pageC h3 { font-size: 28px; line-height: 1.2; color: #323232; }
.sifnoC { position: relative; }
/*service style end*/


.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }

.banner-t .en img {
    display: block;
}
.banner-t .en {
    display: block;
    float: left;
}

.action.transYT2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.banner-t .zh {
    float: left;
    display: block;
    margin-left: 32px;
    width: 20px;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
}
.message-page ul{
    margin:20px;
    padding:10px; 
}
.message-page ul li:nth-child(1){
    font-size: 14px;
    color: #666
}
.message-page ul li:nth-child(2){
    font-size: 14px;
    color: #000
}
.message-page ul li:nth-child(3){
    font-size: 12px;
    color: #759AAD
}
.message-page ul li{
    margin-top: 5px;
}
.message-page ul li span{
    color: #006a92;
    font-weight: bold;
}
.message-bg{
    /*background: #ccc!important;*/
}