.headerH{ height: 1rem; }
.header{ width: 100%; top: 0; left: 0; background: #303848; padding: 0.2rem; overflow: hidden; z-index:9999;}
.header .logo img{width: 3.4rem}
.header .menu_close{display: none}
.header .menu img, .header .menu_close img{ width: 0.6rem }
.header .phone{color: #fff; font-family: Arial; font-size: 0.24rem;line-height: 1em;margin-right: 0.2rem; margin-top: 0.3rem}
.header .phone a{color: #fff !important}

.webNavs{ display: none; z-index: 9999; width: 45%; top: 1rem; right: 0; background: rgba(48,56,72,0.6); padding: 0 0.4rem;}
.webNavs a{display: block; border-bottom: 1px dashed #6e6e6e; color: #fff; line-height: 0.8rem}
.webNavs a:nth-last-child(1){ border-bottom: none }

.title{ text-align: center; padding: 0.5rem 0.2rem; width: 100% }
.title h2{ color: #000; font-size: 0.36rem;line-height: 0.7rem; font-weight: 900}
.title h3{ color: #989898; font-size: 0.24rem; line-height: 0.4rem; }
.title p{color: #b8b8b8; font-size: 0.16rem; font-family: Arial; text-transform: uppercase}
.title i{ width: 0.6rem; height: 1px; background: #252525; display: inline-block }
.mores{ z-index: 99; margin: 0.6rem 0;}
.mores a{display: inline-block; padding: 0 0.5rem; border: 1px solid #2da0f0; color: #2da0f0; line-height: 0.6rem; border-radius: 0.1rem;}
.mores2 a{ background: #2da0f0; color: #fff }
.moresJt{ margin: 0.1rem 0; display: block}
.moresJt img{ width: 0.5rem }
.boxs_bg{ background: #f9fdff; }
.index_box1{ width: 100%;}
.index_box1 .item{ width: 50%; text-align: center; margin: 0.2rem 0; }
.index_box1 .item img{ margin-top: -1rem }
.index_box1 .item span{ width: 1.4rem; height: 1.4rem; overflow: hidden; border-radius: 50%; background: #2da0f0; display: inline-block; padding: 0.2rem; }
.index_box1 .item p{color: #000; line-height: 0.4rem; margin-top: 0.2rem}

.box2zero{ text-align: center; padding: 0.5rem 0; margin: -0.2rem 0 0.3rem }
.box2zero .zero{ display: inline-block; width: 3.4rem; height: 3.4rem; margin-top:0.12rem;}
.box2zero .zero img{ top: 0; left: 0; }
.zeroLine{width: 6rem}
.zeroText{width: 100%; top: 0.2rem; left: 0; z-index: 99}
.zeroText .textBoxs{ width: 2.1rem; padding-top: 0.13rem}
.zeroText .textBoxs li{ margin-bottom: 0.82rem }
.zeroText .textBoxs li i{ display: block; width: 0.1rem; height: 0.1rem; background: #2da0f0; border-radius: 50%;animation: zero3 0.3s linear 0s infinite normal; -moz-animation: zero3 0.3s linear 0s infinite normal; -o-animation: zero3 0.3s linear 0s infinite normal; -webkit-animation: zero3 0.3s linear 0s infinite normal; }
.zeroText .textBoxs li h2{ position: relative; color: #313131; font-size: 0.3rem; line-height: 0.4rem; }
.zeroText .textBoxs li p{ color: #686868; font-size: 0.24rem; line-height: 1.2em }
.zeroText .textBoxs li.lefts{ margin-right: 0.5rem; }
.zeroText .textBoxs li.lefts i{ right: -0.2rem }
.zeroText .textBoxs li.rights{ margin-left: 0.5rem; }
.zeroText .textBoxs li.rights i{ left: -0.2rem }
.box2List{ padding: 0.1rem 0.1rem 0.5rem; overflow: hidden; }
.box2List .item{width: 4.6rem; margin: 0 0.12rem 0.22rem; padding: 0.1rem 0.1rem 0.2rem; border:1px solid #f0f0f0; text-align: center; float: left;background: url('../images/box4_bg.png') #2da0f0 bottom right no-repeat; background-size: auto 60%}
.box2List .item span{ width: 0.8rem; height: 0.8rem; display: block; overflow: hidden; margin: 0.2rem auto; }
.box2List .item h2{ line-height: 0.6rem; font-weight: 900; color: #fff; font-size: 0.32rem; transition: all 0.5s }
.box2List .item h3{color:#fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 0.26rem}
.box2List .item img{transition: all 0.5s}
.box2List .item img.icon{width: 0.8rem; height: 0.8rem;}
.index_box3{ padding-bottom: 0.5rem }
.caseList{ padding: 0 0.3rem 0.5rem;}
.caseList .item{ width: 100%; padding: 0.15rem 0.15rem 0.1rem; border-radius: 0.1rem; box-shadow: 0 0 0.1rem #ddd;margin: 0 0 0.3rem;}
.caseList .item a > span{ display: block; width: 100%; overflow: hidden; }
.caseList .item h2{line-height: 0.4rem; color: #000000; font-size: 0.32rem; margin: 0.2rem 0 0.05rem;}
.caseList .item h3{ max-width: 70%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; color: #7e7e7e; margin-bottom: 0.15rem; font-size: 0.2rem}
.caseList .item i{ color: #5e5e5e; font-size: 0.24rem; right: 0.2rem; bottom: 0.5rem}
.caseList .item p{color: #999; line-height: 0.4rem; transition: all 0.5s; font-size: 0.24rem; margin: 0.2rem 0 0.1rem}
.caseList .item p span{display: inline-block; padding: 0 0.15rem; border:1px solid #4575ff; color: #4575ff; border-radius: 0.2rem; line-height: 0.4rem;font-size: 0.24rem}
.caseList .item .line{height: 1px; width: 100%; background: #eee;}
.NocaseList{display: none;}
.now img{ transform: rotate(180deg) }
.forms{ padding: 0 0.5rem; }
.forms .item{width: 100%; border-bottom: 1px solid #eee; margin-bottom: 0.4rem;}
.forms .item input{width: 100%; line-height: 0.6rem; padding: 0.1rem 0; background: none;}
.forms .submits input{-webkit-appearance:none; display: block; width: 100%; line-height: 0.8rem; border-radius: 0.1rem; background: #5bbcff;color: #fff; margin: 0.2rem auto 0.5rem; text-align: center; padding: 0; }
.index_box5 .indexNew1{width: 100%;}
.index_box5 .indexNew1 a{display: block}
.index_box5 .indexNew1 a h2{line-height: 0.5rem; padding: 0.25rem 0; color: #000; font-size: 0.32rem;  font-weight: 900}
.index_box5 .indexNew1 a span{ overflow: hidden }
.index_box5 .indexNew2{width: 100%;}
.index_box5 .indexNew2 li{width: 100%;}
.index_box5 .indexNew2 li a{display: block; line-height: 0.6rem; overflow: hidden}
.index_box5 .indexNew2 li a span{ font-family: Arial; font-weight: 700; display: block; font-size: 0.26rem; background-size: 0.2rem; color: #5f5e5e}
.index_box5 .indexNew2 li a i{display: block; width: 5.2rem; color: #000; padding-left: 0.2rem; background: url('../images/new_icon.png') no-repeat center left;}
.index_box5 .indexNew2 li.last a{border:none;}
.bottomsH{ height: 1rem; }
.bottoms{ height: 1rem; width: 100%; bottom: 0; left: 0; background: #1e1e1e; display: flex; z-index: 999; }
.bottoms a{ display: inline-block; text-align: center; flex: 1; padding-top: 0.1rem }
.bottoms a span{ display: inline-block; width: 0.55rem; height: 0.55rem; }
.bottoms a p{ color: #ffffff; line-height: 0.3rem; font-size: 0.24rem }
.footer{ background: #303030; color: #6a6a6a !important; text-align: center; line-height: 1.8em; font-size: 0.26rem }
.footer .texts{ padding: 0.1rem 0; }
.footer .texts p{color: #6a6a6a}
.footer .texts p a{color: #6a6a6a !important}
.footer .copy{ line-height: 1.5em; padding: 0.1rem 0; border-top: 1px solid #585859; }

/* about_box1 */
.about_box1{ text-align: center; width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: top right; background-size: 100%; auto}
.about_box1 .texts{ width: 85%; display: inline-block; line-height: 1.8em; color: #000; padding-bottom: 0.6rem }
.about_box2{ background: #f9fdff; padding-bottom: 0.5rem }
.about_box3{padding: 0 0.2rem; width: 100%;}
.about_box3 .lefts{width: 2.86rem;background: #000;}
.about_box3 .rights{width: 4rem;}
.about_box3 .rights span{ display: block; background-color: #000;margin-bottom: 0.25rem; }
.about_box3 .rights img, .about_box3 .lefts img{ opacity: 0.5; transition: all 0.5s}
.about_box3 .rights img:hover, .about_box3 .lefts img:hover{opacity: 1}
.about_box3 .Box3Ul{width: 100%; box-shadow: 0 0 0.1rem #ddd; margin: 0.2rem 0 0.5rem;}
.about_box3 .Box3Ul li{width: 50%; height: 2.4rem; overflow: hidden;}
.about_box3 .Box3Ul li .title{ padding: 0 10px; }
.about_box3 .Box3Ul li .title h2{font-size: 0.34rem; line-height: 1em; margin-bottom: 0.15rem}
.about_box3 .Box3Ul li .title p{font-size: 0.26rem;}
.about_box3 .Box3Ul li img{ transition: all 0.5s }
.link{ padding: 0 0.15rem 0.5rem; }
.link .linkList .item{width: 2.2rem; padding: 0.08rem; float: left; }
.link .linkList .item a{ display: block; border:1px solid #f5f5f5; background: #fff}
.contactIcon{ margin-bottom: 0.5rem}
.contactIcon .item{ text-align: center; width: 50%; padding-bottom: 0.5rem;}
.contactIcon .item span{width: 0.8rem; display: inline-block}
.contactIcon .item h2{ line-height: 0.4rem; font-size: 0.34rem; }
.contactIcon .item p{color: #999; margin-top: 0.05rem; height: 0.9rem; overflow: hidden;}
.contactIcon .item p a{color: #2da0f0}
.contactIcon .item p.phone{color: #2da0f0}
#allmap{width:100%;height:5rem;}
#allmap a{color: #ff0000 !important}
.pages{text-align: center; margin-top: 0.3rem;}
.pages a, .pages span{ display: inline-block; margin: 0 0.1rem; border:1px solid #d9d9d9; color: #d9d9d9; border-radius: 0.08rem;padding: 0 0.2rem; line-height: 0.5rem; }
.pages span{color: #fff; background: #2da0f0; border:1px solid #2da0f0;}
.pages .goUp{ border: 1px solid #2da0f0; color: #2da0f0 }
.newstab{ text-align: center; padding: 0.5rem 0; border-bottom:1px dashed #eee; display: flex }
.newstab a{flex: 1; padding: 0 0.2rem;}
.newstab a span{ display: inline-block; width: 100%; line-height: 0.6rem; background: #fcfcfc; border-radius: 0.1rem; transition: all 0.5s; font-size: 0.3rem}
.newstab a.active span{background: #2da0f0; color: #fff}
.newsList{ padding-bottom: 0.5rem; }
.newsList .item{ padding: 0.2rem 0; border-bottom: 1px dashed #eee; }
.newsList .item a{display: block; overflow: hidden;}
.newsList .item a span.imgs{width: 2.6rem; display: block}
.newsList .item a .texts{width: 4rem;}
.newsList .item a .texts h2{color: #000; line-height: 0.4rem; font-size: 0.32rem; margin: 0.05rem 0 0.1rem}
.newsList .item a .texts h3{ color: #bebebe; font-size: 0.26rem; transition: all .5s }
.newsList .item a .texts p{ color: #8b8b8b; margin-top: 0.3rem; line-height: 1.6em; }
.newsList .pages{ margin-top: 0.5rem; }
.newsContent{ padding: 0.5rem 0; }
.newsContent h2{ text-align: center; font-size: 0.32rem; color: #000; line-height: 0.4rem; margin-bottom: 0.2rem }
.newsContent h3{text-align: center; font-size: 0.24rem; color: #999; line-height: 0.4rem;}
.newsContent .texts{ line-height: 2em }
.newsContent .texts img{ width: 100% !important; height: auto !important; }
.newsContent .line{ border-top: 1px dashed #eee; height: 1px; width: 100%; margin: 0.3rem 0; }
.relatednews{ padding-top: 0.3rem; }
.relatednews .newsList{ padding-bottom: 0.3rem }
.relatednews .titles{ line-height: 1em; color: #000; font-size: 0.32rem }
.webNavsBg{display: none; z-index:9998; height: 100%; width: 100%; top: 0; left: 0;}


.zero_img1{animation: zero1 20s linear 0s infinite normal; -moz-animation: zero1 20s linear 0s infinite normal; -o-animation: zero1 20s linear 0s infinite normal; -webkit-animation: zero1 20s linear 0s infinite normal;}
.zero_img2{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img3{animation: zero2 35s linear 0s infinite normal; -moz-animation: zero2 35s linear 0s infinite normal; -o-animation: zero2 35s linear 0s infinite normal; -webkit-animation: zero2 35s linear 0s infinite normal;}
.zero_img4{animation: zero7 2s linear 0s infinite normal; -moz-animation: zero7 2s linear 0s infinite normal; -o-animation: zero7 2s linear 0s infinite normal; -webkit-animation: zero7 2s linear 0s infinite normal;}
.zero_img5{animation: zero4 5s linear 0s infinite normal; -moz-animation: zero4 5s linear 0s infinite normal; -o-animation: zero4 5s linear 0s infinite normal; -webkit-animation: zero4 5s linear 0s infinite normal;}
.zero_img6{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img7{animation: zero3 0.5s linear 0s infinite normal; -moz-animation: zero3 0.5s linear 0s infinite normal; -o-animation: zero3 0.5s linear 0s infinite normal; -webkit-animation: zero3 0.5s linear 0s infinite normal;}
.zero_img8{animation: zero3 2s linear 0s infinite normal; -moz-animation: zero3 2s linear 0s infinite normal; -o-animation: zero3 2s linear 0s infinite normal; -webkit-animation: zero3 2s linear 0s infinite normal;}
@keyframes zero1{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(180deg); }
	66%{ transform:rotate(360deg); }
	100%{ transform:rotate(180deg); }
}
@keyframes zero2{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(-180deg); }
	66%{ transform:rotate(-360deg); }
	100%{ transform:rotate(-180deg); }
}
@keyframes zero3{
    0%{ opacity: 1; }
	50%{ opacity: 0.5; }
	100%{ opacity: 1; }
}
@keyframes zero4{
    0%{ transform:rotate(0); }
	50%{ transform:rotate(180deg); }
	100%{ transform:rotate(360deg); }
}


/*case*/
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;bottom:0}
.marquee{width:8000%;height:1rem}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:1rem;overflow:hidden;zoom:1}
.wave-list-box ul li{height:1rem;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:1rem;background:#fff}
.CaseNybanner{ width: 100%; height: 4rem; overflow: hidden;}
.nybanner .nybannerText{ left: 50%; margin-top: 0.6rem; color: #fff; font-size: 0.3rem; line-height: 0.6rem; border-bottom: 2px solid #2da0f0;}
.nybanner .nybannerText i{ transition: all 0.3s; display: inline-block; vertical-align: middle; background: url('../images/banner_jt.png') no-repeat center left; background-size: 200% 100%; width: 0.3rem; height: 0.3rem; margin-left: 0.05rem; margin-top: -0.05rem }
.CaseNybanner .nybannerText{ margin: 0; margin-top: 0.8rem }
.CaseNybanner img{ width: 300% }
.page1Box1{ background: #f7f8fa; width: 100%; overflow: hidden; padding-bottom: 0.3rem}
.page1Box1 .box_center{ overflow: hidden; }
.page1Box1 .boxText .items{ width: 2.8rem; margin-top: 0.3rem; margin-bottom: 0.3rem; min-height: 1rem; position: relative}
.page1Box1 .boxText .items h2{ color: #000; font-size: 0.28rem; line-height: 1.5em;}
.page1Box1 .boxText .items p{ color: #565e63; line-height: 1.5em; font-size: 0.2rem }
.page1Box1 .boxText .items i{ position: absolute; top: 0.1rem }
.page1Box1 .boxText .items i img{ width: 0.4rem }
.page1Box1 .imgs{ width: 2.5rem;}
.page1Box1 .boxText{ position: relative; z-index: 1; }
.page1Box1 .boxText.text_right .items{ padding-right: 0.5rem }
.page1Box1 .boxText.text_left .items{ padding-left: 0.5rem }
.page1Box1 .boxText.text_right .items i{right: 0}
.page1Box1 .boxText.text_left .items i{left: 0}
.page1Box2 .item{ overflow: hidden; padding: 0.5rem 0; }
.page1Box2 .item:nth-child(2n){background: #f9fdff;}
.page10Box4 .item:nth-child(2n){background: none;}
.page1Box2 .item .texts{ width: 3.8rem; color: #999; font-size: 0.24rem;}
.page1Box2 .item .texts i{color: #fff; line-height: 0.35rem; padding: 0 0.15rem; background: #2da0f0; border-radius: 2px; display: inline-block; font-size: 0.2rem; margin-bottom: 0.1rem}
.page1Box2 .item .texts h2{ font-size: 0.28rem; color: #000; line-height: 1.5em; margin: 0.1rem 0; }
.page1Box2 .item .texts h3{ color:#979797; font-size: 0.2rem; line-height: 1.5em; padding: 0.1rem 0; }
.page1Box2 .item ul{ width: 100%; display: block; margin-top: 0.4rem; }
.page1Box2 .item ul li{ width: 46%; margin-right: 5%; float: left }
.page1Box2 .item ul li:nth-child(2){ float: right; margin-right: 0 }
.page1Box2 .item ul li h4{ line-height: 0.4rem; font-weight: 900; font-size: 0.28rem; color: #2da0f0 }
.page1Box2 .item ul li h4 em{ vertical-align: middle; margin-right: 0.1rem}
.page1Box2 .item ul li h4 em img{ width: 0.4rem }
.page1Box2 .item ul li p{ color: #565e63; font-size: 0.24rem; line-height: 1.8em; margin-top: 0.1rem }
.page1Box2 .item .imgs{ width: 2.8rem; }
.page2Box2{ padding-bottom: 0.6rem }
.page2Box2 .item{ padding: 0.1rem; width: 50%; float: left; text-align: center;}
.page2Box2 .item .contents{ box-shadow: 0 0 10px #eee; background: #fff; padding: 0.3rem 0.1rem; color: #666; line-height: 1.8em; font-size: 0.24rem;}
.page2Box2 .item span{ display: inline-block; width: 1rem; height: 1rem; background: #108cee; margin: 0.4rem 0 0.3rem;}
.page2Box2 .item h2{ color: #0b0205; font-size: 0.3rem; line-height: 0.5rem; margin-bottom: 0.2rem}
.page2Box2 .item p{ line-height: 1.6em; color: #8a8a8a; min-height: 1.6rem; font-size: 0.24rem}

.page1Box3{background: #f7f8fa; padding-bottom: 30px}
.page6Box3 .tabnavs{ width: 100%;}
.page6Box3 .tabnavs li{	width: 50%; float: left; padding: 0.3rem; text-align: center}
.page6Box3 .tabnavs li .items{line-height: 35px; display: inline-block}
.page6Box3 .tabnavs li .items i{ width: 0.8rem; height: 0.8rem; overflow: hidden; display: inline-block }
.page6Box3 .tabnavs li .items h2{ font-size: 0.34rem; height: 0.8rem; }
.page6Box3 .tabnavs li .items p{ line-height: 0.4rem; font-size: 0.22rem; }

.page1Box4{ height: 5rem; width: 100%; overflow: hidden; }
.page1Box4 img{ width: 260% }
.page1Box4 .page1Box4Text{ background: rgba(0,0,0,0.5); width: 5rem; left: 0.3rem; padding: 0.3rem;}
.page1Box4 .page1Box4Text h2{ color: #fff; font-size: 0.36rem; line-height: 0.4rem }
.page1Box4 .page1Box4Text h3{ color: #fff; line-height: 0.3rem; margin: 0.2rem 0 0.3rem;  font-size: 0.22rem}
.page1Box4 .page1Box4Text p{ color: #fff; line-height: 1.5em; font-size: 0.2rem;}
.ripple{ padding-bottom: 1rem; height: 4rem; width: 100%}
.ripple .rippleText{ width: 95% }
.ripple .rippleText a{ line-height: 0.8rem; width: 4rem; margin: 0.4rem auto; display: block; color: #fff; background: #2da0f0; border-radius: 5px; transition: all 0.5s}
.ripple .rippleText a:hover{ background: #1a88d5; }
#certify .swiper-container{padding-bottom:0.6rem;}
#certify .swiper-slide{width:5rem;height:3.5rem;background:#fff;box-shadow:0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{line-height:0.6rem;text-align:center;color:#fff;font-size:0.28rem;margin:0;background: rgba(0,0,0,0.8); bottom: 0; left: 0; width: 100%; display: none}
#certify .swiper-button-prev{left:0;width:70px;height:70px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%; margin-top: -45px}
#certify .swiper-button-prev:hover{background-position:0 -70px;background-size:100%;opacity: 1;}
#certify .swiper-button-next{right:0;width:70px;height:70px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -140px;background-size:100%; margin-top: -45px}
#certify .swiper-button-next:hover{background-position:0 -210px;background-size:100%;opacity: 1;}
#certify .swiper-slide.swiper-slide-active p{ display: block }

.page7Box0{ padding-bottom: 0.3rem }
.page7Box0 img{ width: 100% !important; height: auto !important }
.page7Box0{ line-height: 1.8em; font-size: 0.2rem }

.page7Box2 .item{ padding: 0.15rem 0; }

.page7Box3{ background-repeat: no-repeat; background-size: 300% auto; background-position: center top }
.page7Box3 .title h2{ color: #fff }
.page7Box3 img{ width: 100% !important; height: auto !important }
.page7Box3 .page7Box3List{ padding: 0.3rem 0; }
.page7Box3 .page7Box3List .items{ width: 50%; padding: 0.15rem; text-align: center}
.page7Box3 .page7Box3List .items i{ width: 0.6rem; display: inline-block }
.page7Box3 .page7Box3List .items h2{ font-size: 0.28rem; color: #000; line-height: 50px; }
.page7Box3 .page7Box3List .items p{ color: #717171; font-size: 0.16rem;-webkit-line-clamp: 4; line-height: 1.8em }

.page7Text{ text-align: center; line-height: 1.8em; font-size: 0.24rem; max-width: 90%; margin: 0.3rem auto 0;}

.page7certify, .page7certifyImg{ width: 100% }
.page7certifyImg{ z-index: 999 }
.page7certify .swiper-container{ padding: 5%; }




.pageNavnew{ background: #ffffff; height: 60px; width: 100% }
.pageNavnew.pageNavnewAB{ position: fixed; top: 60px; left: 0; z-index: 99999; box-shadow: 0 0 10px #ddd;}
.pageNavnew ul{ width: 100% }
.pageNavnew ul li{ padding: 5px 20px; float: left}
.pageNavnew ul li a{ display: block; line-height: 50px; color: #333 }
.pageNavnew ul li a.active{ border-bottom: 2px solid #2da0f0 }
.pageBg{ width: 100%; padding: 0.3rem 0 0.5rem; background: url('../images/pagebg.jpg') no-repeat center top; }
.pageBg .pageLogo img{ width: 30%; }
.pageBg .pageText{ right: 0 }
.pageBg .pageText h2{ color: #fff; font-size: 0.26rem; line-height: 1.6em; margin-top: 0.2rem; }
.pageBg .pageText i{ width: 200px; background: #66baf4; height: 1px; display: inline-block; margin: 15px 0; }
.pageBg .pageText p{ color: #c9e9ff; font-size: 0.22rem; line-height: 1.6em }

.pages_box_new .items{ width: 100%; margin-bottom: 0.3rem; border-bottom: 1px solid #eee; padding-bottom: 0.3rem;}
.pages_box_new .items:nth-last-child(1){ padding-bottom: 0; border-bottom: none;}
/* .pages_box_new .items .imgs{ bottom: 0; right: 0; opacity: 0.3;} */
.pages_box_new .items h2{color: #0e050a; font-size: 0.38ren; font-weight: 900; line-height: 2em; margin: 0.1rem 0}
.pages_box_new .items h2 i{ color: #fff; font-family: Arial; text-align: center; font-size: 0.32rem; margin-right: 0.1rem; padding-right: 0.05rem; color: #fff; background: url('../images/pagenumbg.png') no-repeat center left; display: inline-block; width: 0.5rem; height: 0.5rem; vertical-align: middle; background-size: 100% 100%; }
.pages_box_new .items .lists_new{ width: 100% }
.pages_box_new .items .lists_new li{ margin: 0.1rem 0 0.3rem; }
.pages_box_new .items .lists_new li h3{ color: #115dff; font-weight: 900; font-size: 0.3rem; line-height: 2em }
.pages_box_new .items .lists_new li p{ color: #616161; line-height: 1.8em; font-size: 0.3rem }
.page_box_new2{ background: #f1faff; margin-top: 30px;}
.pages_box3_new{ width: 100%; padding: 0.3rem 0 0.6rem; overflow: hidden;}
.pages_box3_new .item{ width: 50%; text-align: center; padding: 0.3rem; }
.pages_box3_new .item span{ display: inline-block; width: 0.8rem; }
.pages_box3_new .item h2{ color: #313131; font-size: 0.34rem; line-height: 2em; }
.pages_box3_new .item p{ color: #686868; font-size: 0.26rem; line-height: 1.8em;  }
.pageBg2{ background: url('../images/pagebg3.jpg') center bottom; width: 100%; padding: 1rem 0; text-align: center;}
.pageBg2 h2{ color: #ffffff; font-size: 0.38rem;line-height: 1em; margin-bottom: 0.4rem; font-weight: 900 }
.pageBg2 a{ display: inline-block; padding: 0 0.3rem; color: #fff; font-size: 0.3rem; border-radius: 0.1rem; border: 1px solid #fff; line-height: 0.6rem; transition: all 0.5s }
.pageBg2 a:hover{ background: #fff; color: #2da0f0 }

.page10Box3{ background: #f7f8fa; padding-bottom: 0.3rem }
.page10Box3 .items{ width: 100%; text-align: center; margin-bottom: 0.3rem;}
.page10Box3 .items h2{ font-size: 0.3rem; line-height: 0.6rem; }
.page10Box3 .items p{ color: #666 }