﻿/*全局*/
html,body {overflow-x: hidden;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td {
    margin: 0; padding: 0;}
body{ padding:0; margin:0; font:normal 100% "Microsoft YaHei";}
a,a:hover,area{outline:none; text-decoration:none;font-family:"Microsoft YaHei";}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,input,select,textarea,button{ padding:0; margin:0; font-family:"Microsoft YaHei"; font-weight:normal;outline: none;}
ul,ol{ list-style-type:none;}
input{outline: none;}
textarea {line-height:24px; border: 0; background: 0; color: #666;outline: 0; -webkit-box-shadow: none; resize:none;}
select{resize: none;}
em,i,del{ font-style:normal;}
img{ border:0; display:block;}
.clear{ clear:both}
.fl{float:left;}
.fr{float:right;}
.f12{ font-size:12px;}
.container,.topContainer,.wrapper{ width:1100px; margin:0 auto; overflow:hidden}
.topContainer{width:1000px;}
.wrapper{ width:1300px;}
table {
    border-collapse: collapse;
    border-spacing: 0
}

/*旋转*/
.frame_top,.mod_footer,.wrap {min-width:1000px;background-color:#12343f}
.mod_footer a,.mod_footer p {color:#eee}
.wrap {width:100%;overflow:hidden}
.mod_bg {position:absolute;left:0;top:0;width:100%}
.main {position:relative;z-index:10;width:1200px;margin:0 auto}
.mod_info1 {height:536px;position:relative;width:348px; margin:0 auto;}
.mod_info1__logoall {height:348px;width:348px;position:absolute;top:0;}
.mod_info1__logo1 {background-image:url(../images/ani.png);background-position:0 0;}
.mod_info1__logo2 {background-image:url(../images/ani.png);background-position:-347px 0; width:348px; height:348px;}
.mod_info1__logo3 {background-image:url(../images/ani.png);background-position:-690px 0;}
.mod_info1__f {position:absolute;width:34px;height:34px;background:url(../images/flash.png);_display:none}
.mod_info1__flash {bottom:163px;left:130px}
.mod_info1__flash1 {bottom:92px;right:79px}
.line{background:url(../images/ban1line.png) no-repeat; width:509px; height:333px;  position:absolute; z-index:999;left:360px;}
/*头部*/

/*banner*/
.arrow-box{position:absolute;bottom:60px; left:49%; z-index:89;width:23px;}
.scroll {margin:65px auto 0;display:block;width:23px; height:23px;*background:url(../images/phsoft-link.png) no-repeat 0 0;}
.scroll:hover {text-decoration:none;}
.scroll:after { background:url(../images/b_jt.png) no-repeat 0 0;content:'';width:23px;height:29px;position:absolute;top:40px;margin:auto;top:50px;right:0;bottom:0;left:0;-webkit-animation:3s arrow infinite ease;animation:3s arrow infinite ease;z-index:89;}
@-webkit-keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}
@keyframes arrow {
	0%,100% {
		top:50px;
	}
	50% {
		top:80px;
	}
}
.bannerWapper{ width:100%; height:500px; background: url(../images/banner_02.jpg) no-repeat top center; position:relative;}
.bannerTitle{ padding:90px 0 25px 0; border-bottom:solid 1px #ddd;}
.bannerTitleMs{ padding:30px 0 30px 0;}
.topDownloadBox{ width:420px; height:106px; margin:0 auto;padding:0;}
.topBtnBox a { display:block;float:left; cursor:pointer;line-height:55px; text-align:center;color:#fff;font-size:20px;width:190px; height:55px; border-radius:5px;
                -moz-border-radius:5px; -webkit-border-radius:5px;}
.topBtnBox a.topBtn {  border:1px solid #fff; margin-right:40px; }
.topBtnBox a.topBtn:hover {}
.topBtnBox a.topBtn1 { background:#0bc3a0;}
.topBtnBox a.topBtn1:hover { background:#09ac8d;}
.paddingBottom50{ padding-bottom:50px;}
.grayBg{ background:#f5f8fd url(../images/phsoft-main-bg.png) no-repeat center bottom;border-top:solid 1px #fff; border-bottom: solid 1px #ebebeb;}
.banner-mb{width:23px;position:absolute;left:49%;bottom:8%;}
.whiteBg{ background:#fff url(../images/phsoft-main-bg.png) no-repeat center bottom;border-bottom: solid 1px #ebebeb;}
.bannerWapper.title{ overflow:hidden; padding:100px 0 30px 0; border-bottom:solid 1px #d5dfe7;}
.title img{ margin:0 auto;}
.code-small img{  margin:0 auto;}
.code-small p{ font-size:18px; color:#666; text-align:center; padding:30px 0 40px 0;}
.paddingBottom{ padding-bottom:100px;}

/*关于我们*/
.about{ width:1200px;height:420px; margin:0 auto; }
.about h2 { font-size:38px; width:1200px;height:60px; text-align:center; font-weight:600; color:#222; line-height:60px; margin-top:30PX;}
.aboutLeft{width:590px; height:220px; padding-top:50px;}
.aboutList {
	width:150px;
	height:220px;
	background-color: #0BC86F;
}
.aboutlist2{ width:440px; height:220px; background:#fff; border:1px solid #ddd;}
.wenZi { margin-top:40px; padding:0 20px;}
.aboutlist2 p { font-size:14px; color:#333; line-height:30px;}
.aboutlist2 p span{ font-size:16px; color:#222; font-weight:bold;}
.aboutList dt{ background:url(../images/about1_03.png) no-repeat; width:77px; height:77px; position:relative; top:50px; left:35px}
.aboutList dd{ color:#fff;font-weight:bold;font-size:16px; height:150px; line-height:150px; text-align:center;}
/*关于我们右列表*/
.aboutRight{width:590px; height:220px; padding-top:50px; margin-left:20PX;}
.aboutRight .aboutList dt{ background:url(../images/about2_03.png) no-repeat center; width:77px; height:77px; position:relative; top:50px; left:35px}
/*优势*/
.youShi {background:url(../images/youshi_06.jpg) no-repeat center; height:685px;}
.youShi h2 {width:1200px; text-align:center; height:170px; line-height:130px; font-size:40px; font-weight:bold; color:#fff; margin:0 auto;}
.youshi-k{ margin-top:30px; width:1200px; margin:0 auto; position:relative;}
.w1200{ width:1200px;}
.advLeft{ width:500px; float:left;}
.advLeft ul li i{background:url(../images/iconbg_07.png) no-repeat; display:block; float:left;}
.advLeft .pic01{background-position:0 0; width:320px; height:150px; position:relative; left:113px;top:-50px;}
.advLeft .pic02{background-position:-19px -175px; width:320px; height:150px; position:relative; left:130px; top:-20px;}
.advLeft .pic03{background-position:-73px -350px; width:320px; height:150px; position:relative; left:180px; top:-0px;}
.advRight{ width:500px; float:right;}
.advRight ul li i{background:url(../images/iconbg_07.png) no-repeat; display:block; float:left;}
.advRight .pic04{background-position:-702px -16px; width:320px; height:150px; position:relative; left:102px;top:-32px;}
.advRight .pic05{background-position:-736px -175px; width:320px; height:150px; position:relative; left:140px; top:-20px;}
.advRight .pic06{background-position:-700px -350px; width:320px; height:150px; position:relative; left:105px; top:-0px;}
/*物信通vs普通会员*/
.wuxintong { width:100%; height:auto; background:#f5f5f5;padding:10px 0 80px 0;}
.service-listbt { background:url(../images/wuxintong_01.png) center no-repeat;height:206px;}
.service-list {width: 1200px;margin: 0 auto;position: relative; }
.service-list table { width: 1200px;border: solid 1px #e6e6e6;border-right: 0; border-bottom: 0;
box-shadow: 0 5px 15px #c2beb6;background: #fff; font-family:"微软雅黑";}
.service-list table tr th {height: 125px; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; font-size: 18px;font-family:"微软雅黑";color: #000;font-weight: normal; }
.service-list table tr td { border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6}
.success p span,.service-list table tr td em,.service-list table tr td i,.service-list span.fade,.one-content p a em,.link-bar ul li em,.sideBar li span,.screen-two .scroll-area span {
 background:url(../images/bg.png) 0 0 no-repeat;}
.service-list table tr th span {width: 34px;height: 58px;   background:url(../images/bg.png) 0 0 no-repeat; display: block}
.service-list table tr td.title { font-size: 20px;color: #000;font-weight: bold}
.service-list table tr td { padding: 13px 0; text-align: center}
.service-list table tr td.text-left { text-align: left;font-size: 16px;color: #333}
.service-list table tr td.text-small { font-size: 14px;color: #333; padding:0 25px}
.service-list table tr td.text-big {font-size: 18px;color: #000;background: #fffef3; border-bottom: solid 1px #e6e6e6}
.service-list table tr th.yellow { background: #fffef3}
.service-list table tr td.dashed {border-bottom: solid 1px #e6e6e6; height:65px; line-height:65px; border-right:solid 1px #ffb30f;}
.service-list table tr td.orange,.service-list table tr th.orange { color: #ffb30f;font-weight: bold}
.service-list table tr td.title { line-height: 24px}
.service-list table tr td em {display: block;margin: 0 auto}
.service-list table tr td em.ok { width: 34px; height: 26px;}
.service-list table tr td em.none { width: 34px;height: 26px;background-position: 0 -30px}
.service-list table tr td i { width: 33px; height: 22px;display: inline-block;background-position: -160px -263px;margin: 0 auto 6px auto}
.service-list table tr td.current,.service-list table tr th.current {border-right: solid 1px #ffb30f;border-bottom: solid 1px rgba(255,179,15,0.2); /*box-shadow: 1px 3px 10px #ffb30f*/}
.service-list table tr td.current1,.service-list table tr th.current1 {   border-right: solid 1px #ffb30f;border-top: solid 1px #ffb30f;}
.service-list span.top {width: 295px;height: 34px; background-position:-4px -76px;  position: absolute;left: 215px;top: -22px;}
.service-list span.bottom {width: 295px;height: 34px;background-position:0; background-position: 0 -121px;position: absolute;left: 211px; bottom: -32px}

/*成功案例*/
.anLi { width:1200px; margin:0 auto; height:710px;}
.anLiBox { width:1200px; margin:0 auto;}
.anLiListTop { border-bottom:1px solid #e6e6e6;padding-bottom:15px;}
.anLi h2,.handleCnt h2 {font-size:40px; font-weight:bold; height:140px; line-height:140px; color:#262642; text-align:center; }
.anLiList{ width:260px; height:290px; border:1px solid #e9e9e9; margin-right:30px;}
.anLiList:hover { box-shadow: #f6c799 0px 2px 5px; border:1px solid #ff8713; border-top:none;}
.anLiList a { display:block; float:left; margin-left:20px; height:24px; margin-right:10px; padding-top:2px;}
.anLiListTop p{ height:24px; line-height:24px;}
.anLiList p span{ margin:0 2px 0 2px;}
.anLiList h4 { font-size: 21px; padding: 10px 0 0 20px;border-top: 3px solid #ff8713; padding-bottom: 5px;color: #333;
width: 309px; overflow: hidden; height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.anLiList p span { color:#f00; font-weight:bold;}
.anLiList i {background:url(../images/jiaobiao_03.png) no-repeat 0 0; width:48px; height:63px; position:relative; float:right; right:10px;}
.anLiList i.wuliugs {background:url(../images/jiaobiao1_03.png) no-repeat 0 0; width:48px; height:63px; position:relative; float:right; right:30px;}
.anLiListXia {}
.anLiListXia h3 { font-size:18px;width:380px; text-align:center; height:60px; line-height:70px; color:#333;}
.anLiListXia p {font-size:12px; width:310px; margin:0 auto; text-indent:2em; line-height:24px; color:#999;}
.button { width:100px; height:40px;margin:0 auto;}
.anLiListXia p a.xiangxi {display:inline; float:none; color:#e60000; font-size:14px; margin-left:2px; color:#1390ce;}

.button a.muban {display:block;float:left;width:100px; height:36px; background:#ff8713; color:#fff; text-align:center; line-height:30px; border-radius:3px;font-size:14px; margin-top:20px; margin-left:0px; }
.button a:hover { background:#ffae13; color:#fff;}

/*如何办理物信通*/
.handle_wxt{
	width:100%;
	height:573px;
	padding-top:34px;
	margin-top:80px;
	background-color: #f2f2f2;
	background-image: url(../images/handle_wxt-.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.handleCnt{width:818px; margin:0 auto;}
.hand05{ background:url(../images/handle05.png) no-repeat center; width:130px; height:120px}
.hStep{width:106px}
.hStep p{ height:46px; line-height:46px; text-align:center; font-size:14px;}
.hPho{background:url(../images/phonebl_03.png) no-repeat center; width:181px; height:52px; display:block; float:left; margin-right:91px;}
.hPho:hover{background:url(../images/phonebl2_03.png) no-repeat center; width:181px; height:52px;}
.hqq{background:url(../images/h_qq.png) no-repeat  23px center}
.hsp{ background:url(../images/h_sq.png) no-repeat 35px center}

.hqq:hover{background:#4c4b75 url(../images/h_qq2.png) no-repeat  23px center}
.hsp:hover{ background:#4c4b75 url(../images/h_sq2.png) no-repeat 35px center}
.hqq,.hsp{ color:#222; height:52px; width:179px; text-align:center; border:1px solid #4c4b75; display:inline-block; line-height:52px; border-radius:5px; font-size:18px}
.hqq{ margin-right:91px}
.hPho{ margin-left:44px}
.h152{ height:152px; margin-top:25px }
.mt70{margin-top:60px}
.hqq:hover,.hsp:hover{color:#fff; border:none; text-decoration:none; }
.itema{ background:url(../images/item01.png) no-repeat 20px center;  }
.itemb{ background:url(../images/item02.png) no-repeat 20px center;  }
.itemc{ background:url(../images/item03.png) no-repeat 20px center;  }
.itemd{ background:url(../images/item04.png) no-repeat 20px center;  }
.iteme{ background:url(../images/item05.png) no-repeat 20px center;  }
.itemf{ background:url(../images/item06.png) no-repeat 20px center;  }
.itemg{ background:url(../images/item07.png) no-repeat 20px center;  }
.itemh{ background:url(../images/item08.png) no-repeat 20px center;  }
.itemi{ background:url(../images/item09.png) no-repeat 20px center;  }
.itema,.itemb,.itemc,.itemd,.iteme,.itemf,.itemg,.itemh,.itemi{ padding:0 25px 0 55px!important}
/*右悬浮*/
.izl-rmenu{margin-right:0;width:50px; position:fixed; right:10px; top:50%; z-index:999;}
.izl-rmenu .consult{background:url(../images/xfright_1.png) center no-repeat;display: block;height:50px; line-height:50px;width:50px;}
.izl-rmenu .consult .phone{position:absolute; width:161px; left:-161px; top:0px; color:#fff; font-size:16px; text-align:center; display:none;}
.izl-rmenu a.consult:hover .phone{display:inline !important; background:url(../images/xfright_1-1.png) center no-repeat; height:50px;}
.izl-rmenu .cart{background:url(../images/xfright_2.png) center no-repeat; display:block; height:50px; line-height:50px; width:50px; margin-top:2px;}

.izl-rmenu .qrcodes{background:url(../images/xfright_3.png) center no-repeat; display:block; height:50px; width:50px; margin-top:2px; position:relative;}
.izl-rmenu .qrcodes .qrcodeb{position:absolute; width:161px; left:-161px; top:0px; color:#fff; font-size:16px; text-align:center; display:none;}
.izl-rmenu a.qrcodes:hover .qrcodeb{display:inline !important; position:absolute; left:-160px; top:0px; width:161px; height:159px; background:url(../images/xfright_1-3.png) center no-repeat;}
.izl-rmenu .btn_top {background: url(../images/xfright_4.png) center top no-repeat; margin-top:2px; display:block; height:50px; width:50px; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}


/*底部*/
.footer{ width:100%; padding:20px 0 0 0; background: url(../images/foot_02.png) no-repeat center bottom; text-align:center;color:#cbe9ff; font-size:14px;}
.footer a{ color:#cbe9ff;}
.footer p{ padding-top:12px; overflow:auto;}
.copyRight{ width:160px; margin:0 auto;}
.footer font{display:block; float:left; padding-right:5px;}
.tongJi{ display:block; float:left;}
.footerLink p{color:#fff;}
.footerTop img{ margin:0 auto;}
.downloadBox{ width:274px; margin:0 auto;padding:25px 0; }
.btnBox,.btnBoxOn{background:url(../images/phsoft-btn.png) no-repeat 0 0; padding:17px 17px 19px 17px;}
.footerBtn{ display:block; width:240px; height:60px; cursor:pointer;}
.btnBoxOn{ background:url(../images/phsoft-btn.png) no-repeat 0 -96px;}
.phone{ background:url(../images/phone_03.png) no-repeat; width:342px; height:41px; margin:0 auto; margin-bottom:10px;}
.footerLink { width:1000px; margin:0 auto; padding:10px 0 20px 0; border-top:solid 1px #fff;}
.footer a{ color:#fff;}
.footer p{ padding-top:12px; overflow:auto;}

/*banner*/
.banner-wapper{ width:100%;height:430px;position:relative;padding-bottom:50px;}
.banner{width:100%;position:absolute; top:0;left:0;}
*, *:before, *:after {
  box-sizing: border-box; }
/** * Sections */
.section {
  width: 100%;
  float: left; }

.section-title {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  clear: both; }

.container {
  margin: 0 auto;
  max-width: 90%;
  -webkit-transform: translateZ(1000px);
          transform: translateZ(1000px); }

.code {
  width: 40%;
  clear: both;
  height: 200px;
  background: #FFF;
  border-radius: 2px;
  margin: 12vh 0;
  padding: 10px; }
  .code pre, .code code {
  	color:#333;
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code-small code {
    padding-top: 75px; }
  .code-left {
    float: left; }
  .code-right {
    float: right; }
  .code-wider {
    width: 60%; }
    .code-wider code {
      padding-top: 60px; }

.section-more {
  color: #FFF;
  background: #0E0F34;
  padding: 20px 0 40px 0; }

.section-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0; }
  .section-group h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  .section-group h4 {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6); }
  .section-group code {
    padding: 20px;
    font-size: 1.2em; }
  .section-group .btn {
    margin-right: 20px; }

.btn {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  overflow: hidden;  }
  .btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FF4081;
    -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
    z-index: 0;
    opacity: 0; }
  .btn span {
    position: relative;
    z-index: 5; }
  .btn:hover {
    color: #FFF; }
    .btn:hover:before {
      -webkit-transform: scaleX(200);
          -ms-transform: scaleX(200);
              transform: scaleX(200); opacity: 1; }


/*一、24格处理*/
#iconWall{
    width: 1196px;
    background-color: #f0f0f0;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    list-style: none;
}

#iconWall li{
    width: 198px;
    height: 140px;
    /*background-color: #fff;*/
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    position: relative;

}

/*二、3D反转区域处理 */
.img-back, .img-front{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 198px;
    height: 140px;
    text-align: center;
    line-height: 140px;
}
 .img-front img{
 width: 140px;
    height: 98px; 
}

li img{ margin-top:5px;
 display: inline-block; vertical-align: middle;
}


.img-3d{
    transform-style: preserve-3d;
}

.img-back{
    transform: rotateY(180deg);
}

/*测试代码*/
/*li:hover .img-3d{*/
    /*transition: .3s linear;*/
    /*transform: rotateY(180deg);*/
/*}*/

/*三、换一批*/
#btnRefresh{
    text-align: center;
    transition: .3s linear;
    background-color: #fff;
}
.iconRefresh{
    width: 28px;
    height: 28px;
    background: url("../img/refresh.png");
    margin: 32px auto 0;
}
#btnRefresh:hover{
    color: #fff;
    background-color: #FE6601;
    transition: 0s;
}
#btnRefresh:hover .iconRefresh{
    background: url("../img/refresh-white.png");
}


/*四、处理浮层*/
.mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 198px;
    height: 140px;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
}

.mask img{
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
.mask p{
    font-size: 12px;
    color: #fff;
    margin-top: 35px; margin-bottom:15px;
    text-align: center;
}
.mask a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background-color: red;
    width: 80px;
    display: block;
    margin: 0 auto;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 15px;
}

li:hover .mask{
    opacity: 1;
    transition: .3s linear;
}


/*固定排名*/
.w1190{
	width:1190px;
	margin:0 auto;
}
.w_100{width:100%;overflow:hidden;position:relative;}
.rank_ban{height:531px;position:relative;}
.nban_img{width:1920px;height:531px;position:absolute;left:-365px;top:0px;text-align:center;}
.nban_img img{width:1920px;height:531px;}
.fix_pm{background:url(../images/gys/gys1.png) no-repeat center top;height:600px;}
.fix_pm .w1190{position:relative;height:600px;}
.fix_pm .w1190 .search_pm{position:absolute;top:329px;right:22px;width:546px;}
.search_pm .text{border:1px solid #A6A6A6;text-indent:27px;font:400 14px/58px "宋体";float:left;width:369px;height:54px;color:#999999;}
.search_pm .btn{padding:0px;border:none;background:#FE6601;cursor:pointer;text-align:center;font:400 20px/54px "Microsoft YaHei";float:right;width:166px;height:54px;color:#ffffff;}
.lkqz{clear:both;margin-top:88px;*margin-top:30px;display:block;background:#FFC400 url(../images/gdpm/telbg.png) no-repeat 247px top;height:60px;width:417px;padding-left:129px;}

.lkqz strong{margin-left:42px;}
.lkqz2{clear:both;margin-top:88px;height:300px;width:617px;padding-left:0px;}
.lkqz2 h3{ padding-bottom:10px; font-weight:600; font-size:18px;}
.kycon a{ line-height:30px; padding-right:10px; color:#777777; font-size:14px;}
.advantage{background:url(../images/gdpm/ys.png) no-repeat center top;height:851px;position:relative;}
.advantage a{background:#FFC400;display:block;text-align:center;width:198px;height:40px;margin-top:694px;position:absolute;left:50%;margin-left:-99px;font:bold 16px/40px "Microsoft YaHei";color: #fff;text-shadow:5px 2px 6px #FF9F00;}
.advantage a:hover{opacity:0.8;color:#fff;}
.see_prob{background:url(../images/gys/gys2.png) no-repeat center top;height:1057px;position:relative;margin:110px 0px 100px;}
/*黄金展位*/
.fix_pm1{background:url(../images/keyword/what1.png) no-repeat center top;height:760px;}
.rank_ban .apply{position:absolute;left:51px;top:364px;display:block;background:#FFC400;text-align:center;height:51px;width:250px;color:#ffffff;font:400 24px/47px "Microsoft YaHei";border-radius:6px;-webkit-text-shadow: 3px 3px 3px #FFA100;-moz-text-shadow: 3px 3px 3px #FFA100;text-shadow: 3px 3px 3px #FFA100;}
.see_prob1{background:url(../images/keyword/prob1.png) no-repeat center top;height:804px;position:relative;margin:110px 0px 100px;}
.apply_pro{background:url(../images/keyword/liuc.png) no-repeat center top;height:828px;position:relative;padding-top:546px;}
.apply_pro a{background:url(../images/keyword/qgbg.jpg) no-repeat;margin:0 auto;display:block;height:60px;width:476px;padding-left:92px;color:#ffffff;font:bold 24px/60px "Microsoft YaHei";-webkit-text-shadow: 3px 3px 3px #FFA100;-moz-text-shadow: 3px 3px 3px #FFA100;text-shadow: 3px 3px 3px #FFA100;}
.apply_pro a strong{padding-left:48px;font:400 20px/47px "Microsoft YaHei";}
.apply_pro a:hover{text-decoration:none;}
.advantage1{background:url(../images/keyword/zwys.jpg) no-repeat center top;height:600px;position:relative;}


/*未注册*/	
.con_login{
	width:1188px;
	margin:0 auto;
	margin-top:20px;
	background:url(../../../images/web/wealth/pay_bg.jpg) center top no-repeat;
	border:1px solid #e2e2e2;
	margin-bottom:40px;
	}
.con_pbox{
	width:1188px;
	margin:0 auto;
	margin-top:20px;
	background:url(../../../images/web/wealth/pay_bg.jpg) center top no-repeat;
	border:1px solid #e2e2e2;
	margin-bottom:40px;
	}
.cf_left{
	margin-bottom:60px;
	margin-left:40px;
	margin-top:30px;
	}
.cf_ltop{
	width:630px;
	height:70px;
	line-height:70px;
	}
.cf_ltop p{
	font-size:22px;
	}
.cf_ltop p span{
	padding-left:5px;
	color:#3798ff;
	font-size:12px;
	}
.cf_ltop p span a{
	color:#3798ff;
	}
.cf_lbox ul li{
	width:660px;
	margin-top:15px;
	}
.cf_lbox ul li label{
	height:35px;
	line-height:35px;
	width:100px;
	display:block;
	text-align:right;
	float:left;
	
	}
.cf_lbox ul li p{
	width:300px;
	height:35px;
	line-height:35px;
	display:block;
	}
.cf_lbox ul li input{
	border:1px solid #e2e2e2;
	}
.cf_lbox ul li span{
	color: #eb5706;
    display: inline-block;
    font-size: 12px;
    height: 35px;
    line-height: 14px;
    padding-left: 10px;
    width: 250px;
	}
.cf_lbox ul li.cf_radio input{
	margin-left:15px;
	margin-top:13px;
	_margin-top:10px;
	
	}
.cf_lbox ul li.cf_input input{
	width:257px;
	height:35px;
	padding-left:5px;
	margin-left:10px;
	}
.cf_lbox ul li select{
	width:128px;
	height:35px;
	line-height:35px;
	margin-left:10px;
	}

.click_get{
	width:118px;
	height:35px;
	line-height:35px;
	background:url(../../../images/web/wealth/btn_bg.jpg) repeat-x;
	margin-left:10px;
	}
.jyms{
	width:118px;
	height:35px;
	line-height:35px;
	padding-left:5px;
	margin-left:10px;
	}
.click_gets{
	width:125px;
	height:35px;
	line-height:35px;
	margin-left:10px;
	margin-right:10px;
	}
.cf_lbox ul li.other{
	margin-top:0px;
	font-size:14px;
	line-height:35px;
	}
.cf_lbox ul li.other a{
	color:#3798ff;
	}
.cf_lbox ul li.others input{
	width:257px;
	height:40px;
	line-height:40px;
	background:#eb5706;
	color:#ffffff;
	}

.cf_rbox{
	width:400px;
	margin-right:40px;
	margin-top:70px;
	}
	
.cf_rbtop{
	width:400px;
	height:257px;
	background-color:#f8f8f8;
	}
.cf_rbtop h2{
	width:310px;
	height:40px;
	line-height:40px;
	margin-left:40px;
	font-weight:normal;
	padding-top:20px;
	}
.cf_rbtop p{
	width:310px;
	line-height:26px;
	margin-left:40px;
	font-size:16px;
	}
.cf_rbtop p span{
	font-size:28px;
	color:#ff6633;
	line-height:40px;
	}
.cf_rbtop p em{
	width:310px;
	text-align:right;
	display:inline-block;
	}
.cf_rbbot{
	margin-top:20px;
	margin-left:8px;
	}
.cf_rbbot ul li{
	float:left;
	margin-left:10;
	margin-left:-1px;
	}



.comWidth{
	width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.clearfix{clear:both;}

.Banner{width: 100%;height: 658px;overflow: hidden;  *margin-top: -10px;background: url(../images/zazhi/zzbg.png) no-repeat center  ; }
.zxydBox { position: relative;  }
.Banner img{ width: 100%;height: auto;}
.Banner .zxyd{position: absolute;top: 406px;left: 490px;color: #e53921;font-weight: bold;display: inline-block;font-size: 28px;}
.Banner .zxyd:hover{color: #f16d00;}
.ycBox{text-align: center;font-size: 25px;}
.ycBox h3{color: #fff; }

.bookBox h1{
	font-size: 36px;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
	margin-top: 30px;
}
.bookTxt{font-size:16px;line-height:30px;text-indent: 2em;}
.introduct_1,.introduct_2{width: 530px;height: 198px;margin-top: 42px;}

.yjfxBox{
	width: 100%;
	height: 504px;
	background-image: url(../images/zazhi/yj_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 48px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.skys{padding: 182px 0 0 10px;}
.skys p{line-height: 24px;font-size: 14px;color: #fff;}
.fxfs{margin-top:58px;padding: 0 0 0 10px;}
.fxfs p{line-height: 24px;font-size: 14px;color: #fff;}

.chznBox h2{
	font-size: 40px;
	color: #333333;
	text-align: center;
	line-height:130px;
	font-weight: 600;
}
.advList h3{
	font-size: 36px;
	text-align: center;
	color: #333333;
	line-height:150px;
	font-weight: 600;
}


.SetForm{height: 424px;-moz-box-shadow: 1px 1px 20px #999;-webkit-box-shadow: 1px 1px 20px #999;box-shadow:1px 1px 20px #999;margin:10px auto 120px auto;}
.xyhz{width:482px;height: 318px;border-right: 1px #ddd solid;margin:67px 0 0 48px; }
.xyhz h5{margin:0 0 0 82px;}
.xyhz ul{margin: 10px 0 0 48px;}
.xyhz ul li{line-height: 36px;height: 36px;font-size: 16px;color: #333;}
.xyhz ul li i{width: 16px;height: 16px; background: url(../images/ico_xyhz.jpg) no-repeat 0 center; display: inline-block;margin-right: 6px;}
.wyzd{width:480px;margin:67px 0 0 0; }
.wyzd h5{margin:0 0 20px 82px;}
.wyzd .table .list{margin-bottom: 10px;}
.wyzd .table .list span{float: left;display: inline-block;width: 80px;text-align: right;font-size: 14px;font-weight: bold;line-height: 32px;margin-right: 4px;}
.wyzd .table .list input{width: 180px;height: 32px;border: 1px #ffe4cc solid;background: #fff7ef;padding-left: 5px;}
.wyzd .table .list input.company{width: 250px;}
.wyzd .table .list  i{color: red;}
.submit .submitBtn{     background: #f16d00;
    display: block;
    text-align: center;
    width: 138px;
    cursor: pointer;
    border: none;
    height: 34px;
    line-height: 34px;
    color: #FFF;
    margin-top: 2px;
    font-size: 16px;
    margin:30px 0 10px 106px;
    border-radius: 4px;
    float: left;
    font-weight: bold;
}
.submit .submitBtn:hover{background: #e66506;}
.submit span{display: inline-block;margin-top: 30px;margin-left: 4px;line-height: 32px;}
.submit span i{color: red;}
.wyzd .data{margin: 34px 36px 0 0;color: #f16d00;font-size: 18px;font-weight: bold;}

.advListCon{ padding-bottom:45px;}

 .page_btn {
            padding-top: 40px;
            text-align: center;
        }

        .page_btn a {
            cursor: pointer;
            padding: 10px 17px;
            border: solid 1px #dbdbdb;
            font-size: 14px;
        }

        .num {
            padding: 0 10px;
        }

        .page_btn a:hover,.page-item:hover{
            color: #fff;
            background: #e84c3d;
            border: 1px solid #e84c3d;
        }

        .page-item {
            padding: 10px 17px;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dbdbdb;
            color: #666666;
            margin: 0 3px;
            font-size: 14px;
            cursor: pointer;
        }

        .page-item.current {
            color: #fff;
            background: #e84c3d;
            cursor: pointer;
            border: 1px solid #e84c3d;
        }

        table {
            border-spacing: 0;
            border-collapse: collapse;
        }
        .table-integral thead {
            background: #f7f7f7;
            height: 35px;
            text-align: center;
            line-height: 35px;
            font-size: 14px;
            color: #333;
        }
        .table-integral td {
            border: 1px solid #e5e5e5;
            border-collapse: collapse;
        }
        .table-integral tbody {
            height: 45px;
            line-height: 45px;
            font-size: 14px;
            color: #666;
            text-align: center;
            line-height: 45px;
        }
        .table-integral td {
            border: 1px solid #e5e5e5;
            border-collapse: collapse;
        }
        .text-green {
            color: #00a65a !important;
        }
        .text-red {
            color: #dd4b39 !important;
        }
        .table-integral td a, .table-integral td a:hover, .table-integral td a:active, .table-integral td a:visited, .table-integral td a:focus {
            color: #0099cc;
            cursor: pointer;
            text-decoration: none;
        }
        .tips_info {
            border-radius: 10px;
            background: rgba(0,0,0,0.5);
            font-size: 18px;
            color: #fff;
            text-align: center;
            line-height: 60px;
            display: none;
            padding: 0 30px;
            z-index: 9999;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            max-width: 250px;
            height: 60px;
        }



	.Box {position: relative;}
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 30px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}
