@charset "utf-8";

/**

 * fullPage 1.4.5

 * https://github.com/alvarotrigo/fullPage.js

 * MIT licensed

 * Power by levenry

 * Copyright (C) 2013 Power by levenry

 */

html, body { margin: 0; padding: 0; }

body { @charset "utf-8";}

/* CSS Document */



body,div,p,table,tr,th,td,form,input,textarea,fieldset,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{margin:0;padding:0}

body{font-size:14px;line-height:1.5;text-align:center;font-family:"微软雅黑",Tahoma,Helvetica,Arial,sans-serif;; background:#fff; margin:0 auto; overflow-x:hidden;  line-height:24px; color:#666;}

div{ text-align: left;}

ul,ol,li{list-style:none; margin:0; padding:0;}

h1{ font-size:28px; font-family:"微软雅黑"; font-weight:normal;}

h2{ font-size:40px; font-family:"微软雅黑";}

h3{ font-size:18px; font-family:"微软雅黑"; font-weight:normal;}

h4{ font-size:20px; font-family:"微软雅黑"; font-weight:normal;}

h5{ font-size:16px; font-family:"微软雅黑"; font-weight:normal;}

h6{font-size:14px;  font-family:"微软雅黑"; font-weight:normal;}

i,p{ font-style:normal;}

img{border:none;}

input{vertical-align:middle}

input,select,textarea{font-size:12px}

.clear{clear:both;height:0;overflow:hidden;display:block}

.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}

.clearfix{zoom:1}

.none{ display:none;}

.fl{ float:left;}

.fr{ float:right;}

.red{ color:#ff0000;}

.blue{ color:#06a4b9;}

.huang{ color:#fd8a14;}

a{text-decoration:none; color:#666;}

a:hover{ text-decoration:underline;}

.w1100{	width:1100px;	margin:0 auto; position:relative;}

.wid{ width:100%; margin:0 auto; position:relative;}


.fhsy{ width:78px; height:68px; background:#cb9e58; position:fixed; bottom:100px; right:0; z-index:999; border-radius:15px; text-align:center; line-height:26px; padding-top:10px; font-size:16px; }
.fhsy a{color:#fff;}


#superContainer { height: 100%; position: relative; }

.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }

#fullPage-nav.right { right: 17px; }

#fullPage-nav.left { left: 17px; }

.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }

.fullPage-slidesNav.bottom { bottom: 17px; }

.fullPage-slidesNav.top { top: 17px; }

#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }

#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }

.fullPage-slidesNav li { display: inline-block; }

#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }

#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }

#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }








/*box1*/

.section1{background:url(../images/1440.jpg) no-repeat center; width:100%; height:100%;}



.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }

.fullPage-tooltip.right { right: 20px; }

.fullPage-tooltip.left { left: 20px; }
.yspp1{ width:1440px; height:810px; }
.yspp_box1{ height:785px; width:464px; background:url(../images/88.jpg) no-repeat left 5px; position:absolute; left:-468px; transition: all 1s ease 0s; z-index: 1; background: auto 100%; }
.active .yspp_box1{ left:228px; transition-delay: 0.5s; z-index: 1;}
.yspp_box1img img{ display:block; margin-bottom:54px;}
.yspp_box1img{ position:absolute; transition: all 1s ease 0s; z-index: 1; top:-257px; left:-234px; }
.active .yspp_box1img{  top:257px; left:234px;  transition-delay: 0.5s; z-index: 1;}

 




.tim1{ width:522px; height:97px; position:absolute; left:-405px; top:-72px; transition: all 1s ease 0s; z-index: 1;}

.tim1 h6{ float:left; color:#fff; padding-top:65px;}

.tim1 p{ background:rgba(49,59,101,0.8); color:#c3c6e9; padding:10px 15px; border-radius:5px; margin-left:85px;}

.tim2 p{ margin-left:125px;}

.tim2 h6{ padding-top:50px;}

.tim3 h6{ padding-top:15px;}

.tim3 p{ margin-left:140px;}

.tim2{ position:absolute; left:-157px; top:-443px;transition: all 1.5s ease 0s; z-index: 1; }

.tim3{ position:absolute; top:-225px; left:-466px; transition: all 1.5s ease 0s; z-index: 1;}

.tim4{ width:721px; position:absolute; top:-317px; right:-251px; transition: all 1.5s ease 0s; z-index: 1;}

.tim4 h6{ float:left; color:#fff; padding-top:10px;}
 

.tim4 p{background:rgba(49,59,101,0.8); color:#c3c6e9; padding:10px 15px; border-radius:5px; margin-left:125px;}

.tim5{ position:absolute; top:-397px; right:-251px; transition: all 1.5s ease 0s; z-index: 1;}

.tim6{ position:absolute; top:-455px; right:-285px; transition: all 1.5s ease 0s; z-index: 1;}

.tim7{ position:absolute; top:-540px; right:-265px; transition: all 1.5s ease 0s; z-index: 1;}

.tim8{ position:absolute; top:-620px; right:-225px; transition: all 1.5s ease 0s; z-index: 1;}

.active .tim1{left:405px; /*top:52px;*/top:30px; transition-delay: 1s; z-index: 1;}

.active .tim2{ top:117px; left:453px; transition-delay: 1s; z-index: 1;}

.active .tim3{ top:205px; left:466px; transition-delay: 1.5s; z-index: 1;}

.active .tim4{top:290px; right:251px; transition-delay: 2s; z-index: 1;}

.active .tim5{top:375px; right:265px; transition-delay: 2.5s; z-index: 1;}

.active .tim6{top:455px; right:285px; transition-delay: 3s; z-index: 1;}

.active .tim7{top:540px; right:265px; transition-delay: 3.5s; z-index: 1;}

.active .tim8{top:620px; right:225px; transition-delay: 4s; z-index: 1;}

/*box2*/

.section2{background:url(../images/box2_bg.jpg) no-repeat center; width:100%; height:100%;}

.ysln{ width:1440px; height:810px; }

.ysln_m1{ width:191px; height:421px; background:rgba(36,149,221,0.9); text-align:center; border-radius:10px; position:absolute; transition: all 0.5s ease 0s; z-index: 1; top:-70px; left:-510px;}

.ysln_m1 img{ padding:20px 0;}

.ysln_m1 h4{ color:#000;}

.ysln_m1 p{ text-align:left; padding:20px; font-size:16px; line-height:28px; color:#fff;}

.ysln_m5 img{ padding:20px 0;}

.ysln_m5 h4{ color:#000;}

.ysln_m5 p{ text-align:left; padding:20px; font-size:16px; line-height:28px; color:#fff;}

.ysln_m2{background:rgba(42,195,154,0.9); transition: all 0.5s ease 0s; z-index: 1; top:-70px; left:-813px;}

.ysln_m3{background:rgba(235,160,72,0.9);  transition: all 1s ease 0s; z-index: 1; top:-70px; left:-614px;}

.ysln_m4{background:rgba(235,127,127,0.9); transition: all 1s ease 0s; z-index: 1; top:-70px; left:-814px; }

.ysln_m5{width:191px; height:421px; text-align:center; border-radius:10px; position:absolute; background:rgba(158,110,212,0.9); transition: all 1s ease 0s; z-index: 1; top:-70px; right:-830px; }

.active .ysln_m1{top:70px; left:210px; transition-delay: 0.5s; z-index: 1;}

.active .ysln_m2{top:70px; left:413px; transition-delay: 1s; z-index: 1;}

.active .ysln_m3{top:70px; left:614px; transition-delay: 1.5s; z-index: 1;}

.active .ysln_m4{top:70px; left:814px; transition-delay: 2s; z-index: 1;}

.active .ysln_m5{top:70px; right:230px; transition-delay: 3s; z-index: 1;}

.ysln h6{ position:absolute; bottom:-48px; left:-226px; transition: all 1s ease 0s; z-index: 1;} 
.ysln h6:nth-child(7){ bottom:-128px; left:-430px; transition: all 1s ease 0s; z-index: 1;}
.ysln h6:nth-child(8){ bottom:-38px; left:-617px; transition: all 1s ease 0s; z-index: 1;}
.ysln h3:nth-child(9){ position:absolute; bottom:-120px; right:-455px; transition: all 1s ease 0s; z-index: 1;} 
.ysln h3:nth-child(10){  position:absolute; bottom:-38px; right:-445px; transition: all 1s ease 0s; z-index: 1;} 
.active .ysln h6{bottom:48px; left:226px; transition-delay: 0.5s; z-index: 1;}
.active .ysln h6:nth-child(7){bottom:98px; left:430px; transition-delay: 1s; z-index: 1;}
.active .ysln h6:nth-child(8){bottom:38px; left:617px; transition-delay: 1.5s; z-index: 1;}
.active .ysln h3:nth-child(9){bottom:100px; right:455px; transition-delay: 2s; z-index: 1;}
.active .ysln h3:nth-child(10){bottom:38px; right:245px; transition-delay: 2.5s; z-index: 1;}

 


/*box3*/
.section3{background:url(../images/box3_bg.jpg) no-repeat center; width:100%; height:100%;}
.shyx{ width:1440px; height:810px;}
.shyx .bt3{ position:absolute; top:-56px; left:-570px; transition: all 1s ease 0s; z-index: 1;}
.active .shyx .bt3{top:56px; left:570px;transition-delay: 1s; z-index: 1;}
.shyx_m{position:absolute; top:-112px; left:-627px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m1{position:absolute; top:-356px; left:-560px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m2{position:absolute; bottom:-83px; left:-695px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m3{position:absolute;bottom:-28px; right:-518px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m4{position:absolute;top:-377px; right:-575px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m5{position:absolute;top:-124px; right:-824px; transition: all 1s ease 0s; z-index: 1;}
.active .shyx_m{top:112px; left:227px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m1{top:347px; left:260px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m2{bottom:38px; left:495px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m3{bottom:-3px; right:320px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m4{top:377px; right:275px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m5{top:124px; right:246px; transition-delay: 1s;  z-index: 1;}
.shyx .ysdd{ width:413px; height:217px; color:#fff; position:absolute; top:-25%; left:-56%; transition: all 1s ease 0s; z-index: 1;}
.shyx .ysdd font{ display:block; text-indent:2em;}
.botbb{ margin-top:10px;}
.botbb p{ padding-bottom:5px; color:rgba(255,255,255,0.8);}
.botbb p span{ display:block; padding:10px; float:left;}
.active .shyx .ysdd{top:25%; left:37%; transition-delay: 2s;  z-index: 1;}

/*box4*/
.section4{background:url(../images/box4_bg.jpg) no-repeat center; width:100%; height:100%;}
.ysry{ width:1440px; height:810px;}
.bt4{ position:absolute; top:-72px; left:-526px; transition: all 1s ease 0s; z-index: 1;}
.active .bt4{top:72px; left:226px;transition-delay: 0.5s;  z-index: 1;}
.ysry_pic1{ position:absolute; top:-177px; left:-629px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic1{transition-delay: 0.5s;  z-index: 1; top:177px; left:229px;}
.ysry_pic2{ position:absolute; top:-177px; left:-629px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic2{transition-delay: 1s;  z-index: 1; top:177px; left:564px;}
.ysry_pic3{ position:absolute; top:-177px; right:-629px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic3{transition-delay: 1.5s;  z-index: 1; top:177px; right:254px;}
.ysry_pic4{ position:absolute; bottom:-198px; left:-790px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic4{transition-delay: 2s;  z-index: 1; bottom:158px; left:390px;}
.ysry_pic5{ position:absolute; bottom:-198px; right:-890px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic5{transition-delay: 2s;  z-index: 1; bottom:158px; right:390px;}
.ysry p{ width:873px; color:rgba(255,255,255,0.8); position:absolute; bottom:-259px; left:-1287px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry p{bottom:49px; left:287px; transition-delay: 2.5s;  z-index: 1; }


/*box5*/

.section5{background:url(../images/box5_bg.jpg) no-repeat center;}
.box5_bg{ background:url(../images/box5_img.png) repeat-x left bottom; width:100%; height:100%; position:absolute;ss}
.yszjt{ width:1440px; height:810px;}
.zjtd{ position:absolute; left:-1550px; top:-84px; transition: all 1s ease 0s; z-index: 1; width:100%; height:100%;}
.active .zjtd{transition-delay: 1s;  z-index: 1; left:113px; top:84px;}
.active .zjtd img{ max-width:100%;max-height:100%;width:auto;height:auto; }
.yszjt h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}
.yszjt h6:nth-child(2){left:-1091px; top:-543px; }
.yszjt h6:nth-child(3){left:-1080px; top:-563px; }
.active .yszjt h6:nth-child(2){left:391px; top:543px; transition-delay: 1s;  z-index: 1; }
.active .yszjt h6:nth-child(3){left:580px; top:563px; transition-delay: 1.5s;  z-index: 1; }


/*box6*/
.section6{background:url(../images/box6_bg.jpg) no-repeat center; width:100%; height:100%;}
.yscase{ width:1440px; height:810px;}
.yscase .bt6{ top:-80px; left:-818px; position:absolute; transition: all 1s ease 0s; z-index: 1;}
.active .yscase .bt6{transition-delay: 0.5s;  z-index: 1; top:40px; left:218px;}
.yscase_m{  position:absolute; top:-104px; left:-954px; transition: all 1s ease 0s; z-index: 1;}
.active .yscase_m{top:104px; left:354px; transition-delay: 1s;  z-index: 1;}
.yscase .ysal_m{background:url(../images/al_bg.png) no-repeat; position:absolute;  z-index:999; display:block;  width:742px; height:636px; color:#fff; transform: scale(0, 0);  transition: all 1s ease 0s; top:-504px; left:-854px; z-index:999;}
.active .yscase .ysal_m{top:104px; left:354px;  transform: scale(1, 1);   transition-delay: 2.5s;}
.yscase .ysal_m p{padding:20px; width:451px; height:273px; margin-top:154px; padding-left:154px; line-height:30px;}
.yscase .ysal_m p{padding:20px; width:451px; height:273px; margin-top:154px; padding-left:154px; line-height:30px;}
.yscase h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}
.active .yscase h6{ transition-delay: 1.5s;  z-index: 1;}
.yscase h6:nth-child(3){ top:-196px; left:-846px;}
.active .yscase h6:nth-child(3){ top:196px; left:446px;}
.yscase h6:nth-child(4){ top:-196px; left:-856px;}
.active .yscase h6:nth-child(4){ top:196px; left:556px;}
.yscase h6:nth-child(5){ top:-196px; right:-868px;}
.active .yscase h6:nth-child(5){ top:196px; right:568px;}
.yscase h6:nth-child(6){ top:-196px; right:-858px;}
.active .yscase h6:nth-child(6){ top:196px; right:458px;}
.yscase h6:nth-child(7){ top:-283px; left:-802px;}
.active .yscase h6:nth-child(7){ top:283px; left:402px;}
.yscase h6:nth-child(8){ top:-283px; left:-811px;}
.active .yscase h6:nth-child(8){ top:283px; left:611px;}
.yscase h6:nth-child(9){ top:-283px; right:-819px;}
.active .yscase h6:nth-child(9){ top:283px; right:419px;}
.yscase h6:nth-child(10){ top:-419px; left:-864px;}
.active .yscase h6:nth-child(10){ top:419px; left:464px;}
.yscase h6:nth-child(11){ top:-419px; left:-866px;}
.active .yscase h6:nth-child(11){ top:419px; left:566px;}
.yscase h6:nth-child(12){ top:-419px; left:-868px;}
.active .yscase h6:nth-child(12){ top:419px; left:668px;}
.yscase h6:nth-child(13){ top:-419px; right:-878px;}
.active .yscase h6:nth-child(13){ top:419px; right:578px;}
.yscase h6:nth-child(14){ top:-419px; right:-876px;}
.active .yscase h6:nth-child(14){ top:419px; right:476px;}
.yscase h6:nth-child(15){ bottom:-190px; left:-877px;}

.active .yscase h6:nth-child(15){ bottom:230px; left:577px;}

.yscase h6:nth-child(16){ bottom:-190px; left:-871px;}

.active .yscase h6:nth-child(16){ bottom:230px; left:671px;}

.yscase h6:nth-child(17){ bottom:-190px; right:-889px;}

.active .yscase h6:nth-child(17){ bottom:230px; right:589px;}

.yscase h6:nth-child(18){ bottom:-120px; right:-856px;}

.active .yscase h6:nth-child(18){ bottom:160px; right:656px;}




/*box7*/

.section7{background:url(../images/box7_bg.jpg) no-repeat center; width:100%; height:100%;}

.yshz{ width:1440px; height:810px;}

.yshz .bt7{ position:absolute; top:-46px; left:-819px; transition: all 1s ease 0s; z-index: 1;}

.active .yshz .bt7{top:46px; left:219px;transition-delay: 0.5s;  z-index: 1;}

.yshz h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}

.yshz h6:nth-child(2){ top:-180px; left:-810px;}

.active .yshz h6:nth-child(2){ top:180px; left:210px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(3){ top:-180px; left:-862px;}

.active .yshz h6:nth-child(3){ top:180px; left:462px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(4){ top:-180px; right:-880px;}

.active .yshz h6:nth-child(4){ top:180px; right:480px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(5){ top:-180px; right:-828px;}

.active .yshz h6:nth-child(5){ top:180px; right:228px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(6){ top:-348px; left:-810px;}

.active .yshz h6:nth-child(6){ top:348px; left:210px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(7){ top:-348px; left:-862px;}

.active .yshz h6:nth-child(7){ top:348px; left:462px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(8){ top:-348px; right:-880px;}

.active .yshz h6:nth-child(8){ top:348px; right:480px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(9){ top:-348px; right:-828px;}

.active .yshz h6:nth-child(9){ top:348px; right:228px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(10){ top:-516px; left:-810px;}

.active .yshz h6:nth-child(10){ top:516px; left:210px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(11){ top:-516px; left:-862px;}

.active .yshz h6:nth-child(11){ top:516px; left:462px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(12){ top:-516px; right:-880px;}

.active .yshz h6:nth-child(12){ top:516px; right:480px; transition-delay: 0.5s;  z-index: 1;}

.yshz h6:nth-child(13){ top:-516px; right:-828px;}

.active .yshz h6:nth-child(13){ top:516px; right:228px; transition-delay: 0.5s;  z-index: 1;}



/*box8*/

.section8{background:url(../images/box8_bg.jpg) no-repeat center; width:100%; height:100%;}

.yslx{ width:1440px; height:810px;}

.yslx .bt8{ position:absolute; top:-46px; left:-819px; transition: all 1s ease 0s; z-index: 1;}

.active .yslx .bt8{top:46px; left:219px;transition-delay: 0.5s;  z-index: 1;}

.yslx_m{ width:179px; height:205px; background:url(../images/box8_pic3.png) no-repeat; text-align:center; transition: all 1s ease 0s; z-index: 1; position:absolute;  transition: all 300ms linear 0s;}

.yslx_m a{ display:block; position:relative;}

.yslx_m a h6{ display:none;}

.yslx_m.hover{ background:url(../images/box8_pic03.png) no-repeat center; }

.yslx_m.hover h6{position:absolute; top:0; left:60px;  display:block;}

.yslx_m.hover h3{ color:#fff;}

.yslx_m img{ margin-top:40px;}

.yslx_m h3{ color:#333;}

.yslx_m1{  top:-194px; left:-604px;}

.active .yslx_m1{top:194px; left:304px; transition-delay: 0.2s;  z-index: 1;}

.yslx_m2{  top:-194px; left:-793px;}

.active .yslx_m2{top:194px; left:490px; transition-delay: 0.2s;  z-index: 1;}

.yslx_m3{  top:-358px; left:-810px;}

.active .yslx_m3{top:358px; left:210px; transition-delay: 0.2s;  z-index: 1;}

.yslx_m4{  top:-358px; left:-898px;}

.active .yslx_m4{top:358px; left:398px; transition-delay: 0.2s;  z-index: 1;}

.yslx_m5{  top:-358px; left:-883px;}

.active .yslx_m5{top:358px; left:583px; transition-delay: 0.2s;  z-index: 1;}

.ewm{ position:absolute; top:-821px; right:-830px;  transition: all 1s ease 0s; z-index: 1;}

.active .ewm{top:221px; right:230px; transition-delay: 2.5s;  z-index: 1;}

.ysdz{position:absolute; top:-886px; right:-888px; transition: all 1s ease 0s; z-index: 1;}

.active .ysdz{top:486px; right:388px; transition-delay: 2.5s;  z-index: 1;}





/* dwj 小屏幕样式（开始）*************************************/

@media (min-width:0px) and (max-width:1440px) {

.section1{background:url(../images/1440.jpg) no-repeat center; width:100%; height:100%;}
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }
.yspp1{ width:1440px; height:810px; }
.yspp_box1{ height:785px; width:464px; background:url(../images/box1_pic2_xiao.png) no-repeat left 5px; position:absolute; left:-468px; transition: all 1s ease 0s; z-index: 1; background: auto 100%; }
.active .yspp_box1{ left:228px; transition-delay: 0.5s; z-index: 1;}
.yspp_box1img img{ display:block; margin-bottom:54px;}
.yspp_box1img{ position:absolute; transition: all 1s ease 0s; z-index: 1; top:-257px; left:-234px; }
.active .yspp_box1img{  top:200px; left:234px;  transition-delay: 0.5s; z-index: 1;}
.tim1{ width:522px; height:97px; position:absolute; left:-405px; top:-72px; transition: all 1s ease 0s; z-index: 1;}
.tim1 h6{ float:left; color:#fff; padding-top:65px;}
.active .tim1 h6{ margin-left:30px;}
.tim1 p{ background:rgba(49,59,101,0.8); color:#c3c6e9; padding:10px 15px; border-radius:5px; margin-left:85px;}
.tim2 p{ margin-left:125px;}
.tim2 h6{ padding-top:50px;}
.tim3 h6{ padding-top:15px;}
.tim3 p{ margin-left:140px;}
.tim2{ position:absolute; left:-157px; top:-443px;transition: all 1.5s ease 0s; z-index: 1; }
.tim3{ position:absolute; top:-225px; left:-466px; transition: all 1.5s ease 0s; z-index: 1;}
.tim4{ width:721px; position:absolute; top:-317px; right:-251px; transition: all 1.5s ease 0s; z-index: 1;}
.tim4 h6{ float:left; color:#fff; padding-top:10px;}
.tim4 p{background:rgba(49,59,101,0.8); color:#c3c6e9; padding:10px 15px; border-radius:5px; margin-left:125px;}
.tim5{ position:absolute; top:-397px; right:-251px; transition: all 1.5s ease 0s; z-index: 1;}
.tim6{ position:absolute; top:-455px; right:-285px; transition: all 1.5s ease 0s; z-index: 1;}
.tim7{ position:absolute; top:-540px; right:-265px; transition: all 1.5s ease 0s; z-index: 1;}
.tim8{ position:absolute; top:-620px; right:-225px; transition: all 1.5s ease 0s; z-index: 1;}
.active .tim1{left:405px; top:52px; transition-delay: 1s; z-index: 1;}
.active .tim2{ top:102px; left:453px; transition-delay: 1s; z-index: 1;}
.active .tim3{ top:175px; left:466px; transition-delay: 1.5s; z-index: 1;}
.active .tim4{top:250px; right:251px; transition-delay: 2s; z-index: 1;}
.active .tim5{top:300px; right:265px; transition-delay: 2.5s; z-index: 1;}
.active .tim6{top:378px; right:285px; transition-delay: 3s; z-index: 1;}
.active .tim7{top:459px; right:265px; transition-delay: 3.5s; z-index: 1;}
.active .tim8{top:540px; right:225px; transition-delay: 4s; z-index: 1;}

/*小屏幕改box2*/
.section2{background:url(../images/box2_bg.jpg) no-repeat center; width:100%; height:100%;}
.ysln{ width:1440px; height:810px; }
.ysln_m1{ width:191px; height:421px; background:rgba(36,149,221,0.9); text-align:center; border-radius:10px; position:absolute; transition: all 0.5s ease 0s; z-index: 1; top:-70px; left:-510px;}
.ysln_m1 img{ padding:20px 0;}
.ysln_m1 h4{ color:#000;}
.ysln_m1 p{ text-align:left; padding:20px; font-size:16px; line-height:28px; color:#fff;}
.ysln_m5 img{ padding:20px 0;}
.ysln_m5 h4{ color:#000;}
.ysln_m5 p{ text-align:left; padding:20px; font-size:16px; line-height:28px; color:#fff;}
.ysln_m2{background:rgba(42,195,154,0.9); transition: all 0.5s ease 0s; z-index: 1; top:-70px; left:-813px;}
.ysln_m3{background:rgba(235,160,72,0.9);  transition: all 1s ease 0s; z-index: 1; top:-70px; left:-614px;}
.ysln_m4{background:rgba(235,127,127,0.9); transition: all 1s ease 0s; z-index: 1; top:-70px; left:-814px; }
.ysln_m5{width:191px; height:421px; text-align:center; border-radius:10px; position:absolute; background:rgba(158,110,212,0.9); transition: all 1s ease 0s; z-index: 1; top:-70px; right:-830px; }
.active .ysln_m1{top:40px; left:210px; transition-delay: 0.5s; z-index: 1;}
.active .ysln_m2{top:40px; left:413px; transition-delay: 1s; z-index: 1;}
.active .ysln_m3{top:40px; left:614px; transition-delay: 1.5s; z-index: 1;}
.active .ysln_m4{top:40px; left:814px; transition-delay: 2s; z-index: 1;}
.active .ysln_m5{top:40px; right:230px; transition-delay: 3s; z-index: 1;}
.ysln h6{ position:absolute; bottom:-48px; left:-226px; transition: all 1s ease 0s; z-index: 1;} 
.ysln h6:nth-child(7){ bottom:-128px; left:-430px; transition: all 1s ease 0s; z-index: 1;}
.ysln h6:nth-child(8){ bottom:-38px; left:-617px; transition: all 1s ease 0s; z-index: 1;}
.ysln h3:nth-child(9){ position:absolute; bottom:-120px; right:-455px; transition: all 1s ease 0s; z-index: 1;} 
.ysln h3:nth-child(10){  position:absolute; bottom:-38px; right:-445px; transition: all 1s ease 0s; z-index: 1;} 

.active .ysln h6{bottom:178px; left:226px; transition-delay: 0.5s; z-index: 1;}
.active .ysln h6:nth-child(7){bottom:158px; left:430px; transition-delay: 1s; z-index: 1;}
.active .ysln h6:nth-child(8){bottom:178px; left:617px; transition-delay: 1.5s; z-index: 1;}
.active .ysln h3:nth-child(9){bottom:180px; right:455px; transition-delay: 2s; z-index: 1;}
.active .ysln h3:nth-child(10){bottom:178px; right:245px; transition-delay: 2.5s; z-index: 1;}


/*小屏幕改box3*/
.section3{background:url(../images/box3_bg.jpg) no-repeat center; width:100%; height:100%;}
.shyx{ width:1440px; height:810px;}
.shyx .bt3{ position:absolute; top:-56px; left:-570px; transition: all 1s ease 0s; z-index: 1;}
.active .shyx .bt3{top:56px; left:570px;transition-delay: 1s; z-index: 1;}
.shyx_m img,.shyx_m1 img,.shyx_m2 img,.shyx_m3 img,.shyx_m4 img,.shyx_m5 img{max-width:80%;max-height:80%;width:auto;height:auto;}

.shyx_m{position:absolute; top:-112px; left:-627px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m1{position:absolute; top:-356px; left:-560px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m2{position:absolute; bottom:-83px; left:-695px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m3{position:absolute;bottom:-28px; right:-518px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m4{position:absolute;top:-377px; right:-575px; transition: all 1s ease 0s; z-index: 1;}
.shyx_m5{position:absolute;top:-124px; right:-824px; transition: all 1s ease 0s; z-index: 1;}

.active .shyx_m{top:112px; left:227px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m1{top:297px; left:260px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m2{bottom:208px; left:450px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m3{bottom:180px; right:450px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m4{top:325px; right:275px; transition-delay: 1s;  z-index: 1;}
.active .shyx_m5{top:124px; right:246px; transition-delay: 1s;  z-index: 1;}


.shyx .ysdd{ width:413px; height:217px; color:#fff; position:absolute; top:-25%; left:-56%; transition: all 1s ease 0s; z-index: 1;}
.shyx .ysdd font{ display:block; text-indent:2em;}
.botbb{ margin-top:10px;}
.botbb p{ padding-bottom:5px; color:rgba(255,255,255,0.8);}
.botbb p span{ display:block; padding:10px; float:left;}
.active .shyx .ysdd{top:15%; left:37%; transition-delay: 2s;  z-index: 1;}

/*小屏幕改box4*/
.section4{background:url(../images/box4_bg.jpg) no-repeat center; width:100%; height:100%;}
.ysry{ width:1440px; height:810px;}
.bt4{ position:absolute; top:-72px; left:-526px; transition: all 1s ease 0s; z-index: 1;}
.active .bt4{top:72px; left:226px;transition-delay: 0.5s;  z-index: 1;}

.ysry_pic1{ position:absolute; top:-177px; left:-629px; transition: all 1s ease 0s; z-index: 1;}
.ysry_pic1 img,.ysry_pic2 img,.ysry_pic3 img,.ysry_pic4 img,.ysry_pic5 img{max-width:80%;max-height:80%;width:auto;height:auto;}
.active .ysry_pic1{transition-delay: 0.5s;  z-index: 1; top:147px; left:229px;}

.ysry_pic2{ position:absolute; top:-177px; left:-629px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic2{transition-delay: 1s;  z-index: 1; top:147px; left:564px;}

.ysry_pic3{ position:absolute; top:-177px; right:-629px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic3{transition-delay: 1.5s;  z-index: 1; top:147px; right:254px;}

.ysry_pic4{ position:absolute; bottom:-198px; left:-790px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic4{transition-delay: 2s;  z-index: 1; bottom:310px; left:390px;}

.ysry_pic5{ position:absolute; bottom:-198px; right:-890px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry_pic5{transition-delay: 2s;  z-index: 1; bottom:310px; right:390px;}

.ysry p{ width:873px; color:rgba(255,255,255,0.8); position:absolute; bottom:-259px; left:-1287px; transition: all 1s ease 0s; z-index: 1;}
.active .ysry p{bottom:205px; left:287px; transition-delay: 2.5s;  z-index: 1; }


/*小屏幕改box5*/
.section5{background:url(../images/box5_bg.jpg) no-repeat center;}
.box5_bg{ background:url(../images/box5_img.png) repeat-x left bottom; width:100%; height:100%; position:absolute;ss}
.yszjt{ width:1440px; height:810px;}

.zjtd{ position:absolute; left:-1550px; top:-84px; transition: all 1s ease 0s; z-index: 1; width:100%; height:100%;}
.active .zjtd{transition-delay: 1s;  z-index: 1; left:113px; top:24px;}
.active .zjtd img{ max-width:80%;max-height:80%;width:auto;height:auto; }

.yszjt h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}
.yszjt h6 img{ max-width:80%;max-height:80%;width:auto;height:auto;}
.yszjt h6:nth-child(2){left:-1091px; top:-543px; }
.yszjt h6:nth-child(3){left:-1080px; top:-563px; }
.active .yszjt h6:nth-child(2){left:391px; top:490px; transition-delay: 1s;  z-index: 1; }
.active .yszjt h6:nth-child(3){left:580px; top:510px; transition-delay: 1.5s;  z-index: 1; }


/*小屏幕改box6*/
.section6{background:url(../images/box6_bg.jpg) no-repeat center; width:100%; height:100%;}
.yscase{ width:1440px; height:810px;}
.yscase .bt6{ top:-80px; left:-818px; position:absolute; transition: all 1s ease 0s; z-index: 1;}
.active .yscase .bt6{transition-delay: 0.5s;  z-index: 1; top:40px; left:218px;}

.yscase_m{  position:absolute; top:-104px; left:-954px; transition: all 1s ease 0s; z-index: 1; }
.yscase_m img{ max-width:90%;max-height:90%;width:auto;height:auto;}
.active .yscase_m{top:104px; left:354px; transition-delay: 1s;  z-index: 1;}


.yscase .ysal_m{background:url(../images/al_bg.png) no-repeat; position:absolute;  z-index:999; display:block;  width:742px; height:636px; color:#fff; transform: scale(0, 0);  transition: all 1s ease 0s; top:-504px; left:-854px; z-index:999;}
.active .yscase .ysal_m{top:104px; left:354px;  transform: scale(1, 1);   transition-delay: 2.5s;}
.yscase .ysal_m p{padding:20px; width:451px; height:273px; margin-top:154px; padding-left:154px; line-height:30px;}
.yscase .ysal_m p{padding:20px; width:451px; height:273px; margin-top:154px; padding-left:154px; line-height:30px;}
.yscase h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}
.active .yscase h6{ transition-delay: 1.5s;  z-index: 1;}
.yscase h6:nth-child(3){ top:-196px; left:-846px;}
.active .yscase h6:nth-child(3){ top:196px; left:446px;}
.yscase h6:nth-child(4){ top:-196px; left:-856px;}
.active .yscase h6:nth-child(4){ top:196px; left:556px;}
.yscase h6:nth-child(5){ top:-196px; right:-868px;}
.active .yscase h6:nth-child(5){ top:196px; right:568px;}
.yscase h6:nth-child(6){ top:-196px; right:-858px;}
.active .yscase h6:nth-child(6){ top:196px; right:458px;}
.yscase h6:nth-child(7){ top:-283px; left:-802px;}
.active .yscase h6:nth-child(7){ top:283px; left:402px;}
.yscase h6:nth-child(8){ top:-283px; left:-811px;}
.active .yscase h6:nth-child(8){ top:283px; left:611px;}
.yscase h6:nth-child(9){ top:-283px; right:-819px;}
.active .yscase h6:nth-child(9){ top:283px; right:419px;}
.yscase h6:nth-child(10){ top:-419px; left:-864px;}
.active .yscase h6:nth-child(10){ top:419px; left:464px;}
.yscase h6:nth-child(11){ top:-419px; left:-866px;}
.active .yscase h6:nth-child(11){ top:419px; left:566px;}
.yscase h6:nth-child(12){ top:-419px; left:-868px;}
.active .yscase h6:nth-child(12){ top:419px; left:668px;}
.yscase h6:nth-child(13){ top:-419px; right:-878px;}
.active .yscase h6:nth-child(13){ top:419px; right:578px;}
.yscase h6:nth-child(14){ top:-419px; right:-876px;}
.active .yscase h6:nth-child(14){ top:419px; right:476px;}
.yscase h6:nth-child(15){ bottom:-190px; left:-877px;}
.active .yscase h6:nth-child(15){ bottom:230px; left:577px;}
.yscase h6:nth-child(16){ bottom:-190px; left:-871px;}
.active .yscase h6:nth-child(16){ bottom:230px; left:671px;}
.yscase h6:nth-child(17){ bottom:-190px; right:-889px;}
.active .yscase h6:nth-child(17){ bottom:230px; right:589px;}
.yscase h6:nth-child(18){ bottom:-120px; right:-856px;}
.active .yscase h6:nth-child(18){ bottom:160px; right:656px;}

/*小屏幕改box7*/

.section7{background:url(../images/box7_bg.jpg) no-repeat center; width:100%; height:100%;}
.yshz{ width:1300px; height:810px;}
.yshz img{ width:80%;}
.yshz .bt7{ position:absolute; top:-46px; left:-819px; transition: all 1s ease 0s; z-index: 1;}
.active .yshz .bt7{top:46px; left:219px;transition-delay: 0.5s;  z-index: 1;}
.yshz h6{ position:absolute; transition: all 1s ease 0s; z-index: 1;}
.yshz h6:nth-child(2){ top:-50px; left:-810px;}
.active .yshz h6:nth-child(2){ top:110px; left:210px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(3){ top:-180px; left:-862px;}
.active .yshz h6:nth-child(3){ top:110px; left:412px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(4){ top:-180px; right:-880px;}
.active .yshz h6:nth-child(4){ top:110px; right:440px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(5){ top:-180px; right:-828px;}
.active .yshz h6:nth-child(5){ top:110px; right:238px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(6){ top:-348px; left:-810px;}
.active .yshz h6:nth-child(6){ top:245px; left:210px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(7){ top:-348px; left:-862px;}
.active .yshz h6:nth-child(7){ top:245px; left:412px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(8){ top:-348px; right:-880px;}
.active .yshz h6:nth-child(8){ top:245px; right:440px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(9){ top:-348px; right:-828px;}
.active .yshz h6:nth-child(9){ top:245px; right:238px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(10){ top:-516px; left:-810px;}
.active .yshz h6:nth-child(10){ top:380px; left:210px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(11){ top:-516px; left:-862px;}
.active .yshz h6:nth-child(11){ top:380px; left:412px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(12){ top:-516px; right:-880px;}
.active .yshz h6:nth-child(12){ top:380px; right:440px; transition-delay: 0.5s;  z-index: 1;}
.yshz h6:nth-child(13){ top:-516px; right:-828px;}
.active .yshz h6:nth-child(13){ top:380px; right:238px; transition-delay: 0.5s;  z-index: 1;}


/*小屏幕改box8*/

.section8{background:url(../images/box8_bg.jpg) no-repeat center; width:100%; height:100%;}
.yslx{ width:1440px; height:810px;}
.yslx .bt8{ position:absolute; top:-46px; left:-819px; transition: all 1s ease 0s; z-index: 1;}
.active .yslx .bt8{top:46px; left:219px;transition-delay: 0.5s;  z-index: 1;}
.yslx_m{ width:179px; height:205px; background:url(../images/box8_pic3.png) no-repeat; text-align:center; transition: all 1s ease 0s; z-index: 1; position:absolute;  transition: all 300ms linear 0s;}
.yslx_m a{ display:block; position:relative;}
.yslx_m a h6{ display:none;}
.yslx_m.hover{ background:url(../images/box8_pic03.png) no-repeat center; }
.yslx_m.hover h6{position:absolute; top:0; left:60px;  display:block;}
.yslx_m.hover h3{ color:#fff;}
.yslx_m img{ margin-top:40px;}
.yslx_m h3{ color:#333;}
.yslx_m1{  top:-194px; left:-604px;}
.active .yslx_m1{top:194px; left:304px; transition-delay: 0.5s;  z-index: 1;}
.yslx_m2{  top:-194px; left:-793px;}
.active .yslx_m2{top:194px; left:490px; transition-delay: 1s;  z-index: 1;}
.yslx_m3{  top:-358px; left:-810px;}
.active .yslx_m3{top:358px; left:210px; transition-delay: 1.5s;  z-index: 1;}
.yslx_m4{  top:-358px; left:-898px;}
.active .yslx_m4{top:358px; left:398px; transition-delay: 2s;  z-index: 1;}
.yslx_m5{  top:-358px; left:-883px;}
.active .yslx_m5{top:358px; left:583px; transition-delay: 2.5s;  z-index: 1;}
.ewm{ position:absolute; top:-821px; right:-830px;  transition: all 1s ease 0s; z-index: 1;}
.active .ewm{top:221px; right:230px; transition-delay: 2.5s;  z-index: 1;}
.ysdz{position:absolute; top:-886px; right:-888px; transition: all 1s ease 0s; z-index: 1;}
.active .ysdz{top:486px; right:388px; transition-delay: 2.5s;  z-index: 1;}

}

/* dwj 小屏幕样式（结束）*************************************/