@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

}

input, select {

    font-size: 12px;

    line-height: 16px;

}



img {

    border: 0 none;

}

ul, li {

    list-style-type: none;

}

.tc {

    text-align: center;

}

.tl {

    text-align: left;

}

.tr {

    text-align: right;

}

.dis {

    display: block;

}

.undis {

    display: none;

}

.house {

    cursor: pointer;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.cl {

    clear: both;

}

.fixed {

    left: 0;

    margin-top: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

}

.mar {

    margin: 0 5px;

}

.marr {

    margin-left: 10px;

}

.blank {

    clear: both;

    height: 5px;

}



.white {

    color: #FFFFFF;

    text-decoration: none;

}

.red {

    color: #FF0000;

}

.hui {

    color: #333333;

}

.orange {

    color: #FF3300;

}

.green {

    color: #1B9446;

}

a {

    color: #000000;

    text-decoration: none;

}

body {

    font-family: Microsoft YaHei,宋体;

}

.bg {

}

.head {

    background: url("../images/weimob_01.png") repeat-x scroll 0 0 transparent;

    height: 98px;

    overflow: hidden;

    width: 100%;

    z-index: 99;

}

.top {

    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;

    height: 100px;

    margin: 0 auto;

    width: 1120px;

}

.topnav {

    color: #666666;

    display: block;

    font-size: 12px;

    margin-top: 5px;

    padding-left: 560px;

}

.topnav a {

    color: #8C8C8C;

    font-size: 12px;

    padding: 0 5px;

}

.topnav a.orange {

    color: #FF3300;

}

.tel {

    font-size: 16px;

    font-weight: bold;

}

.tel span {

    color: #547907;

    font-size: 18px;

}

.menu {

    clear: both;

    display: block;

    height: 25px;

    margin-top: 28px;

    padding-left: 400px;

}

.menu a {

    display: inline-block;

    font-size: 16px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    width: 73px;

}

.menu a:hover {

    background: none repeat scroll 0 0 #DA6B00;

    border-radius: 10px 10px 10px 10px;

    color: #FFFFFF;

    text-shadow: 0 1px 2px #CCCCCC;

}

.menu a.active {

    background: none repeat scroll 0 0 #DA6B00;

    border-radius: 10px 10px 10px 10px;

    color: #FFFFFF;

    text-shadow: 0 1px 2px #CCCCCC;

}

.banner {

    background: url("../images/weimob_02.jpg") no-repeat scroll center center transparent;

    height: 300px;

    margin: 0 auto;

    width: 1343px;

}

.f17px {

    font-size: 17px;

}

#banner {

    height: 300px;

    position: relative;

}

#pose {

    height: 300px;

    overflow: hidden;

    width: 100%;

}

#login_panel {

    left: 300px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -300px;

    overflow: hidden;

    position: relative;

    width: 300px;

    z-index: 98;

}

#login_panel .window {

    background: url("../images/login_bg.png") no-repeat scroll 0 0 transparent;

    float: right;

    height: 270px;

    padding-left: 30px;

    padding-top: 30px;

    width: 270px;

}

#helloword {

    border-bottom: 1px dotted;

    margin-bottom: 10px;

    margin-right: 30px;

    padding-bottom: 5px;

    padding-top: 25px;

}

#login_panel input {

}

#role .username {

    color: #F26535;

}

#login_panel .identity {

    padding-left: 15px;

}

.title p {

    height: 55px;

}

.title h1 {

    font-weight: normal;

}

.inputlist {

    height: 55px;

}

#username, #password {

    border: medium none;

    color: #777777;

    display: block;

    font-size: 13px;

    font-weight: bold;

    height: 40px;

    margin-left: 40px;

    overflow: hidden;

    width: 200px;

}

.input_box {

    width: 240px;

}

.warn_box {

    height: 40px;

    margin-top: -23px;

    position: absolute;

    right: 2px;

    text-align: center;

    visibility: hidden;

    width: 120px;

    z-index: 9999;

}

.warn {

    background-color: #555555;

    border-radius: 2px 2px 2px 2px;

    box-shadow: -1px 2px 2px rgba(150, 150, 150, 0.2);

    color: #FFFFFF;

    height: 28px;

    line-height: 28px;

    width: 120px;

}

.angle {

    background: url("../images/angle.gif") no-repeat scroll 50% 0 transparent;

    height: 7px;

    width: 120px;

}

.email_box {

    background: url("../images/sprite.gif") no-repeat scroll 0 -1152px transparent;

}

.password_box {

    background: url("../images/sprite.gif") no-repeat scroll 0 -1192px transparent;

}

.inputlist_active {

    background: url("../images/sprite.gif") no-repeat scroll 0 -24px transparent;

}

.input_active {

    background: none repeat scroll 0 0 #FFFFFF;

}

.input_email_n {

    background: url("../images/sprite.gif") no-repeat scroll -40px -1152px transparent;

}

.input_password_n {

    background: url("../images/sprite.gif") no-repeat scroll -40px -1192px transparent;

}

.input_correct {

    background: url("../images/sprite.gif") no-repeat scroll -40px -1272px transparent;

}

.input_error1 {

    background: url("../images/sprite.gif") no-repeat scroll -40px -1232px transparent;

}

#hold {

}

#login_panel .btn {

    background-color: #F6F6F6;

    border: 1px solid #B8B8B8;

    border-radius: 4px 4px 4px 4px;

    cursor: pointer;

    float: left;

    font-size: 12px;

    height: 34px;

    line-height: 35px;

    margin-right: 20px;

    padding: 0;

    text-align: center;

    text-decoration: none;

    width: 101px;

}

#role .btn {

    margin-top: 15px;

}

#login_panel .btn:hover {

    background-color: #EDEDED;

}

#tips h1 {

    font-size: 13px;

}

#tips h1 {

    font-weight: normal;

    margin: 20px 0 0;

}

#tips h2 {

    font-size: 13px;

}

#tips h1 a {

    text-decoration: none;

}

#tips h1 a:hover {

    color: #DDDDDD;

}

#p0, #p1, #p2, #p3, #p4 {

    height: 300px;

    left: 0;

    width: 100%;

}

#p0 {

    background: url("../images/p0.jpg") no-repeat scroll center center transparent;

    z-index: 5;

}

#p1 {

    background: url("../images/p1.jpg") no-repeat scroll center center transparent;

    z-index: 4;

}

#p2 {

    background: url("../images/p2.jpg") no-repeat scroll center center transparent;

    z-index: 3;

}

#p3 {

    background: url("../images/p3.jpg") no-repeat scroll center center transparent;

    z-index: 2;

}

#p4 {

    background: url("../images/p4.jpg") no-repeat scroll center center transparent;

    z-index: 2;

}

.skdslider {

    height: 300px;

    overflow: hidden;

    position: relative;

    width: 100%;

}

.skdslider ul.slides {

    list-style-type: none;

    margin: 0;

    padding: 0;

    width: 100%;

}

.skdslider ul.slides li {

    display: none;

    height: 300px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}

.skdslider ul.slides li a {

    display: block;

    height: 100%;

    width: 100%;

}

.skdslider ul.slides li img {

    border: 0 none;

    height: 100%;

    text-align: center;

    width: 100%;

}

.skdslider .slide-navs {

    bottom: 20px;

    left: 50%;

    list-style-type: none;

    margin: 0;

    padding: 0;

    position: absolute;

    z-index: 15;

}

.skdslider .slide-navs li {

    background: url("../images/slide-bg.png") no-repeat scroll 0 0 transparent;

    cursor: pointer;

    float: left;

    height: 12px;

    margin-right: 4px;

    width: 12px;

}

.skdslider .slide-navs li.current-slide {

    background: url("../images/slide-bg-active.png") no-repeat scroll 0 0 transparent;

}

.skdslider .slide-desc {

    background: url("../images/slide_desc.png") repeat scroll 0 0 transparent;

    left: 0;

    padding: 6px 25px 10px 85px;

    position: absolute;

    top: 327px;

    width: 50%;

}

.skdslider .slide-desc > h2 {

    color: #CFDB0C;

    font-family: 'Oswald';

    font-size: 25px;

    margin-bottom: 10px;

    margin-top: 10px;

    text-transform: uppercase;

}

.skdslider .slide-desc > p {

    color: #FFFFFF;

    font-family: 'Oswald';

    font-size: 16px;

    line-height: 20px;

    margin-top: 5px;

}

.skdslider .slide-desc > p a.more {

    color: #990000;

    float: right;

    font-size: 20px;

    height: 18px;

    text-decoration: none;

    width: 22px;

}

.skdslider .slide-desc > p a.more:hover {

    text-decoration: underline;

}

#bottom_pose {

    background: url("../images/p0.jpg") no-repeat scroll center center transparent;

    height: 300px;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 1;

}



.weiapp {



    margin-top: 2px;

    width: 100%;

}

.weiapp dl {

    background: url("../images/weimob1.png") no-repeat scroll right center transparent;

    height: 405px;

    margin: 0 auto;

    padding-top: 45px;

    width: 1200px;

}

.weiapp dt, dd {

    width: 550px;

}

.weiapp dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

}

.weiapp dd {

    font-size: 14px;

    height: 230px;

    margin-top: 45px;

}

.top_fir{ background:url(../images/waimao_23.jpg) no-repeat; height:302px; background-size:100% 302px;}

.top_fir p{ padding:75px 20px 20px 20px; font-size:14px;}

.wx_wp p, .weiapp dd p {

    font-family: 宋体;

    line-height: 32px;

    margin-top: 10px;

}

.bottom {

    clear: both;

    display: block;

    height: 37px;

    margin-top: 15px;

    width: 135px;

}

.weimenber {

    background: none repeat scroll 0 0 #F3F3F3;

}

.weimenber dl {

    background: url("../images/weimob2.png") no-repeat scroll left center transparent;

    height: 282px;

    margin: 0 auto;

    padding-left: 440px;

    padding-top: 50px;

    width: 500px;

}

.weimenber dt, dd {

    width: 500px;

}

.weimenber dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 22px;

    font-weight: bold;

    height: 35px;

}

.weimenber dd {

    font-size: 14px;

    height: 230px;

    margin-top: 15px;

}

.weimenber dd p {

    font-family: 宋体;

    line-height: 28px;

    margin-top: 10px;

}

.weicustomer {

    background: none repeat scroll 0 0 #FFFFFF;

    width: 100%;

}

.weicustomer dl {

    background: url("../images/weimob3.png") no-repeat scroll right center transparent;

    height: 312px;

    margin: 0 auto;

    padding-top: 45px;

    width: 960px;

}

.weicustomer dt, dd {

    width: 480px;

}

.weicustomer dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

}

.weicustomer dd {

    font-size: 14px;

    height: 230px;

    margin-top: 25px;

}

.weicustomer dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 30px;

    margin-top: 10px;

    text-indent: 2em;

}

.weilsp {

    background: none repeat scroll 0 0 #F3F3F3;

}

.weilsp dl {

    background: url("../images/weimob4.png") no-repeat scroll left center transparent;

    height: 355px;

    margin: 0 auto;

    padding-left: 400px;

    padding-top: 50px;

    width: 550px;

}

.weilsp dt, dd {

    width: 500px;

}

.weilsp dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 22px;

    font-weight: bold;

    height: 35px;

}

.weilsp dd {

    font-size: 14px;

    height: 230px;

    margin-top: 20px;

    width: 550px;

}

.weilsp dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 28px;

    margin-top: 10px;

}

.weiactivity {

    width: 100%;

}

.weiactivity dl {

    background: url("../images/weimob8.jpg") no-repeat scroll right bottom transparent;

    height: 300px;

    margin: 0 auto;

    padding-top: 45px;

    width: 960px;

}

.weiactivity dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

    width: 700px;

}

.weiactivity dd {

    font-size: 14px;

    height: 230px;

    margin-top: 15px;

    width: 400px;

}

.weiactivity dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 28px;

    margin-top: 10px;

}

.weioffsite {

    background: none repeat scroll 0 0 #F3F3F3;

}

.weioffsite dl {

    background: url("../images/weimob6.png") no-repeat scroll left 40px transparent;

    height: 302px;

    margin: 0 auto;

    padding-left: 500px;

    padding-top: 50px;

    width: 500px;

}

.weioffsite dt, dd {

    width: 500px;

}

.weioffsite dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 22px;

    font-weight: bold;

    height: 35px;

}

.weioffsite dd {

    font-size: 14px;

    height: 230px;

    margin-top: 15px;

}

.weioffsite dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 22px;

    margin-top: 5px;

}

.weistatistical {

    width: 100%;

}

.weistatistical dl {

    background: url("../images/weimob7.png") no-repeat scroll right center transparent;

    height: 300px;

    margin: 0 auto;

    padding-top: 45px;

    width: 960px;

}

.weistatistical dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

    width: 700px;

}

.weistatistical dd {

    font-size: 14px;

    height: 230px;

    margin-top: 15px;

    width: 500px;

}

.weistatistical dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 28px;

    margin-top: 10px;

}

.weitj {

    background: none repeat scroll 0 0 #F3F3F3;

}

.weitj dl {

    background: url("../images/weimob8.jpg") no-repeat scroll left 40px transparent;

    height: 302px;

    margin: 0 auto;

    padding-left: 460px;

    padding-top: 50px;

    width: 520px;

}

.weitj dt, dd {

    width: 500px;

}

.weitj dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 22px;

    font-weight: bold;

    height: 35px;

}

.weitj dd {

    font-size: 14px;

    height: 230px;

    margin-top: 15px;

}

.weitj dd p {

    color: #333333;

    font-family: 宋体;

    line-height: 28px;

    margin-top: 10px;

}

.weiCase {

    background: none repeat scroll 0 0 #FFFFFF;

    width: 100%;

}

#case {

    margin: 0 auto;

    width: 1020px;

}

#case .title_pic {

    color: #DD2339;

    display: block;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

    line-height: 35px;

    padding-top: 30px;

    text-align: left;

}

.block_case {

    padding: 30px 0;

}

.block_case ul {

    overflow: hidden;

    text-align: center;

    width: 100%;

}

.block_case li {

    display: inline-block;

    margin: 0 2px;

    padding: 10px 0;

    vertical-align: top;

	float:left;

}

.block_case h4 {

    font-size: 14px;

    overflow: hidden;

    text-align: center;

}

.block_case .logo {

    height: 76px;

    overflow: hidden;

    padding: 0 10px;

    width: 76px;

}

.block_case .logo img {

    height: 66px;

    padding: 5px;

    width: 66px;

}

.block_case .circle {

    cursor: pointer;

    height: 76px;

    margin-left: 10px;

    position: absolute;

    width: 76px;

    z-index: 10;

}

.block_case .circle img {

    height: 76px;

    width: 76px;

}

.block_case .code {

    display: none;

    margin: 98px 0 0 -9px;

    position: absolute;

    z-index: 20;

}

.block_case .code img {

    width: 115px;

}

.block {

    overflow: hidden;

    padding: 20px 0;

}

.caser-wx {

    background: none repeat scroll 0 0 #FFFFFF;

    height: 100%;

}

.caser-wx li {

    display: inline-block;

    margin: 0 10px;

    width: 30%;

}

.caser-wx li p {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 20px;

}

.caser-wx li p img {

    margin-left: 20%;

    text-align: center;

}

.wm_case_list {

    position: relative;

	height:104px;

}



.wm_case_mod_bd {

    margin-top: 10px;

	padding-left:10px;

}

.wm_case_item {

    cursor: pointer;

    display: inline-block;

    margin-right: 10px;

    text-align: center;

    width: 96px;

	float:left;

}

.wm_case_item .icon_wrapper {

    display: inline-block;

}

.wm_case_t {

    color: #555555;

    font-size: 14px;

    font-weight: 400;

    padding-top: 4px;

}

.wm_case_desc {

    margin-top: 15px;

    padding: 16px 15px;

    position: relative;

}

.wm_case_desc_text {

    font-size: 14px;

    line-height: 2;



	float:left;

	width:312px;



}

.wm_case_desc_img {

    float: left;

    height: 480px;

    margin-right: 10px;

    width: 320px;

}

.wm_case_desc_img.extra {

    margin-right: 20px;

}



.default_wrapper {

    background-color: #DCDCDC;

    border: 1px solid #C0C0C0;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 5px #A1A1A1;

}

.default_wrapper .arrow {

    left: 36px;

    position: absolute;

    top: -20px;

}

.default_wrapper .arrow i {

    border-color: rgba(0, 0, 0, 0);

    border-style: dashed;

    border-width: 10px;

    height: 0;

    position: absolute;

    width: 0;

}

.group {

height:514px;

}

.group:after {

    clear: both;

    content: "​";

    display: block;

    height: 0;

}

.default_wrapper .arrow i.arrow_out {

    border-bottom-color: #C0C0C0;

    border-bottom-style: solid;

}

.default_wrapper .arrow i.arrow_in {

    border-bottom-color: #DCDCDC;

    border-bottom-style: solid;

    top: 1px;

}

.wm_case_list ul li {

/*    background-position: 0 -80px;

*/	background:url(../images/ren.png) no-repeat;

}

.icon_wm_case.wny {

    background-position: -80px -80px;

}

.icon_wm_case.shdz {

    background-position: -160px -80px;

}

.icon_wm_case.bgy {

    background-position: -240px -80px;

}

.icon_wm_case.mddd {

    background-position: -320px -80px;

}

.icon_wm_case.yhd {

    background-position: -400px -80px;

}

.icon_wm_case.hqc {

    background-position: -480px -80px;

}

.case_ewm {

    display: block;

    margin: 0 auto;

}

.icon_wm_case.on.hgyj, .icon_wm_case.hgyj:hover {

    background-position: 0 0;

}

.icon_wm_case.on.wny, .icon_wm_case.wny:hover {

    background-position: -80px 0;

}

.icon_wm_case.on.shdz, .icon_wm_case.shdz:hover {

    background-position: -160px 0;

}

.icon_wm_case.on.bgy, .icon_wm_case.bgy:hover {

    background-position: -240px 0;

}

.icon_wm_case.on.mddd, .icon_wm_case.mddd:hover {

    background-position: -320px 0;

}

.icon_wm_case.on.yhd, .icon_wm_case.yhd:hover {

    background-position: -400px 0;

}

.icon_wm_case.on.hqc, .icon_wm_case.hqc:hover {

    background-position: -480px 0;

}

.footer {

    background: none repeat scroll 0 0 #FFFFFF;

    padding-top: 20px;

}

.footer dl {

    margin: 0 auto;

    width: 1020px;

}

.footer dt {

    color: #DD2339;

    font-family: Microsoft YaHei;

    font-size: 24px;

    font-weight: bold;

    height: 35px;

}

.footer dd {

    font-size: 14px;

    margin-bottom: 20px;

    width: 1020px;

}

.footer dd p {

    display: block;

    font-family: 宋体;

    line-height: 32px;

    margin: 10px 0;

}

.fbot {

    display: block;

    height: 55px;

    margin: 0 auto;

    width: 199px;

}

.mk_z_footer {

    background: none repeat scroll 0 0 #EFEFEF;

    border-top: 1px dashed #000000;

    color: #999999;

    font-size: 12px;

    line-height: 20px;

    margin-top: 20px;

    padding: 17px 0 16px;

    text-align: center;

}

.mk_z_footer_link a {

    color: #666666;

    margin: 0 2px;

    padding: 0 5px;

}

.mk_z_footer_link {

    color: #BBBBBB;

    padding-bottom: 13px;

}

.mk_z_footer_link a:hover {

    color: #005588;

    text-decoration: underline;

}

#returnTop {

    background: url("../images/up-arrow.png") no-repeat scroll center center #999999;

    border-radius: 50px 50px 50px 50px;

    bottom: 50px;

    height: 45px;

    opacity: 0.5;

    overflow: hidden;

    position: fixed;

    right: 20px;

    text-indent: -999px;

    transition: bottom 0.9s ease 0s;

    width: 45px;

    z-index: 999;

	_position:absolute;

}

#returnTop:hover {

    cursor: pointer;

}



#cooper {

    height: 100px;

    margin: 0 auto;

    width: 1020px;

}

#cooper dt {

    color: #60A415;

    font-size: 24px;

    line-height: 40px;

}

#cooper dd a {

    border: 1px solid #FFFFFF;

    display: inline-block;

    float: left;

    height: 60px;

    margin: 5px;

    overflow: hidden;

    width: 260px;

}

#cooper dd a:hover {

    border: 1px solid #FF3300;

    height: 60px;

    overflow: hidden;

    width: 260px;

}

#cooper dd {

}



.wm_case_desc_c{ position:absolute; z-index:90;}

.wm_left{ float:left; width:670px; overflow:hidden;}

.wm_right{ float:right; width:312px; overflow:hidden;}

.wm_case_list li h4{padding-top: 4px; font-size: 14px; color: #555; font-weight: 400; width: 80px; text-align:center;}

.TTSlider{width:980px;margin:30px auto}

.TTSlider li{list-style-type:none;float:left;}

.TTSlider li img{border:none;}

.TTSliderTitle{height:104px;}

.TTSliderTitle ul{width:980px;}

.TTSliderTitle li{position:relative;z-index:3;left:0; float:left; width:96px; height:100px; margin-right:10px; cursor:pointer;}

.TTSliderTitle li div{left:0;right:0;top:0;bottom:0;position:absolute;_width:139px;_height:62px;}

.TTSliderTitle .cur div{background:#fff;z-index:3;border-bottom:none;bottom:-2px;_height:63px;_width:136px padding-top: 4px; font-size: 14px; color: #555;

font-weight: 400;}

.TTSliderTitle .noneBorRight div{border-right:none;}

.TTSliderTitle li a{display:block;width:50%;float:left;height:100%;line-height:61px;text-decoration:none;overflow:hidden;*width:49%;font-size:12px}

.TTSliderTitle li a img{height:50px;margin:6px;width:50px}

/* TTSliderPic */

.TTSliderPic{width:988px; position:relative; z-index:1}

.TTSliderPicList{position:relative;}

.TTSliderPic ul{position:absolute;display:none;top:3px;left:0; width:988px; overflow:hidden;}

.TTSliderPic ul.show{display:block;}

.TTSliderPic li{ height:480px;}

.TTSliderPic li a{display:block;height:150px;overflow:hidden;}



.wx_wp {
	width:1200px!important;
    }