@charset "utf-8";
.ta {
    text-align: center;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.di {
    display: inline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    color: #000;
}

html,
body {
    max-width: 1920px;
    min-width: 1100px;
}

body,
button,
input,
select,
textarea {
    font-size: 12px;
    font-family: 'Microsoft Yahei', '微软雅黑', '宋体', arial, 'Hiragino Sans GB', Tahoma, Arial, Helvetica;
}

ul,
ol,
li,
dl,
dd,
dt {
    list-style: none;
}

em,
i {
    font-style: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

label,
button,
a {
    cursor: pointer;
}


/*清除浮动*/

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}


/*连续英文、数字换行*/

.wordwrap {
    word-break: break-all;
    word-wrap: break-word;
}


/*单行文字超出显示省略号*/

.omg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 互金广告开始  */

.inet-banner-box {
    width: 100%;
    height: 600px;
    background: url('../images/inet-banner.jpg') no-repeat 0 0;
    overflow: hidden;
}

.inet-banner-box img {
    display: block;
    width: 709px;
    height: 143px;
    margin: 228px auto;
}


/* 锚点导航 */

.ida-box {
    width: 1100px;
    margin: 15px auto;
    height: 100px;
}

.ida-box li {
    float: left;
}

.ida-box a {
    display: block;
    margin-right: 17px;
    color: #333;
    position: relative;
}

.ida-box a.last {
    margin-right: 0;
}

.ida-box .intro,
.ida-box .intro-hover {
    width: 305px;
    height: 80px;
    border-radius: 5px;
    padding: 10px 25px;
}

.ida-box .intro .image,
.ida-box .intro-hover .image {
    width: 55px;
    height: 55px;
    margin-top: 15px;
}

.ida-box .intro h3,
.ida-box .intro-hover h3 {
    width: 248px;
    font-size: 24px;
    font-weight: normal;
    line-height: 2;
}

.ida-box .intro p,
.ida-box .intro-hover p {
    width: 248px;
    color: #666;
    font-size: 18px;
    line-height: 1.5;
}

.ida-box .intro {
    text-align: right;
    background-color: #eee;
}

.ida-box .intro .image {
    float: left;
}

.ida-box .intro h3 {
    float: right;
}

.ida-box .intro p {
    float: right;
}

.ida-box .intro .image1 {
    background: url('../images/ida-deco.png') no-repeat 0 -129px;
}

.ida-box .intro .image2 {
    background: url('../images/ida-deco.png') no-repeat 0 -260px;
}

.ida-box .intro .image3 {
    background: url('../images/ida-deco.png') no-repeat 0 0;
}

.ida-box .intro-hover {
    text-align: center;
    background-color: #a1d424;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ida-box .intro-hover .image {
    float: right;
    margin-top: 25px;
}

.ida-box .intro-hover h3 {
    float: left;
    color: #fff;
}

.ida-box .intro-hover p {
    float: left;
    color: #fff;
}

.ida-box .intro-hover .image4 {
    background: url('../images/ida-deco.png') no-repeat 0 -198px;
}

.ida-box .intro-hover .image5 {
    background: url('../images/ida-deco.png') no-repeat 0 -326px;
}

.ida-box .intro-hover .image6 {
    background: url('../images/ida-deco.png') no-repeat 0 -63px;
}


/* 移动技术解决方案 */

#technology {
    height: 1200px;
}

.container {
    color: #333;
    padding-top: 30px;
    padding-bottom: 40px;
}

.container .inner {
    width: 1100px;
    margin: 0 auto;
}

.container h2 {
    font-size: 34px;
    line-height: 60px;
    font-weight: normal;
    text-align: center;
}

.container .tab-content .tab-cont-inner {
    display: none;
}

.tab-box {
    width: 542px;
    margin: 30px auto;
}

.tab-box li {
    width: 240px;
    height: 60px;
    float: left;
    margin-left: 30px;
}

.tab-box li:hover {
    background: url('../images/blue-deco.png') no-repeat center 52px;
}

.tab-box li.on {
    background: url('../images/blue-deco.png') no-repeat center 52px;
}

.tab-box li.on span {
    background-color: #1abaef;
    color: #fff;
}

.tab-box span {
    display: block;
    width: 240px;
    height: 52px;
    line-height: 52px;
    background-color: #e5e5e5;
    font-size: 20px;
    text-align: center;
}

.tab-box li:hover span {
    background-color: #1abaef;
    color: #fff;
}

.three-point {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.three-point li {
    width: 270px;
    height: 330px;
    margin: 0 15px;
    margin-top: 65px;
    float: left;
    -webkit-box-shadow: 0px -4px 20px #eeeeee;
    -moz-box-shadow: 0px -4px 20px #eeeeee;
    -ms-box-shadow: 0px -4px 20px #eeeeee;
    box-shadow: 0px -4px 20px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.three-point li h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: 60px;
}

.three-point li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.three-point .icon-box01,
.three-point .icon-box02,
.three-point .icon-box03 {
    width: 105px;
    height: 105px;
    margin: 20px auto;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.three-point .icon {
    width: 55px;
    height: 55px;
    margin: 25px auto;
}

.three-point .icon-box01 {
    -webkit-box-shadow: 3px 4px 20px #b8faf7;
    -moz-box-shadow: 3px 4px 20px #b8faf7;
    -ms-box-shadow: 3px 4px 20px #b8faf7;
    box-shadow: 3px 4px 20px #b8faf7;
}

.three-point .icon-box01 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 0;
}

.three-point .icon-box02 {
    -webkit-box-shadow: 3px 4px 20px #ddcffd;
    -moz-box-shadow: 3px 4px 20px #ddcffd;
    -ms-box-shadow: 3px 4px 20px #ddcffd;
    box-shadow: 3px 4px 20px #ddcffd;
}

.three-point .icon-box02 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 -138px;
}

.three-point .icon-box03 {
    -webkit-box-shadow: 3px 4px 20px #c4eafc;
    -moz-box-shadow: 3px 4px 20px #c4eafc;
    -ms-box-shadow: 3px 4px 20px #c4eafc;
    box-shadow: 3px 4px 20px #c4eafc;
}

.three-point .icon-box03 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 -276px;
}

li.active {
    width: 367px;
    height: 395px;
    margin-top: 10px;
}

li.active .icon-box01,
li.active .icon-box02,
li.active .icon-box03 {
    width: 144px;
    height: 144px;
    margin-top: 40px;
}

li.active .icon {
    width: 60px;
    height: 60px;
    margin: 42px auto;
}

li.active .icon-box01 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 -63px;
}

li.active .icon-box02 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 -202px;
}

li.active .icon-box03 .icon {
    background: url('../images/tech-mall.png') no-repeat 0 -337px;
}

li.active h4 {
    font-size: 32px;
    line-height: 80px;
}

li.active p {
    font-size: 19px;
    line-height: 30px;
}

.mall-tab {
    overflow: hidden;
}

.mall-tab .pic-word {
    width: 880px;
    height: 524px;
    margin: 50px auto;
}

.mall-tab .pic {
    float: left;
    width: 597px;
    height: 524px;
    background: url('../images/inet-H5-cp.png') no-repeat 0 0;
}

.mall-tab .word {
    float: right;
    width: 205px;
    height: 524px;
    padding-top: 20px;
    background: url('../images/inet-H5-deco.png') no-repeat left center;
}

.mall-tab .word li {
    padding-left: 73px;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 28px;
}

.mall-tab .word li.ic1 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px 0;
}

.mall-tab .word li.ic2 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -65px;
}

.mall-tab .word li.ic3 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -128px;
}

.mall-tab .word li.ic4 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -191px;
}

.mall-tab .word li.ic5 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -255px;
}

.mall-tab .word li.ic6 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -318px;
}

.mall-tab .word li.ic7 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -383px;
}

.mall-tab .word li.ic8 {
    background: url('../images/inet-H5-icon.png') no-repeat 25px -448px;
}

.LBS-tab .infor {
    padding-left: 42px;
    background: url('../images/LBS-bicon.png') no-repeat left center;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 20px;
}

.LBS-tab .phone-box {
    padding: 30px 144px;
}

.LBS-tab .phone-box li {
    float: left;
    margin: 0 90px;
}

.LBS-tab .map {
    width: 648px;
    margin: 10px auto;
    font-size: 14px;
    line-height: 35px;
}

.LBS-tab .map p {
    text-align: center;
}


/* 移动推广解决方案 */

h5 {
    font-weight: normal;
    line-height: 2;
}

#spread {
    text-align: center;
    background-color: #f5f5f5;
}

#spread .tab-box {
    width: 810px;
}

.sec-tab {
    width: 451px;
    height: 42px;
    margin: 20px auto;
}

.sec-tab span {
    width: 118px;
    border: 1px solid #a1d424;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    color: #666;
    height: 38px;
    line-height: 38px;
    display: block;
    float: left;
    margin: 0 15px;
}

.sec-tab span:hover {
    color: #fff;
    background-color: #a1d424;
}

.sec-tab span.now {
    color: #fff;
    background-color: #a1d424;
}

.sec02-advance,
.sec03-LBS {
    display: none;
}

h6 {
    font-size: 20px;
    color: #666;
    line-height: 50px;
    font-weight: normal;
}

.focus-3D ul {
    width: 888px;
    margin: 0 auto;
}

.focus-3D li {
    float: left;
    width: 176px;
    padding: 20px 60px;
}

.focus-3D li span {
    font-size: 24px;
    line-height: 60px;
}

.focus-3D li p {
    text-align: left;
    padding-left: 35px;
    font-size: 14px;
    line-height: 30px;
    background: url('../images/p-deco.png') no-repeat left center;
}

.focus-3D .icon-bg {
    width: 103px;
    height: 103px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.focus-3D .i01 {
    background-color: #c8f7f0;
}

.focus-3D .i01 .icon {
    background: url('../images/focus-3d.png') no-repeat center -63px;
}

.focus-3D .i02 {
    background-color: #ffdcc7;
}

.focus-3D .i02 .icon {
    background: url('../images/focus-3d.png') no-repeat center 0;
    margin: 24px auto;
}

.focus-3D .i03 {
    background-color: #b6f3fd;
}

.focus-3D .i03 .icon {
    background: url('../images/focus-3d.png') no-repeat center -121px;
}

.focus-3D .icon {
    width: 56px;
    height: 56px;
    margin: 28px auto;
}

.display-style .cont {
    padding-top: 30px;
}

.display-style .process-l {
    width: 270px;
    margin-top: 20px;
    float: left;
}

.display-style .process-l p {
    font-size: 26px;
    line-height: 60px;
    position: relative;
}

.display-style .process-l .after-deco:after {
    content: '';
    display: block;
    width: 24px;
    height: 22px;
    background: url('../images/display-deco.png') no-repeat 0 0;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -12px;
}

.display-style .process-l .logoname {
    font-size: 27px;
    margin-top: 15px;
    margin-bottom: 90px;
}

.display-style .process-l .logoname:after {
    content: '';
    display: block;
    width: 60px;
    height: 55px;
    background: url('../images/display-deco.png') no-repeat 0 -32px;
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -30px;
}

.display-style .Plist {
    text-align: left;
}

.display-style .Plist li {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.display-style .Plist li span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #a1d424;
    margin-right: 20px;
}

.dis-r {
    width: 730px;
    float: right;
}

.dis-r li {
    float: left;
    margin: 0 26px 40px 0;
}

.dis-r .bg {
    width: 155px;
    height: 145px;
    -webkit-box-shadow: 0px 0px 20px #cccccc;
    -moz-box-shadow: 0px 0px 20px #cccccc;
    -ms-box-shadow: 0px 0px 20px #cccccc;
    box-shadow: 0px 0px 20px #cccccc;
    background-color: #ffffff;
    padding-top: 10px;
}

.dis-r p {
    font-size: 14px;
    line-height: 40px;
}

.sec02-advance p {
    color: #666;
    line-height: 35px;
    font-size: 14px;
}

.sec02-advance .advance01,
.sec02-advance .advance02 {
    margin: 0 auto;
    margin-top: 45px;
    -webkit-box-shadow: 0px 0px 20px #cccccc;
    -moz-box-shadow: 0px 0px 20px #cccccc;
    -ms-box-shadow: 0px 0px 20px #cccccc;
    box-shadow: 0px 0px 20px #cccccc;
    width: 601px;
    position: relative;
}

.sec02-advance .advance01:after {
    content: '';
    display: block;
    width: 24px;
    height: 22px;
    background: url('../images/display-deco.png') no-repeat 0 0;
    position: absolute;
    top: 360px;
    left: 50%;
    margin-left: -12px;
}


/* mo广通/LBS定向 */

.sec03-LBS {
    margin-top: 20px;
}

.LBS-process {
    height: 283px;
    margin-top: 60px;
    background: url('../images/LBS-process_26.png') no-repeat center center;
    position: relative;
}

.LBS-process li {
    width: 134px;
    height: 70px;
    padding-top: 10px;
    padding-left: 44px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    position: absolute;
    text-align: left;
}

.LBS-process .L01 {
    background-color: #00a9f8;
    -webkit-box-shadow: 0 0 20px #b8e8ff;
    -moz-box-shadow: 0 0 20px #b8e8ff;
    -ms-box-shadow: 0 0 20px #b8e8ff;
    box-shadow: 0 0 20px #b8e8ff;
    top: 196px;
    left: 26px;
}

.LBS-process .L02 {
    background-color: #24d4c5;
    -webkit-box-shadow: 0 0 20px #aafff8;
    -moz-box-shadow: 0 0 20px #aafff8;
    -ms-box-shadow: 0 0 20px #aafff8;
    box-shadow: 0 0 20px #aafff8;
    top: 0;
    left: 304px;
}

.LBS-process .L03 {
    background-color: #ffa903;
    -webkit-box-shadow: 0 0 20px #ffe1a7;
    -moz-box-shadow: 0 0 20px #ffe1a7;
    -ms-box-shadow: 0 0 20px #ffe1a7;
    box-shadow: 0 0 20px #ffe1a7;
    top: 196px;
    right: 334px;
}

.LBS-process .L04 {
    background-color: #a1d424;
    -webkit-box-shadow: 0 0 20px #f1ffce;
    -moz-box-shadow: 0 0 20px #f1ffce;
    -ms-box-shadow: 0 0 20px #f1ffce;
    box-shadow: 0 0 20px #f1ffce;
    top: 0;
    right: 54px;
}

.LBS-process .L01:after {
    content: '1.';
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.LBS-process .L02:after {
    content: '2.';
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.LBS-process .L03:after {
    content: '3.';
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.LBS-process .L04:after {
    content: '4.';
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.LBS-img {
    margin-top: 70px;
}

.LBS-img li {
    float: left;
    margin-right: 40px;
    font-size: 16px;
    line-height: 40px;
}

.LBS-img .img-box01,
.LBS-img .img-box02,
.LBS-img .img-box03 {
    width: 360px;
    height: 223px;
}

.LBS-img .img-box01 {
    background: url('../images/LBS01.jpg') no-repeat center bottom;
}

.LBS-img .img-box02 {
    width: 320px;
    background: url('../images/LBS02.jpg') no-repeat center bottom;
}

.LBS-img .img-box03 {
    width: 317px;
    background: url('../images/LBS03.jpg') no-repeat center bottom;
}


/* ASO应用商店优化 */

.ASO-mall .store {
    width: 802px;
    height: 556px;
    background: url('../images/ASO-store.png') no-repeat 0 0;
    position: relative;
    margin-top: 25px;
    margin-left: 90px;
}

.ASO-mall .store p {
    font-size: 18px;
    line-height: 2;
    position: absolute;
    right: -105px;
    top: 177px;
    text-align: left;
}

.ASO-mall .our-advance {
    margin-top: 50px;
}

.ASO-mall .our-advance ul {
    margin-top: 30px;
}

.ASO-mall .our-advance li {
    float: left;
    width: 230px;
    padding: 30px 0 30px 85px;
    height: 62px;
    position: relative;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
}

.ASO-mall .our-advance .a01 {
    background-color: #42cbc4;
    margin-right: 70px;
}

.ASO-mall .our-advance .a02 {
    background-color: #a883fd;
    margin-right: 70px;
}

.ASO-mall .our-advance .a03 {
    background-color: #a1d424;
}

.ASO-mall .our-advance .a01:after {
    content: '';
    background: url('../images/ASO01.png') no-repeat 0 0;
    width: 70px;
    height: 43px;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
}

.ASO-mall .our-advance .a02:after {
    content: '';
    background: url('../images/ASO02.png') no-repeat 0 0;
    width: 78px;
    height: 45px;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
}

.ASO-mall .our-advance .a03:after {
    content: '';
    background: url('../images/ASO03.png') no-repeat 0 0;
    width: 79px;
    height: 44px;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
}


/* 运营商合作广告 */

.operator .tit {
    font-size: 24px;
    color: #666;
    padding-left: 50px;
    position: relative;
    text-align: left;
    margin: 45px 0;
}

.operator .tit:after {
    content: '';
    background: url('../images/operate-icon.png') no-repeat 0 0;
    width: 32px;
    height: 28px;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
}

.operator-phone {
    padding: 0 25px;
}

.operator-phone li {
    width: 255px;
    height: 548px;
    float: left;
    margin-right: 140px;
    margin-top: 175px;
    position: relative;
}

.operator-phone li div {
    height: 244px;
    border-left: 1px solid #a7d33f;
    position: absolute;
    top: -110px;
    left: 80px;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    padding-left: 25px;
}

.operator-phone li div:after {
    content: '';
    background: url('../images/operate-icon.png') no-repeat 0 -36px;
    width: 18px;
    height: 16px;
    display: block;
    position: absolute;
    top: -15px;
    left: -9px;
}

.operator-phone li span {
    color: #a1d424;
}

.operator-phone li p {
    color: #666666;
}

.operator-phone .P01 {
    background: url('../images/operateP01.jpg') no-repeat 0 0;
}

.operator-phone .P02 {
    background: url('../images/operateP02.jpg') no-repeat 0 0;
}

.operator-phone .P03 {
    background: url('../images/operateP03.jpg') no-repeat 0 0;
    margin-right: 0;
}


/* 金融短信 */

.finance-mess .cont {
    width: 1085px;
    height: 366px;
    margin: 70px auto;
    background: url('../images/finance-bg.png') no-repeat center center;
    position: relative;
}

.finance-mess .cont:after {
    content: '多维度';
    display: block;
    color: #a7d33f;
    font-size: 20px;
    position: absolute;
    top: 286px;
    right: 15px;
}

.finance-mess li {
    width: 146px;
    height: 150px;
    position: absolute;
    top: 198px;
    text-align: center;
}

.finance-mess li span {
    font-size: 20px;
    display: block;
    width: 146px;
    height: 54px;
    line-height: 54px;
    margin-bottom: 20px;
}

.finance-mess li p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    text-align: left;
    padding-left: 33px;
}

.finance-mess li em {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
}

.finance-mess .F01 {
    left: 100px;
}

.finance-mess .F01 span {
    color: #17ddac;
}

.finance-mess .F01 em {
    background-color: #17ddac;
}

.finance-mess .F02 {
    left: 418px;
}

.finance-mess .F02 span {
    color: #877ff9;
}

.finance-mess .F02 em {
    background-color: #877ff9;
}

.finance-mess .F03 {
    right: 200px;
}

.finance-mess .F03 span {
    color: #ff8a00;
}

.finance-mess .F03 em {
    background-color: #ff8a00;
}

.finance-mess .F01:after {
    content: '';
    display: block;
    width: 63px;
    height: 55px;
    background: url('../images/finance01.png') no-repeat 0 0;
    position: absolute;
    top: -200px;
    left: 37px;
}

.finance-mess .F02:after {
    content: '';
    display: block;
    width: 63px;
    height: 55px;
    background: url('../images/finance02.png') no-repeat 0 0;
    position: absolute;
    top: -200px;
    left: 47px;
}

.finance-mess .F03:after {
    content: '';
    display: block;
    width: 63px;
    height: 55px;
    background: url('../images/finance03.png') no-repeat 0 0;
    position: absolute;
    top: -200px;
    left: 45px;
}


/* 短信商城 */

.ms-content {
    margin-top: 45px;
}

.ms-content li {
    float: left;
    margin-right: 20px;
}

.ms-content li img {
    display: block;
    width: 258px;
    height: 496px;
}

.ms-content li p {
    font-size: 14px;
    color: #666;
    line-height: 60px;
    text-align: center;
}

.ms-content .M2 {
    position: relative;
}

.ms-content .M2 .g01 {
    font-size: 22px;
    color: #83c51b;
    position: absolute;
    top: 42px;
    left: 80px;
}

.ms-content .M2 .w02 {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 128px;
    left: 106px;
}

.ms-content .M2 ul {
    font-size: 14px;
    color: #fff;
}

.ms-content .M2 .s01 {
    position: absolute;
    top: 264px;
    left: 142px;
}

.ms-content .M2 .s02 {
    position: absolute;
    top: 325px;
    left: 142px;
}

.ms-content .M2 .s03 {
    position: absolute;
    top: 376px;
    left: 82px;
}

.ms-content .M2 .s04 {
    position: absolute;
    top: 437px;
    left: 74px;
}

.cooperation {
    width: 100%;
    position: relative;
}

.cooperation .bg01 {
    width: 100%;
    height: 295px;
    background: url('../images/cooperation-bg01.jpg') no-repeat 0 0;
    background-size: 100% 100%;
}

.cooperation .bg02 {
    width: 100%;
    height: 244px;
    background: url('../images/cooperation-bg02.jpg') no-repeat 0 0;
    background-size: 100% 100%;
}

.cooperation .bg03 {
    width: 100%;
    height: 217px;
    background: url('../images/cooperation-bg03.jpg') no-repeat 0 0;
    background-size: 100% 100%;
}

.coo-content {
    position: absolute;
    width: 1100px;
    height: 580px;
    top: 100px;
    left: 50%;
    margin-left: -550px;
}

.coo-content h2 {
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 70px;
}

.coo-content li {
    width: 182px;
    height: 122px;
    border-right: 1px solid #786e63;
    border-bottom: 1px solid #786e63;
    float: left;
    text-align: center;
}

.coo-content .C {
    padding-top: 21px;
}

.coo-content .B {
    padding-top: 21px;
    height: 101px;
    border-bottom: 0;
}


/* 联系我们 */

#contact {
    margin-top: 40px;
}

#contact .subtitle {
    font-size: 18px;
    color: #98d008;
    line-height: 30px;
    margin: 25px 0 75px;
    text-align: center;
}

.contact-form {
    height: 76px;
    font-size: 22px;
    color: #666;
}

.contact-form .form-box {
    float: left;
    overflow: hidden;
    margin-right: 35px;
}

.contact-form input {
    display: block;
    width: 390px;
    height: 40px;
    border-bottom: 1px solid #cacaca;
    font-size: 20px;
    margin-top: 10px;
    color: #333;
}

#submitBtn {
    width: 210px;
    height: 58px;
    background-color: #9fcf23;
    color: #fff;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    margin-top: 21px;
    margin-right: 0;
    cursor: pointer;
}

.address-box {
    background: url('../images/address-img.jpg')
}

.address-box .inner {
    position: relative;
    width: 1100px;
    height: 570px;
    margin: 0 auto;
}

.address-box .infor {
    padding: 40px 43px;
    background: rgb(159, 207, 35);
    background: rgba(159, 207, 35, 0.9);
    filter: alpha(opacity=90);
    *zoom: 1;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -157px;
}

.address {
    margin-bottom: 50px;
}