/*header*/
html{font-size: 18px;}
body{background: #f8f8f8}
.client-index{font-family: 'Microsoft YaHei','PingFangSC'; min-width: 1200px; background:url(./client2/bg6.jpg) repeat-y center bottom 100%; }
.header{position: relative; z-index: 2; background: #e1e9fc}
.header .wrap-lg{display: flex; }
.header .wrap-lg .logo{margin-top: 15px; width: 300px;}
.header .wrap-lg .logo img{max-width: 100%; max-height: 66px}
.header .wrap-lg .right{flex: 1; padding:14px 0;}
.header .wrap-lg .menu ul{display: flex; justify-content: flex-end}
.header .wrap-lg .menu li{margin-left: 45px; line-height: 35px;}
.header .wrap-lg .menu a{display: block; font-size: 16px; color: #000; }
.header .wrap-lg .menu .btn a{padding:0 20px; background:#70c9c3;  color: #fff;}

/*footer*/
.footer.client{position: relative; z-index: 4; padding:40px 0 0;color: #000; background: #92abce}
.footer.client .wrap-lg{position: relative;}
.footer.client .menu{margin-bottom: 20px;}
.footer.client .menu ul{display: flex;}
.footer.client .menu li{margin-right: 45px}
.footer.client .menu a{font-size: 16px; color: #000 }
.footer.client .feature p span{display: block; line-height: 2em;}
.footer.client .feature p span a{color: #000}
.footer.client .feature .Description3{position: absolute; bottom: 0; right: 120px; font-size: 16px; color: #fff}
.footer.client .feature .Description3 b{font-size: 28px;}


/*index*/
.client-index{ max-width: 1920px; margin:auto; overflow-x: hidden;}
.client-index img{max-width: 100%}
.indexbg{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; min-width: 1200px; line-height: 0}
.indexbg img{display: block; max-width: 100%; margin:auto;}
.banner{width: 100%; line-height: 0 }
.client-index .index{position: relative;z-index: 2}
.custom-wrap .wrap,.header .wrap-lg,.footer.client .wrap-lg{position: relative;  width: 81%; max-width: 1920px;min-width: 1200px; margin:auto;}
.custom-wrap{position: relative; box-sizing: border-box; font-size: .89rem; line-height: 1.8em;}
.custom-wrap .idea{position:absolute; top: -1rem; right: 0;}

.client-index .index .p1,.client-index .index .p2 .usercustom,.client-index .index .p3,.client-index .index .p4 .usercustom,.client-index .index .p5,.client-index .index .p5 .usercustom{background: rgba(255,255,255,0.3);}
.custom-wrap .usercustom {color: #494a4b}
.custom-wrap .usercustom p{color: #333}

.client-index .index .pb .idea{position: static; line-height: 0}
.client-index .index .pb .wrap{width: 100%}
.client-index .index .pb .usercustom{position: absolute; top: 7.8rem; left: 9.5rem; font-size: 1.2rem; line-height: 1.8em;}
.client-index .index .pb .usercustom h2{position: relative;line-height: 1em; margin-bottom: 5.8rem; font-size: 3.5rem; font-weight: bolder; color: #333}
.client-index .index .pb .usercustom h2:after{content: ''; position: absolute; bottom:-2rem; left: 0;  width: 8.3rem; height: 5px; background: #333}

.client-index .index .p1{padding:3.5rem 0 5rem; }
.client-index .index .p1 .title{width: 81%; margin:auto; margin-bottom: 3rem; }
.client-index .index .p1 .title h4{margin-bottom: .5rem; font-size: 1.2rem; font-weight: normal; color: #999; text-transform: uppercase;}
.client-index .index .p1 .title p,.client-index .index .p3 .title p{display: inline-block;*display: inline;zoom:1; padding:0 2.2rem; height: 2.6rem; line-height: 2.6rem; font-size: 1.6rem; border-radius: 1.4rem; background: #003e69; color: #fff}
.client-index .index .p1 .idea{  width: 32.7rem; }
.client-index .index .p1 .usercustom{margin-right: 34rem; }
.client-index .index .p1 .usercustom p{margin-bottom: 1.5rem; }

.client-index .index .p2{padding:4.4rem 0;}
.client-index .index .p2 .title{position: absolute; top: 7.8rem; left: 42%; z-index: 2}
.client-index .index .p2 .title p,.client-index .index .p4 .title p,.client-index .index .p5 .title p{font-size: 2.1rem; font-weight: bolder; color: #002c5a}
.client-index .index .p2 .idea{left: 0; right: auto; top: auto; bottom:3rem;  width: 23.8rem; }
.client-index .index .p2 .usercustom{margin-left: 23.8rem; padding:7.2rem 6.1rem 1rem; border-radius: 2rem;}
.client-index .index .p2 .usercustom li,.client-index .index .p4 .usercustom li,.client-index .index .p5 .usercustom li{margin-bottom: 2.2rem}
.client-index .index .p2 .usercustom p,.client-index .index .p4 .usercustom p,.client-index .index .p5 .usercustom p{position: relative; font-size: 1.2rem;font-weight: bolder;}
.client-index .index .p2 .usercustom p:before,.client-index .index .p4 .usercustom p:before,.client-index .index .p5 .usercustom p:before{content: ''; display: block; position: absolute; top:.5rem; left: -1.6rem; width: .5rem; height: .5rem; background:#003a66 }

.client-index .index .p3{padding:3.5rem 0 3rem; }
.client-index .index .p3 .title{text-align: center;}
.client-index .index .p3 .title p{height: 3.8rem; line-height:4rem; border-radius: 2rem; background: #477e9f; font-weight: bolder;}
.client-index .index .p3 .usercustom{margin-top: 2.6rem;}
.client-index .index .p3 .usercustom ul:after,.client-index .index .p6 .usercustom:after{content: ''; display: block; clear: both;}
.client-index .index .p3 .usercustom li{ float: left;width: 25%; padding:0 1.5rem; box-sizing: border-box;}
.client-index .index .p3 .usercustom .img{margin-bottom: 1rem; padding-bottom: 1.5rem; background: #a2ccec; border-radius: 1rem; text-align: center;}
.client-index .index .p3 .usercustom .img p{margin: auto; width: 90%; height: 2.3rem; line-height: 2.3rem; border-radius: 0.5rem; background: #cfe3f0;  color: #124695; font-size: 1rem; font-weight: bolder;}
.client-index .index .p3 .usercustom .text{line-height: 1.5em}

.client-index .index .p4{padding:5.5rem 0; }
.client-index .index .p4 .title{position: absolute; top: 8.8rem; left: 16%; z-index: 2}
.client-index .index .p4 .idea{top: 2rem;  width: 30rem; }
.client-index .index .p4 .usercustom{margin-right: 23rem; padding:7.2rem 6.1rem 1rem; border-radius: 2rem;}


.client-index .index .p5{padding:5.5rem 0; }
.client-index .index .p5 .title{position: absolute; top: 8.8rem; left: 44%; z-index: 2}
.client-index .index .p5 .idea{ left: 0; right: auto; top: 4rem; width: 27.2rem; }
.client-index .index .p5 .usercustom{margin-left: 25rem; padding:7.2rem 6.1rem 1rem 7rem; border-radius: 2rem;}

.client-index .index .p6{background: #003e69;  }
.client-index .index .p6 .left,.client-index .index .p6 .cont,.client-index .index .p6 .right{float: left;}
.client-index .index .p6 .usercustom{color: #fff}
.client-index .index .p6 .left{padding-top: 3rem;}
.client-index .index .p6 .left h4{; font-size: 2.5rem; font-weight: bolder}
.client-index .index .p6 .cont{padding:1rem 3.3rem .4rem; line-height: 1em;}
.client-index .index .p6 .cont img{width: 4rem; border:6px solid #f0f0f0; border-radius: 10px;}
.client-index .index .p6 .cont span{display: block; line-height: 2em; text-align: center; font-size: 0.8rem; font-weight: lighter; }
.client-index .index .p6 .right{padding-top:1.2rem; font-weight: lighter;}
.client-index .index .p6 .right p{margin-top: .5rem; color: #fff; font-size: 1.2rem; font-weight: bolder;}

@media screen  and (min-width:1920px){
    html{font-size: 20px}
}

@media screen  and (max-width:1680px){
    html{font-size: 18px}
}

@media screen  and (max-width:1440px){
    html{font-size: 16px}
}

@media screen  and (max-width:1366px){
    html{font-size: 15px}
}

@media screen  and (max-width:1280px){
    html{font-size: 14px}
}

@media screen  and (max-width:1200px){
    html{font-size: 13px}
    .client-index .index .p6{
    	margin-top: 5rem
    }
}