@charset "utf-8";
.clear{ clear:both;}
.s30_one{height:950px;width: 100%;background: url("../zhinengjiaju/zhinengjiaju_bg01.jpg") no-repeat center center; background-size:cover;text-align: center; position:relative;}
.one_n{ width:80%; height:auto; position:absolute; right:10%; top:30%;}
.s30_one .so_color{font-size: 48px;color: #fff; width:100%; text-shadow:0px 0px 5px #000; }
.s30_one .so_color .sc1{color: #3FF;}
.s30_one .so_color .sc2{color: #FCF;padding-left: 52px;}
.s30_one .so_color .sc3{color: #FFC;padding-left: 52px;padding-right: 52px;}
.s30_one h2{font-size: 18px;color: #fff;margin-top: 36px;font-weight: normal; width:calc(50% - 14px); margin-left:25%; border-top:1px solid rgba(255,255,255,0.8); padding:10px;}
.s30_one p.so_txt{margin-top:30px;font-size: 14px;color: #fff;}
.s30_one a{margin: 116px auto 0 auto;display: block;width: 211px;height: 54px;background-color: #4dc885;border-radius: 27px;text-align: center;font-size: 16px;color: #fff;line-height: 54px;}
.s30_one .so_bottom,.s30_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 24px;color: #fff;margin: 308px auto 0 auto;line-height: 78px;vertical-align: middle;letter-spacing: 6px;width: 388px;}
.s30_one .so_bottom em,.s30_six .ss_bottom em,.s30_six .ss_top em,.s30_seven .ss_top em{font-size: 60px;line-height: 78px;padding-right: 20px;float: left;margin-left: 30px;}
.s30_two{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg02.jpg"); background-repeat:no-repeat; background-size:100%,cover; background-position:center;  }
.s30_two .line{ width:100px; height:10px; background:#FC6;}
.two_n{ width:35%; height:auto; position:absolute; left:10%;}
.two_n h3{	font-size:42px; margin-bottom:40px; color:#fff; line-height:80px; text-align: left; }
.two_n p{	font-size:18px; line-height:40px; text-align: left; color:#FFF;}

.s30_three{height:950px;width: 100%; position:relative;  background-image:url("../zhinengjiaju/zhinengjiaju_bg03.jpg"); background-repeat:no-repeat; background-size:100%,cover; background-position:center; background-image: -webkit-linear-gradient(top, #5a5e6a, #191d20);background-image: -moz-linear-gradient(top, #5a5e6a, #191d20);background-image: -o-linear-gradient(top, #5a5e6a, #191d20);background-image: -ms-linear-gradient(top, #5a5e6a, #191d20);}
.s30_three .line{ width:100px; height:10px; background:#FC6;}
.three_n{ width:90%; height:auto; position:absolute; left:5%; top:50%;}
.s30_three .three_title{ color:#FFF; font-size:36px; text-align:center; width:100%; height:200px; line-height:200px; }
.three_n ul li{ width:16.6%; height:auto; float:left;}
.three_n ul li span{ width:50px; height:50px; border:#FFF solid 1px; border-radius:25px;  display:block; margin:0 auto;}
.three_n ul li span img{ width:60%; margin:20% 20%;}
.three_n ul li h3{ color:#FFF; text-align:center; font-size:24px;}
.three_n ul li p{ color: #CCC; text-align:center; font-size:14px;}
.three_n h3{ font-size:42px; margin-bottom:40px; color: #333; line-height:80px; text-align:  left; }
.three_n p{	font-size:18px; line-height:40px; text-align:   left; color:#333;}

.s30_four{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg04.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;  }
.s30_four .line{ width:100px; height:10px; background:#FC6; margin-bottom:40px;}
.four_n{ width:35%; height:auto; position:absolute; left:10%;}
.four_n h3{	font-size:42px; color: #333; line-height:80px; text-align:  left; }
.four_n p{	font-size:18px; line-height:40px; text-align:   left; color:#333;}



.s30_five{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg05.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_five .line{ width:100px; height:10px; background:#FC6; margin:0 auto;margin-bottom:40px; }
.five_n{ width:40%; height:auto; position:absolute; left:25%; top:20%; background:rgba(255,255,255,0.5);padding:5%;}
.five_n h3{	font-size:42px; color: #333; line-height:80px; text-align: center; }
.five_n p{	font-size:18px; line-height:40px; text-align: center; color:#333;}


.s30_six{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg06.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_six .line{ width:100px; height:10px; background:#FC6; margin:0 auto; margin-bottom:40px;}
.six_n{ width:40%; height:auto; position:absolute; left:25%; top:20%; background:rgba(255,255,255,0.5);padding:5%;}
.six_n h3{	font-size:42px; color: #333; line-height:80px; text-align: center; }
.six_n p{	font-size:18px; line-height:40px; text-align: center; color:#333;}


.s30_seven{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg07.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_seven .line{ width:100px; height:10px; background:#FC6; margin:0 auto; margin-bottom:40px;}
.seven_n{ width:40%; height:auto; position:absolute; left:25%; top:20%; background:rgba(255,255,255,0.5);padding:5%;}
.seven_n h3{	font-size:42px; color: #333; line-height:80px; text-align: center; }
.seven_n p{	font-size:18px; line-height:40px; text-align: center; color:#333;}


.s30_eight{height:950px;width: 100%; background-image:url("../zhinengjiaju/zhinengjiaju_bg08.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_eight .line{ width:100px; height:10px; background:#FC6;  margin-bottom:40px;}
.eight_n{ width:15%; height:40%; position:absolute; right:10%; top:10%; padding:10%; background:rgba(255,255,255,0.5);}
.eight_n h3{	font-size:42px; color: #333; line-height:80px; text-align:  left; }
.eight_n p{	font-size:18px; line-height:40px; text-align:  left; color:#333;}




.s_container{width: 1190px;margin: 0 auto;position: relative;}
.s30_two h1,.s30_three h1,.s30_four h1,.s30_five h1,.s30_eight h1,.s30_nine h1,.s30_ten h1{font-size: 36px;color: #fff;padding-top: 80px;font-weight: normal;margin-bottom: 36px;text-align: center;}
.s30_two div.st_line,.s30_three div.st_line,.s30_four div.sf_line,.s30_five div.sf_line,.s30_eight div.se_line,.s30_nine div.sn_line,.s30_ten div.st_line{width: 40px;height: 2px;margin: 0 auto;background-color: #fff;}
.s30_two .st_pic1,.s30_two .st_pic2,.s30_nine .sn_circle,.s30_nine .sn_handle,.s30_eight .se_icons .si_icon div{background: url("../images/s30/s30_pic.png") no-repeat center center;}
.s30_two .st_pic1{position: absolute;right: 318px;top: 556px;width: 142px;height: 142px;background-position:-210px 0;-webkit-animation: sh-ripple 2s ease infinite;animation: sh-ripple 2s ease infinite;}
.s30_two .st_pic2{position: absolute;right: -16px;top: 614px;width: 238px;height: 81px;background-position:-501px 0;opacity: 0;filter:alpha(opacity=100);-webkit-animation:fadeIn 3s .2s infinite ease both;-moz-animation:fadeIn 3s .2s infinite ease both;}
@-webkit-keyframes sh-ripple{0%{-webkit-transform:scale(0);-webkit-transform-origin:50% 50%;}50%{opacity:1;filter:alpha(opacity=100)\9}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;opacity:0;filter:alpha(opacity=0)\9}}
@keyframes sh-ripple{0%{transform:scale(0);transform-origin:50% 50%;}50%{opacity:1;filter:alpha(opacity=100)\9}100%{transform:scale(1);opacity:0;filter:alpha(opacity=0)\9;transform-origin:50% 50%;}}
@-webkit-keyframes fadeIn{0%{opacity:0}50%{opacity:1}100%{opacity: 0;}}
@keyframes fadeIn{0%{opacity:0}50%{opacity:1}100%{opacity: 0}}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}
.s30_banner{position: relative; height: 849px; z-index: 1;}
.sb_container{width: 100%; margin:0 auto; position: relative;height: 849px;}
.sb_container .banner_pic{position: absolute; z-index: 1; top: 0; left: 0; width:100%; height: 849px;}
.sb_container .banner_pic .sb_slider{position: absolute;top: 0; left: 0; width: 100%; height: 849px;}
.sb_slider .ss_content{width: 1190px;margin: 0 auto;}
.sb_slider .ss_content .sc_line{width: 40px;height: 2px;margin: 360px 0 12px 130px;background-color: #fff;}
.sb_slider .ss_content .sc_title{margin-left: 130px;font-size: 36px;color: #fff;}
.sb_slider .ss_content .sc_txt{margin-left: 130px;margin-top: 12px;font-size: 14px;color: #fff;}
.sb_container .banner_pic .ss_one{background: url("../images/s30/banner_bg1.jpg") no-repeat center;}
.sb_container .banner_pic .ss_two{background: url("../images/s30/banner_bg2.jpg") no-repeat center;display: none;}
.sb_container .banner_pic .ss_three{background: url("../images/s30/banner_bg3.jpg") no-repeat center;display: none;}
.sb_container .banner_pic .ss_four{background: url("../images/s30/banner_bg4.jpg") no-repeat center;display: none;}
.sb_container .banner_pic .sb_mark{position: absolute;width: 1190px;top: 492px;left: 50%;margin-left: -465px;}
.sb_container .banner_pic ul.sb_mark li{width: 23px;height: 23px;background-color: transparent;border-radius: 50%;float: left;margin-left: 16px;}
.sb_container .banner_pic ul.sb_mark li.sm_one{margin-left: 0}
.sb_container .banner_pic ul.sb_mark li.inCur{background-color: #fff;}
.sb_container .banner_pic ul.sb_mark li a{display: block;width: 17px;height: 17px;background-color: #98d7fd;border-radius: 50%;margin: 3px 3px;}
.sb_container .banner_pic ul.sb_mark li.sm_two a{background-color: #fab5de;}
.sb_container .banner_pic ul.sb_mark li.sm_three a{background-color: #ffdba7;}
.sb_container .banner_pic ul.sb_mark li.sm_four a{background-color: #636c78}
.se_content_title{width: 100%;}
.se_content_title .sct_item{width: 100%;height: 200px;padding: 24px 0;}
.se_content_title .sct_item > p{color: #333;font-size: 18px;float:left;margin-left: 86px;}
.se_content_title .sct_item .icon{width: 100%;text-align: center;margin-top: 36px;}
.se_content_title .sct_item .icon div{display: block;width: 248px;height: 126px;margin: 0 auto;background-position:-475px -429px;}
.se_content_title .sct_item .icon p{font-size: 16px;color: #666;margin-top: 10px;}
.pd_banner{width:100%; height:600px; background-color: #F7F7F7;}
.pd_banner .pro_tit{ width:50%; height:auto; float:left; margin-top:200px;}
.pd_banner .pro_tit h2{font-size: 36px; color: #12cd3e;font-weight: normal; border-bottom: none;padding: 40px 0;}
.pd_banner .pro_tit p{ font-size:24px;}
.pd_banner .pro_pic{ width:25%; height:auto; float:right; margin-top:200px;}
.pd_banner .pro_pic img{ max-width:100%; float: right;}




@media screen and (max-width:1440px) {
.s30_one,.s30_two,.s30_four,.s30_five,.s30_six,.s30_seven,.s30_eight {
  height:800px;
}
.s30_one .so_color{font-size:1.5em;color: #fff; margin-bottom:5px; width:100%; text-align:center; text-shadow:0px 0px 5px #000; }
.two_n_1 h3,.two_n_2 h3,.two_n_3 h3,.two_n_4 h3{ font-size:1.5em;}
.two_n_1 p,.two_n_2 p,.two_n_3 p,.two_n_4 p{ font-size:1.2em;}
.three_n h3,.four_n h3,.five_n h3,.six_n h3,.seven_n h3,.eight_n h3{ font-size:1.5em;}
.three_n p,.four_n p,.five_n p,.six_n p,.seven_n p,.eight_n p{ font-size:1.2em; line-height:30px;}
.s30_three .three_title{font-size:1.4em;  height: 200px; line-height: 200px;}
.three_n{ top:40%;}
.three_n ul li h3{font-size:0.8em;}
.three_n ul li p{font-size:0.6em;}
.three_n ul li span{ width:30px; height:30px;}

}
@media screen and (max-width:414px) {
.s30_two{
  height:200px;
}
.s30_three{
  height:600px;
}
.s30_three .three_title{font-size:1.4em;  height: 100px; line-height: 100px;}
.three_n{ top:20%;}

.five_n{ width:70%; left: 10%;}
.six_n{ width:70%; left: 10%;}
.seven_n{ width:70%; left: 10%;}
.eight_n{ width:60%; }


}