@charset "utf-8";
.s30_one{height: 1099px;width: 100%;background: url("../switch_zn/switch_bg01.jpg") no-repeat center center; background-size:cover;text-align: center; position:relative;}
.s30_one .so_color{padding-top: 180px;font-size: 48px;color: #3C9;}
.s30_one .so_color .sc1{color: #77cadc; padding:0 2%;}
.s30_one .so_color .sc2{color: #dea0c5; padding:0 2%;}
.s30_one .so_color .sc3{color: #efcd9d; padding:0 2%;}
.s30_one .so_color .sc4{color: #3C9; padding:0 2%;}
.s30_one h2{font-size: 22px;color: #CCC;margin-top: 36px;font-weight: normal;letter-spacing: 12px;}
.s30_one p.so_txt{margin-top: 14px;font-size:22px;color: #ccc;}
.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_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 24px;color: #fff; text-align:center;margin: 308px auto 0 auto;line-height: 78px;vertical-align: middle;letter-spacing: 6px;width:30%;}
.s30_one .so_bottom{font-size: 24px;color: #666;line-height: 78px;vertical-align: middle;letter-spacing: 6px;width: 388px; position:absolute; bottom:3%; left:50%; margin-left:-194px;}
.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: 850px;width: 100%;background: url("../switch_zn/switch_bg02.jpg") no-repeat center center;}
.s_container{width:100%;position: relative;}
.s_container_two{width:40%; margin-left:60%;position: relative;}
.s_container_two h1{ text-align:left !important;}
.s_container_two p{ text-align:left !important; font-size:22px !important; line-height:40px;}
.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: #585c61;padding-top: 172px;font-weight: normal;margin-bottom: 36px;text-align: center;}
.s30_three h1{font-size: 36px;color: #FFF;padding-top: 172px;font-weight: normal;margin-bottom: 36px;text-align: center;}
.s30_two p,.s30_three p,.s30_four p,.s30_five p,.s30_eight p,.s30_nine p,.s30_ten p{font-size: 14px;color: #585c61;margin-bottom: 14px;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_three{width: 100%;height: 851px; overflow:hidden; background-image:url("../switch_zn/switch_bg04.jpg"); background-repeat:no-repeat; background-position:top center; background-size:100%,cover;}
.s30_three .st_phone{width: 251px;height: 447px;opacity: 0;filter:alpha(opacity=100);background: url("../images/s30/mobile_pic1.jpg") no-repeat center center;margin-left: 138px;}
.s30_three .st_phone.st_animate{animation:fadeInUpBig 1s .2s ease both;-moz-animation:fadeInUpBig 1s .2s ease both;}
.s30_four{width: 100%;height: 849px;background: url("../images/s30/bg4.jpg") no-repeat center center;}
.s30_four .sf_phone{width: 251px;height: 447px;opacity: 0;filter:alpha(opacity=100);background: url("../images/s30/mobile_pic2.jpg") no-repeat center center;margin-left: 835px;}
.s30_four .sf_phone.sf_animate{animation:fadeInUpBig 1s .2s ease both;-moz-animation:fadeInUpBig 1s .2s ease both;}
.s30_five{width: 100%;height: 849px;background: url("../images/s30/bg5.jpg") no-repeat center center;}
.s30_six{width: 100%;height: 1149px;background: url("../images/s30/bg6.jpg") no-repeat center center;}
.s30_six .s_container{padding-top: 46px;}
.s30_six .ss_top{margin-top: 0;}
.s30_six .ss_bottom{margin-top: 288px;}
.s30_six .ss_content{margin-top: 500px;margin-left: 10px;}
.s30_six .ss_content h1{font-size: 36px;color: #888;font-weight: normal;}
.s30_six .ss_content p{font-size: 14px;color: #888;margin-top: 20px;}
.s30_banner{ width:100%; height: 849px;}
.sb_container{width: 100%; margin:0 auto; position: relative;height: 849px; overflow:hidden;}
.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("../switch_zn/switch_banner_bg1.jpg") no-repeat center;}
.sb_container .banner_pic .ss_two{background: url("../switch_zn/switch_banner_bg2.jpg") no-repeat center;display: none;}
.sb_container .banner_pic .ss_three{background: url("../switch_zn/switch_banner_bg3.jpg") no-repeat center;display: none;}
.sb_container .banner_pic .ss_four{background: url("../switch_zn/switch_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}
.s30_seven{width: 100%;height: 953px;background: url("../switch_zn/switch_bg05.gif") no-repeat center center;position: relative;padding-top: 46px;}
.s30_seven .ss_top{margin-top: 0; color:#4dc885; text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.s30_seven .ss_content{position: absolute;width: 480px;top: 718px;right: 110px;}
.s30_seven .ss_content .sc_line{display: block;width: 40px;height: 2px;background-color: #fff;}
.s30_seven .ss_content .sc_title{margin-top: 16px;font-size: 36px;color: #fff;}
.s30_seven .ss_content .sc_txt{margin-top: 22px;font-size: 14px;color: #fff;}
.s30_eight{height: 850px;width: 100%;background: url("../switch_zn/switch_bg08.jpg") no-repeat center center;}
.s30_eight h1{padding-top: 60px;}
.s30_eight .se_pro{position: relative;}
/*.s30_eight .sp_pro,.se_content_title .sct_item .icon div{background: url("../images/s30/s30_pro.png") no-repeat center center;}*/
.s30_eight .sp_one{width: 140px;height: 403px;position: absolute;top: 32px;left: 470px;z-index: 7;background-position:-50px 0;}
.s30_eight .sp_two{width: 50px;height: 258px;background-position:0 0;position: absolute;top: 94px;left: 480px;z-index: 6;}
.s30_eight .sp_three{width: 158px;height: 370px;background-position:-344px 0;position: absolute;top: 44px;left: 490px	;z-index: 5;}
.s30_eight .sp_four{width: 168px;height: 181px;background-position:-502px 0;position: absolute;top: 122px;left: 530px;z-index: 4;}
.s30_eight .sp_five{width: 202px;height: 296px;background-position:0 -420px;position: absolute;top: 68px;left: 516px;z-index: 3;}
.s30_eight .sp_six{width: 154px;height: 213px;background-position:-190px 0;position: absolute;top: 60px;left: 600px;z-index: 2;}
.s30_eight .sp_seven{width: 241px;height: 315px;background-position:-220px -411px;position: absolute;top: 56px;left: 582px;z-index: 1;}
.s30_eight .se_icons{width: 700px;margin: 460px auto 0 auto;}
.s30_eight .se_icons .si_icon{width: 33.333%;float: left;text-align: center;}
.s30_eight .se_icons .si_icon div{width: 70px;height: 70px;margin: 0 auto;}
.s30_eight .se_icons .si_icon p{font-size: 14px;color: #888;margin-top: 14px;}
.s30_eight .se_icons .si_one div{background-position:0 0;}
.s30_eight .se_icons .si_two div{background-position:-70px 0;}
.s30_eight .se_icons .si_three div{background-position:-140px 0;}
.s30_nine{width: 100%;height: 797px;background: url("../images/s30/bg8.jpg") no-repeat center center;}
.s30_nine h1{padding-top: 100px;}
.s30_nine .sn_handle{position: absolute;width: 505px;height: 292px;background-position:0 -148px;z-index: 5;left: 150px;top: 240px;}
.s30_nine .sn_circle{position: absolute;width: 149px;height: 97px;background-position:-352px 0;z-index: 3;left: 560px;top: 438px;-webkit-animation: sh-ripple 2s ease infinite;animation: sh-ripple 2s ease infinite;}
.s30_ten{width: 100%;height: 850px;background: url("../images/s30/bg9.jpg") no-repeat center;}
.s30_ten h1{padding-top: 114px;}
.s30_ten .st_txt{width: 1240px;margin: 400px auto 0 auto;}
.s30_ten .st_txt p{width: 33.333%;float: left;text-align: center;font-size: 16px;color: #888;}
.s30_ele{background-color: #fff;/*height: 850px;*/}
.s30_ele .s_container{text-align: center;padding-top: 136px;height: auto;}
.s30_ele p.se_title{margin-bottom: 46px;font-size: 30px;color: #333;}
.s30_ele .sc_line{display: block;width: 1150px;height: 9px;clear: both;background:url("../images/s30/smc_icons.png") no-repeat center center;background-position: -3169px 0;margin: 0 auto;}
.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;}
.s30_ele .sc_table .st_left,.s30_ele .sc_table .st_right{float: left;width: 50%;}
.s30_ele .sc_table p{font-size: 18px;color: #333;line-height: 48px;text-align: left;float: left;}
.s30_ele .sc_table p.left{padding-left: 92px;}
.s30_ele .sc_table p.right{padding-left: 148px;}
.s30_ele .sc_table p em{color: #888;}
.s30_ele .sc_table .st_right div{display: block;width: 20px;height: 20px;float: left;margin-left: 20px;border-radius: 50%;margin-top: 14px;}
.s30_ele .sc_table .st_right div.tt_one{background-color: #a2dbe7;}
.s30_ele .sc_table .st_right div.tt_two{background-color: #e4b7d7;}
.s30_ele .sc_table .st_right div.tt_three{background-color: #e5cca6;}
.s30_ele .sc_table .st_right div.tt_four{background-color: #9196a1;}
.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_three,.s30_banner,.s30_seven{ height:800px;}
	.s30_one .so_color{ padding-top:15%;}
	.s30_one .so_color{ font-size:1.5em;}
	.s30_one h2{ font-size:1.3em;}
	.s30_one p.so_txt{ font-size:1.3em;}
	.s30_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 1.2em;width:40%;}
	.s30_two h1{font-size:1.6em;color: #585c61;padding-top: 172px;font-weight: normal;margin-bottom: 36px;text-align: center;}
	.s30_three h1{font-size:1.6em;color: #fff;padding-top:50px;font-weight: normal;margin-bottom: 36px;text-align: center;}
	.s_container_two p {text-align: left !important;  font-size: 1.4em !important; line-height: 40px;}
	.sb_slider .ss_content {    width:100%;	position:relative;}
	.sb_container .banner_pic .sb_mark {    position: absolute;    width: 50%;    top: 492px;    left: 10%;    margin-left: 0;}
	.sb_slider .ss_content .sc_line {    width: 40px;    height: 2px;    margin: 360px 0 12px 10%;    background-color: #fff;}
	.sb_slider .ss_content .sc_title {    margin-left:10%;    font-size:1.8em;    color: #fff;}
	.sb_slider .ss_content .sc_txt {    margin-left:10%;    margin-top: 12px;    font-size:1.2em;    color: #fff;}
	.sb_container .banner_pic .ss_one{background: url("../switch_zn/switch_banner_bg1.jpg") no-repeat;background-position:70%;
	  background-size:cover;}
	.sb_container .banner_pic .ss_two{background: url("../switch_zn/switch_banner_bg2.jpg") no-repeat;background-position:70%;
	  background-size:cover;}
	.sb_container .banner_pic .ss_three{background: url("../switch_zn/switch_banner_bg3.jpg") no-repeat;background-position:70%;
	  background-size:cover;}
	.sb_container .banner_pic .ss_four{background: url("../switch_zn/switch_banner_bg4.jpg") no-repeat;background-position:70%;
	  background-size:cover;}
	}
@media screen and (max-width:900px){
	.s30_one .so_color{ padding-top:20%;}
	.s30_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 1.2em;width:75%;}
		.s30_one .so_bottom em,.s30_six .ss_bottom em,.s30_six .ss_top em,.s30_seven .ss_top em{font-size:2em;line-height: 78px;padding-right: 20px;float: left;margin-left: 30px;}
		
		
		
	.sb_container .banner_pic .sb_mark {    position: absolute;    width: 50%;    top: 192px;    left: 10%;    margin-left: 0;}
	.sb_slider .ss_content .sc_line {    width: 40px;    height: 2px;    margin:100px 0 12px 10%;    background-color: #fff;}
	.sb_slider .ss_content .sc_title {    margin-left:10%;    font-size:1.8em;    color: #fff;}
	.sb_slider .ss_content .sc_txt {    margin-left:10%;    margin-top: 12px;    font-size:1.2em;    color: #fff;}
		
.sb_container .banner_pic .ss_one{background: url("../switch_zn/switch_banner_bg1.jpg") no-repeat;background-position:70%;
  background-size:cover;}
.sb_container .banner_pic .ss_two{background: url("../switch_zn/switch_banner_bg2.jpg") no-repeat;background-position:70%;
  background-size:cover;}
.sb_container .banner_pic .ss_three{background: url("../switch_zn/switch_banner_bg3.jpg") no-repeat;background-position:70%;
  background-size:cover;}
.sb_container .banner_pic .ss_four{background: url("../switch_zn/switch_banner_bg4.jpg") no-repeat;background-position:70%;
  background-size:cover;}
	}	
@media screen and (max-width:414px){
	.s30_two {
  height: 850px;
  width: 100%;
  background:#d3dcdb url("../switch_zn/switch_bg02.jpg") no-repeat center center; background-size:250%;
}
.s30_three {
  width: 100%;
  height: 851px;
  overflow: hidden;
  background-image: url("../switch_zn/switch_bg04.jpg");
  background-repeat: no-repeat;
  background-position:-750px;
  background-size:cover;
}
	.s30_one .so_color{ padding-top:35%;}
	.s30_one .so_bottom{font-size:1.2em;color: #666;margin:480px auto 0 auto;line-height: 78px;vertical-align: middle;letter-spacing: 6px;width:90%; left:5%;}
	.s30_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 1.2em;width:80%;}
	.s30_one .so_bottom em,.s30_six .ss_bottom em,.s30_six .ss_top em,.s30_seven .ss_top em{font-size:2em;line-height: 78px;padding-right: 20px;float: left;margin-left: 30px;}
	}