html, body { font-size: 14px; line-height: 1.5em; font-family: 'Microsoft YaHei',sans-serif; margin: 0; padding: 0; }
img { border: none; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { display: block; list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1.5em; font-weight: normal; }
.linear, .bezier { transition-duration: .3s; -webkit-transition-duration: .3s; }
.bezier { transition-timing-function: cubic-bezier(.1,.57,.1,1); -waebkit-transition-timing-function: cubic-bezier(.1,.57,.1,1); }
.delay { transition-delay: .5s; -webkit-transition-delay: .5s; }
.fp-controlArrow.fp-prev { width: 26px; height: 48px; border: none; background-image: url(../image/prev.png); }
.fp-controlArrow.fp-next { right: 55px; width: 26px; height: 48px; border: none; background-image: url(../image/next.png); }

.nonsupport { }
.nonsupport .blacker { position: absolute; background-color: #000; top: 0; right: 0; bottom: 0; left: 0; _width: 100%; _height: expression(eval(document.documentElement.clientHeight)); opacity: .35; filter: alpha(opacity=35); z-index: 2; }
.nonsupport .container { position: absolute; background-color: #3e3e3e; width: 800px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -400px; color: #fff; z-index: 3; }
.nonsupport h1 { margin: 50px 100px; margin-bottom: 20px; font-size: 36px; line-height: 1.8em; border-bottom: #fff 1px solid; }
.nonsupport p { margin: 0 100px; font-size: 16px; }
.nonsupport a { display: block; position: absolute; bottom: 30px; right: 100px; width: 120px; height: 38px; line-height: 38px; font-size: 16px; text-decoration: none; text-align: center; background-color: #b6ff00; color: #42650f; }
.nonsupport span { display: block; position: absolute; width: 128px; height: 128px; font-size: 128px; line-height: 1em; text-align: center; }
.nonsupport span.lt { top: 50px; left: 0; *left: -20px; }
.nonsupport span.rt { top: 150px; right: 0; *right: -20px; }

.header { position: absolute; top: 0; left: 0; width: 100%; background-color: #000; background-color: rgba(0,0,0,.9); z-index: 10000; }
.header-container { position: relative; width: 1200px; margin: 0 auto; height: 65px; }
.header .logo, .header ul, .header li { display: inline-block; *display: inline; *zoom: 1; }
.header .logo { height: 65px; }
.header .logo img { margin-top: 11px; }
.header ul { margin-left: 50px; white-space: nowrap; height: 65px; vertical-align: top; }
.header li a { display: block; padding: 0 15px; font-size: 16px; color: #fff; text-decoration: none; height: 65px; line-height: 65px; font-weight: bold; }
.header li.active a { color: #7ce91a; border-bottom: #7ce91a 3px solid; }
.header .tel { position: absolute; height: 24px; line-height: 24px; top: 50%; margin-top: -12px; right: 10px; color: #fff; }

.wrapper { position: absolute; width: 100%; height: 100%; min-width: 1200px; min-height: 700px; overflow: auto; }
.swiper-container { width: 100%; height: 100%; }

.blacker { position: fixed; z-index: 50000; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; filter: alpha(opacity=20); }
.winner-wrap { position: fixed; z-index: 55000; width: 590px; top: 50%; left: 50%; margin-top: -310px; margin-left: -295px; background-color: #fafafa;  box-shadow: rgba(0,0,0,.25) 0px 0px 20px;overflow: hidden; }
.winner-header { position: relative; height: 45px; line-height: 45px; background-color: #ececec; }
.winner-header h1 { padding-left: 20px; line-height: 45px; font-weight: bold; font-size: 15px; border-bottom: 1px solid #ccc;}
.winner-header a { display: block; width: 24px; height: 0; padding-top: 24px; overflow: hidden; background-position: 8px 8px; position: absolute; top: 10px; right: 10px; background-image: url(../images/show_close.png); background-repeat: no-repeat; }
.winner-content { border-top: #dfdfdf 1px solid; }






.swiper-slide { background-position: center center; background-size: cover; }
.container { display: table-cell; vertical-align: middle; overflow: hidden; }
.content { position: relative; width: 1200px; margin: 0 auto; }
.content > * { position: relative; }

.home { background-image: url(../images/home_bg.jpg); color: #fff; }
.home h1 { position: relative; font-size: 48px; opacity: 0; right: -150px; }
.home h2 { position: relative; font-size: 32px; opacity: 0; top: -100px; }
.home p { position: relative; font-size: 16px; margin-top: 50px; width: 700px; text-align: justify; text-justify: inter-ideograph; opacity: 0; right: 150px; }
.home a { display: block; position: relative; width: 180px; border: #fff 1px solid; line-height: 48px; height: 48px; text-align: center; margin-top: 50px; border-radius: 10px; box-shadow: rgba(255,255,255,1) 0 0 10px inset; font-size: 24px; text-decoration: none; color: #fff; opacity: 0; right: -150px; }
.home.swiper-slide-active h1 { opacity: 1; right: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.home.swiper-slide-active h2 { opacity: 1; top: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.home.swiper-slide-active p { opacity: 1; right: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.home.swiper-slide-active a { opacity: 1; right: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }

.swiper-button-prev { left: 30px; width: 100px; height: 100px; background-image: url(../images/prev.png); margin-top: -50px; background-size:100% 100%; }
.swiper-button-next { right: 30px; width: 100px; height: 100px; background-image: url(../images/next.png); margin-top: -50px; background-size: 100% 100%; }

.general1 { background-image: url(../images/general1_bg.jpg); }
.general1 .content { padding-top: 200px; }
.general1 .title { position: absolute; opacity: 0; top: -100px; left: 50%; margin-left: -960px; width: 1920px; text-align: center; }
.general1 .title::before, .general1 .title::after { display: block; content: ''; position: absolute; height: 1px; background-color: #ccc; top: 30px; width: 700px; }
.general1 .title::before { left: 0; }
.general1 .title::after { right: 0; }
.general1 .title h1 { font-size: 36px; color: #a0190e; }
.general1 .title h2 { font-size: 24px; }
.general1 p { text-indent: 2em; text-align: justify; text-justify: inter-ideograph; }
.general1 .content > p { opacity: 0; top: 50px; }
.general1 .content p:nth-of-type(1){margin-bottom:10px;}
.general1 .item3 p:nth-of-type(1){margin-bottom:0px;}
.general1 .chart { position: relative; background-image: url(../images/general1_img1.png); background-repeat: no-repeat; background-position: center 60px; height: 350px; }
.general1 .chart > div { position: absolute; background-repeat: no-repeat; background-position: left bottom; }
.general1 .little_title { opacity: 0; width: 70px; height: 220px; left: 0; bottom: 85px; background-image: url(../images/general1_chart_title.png); }
.general1 .little_title span { display: block; position: absolute; font-size: 24px; width: 1em; height: 4.8em; line-height: 1.2em; top: 50%; left: .8em; margin-top: -2.4em; }
.general1 .chart h1 { font-size: 18px; position: absolute; }
.general1 .chart p { font-size: 16px; text-indent: 0; margin-top: 0; }

.general1 .chart .item1 { opacity: 0; padding-left: 150px; padding-bottom: 77px; background-image: url(../images/general1_item1.png); left: 428px; top: 45px; }
.general1 .chart .item1 h1 { left: 10px; top: 30px; }
.general1 .chart .item1 b { color: #72b163; }
.general1 .chart .item2 { opacity: 0; top: 160px; left: 35px; padding-top: 100px; padding-bottom: 0px; padding-right: 150px; background-image: url(../images/general1_item2.png); }
.general1 .chart .item2 h1 { top:70px; right: 10px; }
.general1 .chart .item2 b { color: #5495df; }
.general1 .chart .item3 { opacity: 0; top: 90px; left: 735px; padding-left: 200px; padding-top: 100px; padding-bottom: 30px; background-image: url(../images/general1_item3.png); width: 380px; }
.general1 .chart .item3 h1 { top: 64px; left: 20px; }
.general1 .chart .item3 p { font-size: 15px; }
.general1 .chart .item3 p + p { margin-left: 10px; }
.general1 .chart .item3 p + p + p { margin-left: 20px; }
.general1 .chart .item3 b { color: #ff6600; }
.general1.swiper-slide-active .title { opacity: 1; top: 70px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.general1.swiper-slide-active .content > p { opacity: 1; top: -20px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.general1.swiper-slide-active .little_title { opacity: 1; left: 50px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.general1.swiper-slide-active .item1 { opacity: 1; left: 328px; top:-6px;transition-delay: .5s; -webkit-transition-delay: .5s; }
.general1.swiper-slide-active .item2 { opacity: 1; left: 135px; top:110px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.general1.swiper-slide-active .item3 { opacity: 1; left: 635px; top:61px; transition-delay: .5s; -webkit-transition-delay: .5s; }


.general2 { background-image: url(../images/general2_bg.png); }
.general2 .content { height: 600px; background-image: url(../images/general2_img.png); background-size: 90%; padding-top: 50px; background-repeat: no-repeat; background-position: 0 50px; }
.general2 .content > div, .general2 .content > ul { position: absolute; }
.general2 ul { width: 500px; left: 50%; opacity: 0; margin-left: -100px;}
.general2 .title { opacity: 0; top: 70px; left: -100px; color: #fff; }
.general2 .title h1 { font-size: 42px; opacity:.5; }
.general2 .title h2 { font-size: 42px; opacity:.5; }
.general2 .title h3 { font-size: 36px; }
.general2 .flow1 { opacity: 0; width: 130px; height: 130px; text-align: center; line-height: 130px; font-size: 24px; left: -100px; top: 47%; margin-top: -20px; background-image: url(../images/general2_item1.png); background-size: 100% 100%; }
.general2 .flow2, .general2 .flow3 { opacity: 0; width: 105px; height: 105px; text-align: center; line-height: 105px; font-size: 18px; left: 130px; background-image: url(../images/general2_item2.png); background-size: 100% 100%; }
.general2 .flow4, .general2 .flow5, .general2 .flow6, .general2 .flow7, .general2 .flow8 { opacity: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 12px; left: 350px; background-image: url(../images/general2_item3.png); background-size: 100% 100%; }
.general2 .flow2 { top: 200px; }
.general2 .flow3 { top: 430px; }
.general2 .flow4 { top: 110px; }
.general2 .flow5 { top: 200px; }
.general2 .flow6 { top: 50%; top:290px; }
.general2 .flow7 { top: 410px; }
.general2 .flow8 { bottom: 70px; }
.general2 .item1 { top: 100px; }
.general2 .item2 { top: 235px; }
.general2 .item3 { top: 50%; top: 310px; }
.general2 .item4 { top: 410px; }
.general2 .item5 { bottom: 90px; }
.general2.swiper-slide-active .title { opacity: 1; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general2.swiper-slide-active .flow1 { opacity: 1; left: 5px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.general2.swiper-slide-active .flow2 { opacity: 1; left: 200px; transition-delay: .6s; -webkit-transition-delay: .6s; }
.general2.swiper-slide-active .flow3 { opacity: 1; left: 200px; transition-delay: .7s; -webkit-transition-delay: .7s; }
.general2.swiper-slide-active .flow4 { opacity: 1; left: 400px; transition-delay: .8s; -webkit-transition-delay: .8s; }
.general2.swiper-slide-active .flow5 { opacity: 1; left: 400px; transition-delay: .9s; -webkit-transition-delay: .9s; }
.general2.swiper-slide-active .flow6 { opacity: 1; left: 400px; transition-delay: 1s; -webkit-transition-delay: 1s; }
.general2.swiper-slide-active .flow7 { opacity: 1; left: 400px; transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.general2.swiper-slide-active .flow8 { opacity: 1; left: 400px; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.general2.swiper-slide-active .item1 { opacity: 1; margin-left:-50px; transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.general2.swiper-slide-active .item2 { opacity: 1; margin-left: -50px; transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.general2.swiper-slide-active .item3 { opacity: 1; margin-left: -50px; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.general2.swiper-slide-active .item4 { opacity: 1; margin-left: -50px; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
.general2.swiper-slide-active .item5 { opacity: 1; margin-left: -50px; transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }

.general3 { background-image: url(../images/general3_bg.png); }
.general3 .content { font-size: 0; letter-spacing: -5px; padding-top: 50px; }
.general3 .content > div { position: relative; display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; vertical-align: top; }
.general3 .title { text-align: center; width: 100%; opacity: 0; top: -100px; }
.general3 .title h1 { font-size: 36px; color: #a0190e; }
.general3 .title h2 { font-size: 24px; color: #fff; }
.general3 .box { opacity: 0; border: #fff 1px solid; border-radius: 5px; color: #fff; margin-top: 10px; }
.general3 .box h1 { text-align: center; font-size: 18px; height: 45px; line-height: 50px; }
.general3 .box ul { border-top: #fff 1px solid; text-align: center; height: 180px; }
.general3 .box li { display: inline-block; *display: inline; *zoom: 1; width: 115px; height: 115px; text-align: center; background-image: url(../images/general3_item.png); font-size: 16px; vertical-align: middle; position: relative; line-height: 115px; margin: 0 -15px; top: 9px; cursor: pointer; }
.general3 .box li:hover { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.general3 .box li:nth-child(2n) { top:56px; }
.general3 .box1 { width: 266px; top: -50px; left: -50px; }
.general3 .box2 { width: 870px; margin-left: 60px; top: -50px; left: 50px; }
.general3 .box3 { width: 1198px; top: 100px; }
.general3 .box4 { width: 1198px; top: 100px; }
.general3 .box5 { width: 30%; top: 100px; }
.general3 .box6 { width: 30%; margin-left: 57px; top: 100px; }
.general3 .box7 { width: 30%; margin-left: 57px; top: 100px; }
.general3.swiper-slide-active .title { opacity: 1; top: -30px; transition-delay: .8s; -webkit-transition-delay: .8s; }
.general3.swiper-slide-active .box1 { opacity: 1; top: 0; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box2 { opacity: 1; top: 0; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box3 { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box4 { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box5 { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box6 { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.general3.swiper-slide-active .box7 { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }

.solution_menu { background-image: url(../images/solution_menu_bg.png); }
.solution_menu .content { padding-top: 150px; }
.solution_menu .title { position: absolute; opacity: 0; top: -100px; left: 50%; margin-left: -960px; width: 1920px; text-align: center; }
.solution_menu .title::before, .solution_menu .title::after { display: block; content: ''; position: absolute; height: 1px; background-color: #ccc; top: 30px; width: 700px; }
.solution_menu .title::before { left: 0; }
.solution_menu .title::after { right: 0; }
.solution_menu .title h1 { font-size: 36px; color: #a0190e; }
.solution_menu .title h2 { font-size: 24px; }
.solution_menu ul { font-size: 0; letter-spacing: -5px; margin: 0 100px; }
.solution_menu li { position: relative; opacity: 0; display: inline-block; *display: inline; *zoom: 1; width: 33.33%; }
.solution_menu li a { display: block; position: relative; border: #e0e0e0 1px solid; border-radius: 5px; background-color: #fff; margin: 10px; text-decoration: none; letter-spacing: normal; text-align: center; overflow: hidden; box-shadow: rgba(0,0,0,.2) 0 3px 5px; }
.solution_menu li span { display: block; position: absolute; background-color: rgba(160,25,14,.8); width: 100%; bottom: 0; color: #fff; font-size: 16px; line-height: 2.5em; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution_menu li a:hover span { background-color: rgba(160,25,14,1); }
.solution_menu li:nth-child(1) { top: -50px; left: -50px; }
.solution_menu li:nth-child(2) { top: -50px; }
.solution_menu li:nth-child(3) { top: -50px; left: 50px; }
.solution_menu li:nth-child(4) { left: -50px; }
.solution_menu li:nth-child(5) { }
.solution_menu li:nth-child(6) { left: 50px; }
.solution_menu li:nth-child(7) { left: -50px; top: 50px; }
.solution_menu li:nth-child(8) { top: 50px; }
.solution_menu li:nth-child(9) { top: 50px; left: 50px; }

.solution_menu.swiper-slide-active .title { opacity: 1; top: 50px; transition-delay: .8s; -webkit-transition-delay: .8s; }
.solution_menu.swiper-slide-active li:nth-child(1) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(2) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(3) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(4) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(5) { opacity: 1; top: 0; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution_menu.swiper-slide-active li:nth-child(6) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(7) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(8) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution_menu.swiper-slide-active li:nth-child(9) { opacity: 1; top: 0; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }

.solution1 { background-image: url(../images/solution1_bg.png); }
.solution1 .text { position: relative; width: 420px; color: #fff; opacity: 0; left: -100px; }
.solution1 .text h1 { font-size: 24px; text-align: center; line-height: 3em; }
.solution1 .text p { text-indent: 2em; text-align: justify; text-justify: inter-ideograph; font-size: 16px; margin-top: 15px; }
.solution1 .img { position: absolute; width: 680px; height: 280px; left: 450px; top: 50%; margin-top: -130px; background-image: url(../images/solution1_img.png); background-position: center center; background-repeat: no-repeat; }
.solution1 .img li { display: block; opacity: 0; position: absolute; border: #fff 2px solid; border-radius: 50%; font-size: 16px; overflow: hidden; color: #fff; box-shadow: rgba(0,0,0,.2) 0 3px 5px; }
.solution1 .img li span { display: table-cell; vertical-align: middle; text-align: center; }
.solution1 .img li:nth-child(1) { width: 76px; height: 76px; background-color: #92e2fc; background: linear-gradient(#9ae5fe,#55cdf2); background: -webkit-linear-gradient(#9ae5fe,#55cdf2); left: 50px; top:-20px; }
.solution1 .img li:nth-child(1) span { width: 76px; height: 76px; }
.solution1 .img li:nth-child(2) { width: 110px; height: 110px; background-color: #8dbaea; background: linear-gradient(#89bcea,#a4aee8); background: -webkit-linear-gradient(#89bcea,#a4aee8); top: 60px; left: 150px; }
.solution1 .img li:nth-child(2) span { width: 110px; height: 110px; }
.solution1 .img li:nth-child(3) { width: 70px; height: 70px; background-color: #6dc2c2; background: linear-gradient(#78dbdb,#64a8a8); background: -webkit-linear-gradient(#78dbdb,#64a8a8); top: -20px; left: 300px; }
.solution1 .img li:nth-child(3) span { width: 70px; height: 70px; }
.solution1 .img li:nth-child(4) { width: 90px; height: 90px; background-color: #ec9089; background: linear-gradient(#f0879a,#e6a26b); background: -webkit-linear-gradient(#f0879a,#e6a26b); top: -70px; right: 125px; }
.solution1 .img li:nth-child(4) span { width: 90px; height: 90px; }
.solution1 .img li:nth-child(5) { width: 70px; height: 70px; background-color: #fec2c2; background: linear-gradient(#ffc6c6,#faa9a9); background: -webkit-linear-gradient(#ffc6c6,#faa9a9); left: 50px; top: 230px; }
.solution1 .img li:nth-child(5) span { width: 70px; height: 70px; }
.solution1 .img li:nth-child(6) { width: 100px; height: 100px; background-color: #decf6a; background: linear-gradient(#f7e677,#c0b35b); background: -webkit-linear-gradient(#f7e677,#c0b35b); left: 280px; top: 180px; }
.solution1 .img li:nth-child(6) span { width: 100px; height: 100px; }
.solution1 .img li:nth-child(7) { width: 72px; height: 72px; background-color: #8ddafd; background: linear-gradient(#a1e7fb,#75cbff); background: -webkit-linear-gradient(#a1e7fb,#75cbff); right: 80px; top: 160px; }
.solution1 .img li:nth-child(7) span { width: 72px; height: 72px; }
.solution1 .img li:nth-child(8) { width: 105px; height: 105px; background-color: #8af3aa; background: linear-gradient(#9effbb,#5ed883); background: -webkit-linear-gradient(#9effbb,#5ed883); right: -80px; top: 80px; }
.solution1 .img li:nth-child(8) span { width: 105px; height: 105px; }
.solution1.swiper-slide-active .text { opacity: 1; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution1.swiper-slide-active .img li:nth-child(1) { opacity: 1; top:0; transition-delay: .3s; -webkit-transition-delay: .3s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(2) { opacity: 1; top:80px; transition-delay: .5s; -webkit-transition-delay: .5s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(3) { opacity: 1; top: 0; transition-delay: .7s; -webkit-transition-delay: .7s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(4) { opacity: 1; top: -50px; transition-delay: .4s; -webkit-transition-delay: .4s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(5) { opacity: 1; top: 250px; transition-delay: .8s; -webkit-transition-delay: .8s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(6) { opacity: 1; top: 200px; transition-delay: .6s; -webkit-transition-delay: .6s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(7) { opacity: 1; top: 180px; transition-delay: .9s; -webkit-transition-delay: .9s; transition-duration: .5s; -webkit-transition-duration: .5s; }
.solution1.swiper-slide-active .img li:nth-child(8) { opacity: 1; top: 100px; transition-delay: 1s; -webkit-transition-delay: 1s; transition-duration: .5s; -webkit-transition-duration: .5s; }

.solution2 { background-image: url(../images/solution2_bg.png); }
.solution2 .content { padding-top: 50px; }
.solution2 .title { opacity: 0; top: -80px; text-align: center; font-size: 36px; color: #fff; line-height: 2em; }
.solution2 ul { position: relative; background-image: url(../images/solution2_img.png); background-position: center center; background-repeat: no-repeat; height: 400px; }
.solution2 li { position: absolute; width: 240px; text-align: center; opacity: 0; }
.solution2 li h1 { font-size: 18px; color: #a0190e; margin-top: 20px; }
.solution2 li h2 { font-size: 16px; color: #fff; margin-bottom: 20px; }
.solution2 li:nth-child(1) { left: -150px; }
.solution2 li:nth-child(2) { left: 100px; }
.solution2 li:nth-child(3) { left: 400px; }
.solution2 li:nth-child(4) { left: 650px; }
.solution2 li:nth-child(5) { right: 60px; }
.solution2.swiper-slide-active .title { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution2.swiper-slide-active li:nth-child(1) { opacity: 1; top: 70px; left: -50px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution2.swiper-slide-active li:nth-child(2) { opacity: 1; top: 70px; left: 200px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution2.swiper-slide-active li:nth-child(3) { opacity: 1; top: 85px; left: 500px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution2.swiper-slide-active li:nth-child(4) { opacity: 1; top: 125px; left: 750px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution2.swiper-slide-active li:nth-child(5) { opacity: 1; top: 25px; right: -40px; transition-delay: .3s; -webkit-transition-delay: .3s; }

.solution3 { background-image: url(../images/solution3_bg.png); }
.solution3 .content { height: 650px; position: relative; }
.solution3 .content > div { position: absolute; color: #fff; }
.solution3 .box { opacity: 0; top: 50%; left: 50%; background-image: url(../images/solution3_bg21.png); background-repeat: no-repeat; z-index: 0; }
.solution3 .box1 { width: 435px; height: 438px; margin-top: -230px; margin-left: -247px; transform: rotate(30deg); -webkit-transform: rotate(30deg); }
.solution3 .box2 { width: 358px; height: 361px; margin-top: -194px; margin-left: -205px; background-position: -437px -76px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }
.solution3 .box3 { width: 293px; height: 301px; margin-top: -166px; margin-left: -173px; background-position: -795px -135px; transform: rotate(60deg); -webkit-transform: rotate(60deg); }
.solution3 .title { opacity: 0; background-image: url(../images/solution3_img.png); width: 465px; height: 404px; z-index: 1; top: 50%; left: 50%; margin-top: -207px; margin-left: -260px; transform: rotate(30deg); -webkit-transform: rotate(30deg); background-size:100%;}
.solution3 .title span { display: block; position: absolute; font-size: 36px; height: 2em; width: 5em; text-align: center; top: 50%; left: 50%; margin-top: -1.5em; margin-left: -2.5em; line-height: 1.2em; }
.solution3 .t { opacity: 0; font-size: 18px; width: 20em; }
.solution3 .t1 { top:140px; left:30px; }
.solution3 .t2 { top: 150px; left: 1000px; }
.solution3 .t3 { top: 350px; left: 1010px; }
.solution3 .t4 { top: 530px; left: -80px; }
.solution3 .t5 { top: 550px; left: 900px; }
.solution3.swiper-slide-active .title { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; transform: rotate(0); -webkit-transform: rotate(0); }
.solution3.swiper-slide-active .box1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; transform: rotate(0); -webkit-transform: rotate(0); -webkit-animation: go 6s linear infinite alternate;
-moz-animation: go 6s linear infinite alternate;
-o-animation: go 6s linear infinite alternate;
-ms-animation: go 6s linear infinite alternate;
animation: go 6s linear infinite alternate;
}
.solution3.swiper-slide-active .box2 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; transform: rotate(0); -webkit-transform: rotate(0); -webkit-animation: go 8s linear infinite  alternate;
-moz-animation: go 8s linear infinite  alternate;
-o-animation: go 8s linear infinite  alternate;
-ms-animation: go 8s linear infinite  alternate;
animation: go 8s linear infinite  alternate;
}

.solution3.swiper-slide-active .box3 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; transform: rotate(0); -webkit-transform: rotate(0); -webkit-animation: go 6s linear infinite alternate;
-moz-animation: go 6s linear infinite alternate;
-o-animation: go 6s linear infinite alternate;
-ms-animation: go 6s linear infinite alternate;
animation: go 6s linear infinite alternate;
}
@-webkit-keyframes go{
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
@-moz-keyframes go{
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
@-o-keyframes go{
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
@-ms-keyframes go{
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
@keyframes go{
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
.solution3.swiper-slide-active .t1 { opacity: 1; left:180px;top:170px;  transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution3.swiper-slide-active .t2 { opacity: 1; left: 770px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution3.swiper-slide-active .t3 { opacity: 1; left: 810px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution3.swiper-slide-active .t4 { opacity: 1; left: 40px;top:480px; transition-delay: .5s; -webkit-transition-delay: .5s; }
.solution3.swiper-slide-active .t5 { opacity: 1; left: 700px;top:500px; transition-delay: .5s; -webkit-transition-delay: .5s; }




.solution4 { background-image: url(../images/solution4_bg.png); }
.solution4 .content { position: relative; height: 650px; background-position: center center; background-repeat: no-repeat; background-size:auto 330px; }
.solution4 .content > div { position: absolute; opacity: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; height: 115px; }
.solution4 .content span { display: block; color: #fff; font-size: 16px; text-align: center; }
.solution4 .content .title { background-image: url(../images/htgl_title.png); width: 1200px; height: 100px; top: 50%; left: 50%; margin-top: -208px; margin-left: -600px; }

.solution4 .content .title span { font-size: 36px; margin-top: 40px; }


.solution4 .img { position: absolute; width: 1000px; height: 400px;left:50%;top:50%;margin-top:-107px;margin-left:-500px;}
.solution4 .img li { display: block; opacity: 0; position: absolute; overflow: hidden; color: #fff; }


.solution4 .img .t2{width:90px; height:90px;background: url(../images/solution4_img1.png);background-size:100% 100%;margin-top:150px;left:-100px;opacity:0.1;}
.solution4 .img .t3{width:85px; height:85px;background: url(../images/solution4_img2.png);background-size:100% 100%;left:90px;top:300px;opacity:0.1;}
.solution4 .img .t4{width:90px; height:90px;background: url(../images/solution4_img3.png);background-size:100% 100%;left:130px;top:40px;opacity:0.1;}
.solution4 .img .t5{width:125px; height:125px;background: url(../images/solution4_img4.png);background-size:100% 100%;left:270px;top:150px;opacity:0.1;}
.solution4 .img .t6{width:90px; height:90px;background: url(../images/solution4_img5.png);background-size:100% 100%;left:340px;top:323px;opacity:0.1;}
.solution4 .img .t7{width:105px; height:105px;background: url(../images/solution4_img6.png);background-size:100% 100%;left:535px;top:260px;opacity:0.1;}
.solution4 .img .t8{width:100px; height:100px;background: url(../images/solution4_img7.png);background-size:100% 100%;left:540px;top:60px;opacity:0.1;}
.solution4 .img .t9{width:90px; height:90px;background: url(../images/solution4_img8.png);background-size:100% 100%;left:690px;top:170px;opacity:0.1;}
.solution4 .img .t10{width:110px; height:110px;background: url(../images/solution4_img9.png);background-size:100% 100%;left:820px;top:80px;opacity:0.1;}

.solution4 .img li span { display: table-cell; vertical-align: middle; text-align: center; position:absolute;}
.solution4 .img .t2 span {margin-top:52px;margin-left:17px;font-size:14px;}
.solution4 .img .t3 span {margin-top:52px;margin-left:17px;font-size:12px;}
.solution4 .img .t4 span {margin-top:52px;margin-left:17px;font-size:14px;}
.solution4 .img .t5 span {margin-top:75px;margin-left:16px;font-size:13px;}
.solution4 .img .t6 span {margin-top:52px;margin-left:19px;font-size:13px;}
.solution4 .img .t7 span {margin-top:64px;margin-left:14px;font-size:13px;}
.solution4 .img .t8 span {margin-top:64px;margin-left:22px;font-size:13px;}
.solution4 .img .t9 span {margin-top:55px;margin-left:19px;font-size:13px;}
.solution4 .img .t10 span {margin-top:70px;margin-left:17px;font-size:13px;}

.solution4.swiper-slide-active .title { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution4.swiper-slide-active .t2 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s;left:0px; }
.solution4.swiper-slide-active .t3 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 140px; }
.solution4.swiper-slide-active .t4 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 170px; }
.solution4.swiper-slide-active .t5 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 320px; }
.solution4.swiper-slide-active .t6 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 390px; }
.solution4.swiper-slide-active .t7 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 575px; }
.solution4.swiper-slide-active .t8 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 590px; }
.solution4.swiper-slide-active .t9 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 750px; }
.solution4.swiper-slide-active .t10 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s;left: 890px; }

.solution5 { background-image: url(../images/solution5_bg.png); }
.solution5 .chart { width: 520px; height: 520px; position: absolute; top: 50%; left: -200px; margin-top: -220px; background-image: url(../images/solution5_chart.png); z-index: 10; opacity: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); background-size: 100%;}
.solution5 .chart h1 { position: absolute; width: 1em; font-size: 36px; color: #fff; line-height: 1.1em; top: 50%; margin-top: -3.3em; left:160px; }
.solution5 .chart h2 { position: absolute; color: #fff; font-size: 30px; top: 150px; left: 300px; }
.solution5 .chart h3 { position: absolute; color: #fff; font-size: 30px; top: 300px; left: 290px; }
.solution5 .item1, .solution5 .item2 { opacity: 0; background-position: left bottom; background-repeat: no-repeat; margin-left: 850px; padding-left: 200px; padding-bottom: 50px; padding-top: 50px; }
.solution5 .item1 li, .solution5 .item2 li { font-size: 16px; color: #fff; display: inline-block; *display: inline; *zoom: 1; }
.solution5 .item1 { background-image: url(../images/solution5_item1.png); width: 300px; padding-right: 280px; }
.solution5 .item2 { background-image: url(../images/solution5_item2.png); width: 200px; padding-right: 380px; }
.solution5 span { font-size: 24px; }
.solution5.swiper-slide-active .chart { opacity: 1; left: 16px; transition-delay: .3s; -webkit-transition-delay: .3s; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); }
.solution5.swiper-slide-active .item1 { opacity: 1; margin-left: 450px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution5.swiper-slide-active .item2 { opacity: 1; margin-left: 450px; transition-delay: .5s; -webkit-transition-delay: .5s; }

.solution6 { background-image: url(../images/solution6_bg.png); }
.solution6 img { position: absolute; left: 0; top: 60%; opacity: 0; }
.solution6 h1, .solution6 p { opacity: 0; color: #fff; margin-left: 750px; padding-right: 50px; font-size: 16px; }
.solution6 h1 { text-align: center; font-size: 24px; }
.solution6 p { text-indent: 2em; margin-top: 15px; text-align: justify; text-justify: inter-ideograph; }
.solution6 .content .img1 { margin-top: -140px; left:-200px; }
.solution6 .content .img2 { left: 150px; }
.solution6.swiper-slide-active h1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution6.swiper-slide-active p { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution6.swiper-slide-active .img1 { opacity: 1; left:0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution6.swiper-slide-active .img2 { opacity: 1; left:350px; transition-delay: .5s; -webkit-transition-delay: .5s; }

.solution7 { background-image: url(../images/solution7_bg.png); }
.solution7 img { position: absolute; left: 50%; top: 50%; opacity: 0; }
.solution7 h1, .solution7 p { opacity:0; color: #fff; margin-left: 50px; width: 400px; font-size: 16px; }
.solution7 h1 { text-align: center; font-size: 24px; }
.solution7 p { position: relative; padding-left: 2em; margin-top: 15px; text-align: justify; text-justify: inter-ideograph; }
.solution7 p span { position: absolute; font-size: 24px; left: 0; top: -3px; }
.solution7 .content .img1 { margin-top: -180px; margin-left: 200px; }
.solution7 .content .img2 { margin-top: 30px; margin-left: 150px; }
.solution7.swiper-slide-active h1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution7.swiper-slide-active p { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution7.swiper-slide-active .img1 { opacity: 1; margin-left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution7.swiper-slide-active .img2 { opacity: 1; margin-left: -50px; transition-delay: .5s; -webkit-transition-delay: .5s; }

.solution8 { background-image: url(../images/solution8_bg.png); }
.solution8 img { position: absolute; left: -200px; top: 50%; margin-top: -130px; opacity: 0; }
.solution8 h1, .solution8 p { color: #fff; margin-left: 750px; padding-right: 50px; font-size: 16px; }
.solution8 h1 { text-align: center; font-size: 24px; }
.solution8 p { text-indent: 2em; margin-top: 15px; text-align: justify; text-justify: inter-ideograph; }
.solution8.swiper-slide-active h1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution8.swiper-slide-active p { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution8.swiper-slide-active img { opacity: 1; left: 120px; transition-delay: .3s; -webkit-transition-delay: .3s; }

.solution9 { background-image: url(../images/solution9_bg.png); }
.solution9 img { position: absolute; left: 0; top: 50%; opacity: 0; }
.solution9 h1, .solution9 p { opacity: 0; color: #fff; margin-left: 750px; padding-right: 50px; font-size: 16px; }
.solution9 h1 { text-align: center; font-size: 24px; }
.solution9 p { text-indent: 2em; margin-top: 15px; text-align: justify; text-justify: inter-ideograph; }
.solution9 .content .img1 { margin-top: -500px; left: 300px; width: 280px; }
.solution9 .content .img2 { margin-top: -1000px; left: 250px; width: 300px; }
.solution9 .content .img3 { margin-top: -1300px; left: 150px; width: 360px; }
.solution9 .content .img4 { margin-top: -1500px; left: 100px; width: 360px; }
.solution9.swiper-slide-active h1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution9.swiper-slide-active p { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution9.swiper-slide-active .img1 { opacity: 1; margin-top: -160px; margin-left:50px;transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution9.swiper-slide-active .img2 { opacity: 1; margin-top: -130px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution9.swiper-slide-active .img3 { opacity: 1; margin-top: -90px; margin-left:-30px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.solution9.swiper-slide-active .img4 { opacity: 1; margin-top: -50px; margin-left:-50px;transition-delay: .3s; -webkit-transition-delay: .3s; }

.case { background-color: #fff; }
.case .content { padding-top: 150px; }
.case .title { position: absolute; opacity: 0; top: -100px; left: 50%; margin-left: -960px; width: 1920px; text-align: center; }
.case .title::before, .case .title::after { display: block; content: ''; position: absolute; height: 1px; background-color: #ccc; top: 30px; width: 700px; }
.case .title::before { left: 0; }
.case .title::after { right: 0; }
.case .title h1 { font-size: 36px; color: #a0190e; }
.case .title h2 { font-size: 24px; }
.case .list ul { font-size: 0; letter-spacing: -5px; }
.case .list{top:20px}
.case .list li { display: inline-block; *display: inline; *zoom: 1; width: 49%; text-align: center; vertical-align: top; letter-spacing: normal; opacity: 0; position: relative; }
.case .list h1 { font-size: 18px; text-align: center; font-weight: bold; margin-top: 20px; }
.case .list p { margin: 0 50px; font-size: 16px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; margin-top: 20px; height: 5.4em; }
.case .list a.morebtn { display: block; position: relative; width: 150px; border: #c0cbde 1px solid; line-height: 36px; height: 36px; text-align: center; border-radius: 3px; box-shadow: rgba(192,203,222,1) 0 0 10px inset; font-size: 16px; text-decoration: none; color: #454545; margin: 0 auto; margin-top: 50px; }
.case .list a:hover { border-color: #e0e0e0; }
.case .list ul li:nth-child(1) { left: -600px; border-right: 1px solid #ccc;}
.case .list ul li:nth-child(2) { left: 600px; }
.case.swiper-slide-active .list ul li:nth-child(1) { opacity: 1; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.case.swiper-slide-active .list ul li:nth-child(2) { opacity: 1; left: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.case.swiper-slide-active .title { opacity: 1; top: 60px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.research { background-color: #f5f5f5; }
.research .content { padding-top: 180px; }
.research .title { position: absolute; opacity: 0; top: -100px; left: 50%; margin-left: -960px; width: 1920px; text-align: center; }
.research .title::before, .research .title::after { display: block; content: ''; position: absolute; height: 1px; background-color: #ccc; top: 30px; width: 700px; }
.research .title::before { left: 0; }
.research .title::after { right: 0; }
.research .title h1 { font-size: 36px; color: #a0190e; }
.research .title h2 { font-size: 24px; }
.research ul { font-size: 0; letter-spacing: -5px; }
.research li { display: inline-block; *display: inline; *zoom: 1; width: 33.33%; }
.research a { display: block; text-align: center; text-decoration: none; letter-spacing: normal; position: relative; opacity: 0; }
.research li + li a { border-left: #ccc 1px solid; }
.research a h1 { font-size: 18px; color: #454545; font-weight: bold; margin-top: 20px; }
.research ul li:nth-child(1) a { left: -400px; }
.research ul li:nth-child(2) a { }
.research ul li:nth-child(3) a { left: 400px; }
.research.swiper-slide-active .title { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.research.swiper-slide-active ul li:nth-child(1) a { opacity: 1; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }
.research.swiper-slide-active ul li:nth-child(2) a { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; }
.research.swiper-slide-active ul li:nth-child(3) a { opacity: 1; left: 0; transition-delay: .5s; -webkit-transition-delay: .5s; }

.exhibition { background-image: url(../images/exhibition_bg.png); }
.exhibition .content { padding-top: 100px; }
.exhibition ul { font-size: 0; left: -5px; text-align: center; margin-top: -55px; position: relative; opacity: 0; }
.exhibition li { display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 120px;}
.exhibition li img { width: 120px; }
.exhibition .content ul:nth-child(1) { top: 520px; }
.exhibition .content ul:nth-child(2) { top: 430px; }
.exhibition .content ul:nth-child(3) { top: 340px; }
.exhibition .content ul:nth-child(4) { top: 270px; }
.exhibition .content ul:nth-child(5) { top: 200px; }
.exhibition .content ul:nth-child(6) { top: 130px; }
.exhibition .content ul:nth-child(7) { top: 60px; }
.exhibition .content ul:nth-child(8) { }
.exhibition.swiper-slide-active .content ul:nth-child(1) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(2) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(3) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(4) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(5) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(6) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(7) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }
.exhibition.swiper-slide-active .content ul:nth-child(8) { opacity: 1; top: 0; transition-delay: .3s; -webkit-transition-delay: .3s; }




.contact { }
.contact .content { padding-top: 120px; height: 542px; }
.contact .title { position: absolute; opacity: 0; top: -100px; left: 50%; margin-left: -960px; width: 1920px; text-align: center; }
.contact .title::before, .contact .title::after { display: block; content: ''; position: absolute; height: 1px; background-color: #ccc; top: 30px; width: 700px; }
.contact .title::before { left: 0; }
.contact .title::after { right: 0; }
.contact .title h1 { font-size: 36px; color: #a0190e; }
.contact .title h2 { font-size: 24px; }
.contact .c { position: absolute; background-size: cover; opacity: 0; }
.contact .c h1 { margin-left: 230px; margin-right: 20px; margin-top: 10px; font-size: 16px; text-align: center; border-bottom: #e0e0e0 1px solid; line-height: 2.5em; margin-bottom: 10px; }
.contact .c p { position: relative; padding-left: 3em; margin-left: 230px; margin-right: 20px; margin-top: 5px; font-size: 12px; text-align: justify; text-justify: inter-ideograph; }
.contact .c label { display: block; position: absolute; top: 0; left: 0; }
.contact .c1 { width: 300px; height: 480px; background-image: url(../images/contact_img1.png); left: -200px; top: 160px; color: #fff; }
.contact .c2 { width: 430px; height: 240px; background-image: url(../images/contact_img2.png); top: 160px; left: 520px; }
.contact .c3 { width: 430px; height: 240px; background-image: url(../images/contact_img3.png); top: 160px; left: 960px; }
.contact .c4 { width: 430px; height: 240px; background-image: url(../images/contact_img4.png); top: 400px; left: 520px; }
.contact .c5 { width: 430px; height: 240px; background-image: url(../images/contact_img5.png); top: 400px; left: 960px; }
.contact .c1 h1 { font-size: 16px; text-align: center; margin: 0 20px; margin-top: 280px; margin-bottom: 10px; }
.contact .c1 p { margin: 0 20px; }
.contact.swiper-slide-active .title { opacity: 1; top: 60px; transition-delay: .3s; -webkit-transition-delay: .3s; }
.contact.swiper-slide-active .c1 { opacity: 1; transition-delay: .3s; -webkit-transition-delay: .3s; left: 20px; }
.contact.swiper-slide-active .c2 { opacity: 1; transition-delay: .5s; -webkit-transition-delay: .5s; left:320px; }
.contact.swiper-slide-active .c3 { opacity: 1; transition-delay: .7s; -webkit-transition-delay: .7s; left:750px; }
.contact.swiper-slide-active .c4 { opacity: 1; transition-delay: .6s; -webkit-transition-delay: .6s; left:320px; }
.contact.swiper-slide-active .c5 { opacity: 1; transition-delay: .8s; -webkit-transition-delay: .8s; left:750px; }
.contact .c:hover{opacity:0.8; transition-delay: .1s; -webkit-transition-delay: .1s;cursor:pointer; }