body{font: 12px/1.5 "微软雅黑",Arial;}

#loading{width: 100%; height: 100%; background: #ffffff; position: absolute; left: 0; top: 0; z-index: 999999;}
#loading img{display: block; width:64px; height:64px; position:absolute; top:50%; margin-top:-32px; left:50%; margin-left:-32px;}

.wrapper{position: relative; top: 0; width: 100vw; height: 100vh; max-width: 100%; max-height: 100%; background:#fff; overflow: hidden;}
.panel{position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.panel._active{z-index: 10;}
.trans-layer, .section{position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}

.trans-layer{ background:#666!important;
  transform: translateY(-100%) skew(0) rotate(0) scale(2);
  border-radius: 50%;
  transition: all 500ms ease-in-out;
  transition-delay: 500ms;
}
._active .trans-layer {
  transform: translateY(0) skew(0) rotate(0) scale(2);
  transition-delay: 0ms;
}

.section {
  transform: translateY(100%);
  transition: all 500ms ease-in-out;
  transition-delay: 0ms;
  background: #ffffff;
}
._active .section {
  transform: translateY(0);
  transition-delay: 500ms;
}

.section-content {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(30px);
  transition: all 500ms ease;
  transition-delay: 0s;
  overflow: hidden;
}
._active .section-content {
  opacity: 1;
  transform: translateY(0px);
}



.panel1_title{position: absolute; left: 50%;  top: 22%; z-index: 5; opacity: 0; transition: all 1s; margin-left:0px;}


.panel1_text1{position: absolute; left: 50%; top: 22%; padding-top:0px; z-index: 5; opacity: 0; transition: all 1.5s; margin-left:-230px;}
.panel1_text2{position: absolute; left: 50%; top: 22%; padding-top:0px; z-index: 5; opacity: 0; transition: all 1.5s; margin-left:-120px;}
.panel1_text3{position: absolute; left: 50%; top: 22%;  padding-top:0px;z-index: 5; opacity: 0; transition: all 1.5s; margin-left:-270px;}



.panel1_btn{width: 150px; height: 30px; position: absolute; left:50%; top: 22%; margin-top:380px; z-index: 5; opacity: 0; line-height: 30px; text-align: center; margin-left:-75px;transition: all 1s; }


.panel1_btn a{display: block; font-size: 15px; color: #ffffff; position: relative;    text-decoration: none;background:#f70112;transition: all 1s; border-radius:20px; }
/*.panel1_btn a:after{content: ""; width: 59px; height: 1px; background: #003670; display: block; position: absolute; bottom: 20px; left: -35px; transition: all 0.3s;}*/
.panel1_btn a:hover{text-decoration: none;background:#8a0b14;}
/*.panel1_btn a:before{content: ""; width: 0; height: 43px; background: #abce03; display: block; opacity: 0; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.3s;}
.panel1_btn a:hover:before{width: 187px; opacity: 1;}
.panel1_btn a:hover:after{width: 257px; transition-delay: 0.2s; background: #ffffff;}
*/
.panel1_span1{position: absolute; left: 5%; bottom:90px; z-index: 5; opacity: 0; transition: all 1s;}
.panel1_span2{position: absolute; left: 5%; bottom: 64px; z-index: 5; opacity: 0; transition: all 1s;}

.video_mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/bg111.png) 0 0 repeat; z-index: 2;}

.logo{position: fixed; left: 5%; top: 25px; z-index: 99;}

.panel1_line{width: 457px; height: 421px; position: absolute; right: -10%; bottom: -10%; opacity: 0; transition: all 1s;}


._active .panel1_title{opacity: 1; transition-delay: 1.8s; margin-left:-75px; }

._active .panel1_text1{opacity: 1; transition-delay: 1.0s; padding-top:150px; }
._active .panel1_text2{opacity: 1; transition-delay: 1.2s; padding-top:300px; }
._active .panel1_text3{opacity: 1; transition-delay: 1.4s; padding-top:330px; }

._active .panel1_btn{opacity: 1; transition-delay: 2s;}
._active .panel1_span1{opacity: 1; transition-delay: 2.2s;}
._active .panel1_span2{opacity: 1; transition-delay: 2.3s;}
._active .panel1_line{opacity: 1; transition-delay: 2.4s; right: 0; bottom: 0;}
._active .picMarquee-left-1{ left:50%}
._active .picMarquee-left-2{ left:60%}
.picMarquee-left-1{position: absolute; left: 100%; top:20%; width: 2160px; height: 270px; overflow:hidden; z-index:1; transition:all 1s 0.5s}

.panel2_pic1 li{float: left; width: 550px; height: 270px; background: #00BFFF; margin: 0px 10px; overflow: hidden; position: relative;}
.panel2_pic1 li img:first-child{position: absolute; left: 0; top: 0; z-index: 10;}
.panel2_pic1 li img:last-child{position: absolute; left: 0; top: 0; z-index: 11; opacity: 0; transition: all 1s;}
.panel2_pic1 li:hover img:last-child{opacity: 1; -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}

.picMarquee-left-2{position: absolute; left: 100%; top: 20%; margin-top:300px; width: 2160px; height: 270px; overflow:hidden; z-index: 3; transition:all 1s 0.5s }

.panel2_pic2 li{float: left; width: 550px; height: 270px; background: #00BFFF; margin:0px 10px; overflow: hidden; position: relative;}
.panel2_pic2 li img:first-child{position: absolute; left: 0; top: 0; z-index: 10;}
.panel2_pic2 li img:last-child{position: absolute; left: 0; top: 0; z-index: 11; opacity: 0; transition: all 1s;}
.panel2_pic2 li:hover img:last-child{opacity: 1; -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}

.panel2_text{position: absolute; left: 5%; bottom: 4%; z-index: 2; width: 86%; height: auto; text-align:right;}

.panel2_text img{width: 100%; height: auto; }

.panel2_kuang{width: 800px; height: 800px; color: #f70112; position: absolute; right: 0px; bottom: -350px; z-index: 2; transform: rotate(45deg);}


.panel2_kuang::before, .panel2_kuang::after{content: ''; z-index: -1; box-shadow: inset 0 0 0 6px; animation: clipMe 10s linear infinite; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.panel2_kuang::before{animation-delay: -4s;}


.panel2_news{position: absolute; left: 0px; top: 20%; padding-left:18%; text-align: left; z-index: 20; background:url(../img/panel2_text1.png) no-repeat 6% top;background-size: auto 100%; width:900px;}



.panel2_news_title{color: #e60012; font-size: 24px; font-weight: bold; line-height: 30px; position: relative; margin-bottom: 30px;}
.panel2_news_title span{font-size: 12px; color: #6b6b6b; font-weight: normal; font-family: Arial;}

.panel2_news_title:after{content: ""; width: 60px; height: 2px; display: block; background: #333; position: absolute; left: 0; bottom: -5px;}



.panel2_news ul li {transition: all 0.3s; overflow: hidden; padding: 0; opacity: 0; display: block;}
._active .panel2_news ul li:hover a{    text-decoration: none;}
.panel2_news ul li h1{letter-spacing: 0px; color: #666; font-size:16px; height:24px; line-height:24px; font-weight:bold;padding-right:12px;  transition: all 0.5s; }
.panel2_news ul li:hover h1{color: #f70011;  padding-right:60px; }


.panel2_news ul li p{font-size:13px; color: #666; line-height:24px; letter-spacing: 0px; padding:5px 0px; display:inline-block; transition: all 0.5s; margin-right:0px; }
.panel2_news ul li p::after{ content:""; display:block; width:0px; height:2px; background:#f70011; transition:all 0.8s}

._active .panel2_news ul li:nth-of-type(1) {padding: 15px 0; opacity: 1; transition-delay: 1.2s;}
._active .panel2_news ul li:nth-of-type(2) {padding: 15px 0; opacity: 1; transition-delay: 1.4s;}
._active .panel2_news ul li:nth-of-type(3) {padding: 15px 0; opacity: 1; transition-delay: 1.6s;}
._active .panel2_news ul li:nth-of-type(4) {padding: 15px 0; opacity: 1; transition-delay: 1.8s;}
._active .panel2_news ul li:nth-of-type(5) {padding: 15px 0; opacity: 1; transition-delay: 2s;}
._active .panel2_news ul li:nth-of-type(6) {padding: 15px 0; opacity: 1; transition-delay: 2.2s;}
._active .panel2_news ul li:nth-of-type(7) {padding: 15px 0; opacity: 1; transition-delay: 2.4s;}
._active .panel2_news ul li:nth-of-type(8) {padding: 15px 0; opacity: 1; transition-delay: 2.6s;}

._active .panel2_news ul li:hover p{color:#000; margin-right:20px; }
._active .panel2_news ul p:hover::after{ width:100%;}


.slideGroup{width:1200px; height:80%; margin: 0px auto; position:relative;}
.slideGroup .parHd{width: 0px; height:440px; background: url(../img/panel3_title_bg.png) 0 0 no-repeat; position: absolute;  left: 0px; top: 50%; margin-top:-220px; transition: all 1s; opacity: 0; z-index:5;}

.vidbg-container{position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image:url(../img/new_bg.jpg);}

.slideGroup .slideBox{overflow:hidden; zoom:1; position:relative; width: 660px; height:360px; background:#fff;}

.slideGroup .parBd{overflow:hidden;position:absolute; padding: 20px;  width: 660px; height:330px; right: 0px; margin-top: 0px; bottom: 0px; transition: all 1s; opacity: 0; z-index:5;}



.panel5_text{ position:absolute; right:-50px; bottom:350px; opacity:0; transition:all 0.5s}
.panel5_1_title{font-size: 22px; height:30px; line-height:30px; font-weight: bold; color: #2f2f2f;}
.panel5_1_title_jc {font-size:13px;}
.panel5_1_p{color: #525252; font-size: 13px; line-height: 22px; margin-top: 10px; position: relative; padding-left: 10px;}

.panel5_1_p:before{width: 3px; height: 58px; background: #f8b62e; display: block; content: ""; position: absolute; left: 0; top: 5px;}

.panel5_1_em{font-size: 12px; color: #767676; padding-left: 10px; display: block; margin-top: 15px;}
.panel5_1_em img {padding-right:40px;}
._active .slideGroup .parHd{width: 400px; opacity: 1; transition-delay: 1.2s;}
._active .slideGroup .parBd{width: 660px; opacity: 1; transition-delay: 1.8s;}
._active .panel5_text{opacity: 1; transition-delay: 2.6s; right:10px;}


.panel3_bg{width: 100%; height: 100%;}
.panel3_bg ul{width: 100%; height: 100%;}
.panel3_bg li{width:25%; height: 100%; float: left; display: block; position: relative;}
.panel3_bg_1{background-image: url(../img/pro_img1.jpg); width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; position: absolute; left: 0; top: 0; transition: all 10s;}
.panel3_bg_2{background-image: url(../img/pro_img2.jpg); width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; position: absolute; left: 0; top: 0; transition: all 10s;}
.panel3_bg_3{background-image: url(../img/pro_img3.jpg); width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; position: absolute; left: 0; top: 0; transition: all 10s;}
.panel3_bg_4{background-image: url(../img/pro_img4.jpg); width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; position: absolute; left: 0; top: 0; transition: all 10s;}
/* focusBar */
#focusBar{width:100%;height:100%;clear:both;position:relative;background:#242424;overflow:hidden;}
#focusBar li{width:100%;clear:both;height:100%; display: none; position:absolute;/* position:relative;*/}
#focusBar .focusL{height:100%; width: 25%; height: 100%; float: left; position: relative; overflow: hidden; margin-top:-100%; transition:all 1s 0.5s}
#focusBar .focusM{height:100%; width: 25%; height: 100%; float: left; position: relative; overflow: hidden; margin-top:100%; transition:all 1s 0.5s}
#focusBar .focusR{height:100%; width: 25%; height: 100%; float: left; position: relative; overflow: hidden; margin-top:-100%; transition:all 1s 0.5s}
#focusBar .focusN{height:100%; width: 25%; height: 100%; float: left; position: relative; overflow: hidden; margin-top:100%; transition:all 1s 0.5s}
._active .focusL{ margin-top:0px !important;}
._active .focusM{ margin-top:0px !important;}
._active .focusR{ margin-top:0px !important;}
._active .focusN{ margin-top:0px !important;}

.focusL .panel3_text{background-image:url(../img/pro_tex1.png) }
.focusM .panel3_text{background-image:url(../img/pro_tex2.png) }
.focusR .panel3_text{background-image:url(../img/pro_tex3.png) }
.focusN .panel3_text{background-image:url(../img/pro_tex4.png) }


a.arrL,a.arrR{display:block;width:52px;height:134px;position:absolute;top:50%; margin-top: -67px; z-index:99;cursor:pointer;background:url(http://www.liontool.com.cn/img/bt_arr.png) no-repeat;}
a.arrL{left:-52px;background-position:0px 0px;}
a.arrR{right:-52px;background-position:-68px 0px;}
a.arrL:hover{background-position:0px -144px;}
a.arrR:hover{background-position:-68px -144px;}
.panel3_text{width: 100%; height: 100%;position: absolute; left: 0; top: 0; z-index: 2; opacity: 1; transition: all 1s; background-color:#f5f5f5; background-repeat:no-repeat; background-position:bottom right}
.panel3_text_icon{width: 100%; margin: 30% auto 0; text-align: center; transition: all 1s;}
.panel3_text_icon h2{ font-family:"微软雅黑"; font-size:30px; font-weight:900; color:#e60012; margin:0px; padding:0px; line-height:2em;}
.panel3_text_icon h4{ font-family:Arial; font-size:18px; font-weight:500; color:#e60012; margin:0px; padding:0px; }
.panel3_text_list{margin: 10% auto 0; overflow: hidden; transition: all 1s;}
.panel3_text_list p{width: 100%; text-align: center; color: #000; font-size: 14px; line-height: 30px;}

.panel3_text_list:before{content: ""; width: 40px; height: 40px; color: #000000; font-size: 30px; font-weight: bold; border: 2px solid #a4a4a4; line-height: 40px; text-align: center; position: absolute; left: 50%; margin-left: -22px; bottom: 12%; z-index: 4; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s;}

.panel3_text_list:after{content: "..."; width: 40px; height: 40px; color: #a4a4a4; font-size: 24px; line-height: 30px; text-align: center; position: absolute; left: 50%; margin-left: -20px; bottom: 12.5%; z-index: 5;}

.panel3_info{width: 100%; height: 30%; background: #f70112; position: absolute; left: 0; bottom: -30%; z-index: 3; opacity: 0; transition: all 1s; display: block; text-align: center; text-decoration: none; text-decoration:none;}

.panel3_info img{margin-top: 100%; max-width: 90%; height: auto; opacity: 0; transition: all 1s;}
.panel3_info h2{ font-family:"微软雅黑"; color:#fff; margin:0px; padding:0;px; line-height:2em; font-size:24px;}
.panel3_info h4{ font-family:Arial; color:#fff; font-weight:500; font-size:16px;}
.panel3_info:before{content: ""; width: 40px; height: 40px; color: #000000; font-size: 30px; font-weight: bold; background: #ffffff; border: 2px solid #f70112; line-height: 40px; text-align: center; position: absolute; left: 50%; margin-left: -22px; top: -22px; z-index: 4; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.3s;}
.panel3_info:hover{ text-decoration:none}
.panel3_info:hover:before{border: 2px solid #ffffff; background: #f70112; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.panel3_info:hover:after{color: #fff;}
.panel3_info:after{content: "..."; width: 40px; height: 40px; color: #cccccc; font-size: 24px; line-height: 30px; text-align: center; position: absolute; left: 50%; margin-left: -20px; top: -20px; z-index: 5;}


.active .panel3_text{opacity: 0; top: 100%; transition-delay: 0.2s;}
.active .panel3_bg{-webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.active .panel3_text_icon{opacity: 0; margin: 0 auto;}
.active .panel3_text_list{opacity: 0; margin: 50% auto 0;}
.active .panel3_info{opacity: 1; bottom: 0;}
.active .panel3_info img{opacity: 1; margin-top: 15%; transition-delay: 0.2s;}


.panel4_tit{ position:absolute; top:15%; left:-50px; width:540px; background:url(../img/pp_tit_bg.png) no-repeat left bottom; text-align:right; z-index:50; opacity:0; transition:all 1s 1s}
.panel4_tit h2{ font-family:"微软雅黑"; color:#f70112; font-size:30px; margin:0px; padding:0px;}
.panel4_tit p{ font-family:Arial; font-size:18px; color:#444; padding-bottom:10px;}
.panel4_bg1{ position:absolute; right:0px; top:0px;background-size:100% auto; background-repeat:no-repeat; background-position:center top; transition: all 10s; width:800px; height:100%; z-index:10}
.panel4_kuang{ transform:rotate(-135deg); bottom:650px; right:-10%}
.panel4_bg2{position:absolute; left:0px; bottom:0px; background-image: url(../img/qy_bg12.jpg);background-size: cover; background-position: 50% 50%; transition: all 10s; width:820px; height:640px; z-index:0}
.panel4_con{ width:1200px; position:absolute; left:50%; margin-left:0px; top:28%; z-index:100; opacity:0; transition:all 1s 1s}
/*.panel4_con a{ display:block; width:109px; height:410px; float:left; overflow:hidden;margin-right:15px;margin-left:5px;}
.panel4_con a img{ margin-left:0px; transition:all 0.5s}
.panel4_con a:hover img{ margin-left:-109px;}*/
._active .panel4_con{ opacity:1; margin-left:-600px;}
._active .panel4_tit{ left:0px; opacity:1}

.panel6_left{width: 50%; height: 85%; position: absolute; left: 0; top: 0; overflow: hidden;}
.panel6_left_bg{width: 100%; height: 100%; background:url(../img/panel5_pic1.png) no-repeat center center; background-size: cover; transition: all 15s;}

.panel6_left_text{position: absolute; right: 0px; bottom: 20%; z-index: 2; width: 140px; height: 280px;}

.panel6_right{width: 50%; height: 100%; position: absolute; right: 0;  top:0px;  padding-top: 5%;background:url(../img/panel5_bg.jpg) no-repeat top right}
.panel6_text_cn{font-size: 32px; font-weight:bold; color: #323232; margin: 0.5% 0 0 0; opacity: 0; transition: all 1.5s;}
.panel6_text_info{font-size: 13px; color: #8b8a8a; line-height: 26px; margin: 3% 0 0 0; opacity: 0; transition: all 1.5s; width:60%}

.panel6_jrwm {margin: 3% 0 0 0; opacity: 0; transition: all 1.5s;}

.panel6_jrwm a {font-size:14px; height:34px; color:#333; line-height:34px; width:120px; border:solid 2px #003670; text-align:center; display:block; text-decoration:none;  transition: all 0.5s;}
.panel6_jrwm a:hover {width:140px; color:#003670; border:solid 2px #a3c307;}

.panel6_line{width: 0%; height: 2px; background: #d9d9d9; margin: 5% 0 0 12%; opacity: 0; transition: all 1.5s;}
.panel6_phone{font-size: 14px; color: #8c8c8c; line-height: 28px; margin: 0; opacity: 0; transition: all 1.5s;}
.panel6_icon{margin: 5% 0 0 0; opacity: 0; transition: all 1.5s;}
.panel6_icon a{ margin-right:50px;}
.panel6_phone p span{font-size: 14px;  font-weight: bold; color: #000;}
.panel6_phone p{font-size:14px; color:#323232; line-height:28px;}

.panel6_phone p a{ text-transform:none; text-decoration:none; color: #003670;}

.panel6_map{clear: both; width: 100%; height: 15%; position: absolute; left: 0; bottom: 0; background:#282828; background-size: cover;}



.panel6_bqxx {text-transform: none; text-align:left; position:absolute; bottom:60px; width:1200px; left:50%; margin-left:-600px; font-size:13px;}
.panel6_bqxx a {color:#fff; text-decoration:none; transition: all 0.5s;}
.panel6_bqxx a:hover {color:#a3c307; text-decoration:none;}
.panel6_bqxx span{ float:right}






.panel6_btn{width: 82px; height: 0px; position: absolute; left: 50%; margin-left: -41px; bottom: 12%; z-index: 3; overflow: hidden; background: #a3c307; opacity: 0; transition: all 0.5s;}
.panel6_btn img{transition: all 0.5s;}
.panel6_btn a:before{content: ""; width: 82px; height: 0px; background: rgba(150,180,0,0.2); display: block; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s; opacity: 0;}
.panel6_btn a:after{content: ""; width: 82px; height: 0px; background: rgba(150,180,0,0.3); display: block; position: absolute; left: 0; top: 0; z-index: 3; transition: all 0.3s; opacity: 0;}
.panel6_btn:hover img{padding-top: 80px;}
.panel6_btn:hover a:before{height: 290px; opacity: 1;}
.panel6_btn:hover a:after{height: 290px; opacity: 1; transition-delay: 0.3s;}
._active .panel6_left_bg{transform:scale(1.1, 1.1); transition-delay: 1.2s;}
._active .panel6_phone{opacity: 1; margin: 0 0 0 12%; transition-delay: 2s;}
._active .panel6_icon{opacity: 1; margin: 5% 0 0 12%; transition-delay: 2s;}
._active .panel6_text_en{opacity: 1; transition-delay: 1.2s; margin: 15% 0 0 12%;}
._active .panel6_text_cn{opacity: 1; transition-delay: 1.4s; margin: 0.5% 0 0 12%;}
._active .panel6_text_info{opacity: 1; transition-delay: 1.6s; margin: 3% 0 0 12%;}
._active .panel6_jrwm {opacity: 1; transition-delay: 1.8s; margin: 3% 0 0 12%;}

._active .panel6_line{opacity: 1; transition-delay: 2.0s; width: 65%;}
._active .panel6_btn{opacity: 1; transition-delay: 2.4s; height: 290px;}

/*自定义CSS3动画*/
@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 700.0px, 6px, 0px);
  }
  25% {
    clip: rect(0px, 6px, 700.0px, 0px); opacity: 0.1;
  }
  50% {
    clip: rect(694.0px, 700.0px, 700.0px, 0px);
  }
  75% {
    clip: rect(0px, 700.0px, 700.0px, 694.0px); opacity: 0.1;
  }
}

@keyframes  spacing {
  0%{
	letter-spacing: 1px;
  }
  50% ,100%{
   letter-spacing: 5px;
  }
}

/*音乐*/
#audio_btn{position: absolute; right: 47px; bottom: 10px; z-index: 99; width: 118px; height: 25px; cursor: pointer;}


@media (max-width: 1440px) {
	.picMarquee-left-1{ left:50% !important; top:20%; height: 240px !important;}
	.picMarquee-left-2{ left:60% !important; top:20%; height: 240px !important;margin-top: 260px;}
    .panel2_pic1 li{ width: 490px !important; height: 240px;}
   .panel2_pic1 li img{ width: 490px !important; height: 240px;}
	.panel2_news{   
      background: url(../img/panel2_text2.jpg) no-repeat 0px top !important;
    padding-left: 16%;
  }
  .panel2_news ul li:nth-of-type(1){ width:380px;}
	.panel2_news ul li{ padding:10px 0px 0px !important;}
	.panel1_title{ top:15%;}
	.panel1_text1{ top:15%;}
	.panel1_text2{ top:15%;}
	.panel1_text3{ top:15%;}
	.panel2_kuang{ width:600px; height:600px; }
	.panel4_bg1{ width:400px;}
	.panel4_bg2{ width:400px; height:310px;}
	.panel4_tit{ top:10%}
	.panel3_info{ height:36%}
	.panel4_kuang{width:400px;}
	.panel6_right{ padding-top:2%}
	.slideGroup .parBd{ bottom:-80px !important;}
	.panel5_text{ bottom:260px;}
    ._active .panel6_icon{    margin: 3% 0 0 12%;}

	}