.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;}
.banner .bannerbg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}

.main{position:relative;text-align:center;background-color: white;}
.main .mainchild .sub{width:178px;height:2px;margin:20px auto;background:#3f87f5;}
#mainchild1{padding:60px 0 48px 0;}
#mainchild1 .info{color:#434343;font-size:18px;line-height:28px;padding-bottom:36px;}
#mainchild1 .contentmun{height:210px;width:840px;margin:0px auto;}
#mainchild1 .contentmun .child{padding-top:30px;height:180px;width:280px;text-align:center;float:left;}
#mainchild1 .contentmun .child .mun{font-family:'din condensed bold';font-size:100px;color:#3f87f5;line-height: 100%;}
/* #mainchild1 .contentmun .child p{font-family:'noto sans s chinese light','notosanshans-light','微软雅黑';font-weight:100;font-size:24px;color:#444;} */
#mainchild1 .contentmun .child p{font-family:'微软雅黑';font-weight:100;font-size:24px;color:#444;}
#mainchild2{background-color:#dfddde;height:800px;}
#mainchild2 .container{height:800px;background-repeat:no-repeat;background-position:center bottom;}

.mainchildlist{border-bottom:1px solid #949494;text-align:left;}
.mainchildlist .wapimg{display:none;text-align: center;}
.mainchildlist .wapimg img{max-width:100%;}
.mainchildlist .head{padding:20px 0;border-bottom:2px solid #3f87f5;}
.mainchildlist .title{line-height:68px;color:#434343;font-size:55px;font-family:'微软雅黑';}
.mainchildlist .titleen{line-height:66px;color:#434343;font-size:55px;font-family: 'myriadpro-regular_0';}
.mainchildlist .content{padding:26px 0;}
.mainchildlist .content p{color:#434343;font-size:18px;line-height:28px;}
.mainchildlist .left{float:left;}
.mainchildlist .right{float:right;padding-left:30px;}
.mainchildlist .linkbtn{margin-top:34px;}

#mainchild3 .left{width:420px;}
#mainchild3 .left img{width:100%;vertical-align:middle;}
#mainchild3 .right{width:670px;}
#mainchild4 .right{width:420px;}
#mainchild4 .right img{width:100%;vertical-align:middle;}
#mainchild4 .left{width:670px;padding-top:80px;}

#mainchild5{position:relative;border-bottom:1px solid #949494;padding:0px;}
#mainchild5 .sub{margin:30px auto 34px auto;}
#mainchild5 .info{color:#434343;font-size:18px;line-height:28px;}
#mainchild5 .contents{position:relative;margin-top:40px;width:100%;height:620px;overflow:hidden;}
#mainchild5 .contents .content{position:absolute;top:0px;width:100%;height:620px;}
#mainchild5 .contents .content img{width:100%;height:100%; vertical-align:middle;}
#mainchild5 .contents .mainchild5btn{position:absolute;top:50%;height:124px;margin-top:-62px;z-index:1;cursor:pointer;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:-100px;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:-100px;}
#mainchild5 .navbtns{position:relative;text-align:center;padding:37px 0 55px 0;}
#mainchild5 .navbtns img{width:73px;height:3px;margin:0 1px;cursor:pointer;}

#mainchild6{height:737px;background-position:center;background-size:cover; background-attachment:fixed;}
#mainchild6 .sub{width:126px;margin-top:28px;}
#mainchild6 .titleen{font-family: 'myriadpro-bold_0';line-height:84px;color:#fff;font-size:90px;}

#mainchild7{padding:70px 0 80px 0;border-bottom:1px solid #949494;}
#mainchild7 .sub{margin:6px auto 11px auto;width:126px;}
#mainchild7 .info{color:#434343;font-size:18px;line-height:28px;}
#mainchild7 .content{position:relative;width:400px;height:410px;margin:48px auto 0 auto;}
#mainchild7 .content .quan{position:absolute;width:220px;height:220px;background: no-repeat;background-size:100% 100%;text-align:center;font-size:24px;color:#fff;}
#mainchild7 .content .quan .titleen{letter-spacing:0.12em;margin-top:84px;font-family:'myriadpro-cond_0'; font-weight:100; font-stretch:condensed;}
#mainchild7 .content .quan#quan1{top:0px;left:90px;}
#mainchild7 .content .quan#quan2{top:160px;left:0px;}
#mainchild7 .content .quan#quan3{top:160px;left:180px;}
#mainchild7 .content .quan#quan4{top:90px;left:90px;background:none;}

@media  (max-width: 479px) {
.banner{margin-top:0px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerbg{height:230px;}

.main .mainchild .sub{width:64px;height:1px;margin:8px auto;}
#mainchild1{padding:21px 0 29px 0;}
#mainchild1 .info{font-size:12px;line-height:18px;padding-bottom:13px;}
/*#mainchild1 .contentmun{height:75px;width:304px;}
#mainchild1 .contentmun .child{padding-top:11px;height:65px;width:101px;}
#mainchild1 .contentmun .child .mun{font-size:36px;}
#mainchild1 .contentmun .child p{font-size:12px;}*/
#mainchild1 .contentmun{height:100px;width:100%;margin:0px auto;}
#mainchild1 .contentmun .child{padding-top:18px;height:84px;width:33%;}
#mainchild1 .contentmun .child .mun{font-size:30px;}
#mainchild1 .contentmun .child p{font-size:12px;}
#mainchild2{height:300px;}
#mainchild2 .container{width:100%;height:300px;background-size:auto 300px;}

.mainchildlist .head{padding:7px 0;border-bottom:1px solid #3f87f5;text-align:center;}
.mainchildlist .wapimg{display:block;}
.mainchildlist .title{line-height:34px;font-size:21px;}
.mainchildlist .titleen{line-height:26px;font-size:22px;}
.mainchildlist .content{padding:9px 0;}
.mainchildlist .content p{font-size:12px;line-height:18px;}
.mainchildlist .linkbtn{margin:12px auto 0 auto;}

#mainchild3 .left{width:auto;float: unset;margin: 0 auto;}
#mainchild3 .right{width:100%;padding:0 0 29px 0;float:none;margin:0 auto;}
#mainchild4 .right{width:180px;display:none;}
#mainchild4 .left{width:100%;padding:0 0 29px 0;float:none;margin:0 auto;}

#mainchild5{padding:25px 0 0 0;}
#mainchild5 .sub{margin:11px auto 12px auto;}
#mainchild5 .info{font-size:12px;line-height:18px;}
#mainchild5 .contents{margin-top:15px;height:190px;}
#mainchild5 .contents .content{height:190px;}
#mainchild5 .contents .mainchild5btn{height:45px;margin-top:-23px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:5px !important;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:5px !important;}
#mainchild5 .navbtns{padding:13px 0 20px 0;}
#mainchild5 .navbtns img{width:27px;height:2px;margin:0 1px;}

#mainchild6{height:266px;}
#mainchild6 .sub{width:46px;margin-top:10px;}
#mainchild6 .titleen{line-height:37px;font-size:33px;}

#mainchild7{padding:26px 0 29px 0;}
#mainchild7 .sub{margin:2px auto 4px auto;width:46px;}
#mainchild7 .info{font-size:12px;line-height:18px;}
/*#mainchild7 .content{width:200px;height:220px;margin:20px auto 0 auto;}
#mainchild7 .content .quan{width:110px;height:110px;font-size:14px;}
#mainchild7 .content .quan .titleen{margin-top:42px;}
#mainchild7 .content .quan#quan1{top:0px;left:45px;}
#mainchild7 .content .quan#quan2{top:80px;left:0px;}
#mainchild7 .content .quan#quan3{top:80px;left:90px;}
#mainchild7 .content .quan#quan4{top:45px;left:45px;}*/


#mainchild7 .content{width:300px;height:330px;margin:20px auto 0 auto;}
#mainchild7 .content .quan{width:160px;height:160px;font-size:20px;}
#mainchild7 .content .quan .titleen{margin-top:60px;}
#mainchild7 .content .quan#quan1{top:0px;left:73px;}
#mainchild7 .content .quan#quan2{top:120px;left:0px;}
#mainchild7 .content .quan#quan3{top:120px;left:135px;}
#mainchild7 .content .quan#quan4{top:73px;left:73px;}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerbg{height:340px;}

.main .container{width:93.75%;}
.main .mainchild .sub{width:64px;height:2px;margin:8px auto;}
#mainchild1{padding:21px 0 29px 0;}
#mainchild1 .info{font-size:12px;line-height:18px;padding-bottom:13px;}
#mainchild1 .contentmun{height:75px;width:304px;}
#mainchild1 .contentmun .child{padding-top:11px;height:65px;width:101px;}
#mainchild1 .contentmun .child .mun{font-size:36px;}
#mainchild1 .contentmun .child p{font-size:12px;}

#mainchild2{height:300px;}
#mainchild2 .container{width:100%;height:300px;background-size:auto 300px;}

.mainchildlist .head{padding:14px 0;border-bottom:2px solid #3f87f5;text-align:center;}
.mainchildlist .wapimg{display: block;}
.mainchildlist .title{line-height:50px;font-size:42px;}
.mainchildlist .titleen{line-height:48px;font-size:38px;}
.mainchildlist .content{padding:18px 0;}
.mainchildlist .content p{font-size:14px;line-height:20px;}
.mainchildlist .linkbtn{margin:24px auto 0 auto;}

#mainchild3 .left{float: unset;margin: 0 auto;}
#mainchild3 .right{width:100%;padding:0 0 29px 0;float:none;margin:0 auto;}
#mainchild4 .right{width:180px;display:none;}
#mainchild4 .left{width:100%;padding:0 0 29px 0;float:none;margin:0 auto;}

#mainchild5{padding:25px 0 0 0;}
#mainchild5 .sub{margin:11px auto 12px auto;}
#mainchild5 .info{font-size:12px;line-height:18px;}
#mainchild5 .contents{margin-top:15px;height:224px;}
#mainchild5 .contents .content{height:224px;}
#mainchild5 .contents .mainchild5btn{height:45px;margin-top:-23px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:5px !important;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:5px !important;}
#mainchild5 .navbtns{padding:13px 0 20px 0;}
#mainchild5 .navbtns img{width:27px;height:2px;margin:0 1px;}

#mainchild6{height:266px;}
#mainchild6 .sub{width:46px;margin-top:10px;}
#mainchild6 .titleen{line-height:37px;font-size:33px;}

#mainchild7{padding:26px 0 29px 0;}
#mainchild7 .sub{margin:2px auto 4px auto;width:46px;}
#mainchild7 .info{font-size:12px;line-height:18px;}
#mainchild7 .content{width:200px;height:220px;margin:20px auto 0 auto;}
#mainchild7 .content .quan{width:110px;height:110px;font-size:14px;}
#mainchild7 .content .quan .titleen{margin-top:42px;}
#mainchild7 .content .quan#quan1{top:0px;left:45px;}
#mainchild7 .content .quan#quan2{top:80px;left:0px;}
#mainchild7 .content .quan#quan3{top:80px;left:90px;}
#mainchild7 .content .quan#quan4{top:45px;left:45px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerbg{height:450px;}


.main .container{width:80%;}
.main .mainchild .sub{width:128px;height:2px;margin:15px auto;}
#mainchild1{padding:42px 0 48px 0;}
#mainchild1 .info{font-size:14px;line-height:20px;padding-bottom:26px;}
#mainchild1 .contentmun{height:180px;width:100%;}
#mainchild1 .contentmun .child{padding-top:22px;height:130px;width:33%;}
#mainchild1 .contentmun .child .mun{font-size:72px;}
#mainchild1 .contentmun .child p{font-size:17px;}
#mainchild2{height:578px;}
#mainchild2 .container{width:100%;height:578px;background-size:auto 578px;}

.mainchildlist .head{padding:14px 0;border-bottom:2px solid #3f87f5;text-align:center;}
.mainchildlist .wapimg{display:block;}
.mainchildlist .title{line-height:50px;font-size:42px;}
.mainchildlist .titleen{line-height:48px;font-size:40px;}
.mainchildlist .content{padding:18px 0;}
.mainchildlist .content p{font-size:14px;line-height:20px;}
.mainchildlist .linkbtn{margin:24px auto 0 auto;}

#mainchild3 .left{float: unset;margin: 0 auto;}
#mainchild3 .right{width:100%;padding:0 0 58px 0;float:none;margin:0 auto;}
#mainchild4 .right{width:357px;display:none;}
#mainchild4 .left{width:100%;padding:0 0 58px 0;float:none;margin:0 auto;}

#mainchild5{padding:50px 0 0 0;}
#mainchild5 .sub{margin:22px auto 24px auto;}
#mainchild5 .info{font-size:14px;line-height:20px;}
#mainchild5 .contents{margin-top:30px;height:360px;}
#mainchild5 .contents .content{height:360px;}
#mainchild5 .contents .mainchild5btn{height:90px;margin-top:-45px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:10px !important;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:10px !important;}
#mainchild5 .navbtns{padding:26px 0 40px 0;}
#mainchild5 .navbtns img{width:53px;height:3px;margin:0 1px;}

#mainchild6{height:532px;}
#mainchild6 .sub{width:91px;margin-top:20px;}
#mainchild6 .titleen{line-height:63px;font-size:65px;}

#mainchild7{padding:51px 0 58px 0;}
#mainchild7 .sub{margin:4px auto 8px auto;width:91px;}
#mainchild7 .info{font-size:14px;line-height:20px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;background-position:left 68px;background-size: auto 300px;}
.banner .bannerbg{height: 300px;}
.main .container{width:796px;}
.main .mainchild .sub{width:124px;height:2px;margin:0px auto 14px auto;}
#mainchild1{padding:60px 0 46px 0;}
#mainchild1 .info{font-size:13px;line-height:20px;padding-bottom:25px;}
#mainchild1 .contentmun{height:147px;width:592px;}
#mainchild1 .contentmun .child{padding-top:21px;height:127px;width:197px;}
#mainchild1 .contentmun .child .mun{font-size:70px;}
#mainchild1 .contentmun .child p{font-size:16px;}
#mainchild2{height:564px;}
#mainchild2 .container{height:564px;background-size:796px auto;}

.mainchildlist {padding: 56px 0;}
.mainchildlist .head{padding:14px 0;border-bottom:2px solid #3f87f5;}
.mainchildlist .title{line-height:48px;font-size:41px;}
.mainchildlist .titleen{line-height:46px;font-size:38px;}
.mainchildlist .content{padding:18px 0;}
.mainchildlist .content p{font-size:13px;line-height:20px;}
.mainchildlist .linkbtn{margin-top:24px;}

#mainchild3 .left{width:290px;}
#mainchild3 .right{width:473px;}
#mainchild4 .right{width:296px;}
#mainchild4 .left{width:473px;}

#mainchild5{padding:50px 0 0 0;}
#mainchild5 .sub{margin:21px auto 24px auto;}
#mainchild5 .info{font-size:13px;line-height:20px;}
#mainchild5 .contents{margin-top:28px;height:437px;}
#mainchild5 .contents .content{height:437px;}
#mainchild5 .contents .mainchild5btn{height:87px;margin-top:-43px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:-83px;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:-83px;}
#mainchild5 .navbtns{padding:25px 0 39px 0;}
#mainchild5 .navbtns img{width:51px;height:2px;margin:0 1px;}

#mainchild6{height:519px;}
#mainchild6 .sub{width:88px;margin-top:20px;}
#mainchild6 .titleen{line-height:61px;font-size:58px;}

#mainchild7{padding:50px 0 56px 0;}
#mainchild7 .sub{margin:4px auto 7px auto;width:88px;}
#mainchild7 .info{font-size:13px;line-height:20px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left 68px;}
.main .container{width:796px;}
.main .mainchild .sub{width:124px;height:2px;margin:0px auto 14px auto;}
#mainchild1{padding:60px 0 46px 0;}
#mainchild1 .info{font-size:13px;line-height:20px;padding-bottom:25px;}
#mainchild1 .contentmun{height:147px;width:592px;}
#mainchild1 .contentmun .child{padding-top:21px;height:127px;width:197px;}
#mainchild1 .contentmun .child .mun{font-size:70px;}
#mainchild1 .contentmun .child p{font-size:16px;}
#mainchild2{height:564px;}
#mainchild2 .container{height:564px;background-size:796px auto;}

.mainchildlist {padding: 56px 0;}
.mainchildlist .head{padding:14px 0;border-bottom:2px solid #3f87f5;}
.mainchildlist .title{line-height:48px;font-size:41px;}
.mainchildlist .titleen{line-height:46px;font-size:38px;}
.mainchildlist .content{padding:18px 0;}
.mainchildlist .content p{font-size:13px;line-height:20px;}
.mainchildlist .linkbtn{margin-top:24px;}

#mainchild3 .left{width:290px;}
#mainchild3 .right{width:473px;}
#mainchild4 .right{width:296px;}
#mainchild4 .left{width:473px;}

#mainchild5{padding:50px 0 0 0;}
#mainchild5 .sub{margin:21px auto 24px auto;}
#mainchild5 .info{font-size:13px;line-height:20px;}
#mainchild5 .contents{margin-top:28px;height:437px;}
#mainchild5 .contents .content{height:437px;}
#mainchild5 .contents .mainchild5btn{height:87px;margin-top:-43px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:-83px;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:-83px;}
#mainchild5 .navbtns{padding:25px 0 39px 0;}
#mainchild5 .navbtns img{width:51px;height:2px;margin:0 1px;}

#mainchild6{height:519px;}
#mainchild6 .sub{width:88px;margin-top:20px;}
#mainchild6 .titleen{line-height:61px;font-size:58px;}

#mainchild7{padding:50px 0 56px 0;}
#mainchild7 .sub{margin:4px auto 7px auto;width:88px;}
#mainchild7 .info{font-size:13px;line-height:20px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:82px;background-position:left 82px;}

.main .container{width:960px;}
.main .mainchild .sub{width:150px;height:2px;margin:0px auto 17px auto;}
#mainchild1{padding:0px 0 48px 0;}
#mainchild1 .info{font-size:16px;line-height:24px;padding-bottom:30px;}
#mainchild1 .contentmun{height:178px;width:714px;}
#mainchild1 .contentmun .child{padding-top:26px;height:153px;width:238px;}
#mainchild1 .contentmun .child .mun{font-size:85px;}
#mainchild1 .contentmun .child p{font-size:20px;}
#mainchild2{height:680px;}
#mainchild2 .container{height:680px;}

.mainchildlist{padding-top: 60px;padding-bottom: 68px;}
.mainchildlist .head{padding:17px 0;border-bottom:2px solid #3f87f5;}
.mainchildlist .title{line-height:50px;font-size:44px;}
.mainchildlist .titleen{line-height:50px;font-size:44px;}
.mainchildlist .content{padding:22px 0;}
.mainchildlist .content p{font-size:16px;line-height:24px;}
.mainchildlist .linkbtn{margin-top:29px;}

#mainchild3 .left{width:357px;}
#mainchild3 .right{width:570px;}

#mainchild5{padding:0px;}
#mainchild5 .sub{margin:26px auto 29px auto;}
#mainchild5 .info{font-size:16px;line-height:24px;}
#mainchild5 .contents{margin-top:34px;height:527px;}
#mainchild5 .contents .content{height:527px;}
#mainchild5 .contents .mainchild5btn{height:105px;margin-top:-52px;}
#mainchild5 .contents .mainchild5btn.leftbtn{left:-100px;}
#mainchild5 .contents .mainchild5btn.rightbtn{right:-100px;}
#mainchild5 .navbtns{padding:31px 0 47px 0;}
#mainchild5 .navbtns img{width:62px;height:3px;margin:0 1px;}

#mainchild6{height:626px;}
#mainchild6 .sub{width:107px;margin-top:24px;}
#mainchild6 .titleen{line-height:74px;font-size:76px;}

#mainchild7{padding:60px 0 68px 0;}
#mainchild7 .sub{margin:5px auto 9px auto;width:107px;}
#mainchild7 .info{font-size:16px;line-height:24px;}

}


@keyframes scaleopacityan{
0%{ transform:scale(0); opacity:0;}
80%{ transform:scale(1.05);}
100%{ transform:scale(1); opacity:1;}
}
@-moz-keyframes scaleopacityan{
0%{ -moz-transform:scale(0); opacity:0;}
80%{ -moz-transform:scale(1.05);}
100%{ -moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes scaleopacityan {
0%{ -webkit-transform:scale(0); opacity:0;}
80%{ -webkit-transform:scale(1.05);}
100%{ -webkit-transform:scale(1); opacity:1;}
}
@-o-keyframes scaleopacityan{
0%{ -o-transform:scale(0); opacity:0;}
80%{ -o-transform:scale(1.05);}
100%{ -o-transform:scale(1); opacity:1;}
}