@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 7.8rem; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; font-size: 14px; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:9rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:7.8rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5;
}
}
/*****section2*****/
#section2 { position: relative; margin: 0 auto; background: #FFF; padding: 6vw 0; }
#section2 .abo_top { width: 100%; overflow: hidden; position: relative; }
#section2 .abo_top .about_l { width: 46.5%; overflow: hidden; float: left; line-height: 2.3; text-indent: 2em; }
#section2 .abo_top .about_r { width: 48.75%; overflow: hidden; float: right; display: block; }
#section2 .abo_bov { display: none; }
#section2 .abo_bo { width: 100%; overflow: hidden; line-height: 2.3; padding-top: 2; text-indent: 2em; }
#section2 .ab_img { width: 100%; overflow: hidden; padding-top: 35px; }
#section2 .ab_img #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 26px; }
#section2 .ab_img #owl-demo .item { width: 100%; display: block; line-height: normal; }
#section2 .ab_img #owl-demo .item img { width: 97.5%; display: block; }
#section2 .ab_img #owl-demo .owl-item:nth-of-type(1) img { float: left; }
#section2 .ab_img #owl-demo .owl-item:nth-of-type(2) img { margin: 0 auto; }
#section2 .ab_img #owl-demo .owl-item:nth-of-type(3) img { float: right; }
#section2 .ab_img .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 10px; display: block; }
#section2 .ab_img .owl-page { display: inline-block; width: 14px; height: 14px; margin: 0 5px; background: #898989; *display: inline;
*zoom: 1;
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#section2 .ab_img .owl-pagination .active { background: #d50e25; }
@media screen and (max-width: 1700px) and (min-width:1025px) {
#section2 .ab_img { padding-top: 25px; }
}
@media screen and (max-width: 1700px) and (min-width:1500px) {
#section2 .abo_top .about_l { width: 44%; }
#section2 .abo_top .about_r { width: 52%; position: absolute; right: 0; bottom: 0; }
}
@media screen and (max-width: 1501px) and (min-width:1300px) {
#section2 .abo_top .about_l { width: 44%; }
#section2 .abo_top .about_r { width: 54%; }
}
@media screen and (max-width: 1301px) and (min-width:1025px) {
#section2 .abo_top .about_l { width: 44%; line-height: 1.8; }
#section2 .abo_top .about_r { width: 54%; position: absolute; right: 0; bottom: 20px; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
#section2 .abo_top .about_l { width: 48%; line-height: 1.8 }
#section2 .abo_bo { line-height: 1.8 }
#section2 .abo_top .about_r { width: 49%; }
#section2 .ab_img { padding-top: 20px; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
#section2 .abo_top .about_l { width: 100%; float: inherit; line-height: 2; }
#section2 .abo_bov { width: 100%; margin:10px 0 0 0; display:block;}
#section2 .abo_top .about_r{ display:none;}
#section2 .abo_top .abr { width: 100%; overflow: hidden; display: block; margin-top: 12px; }
#section2 .abo_bo { line-height: 2; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section2 .ab_img #owl-demo .item img { width: 100%; }
#section2 .ab_img #owl-demo .owl-item:nth-of-type(1) img { float: inherit; }
#section2 .ab_img #owl-demo .owl-item:nth-of-type(3) img { float: inherit; }
}
/*****section3*****/
#section3 { position: relative; margin: 0 auto; background: url(../images/whbg.jpg) no-repeat center; background-size: cover; padding: 6vw 0; }
#section3 .qywh { width: 100%; overflow: hidden; margin-top: 40px; position: relative; padding: 3vw 0; }
#section3 .qywh .ball_c { width: 23.8%; display: block; position: absolute; top: 26.5%; left: 38%; }
#section3 .qywh .ball_c .bl_img { width: 100%; overflow: hidden; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 7px rgba(213,14,37,0.2) solid; }
#section3 .qywh .ball_c .bl_img p { width: 100%; overflow: hidden; position: absolute; left: 0; top: 40%; text-align: center; color: #FFF; z-index: 10; }
#section3 .qywh .ball_c .bl_img img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; animation-delay:6s; animation-duration: 10s; animation-name: circleMotion; animation-direction: normal; }
 @keyframes circleMotion { 0% {
 transform: scale3d(1.5, 1.5, 1.5);
-webkit-transform: scale3d(1.5, 1.5, 1.5);
-moz-transform: scale3d(1.5, 1.5, 1.5);
-o-transform: scale3d(1.5, 1.5, 1.5);
}
 21% {
 visibility: visible;
}
 95% {
 transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
 100% {
 visibility: hidden;
 transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
}
}
#section3 .qywh .line1 { width: 44.8%; overflow: hidden; margin: 0 auto 0 auto; position: relative; }
#section3 .qywh .line1 i { width: 100%; overflow: hidden; display: block; position: relative; }
#section3 .qywh .line1 .icon08 { top: 16.5%; left: 9.5%; display: inline-block; overflow: hidden; position: absolute; }
#section3 .qywh .whlist { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }
#section3 .qywh .whlist li { width: 33%; overflow: hidden; position: absolute; }
#section3 .qywh .whlist li .wh_img { width: 30%; overflow: hidden; display: block; position: relative; }
#section3 .qywh .whlist li .wh_img span { width: 20%; overflow: hidden; display: block; position: absolute; top: 20%; left: 40%; z-index: 5; }
#section3 .qywh .whlist li .wh_img p { width: 100%; color: #FFF; text-align: center; position: absolute; bottom: 20%; left: 0; z-index: 5; }
#section3 .qywh .whlist li .wh_img i { width: 100%; display: block; }
#section3 .qywh .whlist li .wh_txt { width: 67%; padding-top: 5%; line-height: normal; }
#section3 .qywh .whlist li .wh_wap { display: none; }
#section3 .qywh .whlist li:nth-child(1) { top: 0; left: 45%; }
#section3 .qywh .whlist li:nth-child(1) .wh_img { float: left; }
#section3 .qywh .whlist li:nth-child(1) .wh_txt { float: left; margin-left: 2%; }
#section3 .qywh .whlist li:nth-child(2) { top: 36%; right: 0%; }
#section3 .qywh .whlist li:nth-child(2) .wh_img { float: left; }
#section3 .qywh .whlist li:nth-child(2) .wh_txt { width: 50%; float: left; margin-left: 2%; }
#section3 .qywh .whlist li:nth-child(3) { bottom: 0; right: 45%; }
#section3 .qywh .whlist li:nth-child(3) .wh_img { float: right; }
#section3 .qywh .whlist li:nth-child(3) .wh_txt { float: right; margin-right: 2%; text-align: right; padding-top:7%;}
#section3 .qywh .whlist li:nth-child(4) { top: 36%; left: 0; }
#section3 .qywh .whlist li:nth-child(4) .wh_img { float: right; }
#section3 .qywh .whlist li:nth-child(4) .wh_txt { float: right; text-align: right; margin-right: 1%; }
@media screen and (max-width: 768px) and (min-width: 0px) {
#section3 .qywh { margin-top: 0; padding: 20px 0; }
#section3 .qywh .ball_c { width: 100%; position: inherit; top: 0; left: 0; }
#section3 .qywh .ball_c .bl_img { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; }
#section3 .qywh .ball_c .bl_img p { width: 100%; position: inherit; left: 0; top: 0; text-align: center; color: #333; z-index: 10; }
#section3 .qywh .ball_c .bl_img img { display: none; }
#section3 .qywh .line1 { display: none; }
#section3 .qywh .whlist { position: inherit; z-index: 1; padding-top: 20px; }
#section3 .qywh .whlist li { width: 50%; position: inherit; float: left; margin-bottom: 20px; }
#section3 .qywh .whlist li .wh_img { width: 33%; }
#section3 .qywh .whlist li .wh_txt { display: none; }
#section3 .qywh .whlist li .wh_wap { width: 63%; display: block; line-height: 2; }
#section3 .qywh .whlist li:nth-child(1) { top: 0; left: 0; }
#section3 .qywh .whlist li:nth-child(2) { top: 0; right: 0; }
#section3 .qywh .whlist li:nth-child(2) .wh_txt { width: 60%; }
#section3 .qywh .whlist li:nth-child(3) { bottom: 0; right: 0; margin-bottom: 0; }
#section3 .qywh .whlist li:nth-child(3) .wh_img { float: left; }
#section3 .qywh .whlist li:nth-child(3) .wh_txt { float: left; margin-left: 2%; margin-right: 0; text-align: left; }
#section3 .qywh .whlist li:nth-child(4) { top: 0; left: 0; margin-bottom: 0; }
#section3 .qywh .whlist li:nth-child(4) .wh_img { float: left; }
#section3 .qywh .whlist li:nth-child(4) .wh_txt { float: left; margin-left: 2%; margin-right: 0; text-align: left; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section3 .qywh .whlist li:nth-child(1) .wh_img, #section3 .qywh .whlist li:nth-child(2) .wh_img, #section3 .qywh .whlist li:nth-child(3) .wh_img, #section3 .qywh .whlist li:nth-child(4) .wh_img { width: 60%; margin: 0 auto; float: inherit; display: block; }
#section3 .qywh .whlist li:nth-child(1) .wh_wap, #section3 .qywh .whlist li:nth-child(2) .wh_wap, #section3 .qywh .whlist li:nth-child(3) .wh_wap, #section3 .qywh .whlist li:nth-child(4) .wh_wap { width: 100%; padding-top: 10px; text-align: center; margin-left: 0; float: inherit; }
}
/*section4*/
#section4 { position: relative; margin: 0 auto; background-size: cover; padding: 6vw 0; text-align: center; line-height: normal; color: #FFF; }
#section4 .titg { color: #FFF; }
#section4 .ry_nr { width: 100%; overflow: hidden; padding-top: 20px; line-height: 1.8; }
.move3d { padding-top: 2vw; }
/* focus_Box */
#focus_Box { position: relative; width: 1050px; height: 500px; margin: 30px auto 0 auto; }
#focus_Box ul { position: relative; width: 1050px; height: 100%; margin-bottom: 100%; }
#focus_Box li { z-index: 0; position: absolute; width: 0px; background: #787878; height: 0px; top: 146px; cursor: pointer; left: 377px; border-radius: 4px; }
#focus_Box li img { width: 100%; background: url(../images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top; overflow: hidden; }
#focus_Box li img { position: relative; margin-bottom: 100%; opacity: 0.7; cursor: pointer; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(0,0,0,0.5))) }
#focus_Box .prev, #focus_Box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 25px; height: 50px; top: 30%; background: url(../images/awr.png) no-repeat center; }
#focus_Box .prev:hover, #focus_Box .next:hover { background: url(../images/awr_ed.png) no-repeat center; }
#focus_Box .next, #focus_Box .next:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#focus_Box .prev { left: -30px; }
#focus_Box .next { right: -40px; }
.ryzz_wap { display: none; }
 @media screen and (max-width: 1024px) and (min-width: 0px) {
.move3d { display: none; }
.ryzz_wap { width: 100%; overflow: hidden; padding-top: 30px; margin: 0 auto; display: block; }
.ryzz_wap #owl-demo { display: block; padding-bottom: 26px; }
.ryzz_wap #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.ryzz_wap #owl-demo .item { width: 100%; display: block; line-height: normal; }
.ryzz_wap #owl-demo .item img { width: 90%; display: block; margin: 0 auto; }
.ryzz_wap .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 10px; display: block; }
.ryzz_wap .owl-page { display: inline-block; width: 14px; height: 14px; margin: 0 5px; background: #898989; *display: inline;
*zoom: 1;
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.ryzz_wap .owl-pagination .active { background: #d50e25; }
#section2, #section3, #section4 { padding: 50px 0; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section4 .ry_nr { font-size: 14px; }
.ryzz_wap #owl-demo .item img { width: 95%; }
}