.section1 { }
.section2 { background: url(../images/bg1.png) no-repeat; background-size: cover; }
.section3 { background: url(../images/bg2.png) no-repeat; background-size: cover; }
.section4 { background: url(../images/bg3.png) no-repeat; background-size: cover; }
.section5 { background: url(../images/bg4.png) no-repeat; background-size: cover; }
.section6 { background: url(../images/bg5.jpg) no-repeat; background-size: cover; }
.section7 { background-color: #34373F; }
.section8 { background: url(../images/bg6.png) no-repeat; background-size: cover; }
#banner { position: relative; overflow: hidden; width: 100%; height: 100%; left: 50%; margin-left: -50%; }
.focus { float: left; width: 100%; height: 100%; position: relative; left: 50%; top: 0; margin-left: -50%; overflow: hidden; }
.f426x240 li { position: absolute; left: 0; top: 0; }
.rslides { width: 100%; height: 100%; list-style: none; padding:0 position:relative;
}
.rslides li { width: 100%; height: 100%; }
.rslides_nav { height: 85px; width: 43px; position: absolute; left: 272px; top: 224px; z-index: 999; text-indent: -9999px; overflow: hidden; display: block; background: url(../images/l.png) no-repeat; }
.rslides_nav:hover { background: url(../images/l2.png) no-repeat; }
.rslides_nav:active { background: url(../images/l2.png) no-repeat; }
.rslides_nav.next { left: 1608px; background: url(../images/r.png) no-repeat; }
.rslides_nav.next:active { background: url(../images/r2.png) no-repeat; }
.rslides_nav.next:hover { background: url(../images/r2.png) no-repeat; }
.rslides_tabs { width: 100%; height: 14px; position: absolute; left: 0px; bottom: 9%; z-index: 999; text-align: left; clear: both; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 33%; }
.rslides_tabs li { display: inline-block; margin: 0 13px; }
.rslides_tabs a { text-indent: -9999px; overflow: hidden; width: 11px; height: 11px; border-radius: 50%; display: block; background-color: #DAD8D8; background-color: rgba(255,255,255,0.3); }
.rslides_tabs .rslides_here a { background-color: #C41A12; }
.rslides li article { display: table; width: 800px; height: 220px; position: absolute; left: 43%; margin-left: -400px; top: 50%; margin-top: -110px; }
.rslides li article p { font-size: 42px; color: #fff; font-weight: bold; margin-bottom: 5px; letter-spacing: 3px; transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; }
.rslides li article p font { color: #DC251C; }
.rslides li article .mores { margin-top: 40px; }
.rslides li article .mores span { display: block; width: 90px; height: 2px; background-color: #fff; transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; }
.rslides li article .mores a { display: block; font-size: 12px; font-family: arial; color: #fff; text-transform: uppercase; margin-top: 14px; transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); opacity: 0; }
.rslides li article .mores a strong { display: inline-block; height: 9px; vertical-align: middle; }
.rslides li article .mores a small { display: inline-block; vertical-align: middle; font-size: 35px; padding-left: 10px; padding-top: 10px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }
.rslides li article .mores a:hover small { padding-left: 18px; }
.rslides li.rslides1_on article p:nth-child(1) { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; }
.rslides li.rslides1_on article p:nth-child(2) { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transition: all 1s ease-in-out .2s; -webkit-transition: all 1s ease-in-out .2s; -moz-transition: all 1s ease-in-out .2s; -o-transition: all 1s ease-in-out .2s; }
.rslides li.rslides1_on article .mores span { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transition: all 1s ease-in-out .4s; -webkit-transition: all 1s ease-in-out .4s; -moz-transition: all 1s ease-in-out .4s; -o-transition: all 1s ease-in-out .4s; }
.rslides li.rslides1_on article .mores a { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); transition: all 1s ease-in-out .6s; -webkit-transition: all 1s ease-in-out .6s; -moz-transition: all 1s ease-in-out .6s; -o-transition: all 1s ease-in-out .6s; display: none; }
div.mouseFous { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index: 9; }
div.mouseFous a { font-size: 85px; color: #fff; animation: tds 1s ease-in-out 0s infinite alternate; -webkit-animation: tds 1s ease-in-out 0s infinite alternate; }
@keyframes tds {  0% {
 opacity: 0.3;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0.3;
}
}
@-webkit-keyframes tds {  0% {
 opacity: 0.3;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0.3;
}
}
@-moz-keyframes tds {  0% {
 opacity: 0.3;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0.3;
}
}
@-o-keyframes tds {  0% {
 opacity: 0.3;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0.3;
}
}
aside.waperTit { width: auto; margin-left: 55px; position: relative; display: table; }
aside.waperTit .tst { margin-top: 22px; }
aside.waperTit h3 a{ font-size: 38px; font-weight: bold; font-family: arial; color: #fff; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit h3 a strong { font-size: 38px; font-weight: bold; font-family: arial; color: #C41A12; }
aside.waperTit.active h3 a:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit.active h3 a:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
section.page2 { width: 1444px; height: 518px; position: absolute; left: 50%; top: 50%; margin: -259px 0 0 -722px; }
section.page2 .pageLft { float: left; width: 868px; }
section.page2 .pageLft .waps { display: table; margin-top: 60px; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 54px; transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); opacity: 0; transition: all 1s ease .2s; -webkit-transition: all 1s ease .2s; -moz-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; }
section.page2 .pageLft .waps.active { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
section.page2 .pageLft .waps p { font-size: 13px; color: #CDCDCF; line-height: 1.8; }
a.read { width: 170px; height: 40px; border: 1px solid #A4A4A4; color: #A4A4A4; text-align: center; line-height: 40px; display: block; margin-top: 60px; }
a.read i { font-size: 35px; display: inline-block; padding-left: 10px; vertical-align: middle; }
a.read:hover { color: #DC251C; border-color: #DC251C; }
.waperTit .webLine1 { position: absolute; left: 143px; top: 0; }
.waperTit .webLine1 .webs1 { fill: none; stroke-width: 6px; stroke: rgba(255,255,255,0.5); stroke-dasharray: 0 1200; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
.waperTit.active .webLine1 .webs1 { stroke-dasharray: 1200 0; }
.IndexList { padding-top: 80px; width: 715px; transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.IndexList.active { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); opacity: 1; }
.IndexList ul { width: 100%; margin: 0 auto; font-size: 0; height: 105px; display: block; }
.IndexList li { display: inline-block; position: relative; width: 25%; vertical-align: top; }
.IndexList li:after { display: block; content: ""; border-right: 1px solid #fff; border-right: 1px solid rgba(255,255,255,0.4); width: 100%; height: 68px; top: 35px; position: absolute; }
.IndexList li:nth-last-child(1):after { display: none; }
.IndexList span { display: block; color: #fff; padding-top: 10px; font-size: 13px; text-align: center; }
.IndexList small { color: #fff; display: block; padding-top: 5px; text-transform: uppercase; text-align: center; font-size: 20px; position: absolute; right: 24px; top: 20px; }
.IndexList b { display: block; font-family: Arial, Helvetica, sans-serif; color: #10417C; text-align: center; font-size: 0; margin-top: 20px; }
.IndexList b em { position: absolute; left: -999em; }
.IndexList .IndexLContent { font-size: 0; position: relative; height: 50px; overflow: hidden; display: inline-block; }
.IndexList .IndexLContent>div { display: inline-block; position: relative; top: 0; }
.IndexList .IndexLContent .Txt { display: block; font-family: '微软雅黑'; color: #fff; display: block; text-align: center; font-size: 45px; }
.IndexList i { font-size: 13px; font-family: '微软雅黑'; font-weight: normal; vertical-align: bottom; position: relative; top: -1px; right: -5px; color: #fff; }
.IndexList .Hun { opacity: 0; transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; }
.IndexList .Ten { opacity: 0; transition: all 1s ease-out 0.3s; -webkit-transition: all 1s ease-out 0.3s; -moz-transition: all 1s ease-out 0.3s; -o-transition: all 1s ease-out 0.3s; }
.IndexList .Ind { opacity: 0; transition: all 1s ease-out 0.6s; -webkit-transition: all 1s ease-out 0.6s; -moz-transition: all 1s ease-out 0.6s; -o-transition: all 1s ease-out 0.6s; }
.IndexList .Sun { opacity: 0; transition: all 1s ease-out 0.8s; -webkit-transition: all 1s ease-out 0.8s; -moz-transition: all 1s ease-out 0.8s; -o-transition: all 1s ease-out 0.8s; }
section.page2 .pageRit { float: right; width: 494px; }
section.page2 .pageRit img { display: block; width: 100%; height: auto; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -moz-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; -o-transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; opacity: 0; }
section.page2 .pageRit.active img { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
section.page3 { width: 1415px; height: 580px; position: absolute; right:6.6%; top: 50%; margin-top: -290px; }
section.page3 .page3Lft { float: left; width: 300px; padding-top: 78px; }
aside.waperTit2 { width: auto; position: relative; display: table; }
aside.waperTit2 .tst { margin-top: 22px; }
aside.waperTit2 h3 { font-size: 38px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit2 h3 strong { font-size: 38px; font-weight: bold; font-family: arial; color: #DC251C; }
aside.waperTit2.active h3:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit2.active h3:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
aside.waperTit2 .webLine2 { position: absolute; left: 66px; top: 0; }
aside.waperTit2 .webLine2 .webs2 { fill: none; stroke-width: 6px; stroke: #A4A4A4; stroke-dasharray: 0 650; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
aside.waperTit2.active .webLine2 .webs2 { stroke-dasharray: 650 0; }
section.page3 .page3Lft .team { margin-top: 60px; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 128px; }
section.page3 .page3Lft .team li { list-style: initial; margin-bottom: 15px; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); opacity: 0; }
section.page3 .page3Lft .team li:nth-child(1) { transition: all 1.2s ease-in-out 0s; -webkit-transition: all 1.2s ease-in-out 0s; -moz-transition: all 1.2s ease-in-out 0s; -o-transition: all 1.2s ease-in-out 0s; }
section.page3 .page3Lft .team li:nth-child(2) { transition: all 1.2s ease-in-out .2s; -webkit-transition: all 1.2s ease-in-out .2s; -moz-transition: all 1.2s ease-in-out .2s; }
section.page3 .page3Lft .team li:nth-child(3) { transition: all 1.2s ease-in-out .4s; -webkit-transition: all 1.2s ease-in-out .4s; -moz-transition: all 1.2s ease-in-out .4s; }
section.page3 .page3Lft .team li:nth-child(4) { transition: all 1.2s ease-in-out .6s; -webkit-transition: all 1.2s ease-in-out .6s; -moz-transition: all 1.2s ease-in-out .6s; }
section.page3 .page3Lft .team li:nth-child(5) { transition: all 1.2s ease-in-out .8s; -webkit-transition: all 1.2s ease-in-out .8s; -moz-transition: all 1.2s ease-in-out .8s; }
section.page3 .page3Lft .team.active li { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
section.page3 .page3Lft .team li a { font-size: 18px; color: #000000; padding-left: 10px; }
section.page3 .page3Lft .team li.on a, section.page3 .page3Lft .team li a:hover { color: #DC251C; }
section.page3 .page3Lft .read2 { margin-left: 118px; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); opacity: 0; }
section.page3 .page3Lft.active .read2 { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
section.page3 .page3Rit { float: right; width: 955px; height: 100%; transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page3 .page3Rit.active { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
section.page3 .page3Rit .ourTeam { width: 100%; display: table; }
section.page3 .page3Rit .ourTeam li { float: left; width: 49.5%; margin: 0 1% 1% 0; position: relative; }
section.page3 .page3Rit .ourTeam li:nth-child(even) { margin-right: 0; }
section.page3 .page3Rit .ourTeam li span { }
section.page3 .page3Rit .ourTeam li span img { display: block; width: 100%; height: 355px; object-fit: cover;}
section.page3 .page3Rit .ourTeam li article { width: 85%; height: 80%; position: absolute; left: 50%; top: 50%; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #DC251C; background-color: rgba(220,37,28,0.9); padding: 30px; transform: translate3d(-50%, -50%, 0) scale(0.5); -webkit-transform: translate3d(-50%, -50%, 0) scale(0.5); -moz-transform: translate3d(-50%, -50%, 0) scale(0.5); -o-transform: translate3d(-50%, -50%, 0) scale(0.5); transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; opacity: 0; }
section.page3 .page3Rit .ourTeam li article h4 { font-size: 24px; color: #fff; text-align: center; }
section.page3 .page3Rit .ourTeam li article i { display: block; width: 30px; height: 2px; background-color: #FFFFFF; margin: 15px auto; }
section.page3 .page3Rit .ourTeam li article p {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; font-size: 13px; color: #fff; line-height: 1.7; text-indent: 2em; }
section.page3 .page3Rit .ourTeam li:hover article { transform: translate3d(-50%, -50%, 0) scale(1.0); -webkit-transform: translate3d(-50%, -50%, 0) scale(1.0); -moz-transform: translate3d(-50%, -50%, 0) scale(1.0); -o-transform: translate3d(-50%, -50%, 0) scale(1.0); opacity: 1; }
section.page4 { width: 1310px; height: 484px; position: absolute; top: 50%; left: 50%; margin-left: -655px; margin-top: -242px; }
section.page4 .page4Lft { float: left; width: 394px; margin-top: 100px; }
aside.waperTit3 { width: auto; position: relative; display: table; }
aside.waperTit3 .tst { margin-top: 22px; }
aside.waperTit3 h3 { font-size: 38px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit3 h3 strong { font-size: 38px; font-weight: bold; font-family: arial; color: #DC251C; }
aside.waperTit3.active h3:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit3.active h3:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
aside.waperTit3 .webLine3 { position: absolute; left: 100px; top: 0; }
aside.waperTit3 .webLine3 .webs3 { fill: none; stroke-width: 6px; stroke: #A4A4A4; stroke-dasharray: 0 720; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
aside.waperTit3.active .webLine3 .webs3 { stroke-dasharray: 720 0; }
section.page4 .ourList { width: 288px; margin-top: 40px; margin-left: 74px; }
section.page4 .ourList li { width: 100%; }
section.page4 .ourList li:last-child a { border: none; }
section.page4 .ourList li a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 0; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 15px; border-bottom: 1px solid #E4E4E4; }
section.page4 .ourList li a font { display: inline-block; vertical-align: middle; font-size: 16px; color: #666666; }
section.page4 .ourList li a i { display: inline-block; vertical-align: middle; color: #CFCFCF; font-size: 38px; padding-left: 8px; opacity: 0; transition: all .4s ease-in 0s; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -o-transition: all .4s ease-in 0s; }
section.page4 .ourList li a:hover { background-color: #fff; box-shadow: 1px 3px 6px #ccc; transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); border-color: transparent; }
section.page4 .ourList li a:hover i { opacity: 1; padding-left: 50px; }
section.page4 .theMoney { width: 100%; display: block; font-size: 0; padding-top:50px; }
section.page4 .page4Lft .read2{margin-top: 0px;}
section.page4 .theMoney dl { width: 25%; display: inline-block; vertical-align: middle; text-align: center; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); opacity: 0; }
section.page4 .theMoney dl:nth-of-type(1) { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page4 .theMoney dl:nth-of-type(2) { transition: all 1s ease .2s; -webkit-transition: all 1s ease .2s; -moz-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; }
section.page4 .theMoney dl:nth-of-type(3) { transition: all 1s ease .4s; -webkit-transition: all 1s ease .4s; -moz-transition: all 1s ease .4s; -o-transition: all 1s ease .4s; }
section.page4 .theMoney dl:nth-of-type(4) { transition: all 1s ease .6s; -webkit-transition: all 1s ease .6s; -moz-transition: all 1s ease .6s; -o-transition: all 1s ease .6s; }
section.page4 .theMoney.active dl { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
section.page4 .theMoney dl dt { display: inline-block; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 3px 4px #ccc; }
section.page4 .theMoney dl dd { display: inline-block; padding-top: 15px; font-size: 14px; color: #666666; }
section.page4 .theMoney dl dt.cc1 { background-color: #88B788; }
section.page4 .theMoney dl dt.cc2 { background-color: #90B1DA; }
section.page4 .theMoney dl dt.cc3 { background-color: #E1AF6D; }
section.page4 .theMoney dl dt.cc4 { background-color: #CFCFCF; }
section.page4 .page4Lft .read2 { margin-left: 118px; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); }
section.page4 .page4Rit { float: right; width: 728px; height: 464px; margin-top: 5px; background: url(../images/in_maps.png) no-repeat center center; background-size: 100% 100%; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); opacity: 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page4 .page4Rit.active { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
section.page4 .page4Rit .mapList { width: 100%; height: 100%; position: relative; }
section.page4 .page4Rit .mapList li { position: absolute; }
section.page4 .page4Rit .mapList li small { display: block; position: absolute; cursor: pointer; }
section.page4 .page4Rit .mapList li .boxs { width: 260px; height: 106px; background-color: #fff; border-radius: 5px; box-shadow: 0px 4px 10px #ccc; box-sizing: border-box; -moz-box-sizing: border-box; padding: 18px 22px; position: absolute; left: 150px; top: -4px; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; opacity: 0; }
section.page4 .page4Rit .mapList li .boxs em { display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #fff; position: absolute; top: 20px; left: -7px; }
section.page4 .page4Rit .mapList li .boxs h5 { width: 100%; font-size: 14px; color: #666666; border-bottom: 1px solid #EDEDED; padding-bottom: 15px; display: table; }
section.page4 .page4Rit .mapList li .boxs i { float: right; font-size: 24px; color: #DC251C; margin-top: -7px; }
section.page4 .page4Rit .mapList li .boxs p { font-size: 14px; color: #666666; margin-top: 15px; }
section.page4 .page4Rit .mapList li.active .boxs { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); opacity: 1; }
section.page4 .page4Rit .mapList li.mp1 small { width: 88px; height: 60px; left: 38px; top: 6px; }
section.page4 .page4Rit .mapList li.mp2 small { width: 63px; height: 63px; left: 0px; top: 108px; }
section.page4 .page4Rit .mapList li.mp3 small { width: 63px; height: 63px; left: 44px; top: 202px; }
section.page4 .page4Rit .mapList li.mp4 small { width: 63px; height: 63px; left: 613px; top: 56px; }
section.page4 .page4Rit .mapList li.mp5 small { width: 40px; height: 42px; left: 366px; top: 280px; z-index: 9; }
section.page4 .page4Rit .mapList li.mp6 small { width: 77px; height: 85px; left: 330px; top: 286px; }
section.page4 .page4Rit .mapList li.mp7 small { width: 48px; height: 48px; left: 558px; top: 254px; }
section.page4 .page4Rit .mapList li.mp8 small { width: 59px; height: 70px; left: 597px; top: 313px; }
section.page4 .page4Rit .mapList li.mp9 small { width: 50px; height: 50px; left: 391px; top: 170px; }
section.page4 .page4Rit .mapList li.mp10 small { width: 50px; height: 50px; left: 18px; top: 174px; }
section.page4 .page4Rit .mapList li.mp2 .boxs { left: 90px; top: 108px; }
section.page4 .page4Rit .mapList li.mp3 .boxs { left: 110px; top: 206px; }
section.page4 .page4Rit .mapList li.mp4 .boxs { left: 380px; top: 78px; }
section.page4 .page4Rit .mapList li.mp5 .boxs { left: 422px; top: 277px; }
section.page4 .page4Rit .mapList li.mp6 .boxs { left: 387px; top: 319px; }
section.page4 .page4Rit .mapList li.mp7 .boxs { left: 270px; top: 246px; }
section.page4 .page4Rit .mapList li.mp8 .boxs { left: 318px; top: 300px; }
section.page4 .page4Rit .mapList li.mp9 .boxs { left: 421px; top: 200px; }
section.page4 .page4Rit .mapList li.mp10 .boxs { left: 45px; top: 86px; }
section.page4 .page4Rit .mapList li.mp8 .boxs em, section.page4 .page4Rit .mapList li.mp7 .boxs em, section.page4 .page4Rit .mapList li.mp4 .boxs em { right: -14px; left: auto; border-right: 7px solid transparent; border-left: 7px solid #fff; }
section.page5 { width: 1560px; height: 550px; position: absolute; top: 50%; margin-top: -225px; right: 3%; }
aside.waperTit4 { width: auto; position: relative; display: table; }
aside.waperTit4 .tst { margin-top: 22px; }
aside.waperTit4 h3 { font-size: 38px; font-weight: bold; font-family: arial; color: #fff; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit4 h3 strong { font-size: 38px; font-weight: bold; font-family: arial; color: #DC251C; }
aside.waperTit4.active h3:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit4.active h3:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
aside.waperTit4 .webLine4 { position: absolute; left: 100px; top: 0; }
aside.waperTit4 .webLine4 .webs4 { fill: none; stroke-width: 6px; stroke: #A4A4A4; stroke-dasharray: 0 720; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
aside.waperTit4.active .webLine4 .webs4 { stroke-dasharray: 720 0; }
section.page5 .page5Lft { float: left; padding-top: 105px; width: 358px; }
section.page5 .page5Lft .txtg { padding-top: 52px; }
section.page5 .page5Lft .txtg h4 { font-size: 18px; color: #fff; }
section.page5 .page5Lft .txtg p { font-size: 13px; line-height: 1.8; color: #A6A6A9; padding-top: 25px; }
a.read3 { margin-top: 30px; }
section.page5 .pageRit { float: right; width: 955px; }
section.page5 .pageRit .ourJist { width: 100%; display: table; }
section.page5 .pageRit .ourJist li { float: left; width: 32%; padding-top: 28%; margin-right: 1.5%; margin-bottom: 1.5%; background-color: #fff; background-color: rgba(255,255,255,0.2); position: relative; overflow: hidden; transform: translate3d(80px, 80px, 0); -webkit-transform: translate3d(80px, 80px, 0); -moz-transform: translate3d(80px, 80px, 0); -o-transform: translate3d(80px, 80px, 0); opacity: 0; }
section.page5 .pageRit .ourJist li:nth-of-type(1) { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page5 .pageRit .ourJist li:nth-of-type(2) { transition: all 1s ease .2s; -webkit-transition: all 1s ease .2s; -moz-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; }
section.page5 .pageRit .ourJist li:nth-of-type(3) { transition: all 1s ease .4s; -webkit-transition: all 1s ease .4s; -moz-transition: all 1s ease .4s; -o-transition: all 1s ease .4s; }
section.page5 .pageRit .ourJist li:nth-of-type(4) { transition: all 1s ease .6s; -webkit-transition: all 1s ease .6s; -moz-transition: all 1s ease .6s; -o-transition: all 1s ease .6s; }
section.page5 .pageRit .ourJist li:nth-of-type(5) { transition: all 1s ease .8s; -webkit-transition: all 1s ease .8s; -moz-transition: all 1s ease .8s; -o-transition: all 1s ease .8s; }
section.page5 .pageRit .ourJist li:nth-of-type(6) { transition: all 1s ease 1s; -webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; }
section.page5 .pageRit .ourJist li.active { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); opacity: 1; }
section.page5 .pageRit .ourJist li:nth-child(3n) { margin-right: 0; }
section.page5 .pageRit .ourJist li .tp1 { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); }
section.page5 .pageRit .ourJist li .tp1 i { display: block; width: 100px; height: 100px; border-radius: 50%; font-size: 50px; color: #fff; text-align: center; line-height: 100px; position: relative; z-index: 3; }
section.page5 .pageRit .ourJist li .tp1 i:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #DC251C; border-radius: 50%; z-index: -1; }
section.page5 .pageRit .ourJist li .tp1 i:after { position: absolute; content: ''; left: -10px; top: -10px; width: 120%; height: 120%; border-radius: 50%; z-index: -2; background-color: rgba(255,255,255,0.2); }
section.page5 .pageRit .ourJist li .tp1 strong { display: block; text-align: center; margin-top: 28px; font-size: 16px; color: #fff; }
section.page5 .pageRit .ourJist li .tp2 { position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; background-color: #DC251C; transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -webkit-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -moz-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -o-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); opacity: 0; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; }
section.page5 .pageRit .ourJist li .tp2 section { width: 86%; position: absolute; left: 7%; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
section.page5 .pageRit .ourJist li .tp2 h5 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 5px; }
section.page5 .pageRit .ourJist li .tp2 font { display: inline-block; width: 20px; height: 0px; border-top: 1px solid #fff; margin: 10px 0; }
section.page5 .pageRit .ourJist li .tp2 p { font-size: 13px; color: #F9C99C; line-height: 1.7; }
section.page5 .pageRit .ourJist li:hover { background-color: rgba(255,255,255,0.7); }
section.page5 .pageRit .ourJist li:hover .tp2 { transform: rotateZ(0deg) translate3d(0px, 0px, 0); -webkit-transform: rotateZ(0deg) translate3d(0px, 0px, 0); -moz-transform: rotateZ(0deg) translate3d(0px, 0px, 0); -o-transform: rotateZ(0deg) translate3d(0px, 0px, 0); opacity: 1; }
section.page6 { width: 1490px; height: 680px; position: absolute; top: 50%; margin-top: -340px; right:6.6%; }
aside.waperTit5 { width: auto; position: relative; display: table; }
aside.waperTit5 .tst { margin-top: 22px; }
aside.waperTit5 h3 { font-size: 38px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit5 h3 strong { font-size: 38px; font-weight: bold; font-family: arial; color: #DC251C; }
aside.waperTit5.active h3:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit5.active h3:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
aside.waperTit5 .webLine5 { position: absolute; left: 100px; top: 0; }
aside.waperTit5 .webLine5 .webs5 { fill: none; stroke-width: 6px; stroke: #A4A4A4; stroke-dasharray: 0 720; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
aside.waperTit5.active .webLine5 .webs5 { stroke-dasharray: 720 0; }
section.page6 .page6Lft { float: left; padding-top: 135px; }
section.page6 .page6Lft .team { margin-top: 60px; box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 128px; }
section.page6 .page6Lft .team li { list-style: initial; margin-bottom: 15px; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); opacity: 0; }
section.page6 .page6Lft .team li:nth-child(1) { transition: all 1.2s ease-in-out 0s; -webkit-transition: all 1.2s ease-in-out 0s; -moz-transition: all 1.2s ease-in-out 0s; -o-transition: all 1.2s ease-in-out 0s; }
section.page6 .page6Lft .team li:nth-child(2) { transition: all 1.2s ease-in-out .2s; -webkit-transition: all 1.2s ease-in-out .2s; -moz-transition: all 1.2s ease-in-out .2s; }
section.page6 .page6Lft .team li:nth-child(3) { transition: all 1.2s ease-in-out .4s; -webkit-transition: all 1.2s ease-in-out .4s; -moz-transition: all 1.2s ease-in-out .4s; }
section.page6 .page6Lft .team li:nth-child(4) { transition: all 1.2s ease-in-out .6s; -webkit-transition: all 1.2s ease-in-out .6s; -moz-transition: all 1.2s ease-in-out .6s; }
section.page6 .page6Lft .team li:nth-child(5) { transition: all 1.2s ease-in-out .8s; -webkit-transition: all 1.2s ease-in-out .8s; -moz-transition: all 1.2s ease-in-out .8s; }
section.page6 .page6Lft .team.active li { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
section.page6 .page6Lft .team li a { font-size: 18px; color: #000000; padding-left: 10px; }
section.page6 .page6Lft .team li.on a, section.page6 .page6Lft .team li a:hover { color: #DC251C; }
section.page6 .page6Lft .read2 { margin-left: 118px; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); opacity: 0; }
section.page6 .page6Lft.active .read2 { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); opacity: 1; }
section.page6 .page6Rit { float: right; width:955px;margin-right: 40px; }
section.page6 .page6Rit .newsLiat { width: 100%; display: table; }
section.page6 .page6Rit .newsLiat li { width: 100%; height: 140px; position: relative; z-index: 2; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px 0 10px 0px; margin-left:24px; border-bottom:1px dashed #c5c5c5; transform: translate(100%); -webkit-transform: translate(100%); -moz-transform: translate(100%); -o-transform: translate(100%); opacity: 0; }
section.page6 .page6Rit .newsLiat li:nth-of-type(1) { transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; -o-transition: all 1.2s ease 0s; }
section.page6 .page6Rit .newsLiat li:nth-of-type(2) { transition: all 1.2s ease .2s; -webkit-transition: all 1.2s ease .2s; -moz-transition: all 1.2s ease .2s; -o-transition: all 1.2s ease .2s; }
section.page6 .page6Rit .newsLiat li:nth-of-type(3) { transition: all 1.2s ease .4s; -webkit-transition: all 1.2s ease .4s; -moz-transition: all 1.2s ease .4s; -o-transition: all 1.2s ease .4s; }
section.page6 .page6Rit .newsLiat li:nth-of-type(4) { transition: all 1.2s ease .6s; -webkit-transition: all 1.2s ease .6s; -moz-transition: all 1.2s ease .6s; -o-transition: all 1.2s ease .6s; }
section.page6 .page6Rit .newsLiat li.active { transform: translate(0%); -webkit-transform: translate(0%); -moz-transform: translate(0%); -o-transform: translate(0%); opacity: 1; }
section.page6 .page6Rit .newsLiat li:after { position: absolute; right: 0; top: 0; content: ''; width: 0%; height: 100%; background: url(../images/in_bgs.png) no-repeat center center; background-size: cover; z-index: -1; overflow: hidden; transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; }
section.page6 .page6Rit .newsLiat li dl{ width:100%;}
section.page6 .page6Rit .newsLiat li dl dt{ width:180px; height:128px; float:left;}
section.page6 .page6Rit .newsLiat li dl dt a img{width:180px; height:118px;box-sizing: border-box;padding: 5px;background:rgb(255,255,255,.7);}
section.page6 .page6Rit .newsLiat li dl dd{ margin-left:25px; float:left; width:716px; height:128px; overflow:hidden}
section.page6 .page6Rit .newsLiat li dl dd strong { display: block; font-size: 16px; color: #000000; font-family: arial; }
section.page6 .page6Rit .newsLiat li dl dd h4 { font-size: 16px; color: #000; padding-top: 20px; transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; }
section.page6 .page6Rit .newsLiat li dl dd p { font-size: 13px; color: #A3A3A3; padding-top: 6px; line-height: 1.7; transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
section.page6 .page6Rit .newsLiat li:hover:after { width: 100%; }
section.page6 .page6Rit .newsLiat li:hover strong, section.page6 .page6Rit .newsLiat li:hover dl dd h4 { color: #DC251C; }
section.page8 { width: 90%; max-width: 1560px; height: 550px; position: absolute; top: 50%; margin-top: -225px; right: 3%; }
aside.waperTit8 { width: auto; position: relative; display: table; }
aside.waperTit8 .tst { margin-top: 22px; }
aside.waperTit8 h3 { font-size: 38px; font-weight: bold; font-family: arial; color: #fff; text-transform: uppercase; transform: translateX(-260px); -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); opacity: 0; }
aside.waperTit8 h3 strong { font-size: 38px; font-weight: bold; font-family: arial; color: #C41A12; }
aside.waperTit8.active h3:nth-child(1) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0s; -webkit-transition: all 1.2s ease 0s; -moz-transition: all 1.2s ease 0s; opacity: 1; }
aside.waperTit8.active h3:nth-child(2) { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all 1.2s ease 0.2s; -webkit-transition: all 1.2s ease 0.2s; -moz-transition: all 1.2s ease 0.2s; opacity: 1; }
aside.waperTit8 .webLine4 { position: absolute; left: 100px; top: 0; }
aside.waperTit8 .webLine4 .webs4 { fill: none; stroke-width: 6px; stroke: #A4A4A4; stroke-dasharray: 0 720; transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) .5s; }
aside.waperTit8.active .webLine4 .webs4 { stroke-dasharray: 720 0; }
section.page8 .page8Lft { float: left; padding-top: 105px; width: 358px; margin-right:16%; }
section.page8 .page8Lft .txtg { padding-top: 52px; }
section.page8 .page8Lft .txtg h4 { font-size: 18px; color: #fff; }
section.page8 .page8Lft .txtg p { font-size: 13px; line-height: 1.8; color: #A6A6A9; padding-top: 25px; }
a.read3 { margin-top: 30px; }
section.page8 .pageRit { overflow: hidden;}
section.page8 .pageRit .ourJist { width: 100%; display: table; }
section.page8 .pageRit .ourJist li { float: left;width: 32%;padding: 1%;margin-right: 1.5%;margin-bottom: 1.5%;background-color: #fff;background-color: rgba(255,255,255,0.4);position: relative;
    overflow: hidden;transform: translate3d(80px, 80px, 0);-webkit-transform: translate3d(80px, 80px, 0);-moz-transform: translate3d(80px, 80px, 0);
    -o-transform: translate3d(80px, 80px, 0);opacity: 0;box-sizing: border-box;overflow: hidden;}
section.page8 .pageRit .ourJist li:nth-of-type(1) { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
section.page8 .pageRit .ourJist li:nth-of-type(2) { transition: all 1s ease .2s; -webkit-transition: all 1s ease .2s; -moz-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; }
section.page8 .pageRit .ourJist li:nth-of-type(3) { transition: all 1s ease .4s; -webkit-transition: all 1s ease .4s; -moz-transition: all 1s ease .4s; -o-transition: all 1s ease .4s; }
section.page8 .pageRit .ourJist li:nth-of-type(4) { transition: all 1s ease .6s; -webkit-transition: all 1s ease .6s; -moz-transition: all 1s ease .6s; -o-transition: all 1s ease .6s; }
section.page8 .pageRit .ourJist li:nth-of-type(5) { transition: all 1s ease .8s; -webkit-transition: all 1s ease .8s; -moz-transition: all 1s ease .8s; -o-transition: all 1s ease .8s; }
section.page8 .pageRit .ourJist li:nth-of-type(6) { transition: all 1s ease 1s; -webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; }
section.page8 .pageRit .ourJist li.active { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); opacity: 1; }
section.page8 .pageRit .ourJist li:nth-child(3n) { margin-right: 0; }
section.page8 .pageRit .ourJist li .tp1 {     overflow: hidden;position: relative;width: 100%;z-index: 1; }
section.page8 .pageRit .ourJist li .tp1 span { display: block; width: 100%; max-height: 180px; border-radius: 50%;color: #fff; text-align: center; line-height: 100px; position: relative; z-index: 3; }
section.page8 .pageRit .ourJist li .tp1 span img { width:100%; height: 180px; object-fit: cover; }
/*section.page8 .pageRit .ourJist li .tp1 i:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #DC251C; border-radius: 50%; z-index: -1;}
section.page8 .pageRit .ourJist li .tp1 i:after{position: absolute; content: ''; left: -10px; top: -10px;  width: 120%; height: 120%; border-radius: 50%;
 z-index: -2;
 background-color: rgba(255,255,255,0.2);
}*/
section.page8 .pageRit .ourJist li .tp1 strong { display: block; text-align: center; height: 50px;line-height: 45px; font-size: 16px; color: #fff; }
section.page8 .pageRit .ourJist li .tp2 {z-index: 2; position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; background: rgba(220,37,28,.9); transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -webkit-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -moz-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); -o-transform: rotateZ(45deg) translate3d(-20px, -215px, 0); opacity: 0; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; }
section.page8 .pageRit .ourJist li .tp2 section { width: 90%; position: absolute; left: 5%; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
section.page8 .pageRit .ourJist li .tp2 h5 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 5px; }
section.page8 .pageRit .ourJist li .tp2 font { display: inline-block; width: 20px; height: 0px; border-top: 1px solid #fff; margin: 10px 0; }
section.page8 .pageRit .ourJist li .tp2 p { font-size: 13px; color: #fff; line-height: 1.7; }
section.page8 .pageRit .ourJist li .tp2 p a { background: url(../images/ico02.gif) no-repeat 0 9px; font-size:14px; height: 30px; line-height: 30px; color: #fff; text-decoration: none; width: 50%; padding: 0 6px 0 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; display: inline-block; text-align: left; box-sizing: border-box }
section.page8 .pageRit .ourJist li .tp2 p a:hover { text-decoration: underline }
section.page8 .pageRit .ourJist li:hover { background-color: rgba(255,255,255,0.7); }
section.page8 .pageRit .ourJist li:hover .tp2 { transform: rotateZ(0deg) translate3d(0px, 0px, 0); -webkit-transform: rotateZ(0deg) translate3d(0px, 0px, 0); -moz-transform: rotateZ(0deg) translate3d(0px, 0px, 0); -o-transform: rotateZ(0deg) translate3d(0px, 0px, 0); opacity: 1; }



@media screen and (max-width:1600px ) {
section.page3{ width:90%}
section.page3 .page3Rit{ width:705px;}
section.page3 .page3Rit .ourTeam li article p{ max-height:90px; overflow:hidden}	
section.page4 {width: 1200px;}
section.page5{width:90%;}
section.page5 .pageRit{width:705px;}
section.page8 .page8Lft{margin-right:3%;}
section.page8 .pageRit {margin-top: 20px;}
section.page6{ width:90%;}
section.page6 .page6Rit{ width:705px; margin-top:46px;}
section.page6 .page6Rit .newsLiat {overflow: hidden; height: 458px; display: block;}
section.page6 .page6Rit .newsLiat li{overflow: hidden;padding-bottom:15px!important;margin-bottom: 10px;height:152px!important;}
section.page6 .page6Rit .newsLiat li dl{display: block;overflow: hidden;}
section.page6 .page6Rit .newsLiat li dl dt{margin-right: 20px;}
section.page6 .page6Rit .newsLiat li dl dd {float:none; width:auto; margin:0 auto; overflow: hidden;}
section.page2{max-width: 1444px;height: 518px;position: relative;left:auto;top:auto;margin: 100px auto!important;width: 90%!important;
}
.IndexList{padding-top: 50px;}
section.page2 .pageLft .waps{margin-top: 40px;}
section.page2 .pageRit {
    overflow: hidden;
    width: 458px!important;
}

}
@media screen and (max-width:1370px ) {
header figure.Logo{margin-left: 30px;}	
header section.headNav menu li a{ width:95px;}
section.page2 .pageLft{width: 668px}
.IndexList{ width:655px;}
section.page2 .pageRit{width: 358px !important;}
.waperTit .webLine1{ left:43px;}
section.page4{margin-left: -600px;}
	
	}