@charset "utf-8";* {margin:0px;padding:0px;}
/*by chenyaowen*/
body,html {width:100%;height:100%;font-family:"PingFang SC","幼圆","Microsoft Yahei","黑体",sans-serif; font-weight: 100;}
img {border:none;}
a {text-decoration:none;color:#333333; cursor: pointer;}
a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
a:hover {text-decoration:none;color:#FF946E;}
li {list-style:none;}
.clear {clear:both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {*+height:1%;}
/*html5*/
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}
address {display:inline;}
/*public*/.fl {float:left;}
.fr {float:right;}
.fr.fl {display:inline;}
.mauto {margin:0 auto;width:1000px;}
.on-phone{ display: none !important;}
.on-pc{ display:inline-block !important;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.color1{ color:#fff;}
.color2{ color: #000;}
.color3{ color: #f0dda0;}
.f120{ font-size: 120px;}
.f100{ font-size: 100px;}
.f82{ font-size: 82px;}
.f60{ font-size: 60px;}
.f56{ font-size: 56px;}
.f50{ font-size: 50px;}
.f40{ font-size: 40px;}
.f38{ font-size: 38px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f26{ font-size: 26px;}
.f18{ font-size: 18px;}
body{ position:fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden;}
.fadeInUp.delay0{-webkit-animation-delay: 0; animation-delay: 0}
.fadeInUp.delay2{-webkit-animation-delay: 200ms; animation-delay: 200ms}
.fadeInUp.delay4{-webkit-animation-delay: 400ms; animation-delay: 400ms}
.fadeInUp.delay6{-webkit-animation-delay: 600ms; animation-delay: 600ms}
.fadeInUp.delay8{-webkit-animation-delay: 800ms; animation-delay: 800ms}
.fadeInUp.delay10{-webkit-animation-delay: 1000ms; animation-delay: 1000ms}
.fadeInUp.delay12{-webkit-animation-delay: 1200ms; animation-delay: 1200ms}
.fadeInUp.delay14{-webkit-animation-delay: 1400ms; animation-delay: 1400ms}
.fadeInUp.delay16{-webkit-animation-delay: 1600ms; animation-delay: 1600ms}
.fadeInUp.delay20{-webkit-animation-delay: 2000ms; animation-delay: 2000ms}
.fadeInUp.delay24{-webkit-animation-delay: 2400ms; animation-delay: 2400ms}



.mauto{ margin: 0 auto; width: 100%; max-width: 1200px;}
.header{ height: 55px; line-height: 55px; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background: #272727; font-size: 16px;adadad}
.header .mauto{ height: 100%;}
.header img{ height: 100%; vertical-align: middle; margin-top: -9px; padding-right: 14px;}
.header .btn font.btnlink{ border: 1px solid #ffffff; border-radius: 999px; padding: 5px 14px; color: #fff;}
.header a,.header span{ vertical-align: top; margin-top: -3px; padding:0 14px; color: #f1f1f1; transition: color .3s;}
.header a:hover{ color: #fff;}
.header .logobox{ display: inline; }
.header .menubox{ display: inline;}

.header .menubox span{margin-top: 0; display: inline-block; width: 92px; padding: 0; }
.header .menubox span a{ display: none; margin: 0; width: 92px; padding: 0; background:#3a3a3a; border-bottom: 1px solid #5a5a5a}
.header .menubox span a:first-child{border-top: 1px solid #5a5a5a;}
.header .menubox span a .img{ height:16px; margin-top: 0; padding: 0;}
.header .menubox span:hover,.header .menubox span:active{ background:#3a3a3a; height: 50px; overflow: visible;}
.header .menubox span:hover a,.header .menubox span:active a{ display: inline-block;}
.header .menubox span a:hover,.header .menubox span a:active{background:#272727;}

.header .menubox .pcgoumai{ position:relative; }
.header .menubox .pcgoumai .list{ line-height: 40px;position: absolute; top: 55px; left: 0; text-align: center; display: none; background: none;}
.header .menubox .pcgoumai .list a{ display: block;border-bottom: 1px solid #5a5a5a}
.header .menubox .pcgoumai:hover .list{ display: block;}
.header .menubox .pcgoumai .erweima{ display: none; position: absolute; right:100px; top:6px; width: 160px; background: #fff; line-height: 0px; font-size: 14px; text-align: center; color: #333; padding:5px;}
.header .menubox .pcgoumai .erweima p{ line-height: 30px;}
.header .menubox .pcgoumai .erweima img{ width: 100%; padding: 0; margin: 0;}
.header .menubox .pcgoumai .list a:hover .erweima{ display: block;}

.header .menubox  .notlink{ background: #525252 !important; cursor: default;}
.header .menubox  .notlink img{ opacity: .3;}


/*aside nav*/
#fullPage-nav {_display:none;font-size:12px;}
#fullPage-nav li {width:21px;height:21px;margin:10px 0 0;vertical-align:middle;}
#fullPage-nav li a {float:right;width:21px;height:21px;color:#8F9DA4;text-decoration:none;text-align:right;background:url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active {background-position:0 bottom;}
#fullPage-nav span {display:none;}

#fp-nav {_display:none;font-size:12px;}
#fp-nav li {width:21px;height:21px;margin:10px 0 0;vertical-align:middle;}
#fp-nav ul li a {float:right;width:21px;height:21px;color:#8F9DA4;text-decoration:none;text-align:right;background:url(../images/dot.png) 5px 5px no-repeat;}
#fp-nav li .active {background-position:0 bottom;}
#fp-nav ul li a span {display:none;}

/*公用的内部div*/
.content{position: absolute; width: 100%; left: 50%; margin-left: -50%; top: 50%; height: 0; overflow: visible; z-index: 2;}

.section,.section .slide{ background-size: cover; background-repeat: no-repeat; background-position: center center;}
.section .box,.section .slide .box{ height: 100%; position: relative;}
.section-1{ background-image: url(../images/page-1.jpg?d=20190912);}
.section-1 .content0{}
.section-1 .content0 a{color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
	top: 0;
	background-color: transparent;
	cursor: pointer;
}
.section0{ background-image: url(../images/page0.jpg?d=20190513);}
.section0 .content0{}
.section0 .content0 a{color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
	top: 0;
	background-color: transparent;
	cursor: pointer;
}
.section1{ background-image: url(../images/page1.jpg);}
.section1 .content{ opacity: 0;}
.section1 .content .title{ margin-top: -160px; line-height: 120px;}
.section1 .content .tip{ line-height: 53px; margin: 10px 0 20px;}
.section1 .content .btnbox{ margin-top: 20px;}
.section1 .content .btnbox .mybtn{ cursor: pointer; border: 1px solid #fff; padding: 8px 30px; border-radius: 10px; color: #ff; display: inline-block; color: #fff;}
.section1 .content .btnbox .list{ display:none; border-radius: 10px; margin-top: 5px; position: relative;}
.section1 .content .btnbox:hover .list{ display: block;}
.section1 .content .btnbox .list a{background: rgba(255,255,255,.2); display: block; text-align: center; padding: 0; margin: 0; height: 50px; line-height: 50px;}
.section1 .content .btnbox .list a .img{ height: 16px;}
.section1 .content .btnbox .list a:hover{background: rgba(79,112,255,.2); height: 50px; overflow: visible;}
.section1 .content .btnbox .list a .erweima{ display: none; position: absolute; right: 100%; top: 15px; margin: 0 5px 0 0; height: 120px; width: auto;}
.section1 .content .btnbox .list a:hover .erweima{ display: block;}
.section1 .content .btnbox .list a.a1{ border-radius: 10px 10px 0 0;}
.section1 .content .btnbox .list a.a2{border-radius: 0 0 10px 10px;}
.section1 .content .erweima{ width: 125px; float: right; margin-top: 20px;}

.section2{background-image: url(../images/page2.jpg); overflow: hidden;}
.section2 .mauto{ z-index: 1;}
.section2 .content{ z-index: 2;}
.section2 .content .title{ opacity: 0; margin-top:-225px; height: 120px; line-height: 120px; margin-bottom: 50px;}
.section2 .content .tip{opacity: 0; height: 50px; line-height: 50px; margin-bottom: 60px;}
.section2 .content .btn{opacity: 0; height:85px; line-height: 85px;}
.section2 .content .btn a{ transition: background-color .5s; color: #fff; background: rgba(255,255,255,.2); padding: 0 60px; display:inline-block; height: 100%; border-radius: 999px;}
.section2 .content .btn a:hover{ background: rgba(255,255,255,.4);}
.section2 .content .btn img{ vertical-align: middle; margin-top: -3px; height: 40px;}
.section2 .layerBox{ display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9;}
.section2 .layerBox .bg{position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none;}
.section2 .layervideo{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.section2 .layervideo{ width: 80%; height: auto; max-width: 900px;}

.section3 .slide1{background-image: url(../images/page3.jpg);}
.section3 .slide2{background-image: url(../images/page3-2.jpg); background-color: #ffc2c2; background-position: center bottom; background-size: 80% auto;}
/*.section3 .slide3{background-image: url(../images/page3-3.jpg);}*/
.section3 .slide1 .logo{ opacity: 0; margin-top: -200px; opacity: 0;}
.section3 .slide1 .title{ opacity: 0; height: 120px; line-height: 120px; padding: 74px 0 50px; opacity: 0;}
.section3 .slide1 .tip{ opacity: 0; height: 50px; line-height: 50px; opacity: 0; }
.section3 .slide2{ position: relative; overflow: hidden;}
.section3 .slide2 .slidebgbox{ position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0;}

.section3 .slide2 .content{ top: 13%;}
.section3 .slide2 .title{ opacity: 0;}
.section3 .slide2 .tip{ opacity: 0; line-height: 50px; padding: 20px 0;}
.section3 .slide2 .yuyin{ opacity: 0;}
.section3 .slide2 .yuanchangyuyin{ position: absolute; right: 10px; font-size: 14px; bottom: 10px; z-index: 999999; color: #666;}
.section3 .slide3 .content{ top: 15%; z-index: 2;}
.section3 .slide3 .title{ opacity: 0; padding-bottom: 50px;}
.section3 .slide3 .tip{ opacity: 0;}
.section3 .slide3{ position: relative; overflow: hidden;}
.section3 .slide3 .slidebgbox{ position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0;}

.section4 .slide1{ background-image: url(../images/page4.jpg);}
.section4 .slide2{background-image: url(../images/page5-2.jpg);}
.section4 .slide3{background-image: url(../images/page5-3.jpg); background-position: center top;}
.section4 .slide4{background-image: url(../images/page5-4.jpg);  background-position: center center;}
.section4 .slide5{background-image: url(../images/page5-5.jpg);  background-position: center center;}
.section4 .slide1 .logo{ opacity: 0; margin-top: -200px; opacity: 0;}
.section4 .slide1 .title{ opacity: 0; height: 120px; line-height: 120px; padding: 74px 0 50px; opacity: 0;}
.section4 .slide1 .tip{ opacity: 0; height: 50px; line-height: 50px; opacity: 0; }
.section4 .slide2 .content{ top: 13%;}
.section4 .slide2 .title{opacity: 0; padding-bottom: 30px;}
.section4 .slide2 .tip{opacity: 0; line-height: 45px;}
.section4 .slide3 .content{ top: 13%;}
.section4 .slide3 .title{opacity: 0; padding-bottom: 30px;}
.section4 .slide3 .tip{opacity: 0; line-height: 45px;}
.section4 .slide4 .content{ top: 13%;}
.section4 .slide4 .title{opacity: 0; padding-bottom: 25px;}
.section4 .slide4 .tip{opacity: 0; line-height: 35px;}
.section4 .slide4{ text-align: center;}
.section4 .slide4 .listboxs{ display: inline;}

.section4 .slide4 .list{ opacity: 0; text-align: center; font-size: 14px; position: absolute; bottom: 6%; width: 100%; color: #fff;}
.section4 .slide4 .item{ display: inline-block; width: 12%; max-width: 100px; overflow: hidden;}
.section4 .slide4 .item p{ line-height: 30px;}
.section4 .slide4 .item p.p1{ font-size: 0; line-height: 0;}

.section4 .slide4 .listpic{ opacity: 0; text-align: center; font-size: 0; line-height: 0; position: absolute; bottom: 6%; width: 100%;}
.section4 .slide4 .listpic img{ width: 100%; max-width: 620px;}
.section4 .slide5 .content{ top: 65%;}
.section4 .slide5 .title{opacity: 0; padding-bottom: 30px;}
.section4 .slide5 .tip{opacity: 0; line-height: 45px;}


.section5 .slide1{background-image: url(../images/page5.jpg);}
.section5 .slide2{ background-image: url(../images/page4-2.png); background-color: #fdffc2; background-position: center bottom; background-size: 80% auto;}
.section5 .slide3{ background-image: url(../images/page4-3.jpg); background-position: center bottom;}

.section5 .slide1 .logo{ opacity: 0; margin-top: -200px; opacity: 0;}
.section5 .slide1 .title{ opacity: 0; height: 120px; line-height: 120px; padding: 74px 0 50px; opacity: 0;}
.section5 .slide1 .tip{ opacity: 0; height: 50px; line-height: 50px; opacity: 0; }
.section5 .slide2 .content{ top: 13%;}
.section5 .slide2 .title{ opacity: 0; padding-bottom: 35px;}
.section5 .slide2 .tip{ opacity: 0; line-height: 53px;}
.section5 .slide3 .content{ top: 13%;}
.section5 .slide3 .title{ opacity: 0; padding-bottom: 35px;}
.section5 .slide3 .tip{ opacity: 0; line-height: 53px;}

.section6{ background-image: url(../images/page6.jpg);}
.section6 .content{ top: 13%;}
.section6 .content .pictitle{ opacity: 0;}
.section6 .content .title{ opacity: 0; padding: 3% 0;}
.section6 .content .tip{ opacity: 0;}

.section7{ background-image: url(../images/page7.jpg);}
.section7 .content{ top: 13%;}
.section7 .title{ opacity: 0; line-height: 100px; padding-bottom: 60px;}
.section7 .list{ width: 100%; text-align: center;}
.section7 .list li{ opacity: 0; width:13%; display: inline-block; overflow: hidden;}
.section7 .liboxs{ display: inline;}
.section7 .list li img{width:50%; display: block; padding-bottom: 18px; vertical-align: middle; margin: 0 auto;}

.section8{ background-image: url(../images/page8.jpg);}
.section8 .neirong{ opacity: 0; padding-left: 45%;}
.section8 .title{ line-height: 130px; margin-top:0;}
.section8 .tip{ line-height: 72px;}
.section8 .down{ padding-top: 15px; padding-top: 45px;}
.section8 .down img{ vertical-align: middle; margin-top: -4px;}

/*底部*/
.footer{ opacity: 0; height: 70px; width: 100%; background: #272727; font-size: 14px; position: absolute; bottom:0; left: 0; overflow: hidden; }
.footer .contents{ width: 1200px; line-height: 25px; padding-top: 10px; margin: 0 auto; color: #a9a9a9; overflow: hidden;}
.footer .contents .footer-left{ width: auto; float: left;}/*width:889*/
.footer .contents .footer-left a{ margin-left: 20px; color: #a9a9a9;}
.footer .contents .footer-left a:hover{ color: #f1f1f1;}
.footer .contents .footer-right{ height:50px; padding-left: 30px; width: auto; border-left:1px solid #757575; float: right;}
.footer .contents .footer-right .p1{ font-size: 22px;}

/*隐私政策*/
/*隐私政策*/
.textpage{ width: 100%; max-width: 1200px; overflow-x: hidden; margin:50px auto; background: #fff;border-radius:10px; border:1px solid #dcdcdc; border-color: rgba(0,0,0,.14); overflow: hidden; box-shadow:0 3px 8px -6px rgba(0,0,0,.1); }
.textpage .title-box{ border-bottom: 1px solid #cfcfcf; border-radius: 8px 8px 0 0; box-shadow: 0 1px 8px rgba(0,0,0,.12); background: url(../images/texttitle.jpg) repeat-x; position: relative; height: 60px; z-index: 5; background-size:100% 100%;}
.textpage .title-box h1{ line-height: 60px; font-size: 18px; margin-bottom: 0; z-index: 0; border-bottom: 0; box-shadow: 0 0 transparent; padding-left: 30px;float: left; font-weight: normal; padding: 0 10px 0 28px; position: relative; color:#646464; border-radius: 10px 10px 0 0; height: 60px;}
.textpage h2{ color: #666; line-height: 40px; font-size: 14px; font-weight: 400; margin-bottom: 20px; padding: 0 30px; background: #e6e7e8;}
.textpage .section{ padding-bottom: 13px;}
.textpage h3,.textpage p{color:#999;padding:0 30px; margin-bottom: 7px; line-height: 1.8em; font-size: 14px;}
.textpage h3{font-weight: bold; text-indent: 1em;}
.textpage p{ text-indent: 2em;}

.controlArrow{ z-index: 99999;}
.controlArrow.prev.black{ background-image: url(../images/pre1.png);}
.controlArrow.next.black{ background-image: url(../images/nxt1.png);}

.fp-controlArrow{position: absolute; top: 50%; z-index: 99999;cursor: pointer;width: 0;height: 0;margin-top: -38px; display: block !important; opacity: 1 !important;}
.fp-controlArrow.fp-prev{left: 10%; width: 63px; height: 120px; background-size: contain; background-image: url(../images/pre.png);}
.fp-controlArrow.fp-next{right: 10%; width: 63px; height: 120px; background-size: contain; background-image: url(../images/nxt.png); transform:rotate(0)}
.fp-controlArrow.fp-prev.black{ background-image: url(../images/pre1.png);}
.fp-controlArrow.fp-next.black{ background-image: url(../images/nxt1.png);}
/*背景视频*/
.fullscreen-bg__video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.video-fullbg__cover {
  background: no-repeat 50%;
  background-size: cover;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media screen and (max-width:1600px) {
	.f120{ font-size: 95px;}
	.f100{ font-size:78px;}
	.f82{ font-size: 68px;}
	.f60{ font-size: 40px;}
	.f56{ font-size: 44px;}
	.f50{ font-size: 38px;}
	.f40{ font-size: 30px;}	
	.f38{ font-size: 30px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f26{ font-size: 18px;}
	.section1 .content .title{ margin-top: -150px; line-height: 100px;}
	.section1 .content .tip{ line-height: 40px;}
	.section1 .content .erweima{ width: 106px;}
	/**/
	.section2 .content .title{ height: 95px; line-height: 95px; margin-bottom: 33px; margin-top: -150px;}
	.section2 .content .tip{ margin-bottom:33px; height: 38px; line-height: 38px;}
	.section2 .content .btn{ height: 60px; line-height: 60px; padding: 0 30px;}
	.section2 .content .btn img{ height: 30px;}
	/**/
	.section3 .slide1 .logo{ margin-top: -133px;}
	.section3 .slide1 .logo img{ width: 170px;}
	.section3 .slide1 .title{ line-height: 95px; height: 95px; padding:40px 0 32px;}
	.section3 .slide1 .tip{ height: 38px; line-height: 38px;}
	.controlArrow.prev{ height: 95px;}
	.controlArrow.next{ height: 95px;}
	.fp-controlArrow.fp-prev{ height: 95px;}
	.fp-controlArrow.fp-next{ height: 95px;}
	.section3 .slide2{ background-size: 88% auto}
	.section3 .slide2 .tip{ line-height: 33px;}
	.section3 .slide2 .yuyin img{ width: 60px;}
	.section3 .slide3 .title{ padding-bottom: 16px;}
	/**/
	.section4 .slide1 .logo{ margin-top: -133px;}
	.section4 .slide1 .logo img{ width: 170px;}
	.section4 .slide1 .title{ line-height: 95px; height: 95px; padding:40px 0 32px;}
	.section4 .slide1 .tip{ height: 38px; line-height: 38px;}
	.section4 .slide2 .title{ padding-bottom: 15px;}
	.section4 .slide2 .tip{ line-height: 35px;}
	.section4 .slide3 .title{ padding-bottom: 15px;}
	.section4 .slide3 .tip{ line-height: 35px;}
	.section4 .slide4 .title{ padding-bottom: 15px;}
	.section4 .slide4 .tip{ line-height: 35px;}
	.section4 .slide5 .title{ padding-bottom: 15px;}
	/**/
	.section5 .slide1 .logo{ margin-top: -133px;}
	.section5 .slide1 .logo img{ width: 170px;}
	.section5 .slide1 .title{ line-height: 95px; height: 95px; padding:40px 0 32px;}
	.section5 .slide2 .tip{ line-height: 33px;}	
	.section5 .slide3 .title{ padding-bottom: 16px;}	
	/**/
	.section6 .content .pictitle{}
	.section6 .content .pictitle img{ width: 400px;}	
	.section6 .content .title{ padding: 1% 0;}
	/**/
	.section7 .title{ line-height: 65px; padding-bottom: 40px;}
	/**/
	.section8 .title{margin-top:0; line-height: 100px;}
	.section8 .down{ padding-top: 25px;}
	
}
@media screen and (max-width:1300px) {
	
	.mauto{ width:90%;}
	.section1 .mauto{ width: 75%}
	.section7 .list li{ font-size: 14px;white-space: nowrap;}
	.controlArrow{ margin-top: -25px;}
	.controlArrow.prev{ height: 70px;}
	.controlArrow.next{ height: 70px;}
	.fp-controlArrow{ margin-top: -25px;}
	.fp-controlArrow.fp-prev{ height: 70px;}
	.fp-controlArrow.fp-next{ height: 70px;}
	
	.footer { height: auto; width: 100%; font-size: 14px;}
	.footer .contents{ line-height: 22px;}
	.footer .contents .footer-right .p1{ font-size: 14px;}
	.footer .contents{width:100%; text-align: center;}
	.footer .contents .footer-left{ float: none; width: auto; height: auto;}
	.footer .contents .footer-right{ float: none; width: auto; height: auto; padding-bottom: 5px;}
	.footer .contents .footer-right p{ display: inline-block;}
}
@media screen and (max-width:900px) {
	.section3 .slide2{ background-size: 90% auto;}
}

@media screen and (max-width:750px) {
	.section1 .mauto{ width: 85%;}
	.section7 .mauto{ width: 100%;}
	#videobg,#dianshibg{ display: none !important;}
	.section3 .slide2 .slidebgbox{ display: none !important;}
	.section3 .slide3 .slidebgbox{ display: none !important;}
	.fullscreen-bg__video{ display: none !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}
	.on-phone{ display:inline-block !important;}
	.on-pc{ display:none !important;}
	#fullPage-nav,#fp-nav{ display: none;}
	.nowrap{ white-space: nowrap; display: inline-block; padding: 0 5px;}
	.block750{ display: block;}
	.hiden750{ font-size: 0;}
	
	.footer-phone{opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 999; text-align: center; height:auto; width: 100%; background: #272727; font-size:12px; line-height:1.6em; color: #a0a0a0; padding: 5px 0;}
	.footer-phone a{ color:#a0a0a0; margin: 0 10px;}
	.footer-phone .p1{ line-height:2em;}
	
	/*隐私*/
	.textpage h2{ color: #666; line-height: 40px; font-size: 14px; font-weight: 400; margin-bottom: 20px; padding: 0 30px; background: #e6e7e8;}
	.textpage .section{ padding-bottom: 13px;}
	.textpage h3,.textpage p{color:#999;padding:0 30px; margin-bottom: 7px; line-height: 1.8em; font-size: 14px;}
	.textpage h3{font-weight: bold; text-indent: 1em;}
	.textpage p{ text-indent: 2em;}
	.textpage{ width: 100%; max-width: 1200px; margin:1.5rem auto .5rem; background: #fff;border-radius:10px; border:1px solid #dcdcdc; border-color: rgba(0,0,0,.14); overflow: hidden; box-shadow:0 3px 8px -6px rgba(0,0,0,.1); }
	.textpage .title-box{ border-bottom: 1px solid #cfcfcf; border-radius: 8px 8px 0 0; box-shadow: 0 1px 8px rgba(0,0,0,.12); background: url(../images/texttitle.jpg) repeat-x; position: relative; height: 40px; z-index: 5; background-size:100% 100%;}
	.textpage .title-box h1{ line-height: 40px; font-size: 18px; margin-bottom: 0; z-index: 0; border-bottom: 0; box-shadow: 0 0 transparent; padding-left: 30px;float: left; font-weight: normal; padding: 0 10px 0 28px; position: relative; color:#646464; border-radius: 10px 10px 0 0;} 

	
	.header{ background: none; height: auto; line-height: 50px;}
	.header .menubox .phonegoumai{ line-height: 0px; height: auto;}
	.header .menubox .phonegoumai font{ line-height: 50px; font-size: 16px;}
	.header .menubox .phonegoumai a{ line-height: 40px;}
	.header .menubox .phonegoumai a.first{ border-top: 1px solid #5a5a5a;}
	.header .mauto{ width: 100%; text-align: center;}
	.header .logobox{ display: block; height: 50px; background:#272727; overflow: hidden;}
	.header .menubox{ display: inline-block; height: 50px; width: 100%;  background: rgba(0,0,0,.2);}
	.header .menubox .fr{ float: none; display: inline;}
	.header a{ color: #f1f1f1;}
	.f120{ font-size: 48px;}
	.f100{ font-size:45px;}
	.f82{ font-size: 45px;}
	.f60{ font-size: 30px;}
	.f56{ font-size: 30px;}
	.f50{ font-size: 22px;}
	.f40{ font-size: 20px;}
	.f38{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 15px;}
	.f26{ font-size: 14px;}
	.section-1{ background: url(../images/wap/phone-page-1.jpg?d=20190513) bottom center no-repeat; background-size: cover;}
	.section0{ background: url(../images/wap/phone-page0.jpg?d=20190513) bottom center no-repeat; background-size: cover;}
	.section1{ background: url(../images/wap/phone-page1.jpg) bottom center no-repeat; background-size: cover;}
	.section2{ background: url(../images/wap/phone-page2.jpg) center center no-repeat; background-size: cover;}
	.section3 .slide1{ background-image: url(../images/wap/phone-page3.jpg); background-position: center bottom; background-size: cover;}
	.section3 .slide2{ background-image: url(../images/wap/phone-page3-2.jpg); background-position: center top; background-size: cover;}
	.section3 .slide3{ background-image: url(../images/wap/phone-page3-3.jpg); background-position: center top; background-size: cover;}
	.section4 .slide1{ background-image: url(../images/wap/phone-page4.jpg); background-position: center bottom; background-size: cover;}
	.section4 .slide2{ background-image: url(../images/wap/phone-page4-2.jpg); background-position: center top; background-size: cover;}
	.section4 .slide3{ background: url(../images/wap/phone-page4-3.jpg) center top no-repeat; background-size: cover;}
	.section4 .slide4{ background: url(../images/wap/phone-page4-4.jpg) center top no-repeat; background-size: cover;}
	.section4 .slide5{ background: url(../images/wap/phone-page4-5.jpg) center top no-repeat; background-size: cover;}
	.section5 .slide1{ background: url(../images/wap/phone-page5.jpg) center center no-repeat; background-size: cover;}
	.section5 .slide2{ background: url(../images/wap/phone-page5-2.jpg) center top no-repeat; background-size: cover;}
	.section5 .slide3{ background: url(../images/wap/phone-page5-3.jpg) center top no-repeat; background-size: cover;}
	.section6{ background: url(../images/wap/phone-page6.jpg) center top no-repeat; background-size: cover;}
	.section7{ background: url(../images/wap/phone-page7.jpg) center top no-repeat; background-size: cover;}
	.section8{ background: url(../images/wap/phone-page8.jpg) center bottom no-repeat; background-size: cover;}
	
	.section1 .content .title{ line-height: 70px; margin-top:-80px;}
	.section1 .content .erweima{ display: none;}
	.section1 .content .btnbox{ display: block;}
	.section1 .content .tip{ margin-bottom: 5px; line-height: 25px;/*margin-bottom: 5px;*/}
	.section1 .content .btnbox{ margin-top: 5px;}/* */
	.section2 .content .title{ line-height: 60px; height: 60px; margin-bottom: 10px; margin-top:-70px;}
	.section2 .content .tip{ margin-bottom: 15px;}
	.section2 .content .btn img{ height: 20px;}
	.controlArrow{ margin-top: 5px;}
	.controlArrow.prev{ left: 2%; height: 40px; width: 25px;}
	.controlArrow.next{ right: 2%; height: 40px; width: 25px;}	
	
	.fp-controlArrow{ margin-top: 5px;}
	.fp-controlArrow.fp-prev{ left: 2%; height: 40px; width: 25px;}
	.fp-controlArrow.fp-next{ right: 2%; height: 40px; width: 25px;}	
	
	.section3 .slide1 .logo{ margin-top:-72px;}
	.section3 .slide1 .title{ padding: 0 0;}	
	.section4 .slide1 .logo{ margin-top:-72px;}
	.section4 .slide1 .title{ padding: 0 0;}
	.section4 .slide3 .title{ margin-top: 0;}
	.section4 .slide4 .item{width: 11%; height: auto; overflow: hidden; font-size: 12px; vertical-align: top;}
	.section4 .slide4 .item p{ line-height: 25px;}
	.section4 .slide4 .item img{ width: 90%;}
	.section5 .slide1 .logo{ margin-top:-72px;}
	.section5 .slide1 .title{ padding: 0 0;}
	/**/
	.section3 .slide2 .content{ top: 110px;}
	.section3 .slide3 .content{ top: 110px;}
	/**/
	.section4 .slide2 .content{ top: 110px;}
	.section4 .slide3 .content{ top: 110px;}
	.section4 .slide4 .content{ top: 110px;}
	.section4 .slide4 .tip{ font-size: 14px;}
	.section4 .slide5 .content{ top: 110px;}
	.section4 .slide4 .listboxs{ display:none;}
	.section4 .slide4 .item{ width: 22%; font-size: 12px; max-width: 80px;}
	.section4 .slide5 .tip{ line-height: 25px;}
	/**/
	.section5 .slide2 .content{ top: 110px;}
	.section5 .slide3 .content{ top: 110px;}
	.section5 .slide3 .tip{ line-height: 25px;}
	/**/
	.section6 .content .pictitle img{ width: 260px;}
	.section6 .content .title{ font-size: 18px;}
	.section6 .content{ top: 30%;}
	/**/
	.section7 .content{ top: 27%;}
	.section7 .title{ font-size: 24px; line-height: 35px;}
	.section7 .list li {white-space:normal; vertical-align: top;}
	/**/
	.section8 .content{text-align: center;}
	.section8 .neirong{ padding:0; display: inline-block; text-align: center;}
	.section8 .title{margin-top:-100px;}
}
@media screen and (max-width:600px) {
	.section7 .list li{ width: 25%; height: 40%; padding-bottom: 10px; font-size: 12px; }
	.section7 .liboxs{ display: block;}
	.section4 .slide4 .content .tip{ font-size: 12px; line-height:25px;}
	.section4 .slide4 .item img{ width: 80%;}
}