/* CSS Document */
body{ margin:0; padding:0; font:normal 14px/18px "microsoft yahei"; color: #666; background-color: #fff;}
h1,h2,h3,h4,ul,li,dl,dt,dd,p,img{ margin:0; padding:0; list-style:none; border:0; vertical-align: middle;}
h1,h2,h3,h4{font-weight:normal;font-size:14px}
a:link,a:visited{ color:#666; text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
.wrapper{ margin:0 auto; width:1150px;}
.clearFix:after{ display: block; clear:both; content: ""; height:0; visibility: hidden;}
* html .clearFix             { zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */
/*header*/
#header{  height:80px; font: 16px/20px "microsoft yahei" , sans-serif; overflow: hidden;}
#header-blank{float: left;width:13.7%; height:80px;}
#header-logo{display:block;width:144px; height:80px; background:url("../images/logo.jpg") no-repeat scroll 0 20px; background-size:100%;}
#header-nav{ height:80px;float: right;width:84%;}
#header-nav ul{float: right;}
#header-nav li{ float:left; width:120px; height:80px; line-height: 80px; text-align: center;}
#header-nav li a{ float:left; width:120px; height:80px; line-height: 80px; text-align: center;}
#header-nav .active{ width: 120px; background: url("../images/nav_hover.jpg") no-repeat scroll 0 0;background-size: 100% 100%;}
#header-mol{ display: none;}
/*banner*/
.swipe{height:360px;width:100%;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.swipe_wrap{height:360px;overflow:hidden;position:relative;}
.swipe_wrap ul{width:9999px;height:360px;overflow:hidden;position:absolute;top:0;left:0}
.swipe_wrap li{float:left;width:100%;height:360px;}
.swipe_wrap li span{display:block;width:100%;height:360px}
.swipe_wrap li a{display:block;width:100%;height:360px}
.swipe_wrap li .focus1{background:url('../images/banner01.jpg') center top repeat-x}
.swipe_wrap li .focus2{background:url('../images/banner02.jpg') center top repeat-x}
.swipe_wrap li .focus3{background:url('../images/banner03.jpg') center top repeat-x}
div.flicking_con{position:absolute;top:90%;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:10px;height:10px;margin-left:15px;padding:0;border-radius:5px; background-color:#666;opacity: 0.5;display:block;text-indent:-9999px;overflow: hidden;}
div.flicking_con a.on{background-color:#999;text-indent:-9999px;}
/** banner end **/
/*content start*/
#content{ overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 30px;}
#navigator {
    text-align: right;
    height: 45px;
    line-height: 45px;
}
#navigator i {
    display: inline;
    float: none;
}
/*******************************  index  start***************************************/
/*conTop*/
.conTop{padding: 40px 0 30px;box-sizing: border-box;}
.conTop h2,.conBot h2{ height:36px; text-align: center; position: relative; line-height: 36px;}
.conTop h2 strong,.conBot h2 strong{ font-size: 26px;}
.conTop h2 span,.conBot h2 span{ display: block; width: 73px; height: 29px; position: absolute; top: -10px; right: 360px;}
.conTop h2 span a,.conBot h2 span a{ background: url("../images/more.gif") no-repeat; width: 73px; height: 29px; display: block;}
.conTop h2 span a:hover,.conBot h2 span a:hover{ background: url("../images/more_hover.gif") no-repeat; width: 73px; height: 29px; display: block;}
.conTop p{ padding:30px 150px 10px; line-height: 28px;}
.conTop ul{ padding:30px 150px 0;box-sizing: border-box;text-align: center;overflow: hidden;}
.conTop li{ float:left;width:283px;}
/*conCen*/
.conCen{ padding: 20px 0; border-top: 1px dashed #ccc; overflow: hidden;}
.conCen h3{ height:50px; line-height: 50px; position: relative; }
.conCen strong{ font-size: 20px;}
.conCen .more{ display: block; width: 73px; height: 29px; position: absolute; top: 0; right: 0;}
.conCen .more a{ background: url("../images/more.gif"); width: 73px; height: 29px; display: block;}
.conCen .more a:hover{ background: url("../images/more_hover.gif"); width: 73px; height: 29px; display: block;}
/*conCenL*/
.conCenL{ width: 440px; float: left; overflow: hidden;}
.conCenL ul{ padding: 20px 5px;}
.conCenL li.active{ background: #ccc;}
.conCenL p{ padding: 10px 0; font: 16px/1.5 "microsoft yahei",sans-serif; color:#000;}
.conCenL p span{ font-size: 12px; color:#999;}
/*conCenR*/
.conCenR{ width: 680px; float: right; overflow: hidden;}
.conCenR dl{ padding: 10px 5px 0; line-height: 2.5em; height: 200px;}
.conCenR dt{ float: left; width: 450px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.conCenR dd{ float: right; font-size: 12px; color: #999;}
.conCenR p{ clear:both; padding: 22px 0; position: relative;}
.conCenR p span{ display: block; width: 269px; height: 82px; position: absolute; top: 88px; left: 268px;}
.conCenR p span a{ background: url("../images/activity.jpg") no-repeat; display: block; width: 269px; height: 82px;}
.conCenR p span a:hover{ background: url("../images/activity_hover.jpg") no-repeat; display: block; width: 269px; height: 82px;}
/*conBot*/
.conBot{ padding: 40px 0 0; border-top: 1px dashed #ccc; overflow: hidden;height: 320px;}
.conBot .line{ width: 1135px; height: 8px; background: url("../images/honor_bg.jpg") no-repeat scroll 0 0; margin: 190px auto 60px; overflow: hidden;}
.honor{ padding: 0 40px; position: relative; top: -152px;overflow: hidden;}
.honor li{ float: left; margin: 20px 10px; width: 156px;}
.honor .madel{ text-align: center;}
.madel img{width:70px;height:67px;}
.honor .round{ background: url("../images/mark.png") no-repeat scroll 0 0; height: 10px; width: 10px; margin: 20px auto 10px;}
.honor .text{ color: #999; text-align: center; font: 12px/16px microsoft yahei;}
.honor .award{ color: #999; text-align: center; font: bold 12px/16px microsoft yahei;}
.honor .prize{ color: #999; text-align: center; font: 14px/18px microsoft yahei;}
/*********  about start ********/
.sub-nav{ width:100%; background: url("../images/subBg.jpg") repeat-x scroll 0 bottom;height: 80px;}
.copy-title{ text-align: center;}
.copy-title h2{font:bold 20px/80px "microsoft yahei" , sans-serif;}
.sub-nav ul{ height:80px; font-size: 18px;}
.sub-nav li{ width: 115px;float:left; line-height: 80px; text-align: center; background: url("../images/dot.jpg") no-repeat scroll left center; text-indent: 10px;margin:0 11.3%;_margin-left:110px;_margin-right:110px;cursor: pointer;}
.sub-nav li.current{ font-weight: bold;cursor: pointer;}
.sub-con,.about{ padding: 50px 150px 0; line-height:32px;}
.sub-con h2{ height: 36px; text-align: left; position: relative; line-height: 36px; font-size: 26px; display: block;}
.sub-con span{ display: block; width: 53px; height: 32px; position: absolute; top: -10px; left: 130px;}
.sub-con span a{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block;}
.sub-con span a:hover{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block;}
.sub-con p{ padding:50px 0;}
.about{ text-indent: 2em;}
.category{ width: 100%;height: 470px;margin-top: 50px; background: url("../images/cateall20181128.png?20181127") no-repeat scroll center center;background-size: 100%;}
.category .cate{ height:48px; padding: 380px 0 0 180px;}
.category dl{ float: left; width: 126px; line-height: 24px;}
.category dt{ font-size: 22px;}
.category dd{ color: #999;}
    /** team **/
.sub-team h2{ text-align: center;}
.sub-team span{ position: absolute; top: -10px; left: 520px;}
.team{ width: 100%; height: 1000px; background: url("../images/aboutUs.jpg") no-repeat center 60px;padding-top: 150px;}
.team dl{ width: 48%; margin-top: 4%; display: block; height: 286px; float: left; margin-left: 1%}
.team1{ width:214px;height:245px;background: url("../images/team01.jpg") no-repeat left center;}
.team2{ width:214px;height:245px;background: url("../images/team02.jpg") no-repeat left center;}
.team3{ width:214px;height:245px;background: url("../images/team03.jpg") no-repeat left center;}
.team4{ width:214px;height:245px;background: url("../images/team04.jpg") no-repeat left center;}
.team5{ width:214px;height:245px;background: url("../images/team05.jpg") no-repeat left center;}
.team dt{ text-align: left; width: 226px; float: left;}
.team dd{ width: 58%; float: left;  padding-top: 10px;}
.team-name{ font-size: 22px; color: #222; line-height: 44px;}
.team-job{ font-size:12px; color: #999; line-height: 24px;}
.team .team-info{ font-size:16px; color: #666; line-height: 26px; text-align: left;}
    /** truee **/
.truee{ width:100%;height: 580px;position: relative; margin-top: 100px;}
.trueeI{ width:100%;height: 580px; background: url("../images/structure.png") no-repeat scroll center top;}
.truee dl{ border-left: 1px solid #ccc;}
.truee dt{ font-size: 18px; line-height: 36px; text-indent: 10px;margin-left: -2px;}
.truee dd{ font-size: 14px; color: #333; line-height: 28px; text-indent: 20px;}
.tr01{ position: absolute; top: -40px; left: 310px; }
.tr01 dt{ border-left: 3px solid #ff6600; color: #ff6600;}
.tr02{ position: absolute; top: -40px; right: 310px; }
.tr02 dt{ border-left: 3px solid #B86F3B; color: #B86F3B;}
.tr03 { position:absolute; top: 195px; left: 210px;}
.tr03 dt{ border-left: 3px solid #2D84C4; color: #2D84C4; }
.tr03 .f12{ font-size: 12px; line-height: 24px; color: #666;}
.tr04{ position: absolute; top: 165px; right: 210px;}
.tr04 dt{ border-left: 3px solid #7AD1A5; color: #7AD1A5;}
.tr05{ position: absolute; bottom: 80px; left: 440px;}
.tr05 dt{ border-left: 3px solid #F7B900; color: #F7B900;}
.tr06{ position: absolute; bottom: 80px; right: 365px;}
.tr06 dt{ border-left: 3px solid #FF6600; color: #FF6600;}
    /** honor **/
.con-pr ul.honorApp{display: none;}
.con-pr ul.honorPc{position:relative;cursor:pointer;overflow: hidden;height: 540px;padding-left: 50px;}
.con-pr li{  float: left;width: 130px;padding-bottom: 20px;z-index:9999;position: relative;margin-top: 140px;padding-left: 30px;padding-right: 28px}
.con-pr li.first{width: 144px;padding-left: 30px;padding-right: 20px;}
.con-pr li.last{padding-left: 0;padding-right: 0;}
.con-pr p.madel{ margin-bottom: 30px; margin-left:-38px; border-left:none;position: absolute;left:0;top:0;}
.con-pr .honorB{ width:100%;height:316px;background: url("../images/honorBg.jpg") no-repeat center center;background-size: 100%;}
.con-pr .text{ font-size: 10px; line-height: 2em;padding-top:28px;}
.con-pr .award{ font-size: 14px; line-height: 2em; font-weight: bold;}
.con-pr .prize{ font-size: 12px; line-height: 2em;}
/*****  product start ******/
.sub-nav1 li{ margin:0 3%;_margin-left:50px;_margin-right:50px;text-align: center;}
.sub-con1 h2{ height: 72px; text-align: center;margin-bottom: 20px;}
.sub-con1 span{ position: absolute; top: -10px; left:660px;}
.sub-con1 a,.app-con a{ font-size: 14px; color:#999;}
.sub-con1{ padding: 50px 40px 0;}
.sub-con1 p{ padding: 75px 120px; font-size: 18px; text-align: center;}
.sub-con1 .hh{ color: #ff6600;}
.forum{padding: 20px 20px 0;overflow: hidden;}
.forum li{ width: 30%;float: left;margin-left: 20px;border-left: 1px solid #ccc;}
.forum span{ font-size: 26px;line-height: 28px;font-weight: bold;padding: 10px 0  0 20px;margin-left: -2px;}
.forum .forum1{ border-left: 3px solid #68B4D9;}
.forum .forum2{ border-left: 3px solid #b9da45;}
.forum .forum3{ border-left: 3px solid #ff6600;}
.forum p{ margin-top: 20px;line-height: 2em;padding-left: 20px;}
    /** APP   **/
.app-con{ width: 100%; height: auto; padding-top: 80px; background: url("../images/aboutUs.jpg") no-repeat 300px 30px;}
.appL{ width: 600px; float: left; margin-left: 30px;}
.appL h2{ height: 72px; text-align: left; position: relative; line-height: 36px; font-size: 26px; display: block; margin-bottom:50px; }
.appL .more{ display: block; width: 53px; height: 32px; position: absolute; top: -10px; left: 130px;}
.appL span a{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block; }
.appL span a:hover{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block;}
.appL p{ font-size: 18px; color: #333; line-height: 36px; margin-bottom: 50px;}
.appL .ios a{ width: 269px; height: 72px; background: url("../images/app.jpg") no-repeat 0 0;}
.appL .ios a:hover{ width: 269px; height: 72px; background: url("../images/app.jpg") no-repeat 0 -72px;}
.appL .android{ margin:30px 0;}
.appL .android a{ width: 269px; height: 72px; background: url("../images/app.jpg") no-repeat 0 -144px;}
.appL .android a:hover{ width: 269px; height: 72px; background: url("../images/app.jpg") no-repeat 0 -215px;}
.appL li{ float: left;}
.appL li.ma{margin-left: 30px;}
.appL li.ma img{ border: 1px solid #ccc;padding: 10px;}
.appL li.ma p{ text-align: center;}
.appL li span{ display: block;}
.appR{float: right;width:457px;height:572px;background: url("../images/deyiapp.png") no-repeat center center;}
.app_slide{width:200px;height:358px;overflow:hidden;position:relative;top:142px;left:37px}
.app_slide ul{width:9999px;height:358px;overflow:hidden;position:absolute;top:0;left:0;}
.app_slide ul li{float:left;width:200px;height:358px;overflow:hidden; position:relative;}
.app_slide ul li div {position:absolute; overflow:hidden;}
.app_slide .btnBg {position:absolute; width:100px; height:15px; left:50px; bottom:25px; background:#000;border-radius:8px;}
.app_slide .btn{position:absolute; width:100px; height:15px;left:48px; bottom:26px; text-align:center;box-sizing: border-box;}
.app_slide .btn span {display:inline-block; _display:inline; _zoom:1; *margin-top:5px;_margin-top:0;width:10px; height:10px; _font-size:0; margin-left:8px; cursor:pointer;border-radius:5px;overflow: hidden;}

	/** marry **/
/*.jh-con{ background: url("../images/jhBg.jpg") no-repeat center 418px;overflow: hidden;}*/
.jh-con1 p, .jj-con1 p{ padding: 0 73px 0; font-size: 18px; text-align: left; line-height: 2em; }
.outDiv{ width:66%;height:545px;padding:140px 0 0 176px; float: left; }
.jh-con .outDiv{background:url("../images/marryBg.jpg") no-repeat left center;}
.jj-con .outDiv{background:url("../images/jiajuBg.jpg") no-repeat left center;}
.innerDiv{width:540px;height:332px;position:relative;background:#fff;overflow:hidden;}
/*.targetImg{width:540px;height: 2375px;background:url("../images/marry.png") no-repeat;}*/
.jh-con ul,.jj-con ul{ border-left: 1px solid #ccc; margin-top: 16%; text-indent: 20px; float:left; }
.jh-con li,.jj-con li{ font-size: 20px; color: #333; line-height: 2em;  margin-left: -6px; background: url("../images/dot1.jpg") no-repeat left center;}
.jh-con li.title,.jj-con li.title{ font-size: 26px; color:#333; border-left: 3px solid #DD4639; line-height: 2em;margin-left: -2px;background: none;}
.jh-con li.sj,.jj-con li.sj{ font-size: 14px; color:#999; margin-left: 5px; margin-bottom:30px;background: none;}
.jh-con li a,.jj-con li a{ margin-left: 20px;}
.jh-con li a:hover,.jj-con li a:hover{ color:#222;}
.jj-con li.title{border-color: #3d9c6c;}
.jj-con li{background: url("../images/dot2.jpg") no-repeat left center;}
/*****  intro start ******/
.sub-con2{ width: 96%;padding: 50px 0 10px; border-bottom: 1px solid #ccc;}
.sub-con2 h2{ height: 72px; text-align: center; line-height: 26px; font-size: 20px;}
.sub-con2 .author{ font-size: 12px; color:#999; opacity: 0.5;}
.info{ width:80%;margin:0 auto;padding-top: 40px;}
.info h2{font-size: 18px;font-weight: bold;line-height: 4em;}
.info p{ width: 100%; text-indent: 2em;margin: 20px auto;font:16px/32px "microsoft yahei",sans-serif;word-wrap:break-word;}
.info img{ width: 70%; margin:0 auto; display: block;}
.info a{ text-decoration: underline;}
.page{ height: 30px;padding-top: 30px;border-top: 1px solid #ccc;vertical-align: middle;}
.page span{ padding: 0 10px;}
.page .pre{ background: url("../images/pre.jpg") no-repeat scroll left center; float:left;}
.page .next{ background: url("../images/next.jpg") no-repeat scroll right center; float: right;}
    /** employee **/
ul.employee{ margin-top: 50px;}
.employee li{ border-top: 1px solid #ccc; padding: 50px 60px; overflow: hidden;}
.date{ float: left; text-align:center; position: relative}
.date img{ width:155px; height:155px; margin-top: 80px;}
.date .month{ position:absolute; top: 100px; left: 40px;font-size: 33px; color: #FF7519;line-height: 1.5em;}
.date .day{ position: absolute; top: 150px; left: 70px; font-size: 33px; color: #FF7519;line-height: 1.5em;}
.date .year{ position: absolute; top: 200px; left: 60px; color: #FF7519;}
.event{ float: right;}
.event h3{ font-size: 18px; font-weight: bold; color: #333; line-height: 2em; }
.event p{ font-size: 12px; color: #999; line-height: 2em;}
.pages{ border-top: 1px solid #ccc;padding:30px 0 0;clear: both; text-align: center;height:31px;line-height: 31px;}
.pages .pre{background: url("../images/pre.jpg") no-repeat scroll left center;display: inline-block;padding:0 10px;vertical-align: middle;}
.pages .next{background: url("../images/next.jpg") no-repeat scroll right center;display: inline-block;padding:0 10px;}
.pages ul{display: inline;}
.pages li{display: inline;padding: 1% 3%;}
.pages li a{padding: 12px}
.pages li a:hover{background:url("../images/pageBg.jpg") no-repeat center center;color:#fff;}
.pages .active{ background:url("../images/pageBg.jpg") no-repeat center center;}
.pages .active a{ color:#fff;}
    /** grow **/
.sub-ll{ width: 300px; padding: 50px; margin-left: 205px; border-left: 5px solid #ccc;}
.figure{ overflow: hidden;}
.yt{ float: left; width: 205px;}
.yt span{  font-size: 26px;font-weight: bold; line-height: 1.5em;padding-left: 126px;background: url("../images/dian.jpg") no-repeat right center;width: 90px;display: inline-block; position: relative;}
.yc{ float:left;border-left: 5px solid #ccc; padding-bottom: 60px;_margin-left:-11px;}
.yc span{ width: 90px;font-size: 14px; color: #999; margin-right: 30px;display: inline-block;}
.yc p{ padding: 30px 0 0 40px; color: #212121;}
        /********************** content end **********************/
/** join start **/
.join{ width:100%;overflow: hidden;}
.joint{ float: left; width: 205px; text-align: right; position: relative; }
.joint dt{ font-size: 28px; line-height: 2em; background: url("../images/dian.jpg") no-repeat right center; padding-right: 50px;_zoom:1;}
.joint dd a{ color: #333; line-height: 4em;padding-right: 50px;}
.joint dd a:hover{ font-weight:bold;background: url("../images/dian.jpg") no-repeat right center;}
.joinc{ float: left;border-left: 5px solid #ccc;padding-left: 105px;padding-top:50px; margin-left: -11px;}
.joinc h2{ font-size: 50px; color:#333; line-height: 2em; position: relative;}
.joinc h2 span{ position:absolute; top:-20px; left:300px;}
.joinc h2 a{ background: url("../images/about.jpg") no-repeat; width: 53px; height:32px; display: inline-block;}
.joinc h2 a:hover{ background: url("../images/about.jpg") no-repeat; width: 53px; height:32px; display: inline-block;}
.joinc p{ font-size: 14px; line-height: 3em;}
.wait{ position: relative;margin: 20px 0 70px 0;}
.wait span{ position: absolute; top:58px; left: 270px;}
.joinc .wait a{ background: url("../images/activity.jpg") no-repeat; width: 269px; height:82px; display: inline-block;_display: inline;}
.joinc .wait a:hover{ background: url("../images/activity_hover.jpg") no-repeat; width: 269px; height:82px; display: inline-block;}
.joinc h3{ font-size: 28px;color:#222E35; font-weight:bold;line-height: 2em; position: relative;margin-top: 100px;}
.joinc h3 span{ position:absolute; top:-20px; left:170px;}
.joinc .join3 h3 span,.joinc .join4 h3 span{ position:absolute; top:-20px; left:250px;}
.joinc .pay h3 span{ position:absolute; top:-20px; left:120px;}
.joinc h3 span a{ background: url("../images/join.jpg") no-repeat 0 0; width: 53px; height:32px; display: inline-block;}
.joinc dl,.pay ul{ margin-top: 60px;}
.joinc dt{ border-left: 3px solid #FF7519; font-size: 22px; color: #222; line-height: 1em; padding-left: 10px;margin-bottom: 30px;}
.joinc dt span{ font-size: 14px; color: #999;}
.joinc dd{ font-size: 14px; line-height: 2em;}
.joinc .join2 a{ background: url("../images/join.jpg") no-repeat 0 -32px;}
.joinc .join2 dt{ border-left: 3px solid #68B4D9;}
.joinc .join3 a,.joinc .join4 a{ background: url("../images/join.jpg") no-repeat 0 -64px;}
.joinc .join3 dt,.joinc .join4 dt{ border-left: 3px solid #87D6AE;}
.joinc .join5 a{ background: url("../images/join.jpg") no-repeat 0 -128px;}
.joinc .join5 dt{ border-left: 3px solid #BF7D4E;}
.pay{ position: relative; padding-bottom: 30px;}
.pay span{ position: absolute; top:94px; left: -32px;}
.pay li{ line-height: 2em;}
.pay li a{text-decoration: underline;}
.pay span.tip2{ position: absolute; top:306px; left: -32px;}
.pay p{ font-size: 18px; color: #333; line-height: 2em;margin-top: 30px;}
.pay .email{ background: url("../images/email.jpg") no-repeat; font-size: 22px; line-height: 1.5em; padding-left: 20px;width: 385px;height: 37px;white-space: nowrap;}
.pay .email a{background: none;color: #fff;display: inline;white-space: nowrap;}
/** contact start **/
.map{ padding: 50px 50px; }
.map img{ float: left;width: 434px;}
.call{ width:550px;margin-left: 50px;float:right;}
.call h2{ height: 36px; text-align: left; position: relative; line-height: 36px; font-size: 26px; display: inline-block;}
.call .more{ display: inline-block; width: 53px; height: 42px; position: absolute; top: -10px; left: 130px;overflow: hidden;}
.call span a{ background: url("../images/about.jpg") no-repeat center center; width: 53px; height: 42px; display: inline-block;overflow: hidden;}
.call span a:hover{ background: url("../images/about.jpg") no-repeat center center; width: 53px; height: 42px; display: inline-block;overflow: hidden;}
.call p{ margin: 28px 0; font-size: 14px;color: #333;}
.call p span{ width:96px; font-size: 14px;color: #999; display: inline-block;background: none;}
.call .lx{ width: 150px; color: #333;font-size: 15px;background: none;}
.work{ margin-left: 50px;}
.work h2{ height: 36px; text-align: left; position: relative; line-height: 36px; font-size: 26px; display: inline-block;}
.work span{ display: block; width: 53px; height: 32px; position: absolute; top: -10px; left: 130px;}
.work span a{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block;}
.work span a:hover{ background: url("../images/about.jpg") no-repeat; width: 53px; height: 32px; display: block;}
.manager{ padding: 50px 50px;overflow: hidden;}
.manager dl{ border-left: 1px solid #ccc; width: 260px; height: 180px;text-indent: 20px; float: left; margin: 30px 0;}
.manager dt{ font-size: 18px; line-height: 3em;margin-left: -2px;}
.manager dt span{ font-size: 22px; color:#333; margin-left: 10px;}
.manager dd{ font-size: 14px; line-height: 2em;}
.wx dt{ border-left: 3px solid #FF7519;}
.yj dt{ border-left: 3px solid #E15C04;}
.rj dt{ border-left: 3px solid #FF3333;}
.zc dt{ border-left: 3px solid #A5C171;}
.sl dt{ border-left: 3px solid #FFCC99;}
.zz dt{ border-left: 3px solid #66CCCC;}
.pl dt{ border-left: 3px solid #FF9999;}
.zl dt{ border-left: 3px solid #7CC2F0;}
.pb dt{ border-left: 3px solid #117700;}
.pw dt{ border-left: 3px solid #dd0000;}

/*footer*/
#footer{ height: 150px;  padding-top:30px; line-height:23px; position:relative;}
.footL{ float: left; width:360px;}
.footL dt{ float: left;}
.footL dd{ float: left; font: bold 14px/18px microsoft yahei; padding: 10px;}
.footL dd span,.footL dd a{  font:12px/14px microsoft yahei; color:#999;}
.footR{
    float: right;
    width: 750px;
    font: 12px/19px microsoft yahei;
}
.footR #footer-logo {
    float: right;
    height: 53px;
    margin-left: 22px;
    width: 201px;
}
.footR ul {
    float: right;
    margin-top: 4px;
}
.footR li {
    color: #999;
    float: right;
    margin-top:4px;
}
.footR li a {
    border-right: 1px solid #fff;
    color: #999;
    padding: 0 5px;
}
.footR li.first-one a {
    border: medium none;
}
.footR li.first-two{
    display: inline;
    font-weight: bold;
}
.footR .copyrights a {
    text-decoration: underline;
}
.m-foot{ display: none;}

.manager .info{
    text-indent: 0;
    padding-top: 0;
    width: auto;
    padding-left: 20px;
    padding-right: 10px;
    color: #333333;
    font-family: 'microsoft yahei';
    line-height: 20px;
    margin-top: 8px;
}
.manager dl{
    margin-bottom: 50px;
}

/* 20150625 */
.jia-con{position:relative;width:100%;height:auto;padding-top:70px;}
.jia-con a{font-size:14px;color:#999;}
.app-jia{overflow:hidden;}
.app-jia .appL h2{padding:10px;height:40px;_margin-bottom:25px;}
.app-jia .appL .more{top:0;left:160px;}
.app-jia .appR{height:542px;background:url("../images/deyijiaju.png") no-repeat center center;}
.title,.download-icon,.version-icon,.preview,.new a,#cover:before{background-image:url("../images/sprites.png");_background-image:url("../images/sprites.gif");background-repeat:no-repeat;}
.download{position:absolute;left:30px;_left:60px;top:400px;width:405px;z-index:111;}
.download-button{position:relative;display:block;overflow:hidden;width:220px;height:75px;border-radius:6px 6px 6px 6px;background-clip:padding-box;text-align:center;z-index:1;white-space:nowrap;}
.download-button span{display:block;color:#fff;font-size:20px;line-height:50px;}
.download-type{margin-top:12px;}
.download-button .version-number{font-size:14px;}
.download-icon{position:absolute;left:0;top:0;height:75px;width:74px;}
.download-text{margin-left:75px;height:75px;overflow:hidden;}
.download-user{margin-bottom:15px;background-color:#82ba37;}
.download-user .download-icon{border-right:1px solid #78b02d;background-position:-361px 13px;}
.download-merchant .download-icon{border-right:1px solid #38abad;background-position:-361px -134px;}
.download-user .download-text{border-left:1px solid #9dce5c;}
.download-merchant .download-text{border-left:1px solid #66c9cb;}
.download-merchant{background-color:#3eb2b4;}
.download-container{position:absolute;left:0;padding-top:90px;display:none;z-index:2;cursor:default;_zoom:1;}
.download-container:before{content:'';position:absolute;top:82px;left:50%;margin-left:-3px;display:block;height:0;width:0;border-bottom:9px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;}
.user-container:before{border-bottom-color:#8cc63f;}
.merchant-container:before{border-bottom-color:#4bc0c2;}
.download-button:hover + .download-container,.download-container:hover{display:block;width:220px;}
.user-container{top:0;}
.download-list{height:112px;width:220px;border-radius:6px 6px 6px 6px;background-clip:padding-box;overflow:hidden;}
.download-list li{float:none;position:relative;height:56px;overflow:hidden;}.version-icon{position:absolute;top:0;left:0;height:56px;width:44px;}
.version-ios .version-icon{background-position:-372px -317px;}
.version-android .version-icon{background-position:-372px -373px;}
.version-appstore .version-icon{background-position:-372px -429px;}
.download-list a{display:block;height:56px;padding-left:70px;line-height:56px;font-size:18px;color:#fff;cursor:pointer;white-space:nowrap;}
.download-list a:visited{color:#fff;}
.download-list i{margin-left:5px;font-size:14px;font-style:normal;}
.user-container .download-list{background-color:#8cc63f;}
.user-container li{border-top:1px solid #78b02d;}
.user-container li:hover{background-color:#82ba37;}
.user-container .version-ios,.merchant-container .version-ios{border: none}
.merchant-container{top:90px;}
.merchant-container li{border-top:1px solid #38abad;}
.merchant-container li:hover{background-color:#3eb2b4;}
.merchant-container .download-list{background-color:#4bc0c2;}
.new a{background-position:-581px -769px;}
.qrcode{position:absolute;right:0;top:0;}
#cover{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:99;padding-top:100px;background-color:rgba(0,0,0,0.8);color:#FFD21E;text-align:center;font-weight:bold;font-size:24px;}
#cover:before{content:'';position:absolute;right:4px;top:4px;display:block;height:100px;width:70px;background-position:-207px -303px;background-size:400px 400px;}#close{display:block;position:absolute;bottom:20px;left:10%;height:50px;width:80%;line-height:50px;background-color:#FFD21E;color:#333;font-weight:normal;border-radius:10px 10px 10px 10px;background-clip:padding-box;}
.app_slide2{width:200px;height:358px;overflow:hidden;position:relative;top:122px;left:37px}
.app_slide2 ul{width:9999px;height:358px;overflow:hidden;position:absolute;top:0;left:0;}
.app_slide2 ul li{float:left;width:200px;height:358px;overflow:hidden;position:relative;}
.app_slide2 ul li div{position:absolute;overflow:hidden;}
.app_slide2 .btnBg{position:absolute;width:100px;height:15px;left:50px;bottom:25px;background:#000;border-radius:8px;}
.app_slide2 .btn{position:absolute;width:100px;height:15px;left:48px;bottom:26px;text-align:center;box-sizing:border-box;}.app_slide2 .btn span{display:inline-block;_display:inline;_zoom:1;*margin-top:5px;_margin-top:0;width:10px;height:10px;_font-size:0;margin-left:8px;cursor:pointer;border-radius:5px;overflow:hidden;}
.app-jia-info{clear:both;margin-top:30px;z-index:99;}
.app-jia-info h2{height:35px;text-align:left;line-height:36px;font-size:26px;display:block;position:relative;margin-bottom:40px;padding-left:30px;}
.app-jia-info .more{display:block;width:53px;height:32px;position:absolute;top:-10px;left:320px;}
.app-jia-info span a{background:url("../images/about.jpg") no-repeat;width:53px;height:32px;display:block;}
.app-jia-info ul{padding:20px 0 0 30px;overflow:hidden;}
.app-jia-info ul li{width:44%;float:left;margin:0 50px 45px 0;border-left:1px solid #ccc;}
.app-jia-info ul span{font-size:26px;line-height:28px;font-weight:bold;padding:10px 0 0 20px;margin-left:-2px;border-left:3px solid #ffd21e;}
.app-jia-info ul p{margin-top:20px;line-height:2em;padding-left:20px;}

#zone +div{
    min-height:800px !important;
    margin:40px auto;
}


/*20170209品推改版*/
.zone-benefit p:nth-of-type(2){
    overflow:hidden;
}
.zone-benefit p:nth-of-type(2) a{
    display:block;
    width:100%;
}
.zone-benefit img{
    width:426px;
    height:150px;
}
.conBot{
    position:relative;
    height:320px;
}
.conBot .line+zone.hook{
    position:absolute;
    left:0;
    top:275px;
}
.zone-honorpc{
    background:url(../images/honorBg1.jpg) no-repeat center 130px;
}
.zone-honorpc img{
    position:relative;
    margin-left:-51px;
    width:65px;
    height:65px;
}
.zone-hook1{
    display:none;
}
.zone-hook2{
    display:block;
}
.employee .event img{
    width:708px;
    height:250px;
}