@media (min-width:320px) and (max-width:767px){

.con{width: 100%;}
#fp-nav{display: none;}/*左侧固定*/
.gb-contact{display: none;}/*右侧固定*/
.fp-section.fp-table, .fp-slide.fp-table{display: block;}
.fp-tableCell{display: block;}


#header{height: 75px;}
#header .menu{display:block !important;}
#header.on .menu{top:10px !important;}
#header a.logo img{height: 45px;}
#header .nav{display: none;}
#header .med_nav{position:absolute;top:0;right:-100%;display:block !important;width:100%;background:#333;z-index:99999;}
#header .med_nav .md_top{width:100%;height:45px;border-bottom:1px solid #fff;}
#header .med_nav .md_top span{float:right;width:45px;height:45px;background:url(../images/rbtn.png) center/cover no-repeat;background-size:34px 34px;}
#header .med_nav ol li{width:100%;margin:0 auto;background:#666;height:38px;margin-bottom:1px;}
#header .med_nav ol li a{width:80%;float:left;height:38px;line-height:38px;color:#fff;text-indent:15px;font-size:14px;}
#header .med_nav ol li i{float:right;width:50px;height:38px;background:url(../images/bbtn.png) center/cover no-repeat;background-size:24px 24px;}
#header .med_nav ol li .med_sec{display:none;position:absolute;top:0;left:0;width:100%;background:#fff;}
#header .med_nav ol li .med_sec a{width:48%;float:left;color:#333;text-indent:0;text-align:center;border-bottom:1px solid #ddd;}
#header .med_nav ol li .med_sec a:nth-child(2n){float:right;}
#header .med_nav ol li .med_sec .clos{width:100%;height:45px;border-bottom:1px solid #ddd;background:#333;}
#header .med_nav ol li .med_sec .clos em{float:right;width:45px;height:45px;background:url(../images/chacha.png) center/cover no-repeat;background-size:24px 24px;}


.banner{height: 300px !important;overflow: hidden;}
.banner video{height: 100%;}
.banner .fp-tableCell{height: 300px !important;}
.banner .txt{width: 100%;}
.banner .txt h2{font-size: 24px;}
.banner .txt p{font-size: 12px;line-height: 20px;width: 90%;}
.banner .mouse{display: none;}
.pu_bg{height: 300px;}
.pu_bg .txt{width: 100%;}
.pu_bg .txt p{width: 96%;font-size: 26px;}
.pu_bg .txt h2{font-size: 20px;}

.section2{height: auto !important;overflow: hidden;}
.section2 .fp-tableCell{height: auto !important;}
.section2 ul li{width: 50%;height: 370px;top:0px !important;}
.section2 ul li .cbox{padding: 35px 0 0;width: 90%;}
.section2 ul li .cbox img{margin-bottom: 10px;}
.section2 ul li .cbox h1{font-size: 20px;}
.section2 ul li .cbox h2{font-size: 12px;}
.section2 ul li .cbox .line{margin: 15px auto 25px;}
.section2 ul li .cbox .oth{width: 100%;}
.section2 ul li .cbox .oth span{font-size: 12px;}

.section3{height: auto !important;overflow: hidden;}
.section3 .fp-tableCell{height: auto !important;}
.section3 ul li{width: 50%;height: 140px !important;}

.section4{height: auto !important;overflow: hidden;}
.section4 .fp-tableCell{height: auto !important;}
.s_top .st_l{float: none;width: 96%;margin: 25px auto;padding-right: 0;border:none;}
.s_top .st_l h1{font-size: 28px;text-align: center;}
.s_top .st_l h3{font-size: 16px;text-align: center;margin-top: 15px;}
.s_top .st_l p{font-size: 12px;text-align: center;}
.s_top .st_r{float: none;width: 96%;margin: 0 auto;padding-left: 0;}
.s_top .st_r ul li a{margin-left: 0;}
.s_btm ul li h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}
.s_btm ul li h5 span{font-size: 20px;}
.s_btm ul li h5 em{margin-top: -15px;}
.s_btm ul li p{font-size: 12px;transform: scale(0.8);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.s_btm{padding: 25px 0;}

.section5{height: auto !important;overflow: hidden;}
.section5 .fp-tableCell{height: auto !important;}

.section5 dl{display: none;}
.section5 .last{float: none;padding-left: 0;width: 94%;margin: 0 auto;height: auto;border: none;}
.move_news{display: none;}
#footer-text{padding: 30px 0;}
.section5 .last .txt{width: 60%;}
.section5 .last .txt h5{font-size: 28px;}
.copy .cp{width: 90%;float: none;margin: 0 auto;text-align: center;}



.js_sec1 ul li:nth-child(2n):before{display: none;}
#js-content2 h1{font-size: 28px;}
#js-content2 ol li{margin-bottom: 25px;}
#js-content2 ol li .right p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.js_sec3{padding: 25px 0;}
.stxt h2{font-size: 24px;}
.js_sec3 .s_l{float: none;width: 96%;margin:0 auto;}
.js_sec3 .s_r{float: none;width: 100%;margin-top: 15px;}
.js_sec3 .s_l ul li{margin-bottom: 15px;}
.js_sec3 .s_l ul li h3{font-size: 18px;}
.js_sec3 .s_l ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding-bottom: 0;margin-bottom: 25px;}

.js_sec4{padding: 25px 0;}
.js_sec4 ul li{width: 48%;margin: 0 1% !important;height: 140px;}
.js_sec4 ul li:nth-child(3n){margin-right:auto;}
.js_sec4 ul li:nth-child(2n){margin: 0 1%;}

#anitOut{width: 100% !important;height: 160px !important;}
#anitOut canvas{width:100% !important;height: 160px !important;}
#container.s_btm ul{width: 100%;margin-left: 0;transform:translate(-50%,-50%);}

.anli{padding: 25px 0;overflow: hidden;}
.anli ul li{width: 48%;margin: 0 1%;box-sizing: border-box;padding: 20px 0;margin-bottom: 15px;}
.anli ul li span{margin: 0 auto 20px;}
.anli ul li h3{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.anli ul li a{margin-top: 28px;}

.pu_bg.seo{height: 470px !important;}
.seo .so_l{float: none;width: 96%;margin: 0 auto;padding-top: 150px;}
.seo .so_l h3{font-size: 24px;text-align: center;margin-bottom: 25px;}
.seo .so_l ul{margin-left: 0;}
.seo .so_l ul li{width: 16.6%;}
.seo .so_l ul li img{width: 30px;height: 30px;}
.seo .so_l ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo .opa_btm ul li img{display: block;margin: 0 auto;height: 32px;}
.seo .opa_btm ul li .bx{display: block;width: 100%;margin-left: 0;}
.seo .opa_btm ul li .bx h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.seo .opa_btm ul li .bx p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.seo .so_l .seo_c{text-align: center;}

#seo1 .con{width: 90%;}
.same_seo .con{width: 90%;}
.cross{height: 120px;line-height: 120px;font-size: 19px;}

#seo3 .con{padding-bottom: 0;}
.same_seo .con ul li{border-color:#dedede;}

.changjing{padding: 25px 0;}
.changjing .con{width: 90%;}
.changjing ul li{width: 48%;margin-right: 0;margin-bottom: 15px;}
.changjing ul li:nth-child(2n){float: right;}
.changjing ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.yh_key{padding: 25px 0;}
.yh_key ul{display: none;}
.yh_key .c_bg{width: 100%;background-size: 100% 100%;margin-left: 0;left:0;}

.yh_anli{padding: 25px 0;}
.yh_anli ul li{width: 48%;margin: 0 1%;}
.yh_anli ul li:nth-child(3n){margin-right:auto;margin: 0 1%;}
.yh_anli ul li .pic{height: 180px;}


.jichu{height: auto;}
.jichu .jc_bg{position: relative;width: 100%;margin-left: 0;margin-top: 20px;top:auto;left:auto;background-size: 100% 100%;}
.jichu ul li{float:none !important;position: relative;top:auto !important;left:auto !important;height:70px;margin-bottom: 25px;right:auto !important;}
.jichu ul li:nth-child(2n){float: none;}
.jichu ul li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.jichu.quanzhan .jc_bg{position: relative;width: 100%;margin-left: 0;margin-top: 20px;top:auto;left:auto;background-size: 100% 100%;}

.pu_bg.about{height: 380px;}
.pu_bg.about p{line-height: 35px !important;font-size: 20px;}
.pu_bg.about .txt.on p{margin-top: -65px;}
#gy-content2{box-sizing: border-box;width: 94%;padding: 20px;}


.pu_bg.lianxi{height: 330px !important;}
.pu_bg.lianxi .txt h2{font-size: 18px;margin-bottom: 10px;}
.pu_bg.lianxi .txt p{font-size: 22px;}
.pu_bg.lianxi .txt h6{font-size: 12px;margin-top: 10px;}


.lx-content{padding: 25px 0;}
.lx-content .con{width: 94%;}
.lx-content .con ul{margin-top: 25px;}

.jf_txt{float: none;width: 94%;margin: 0 auto;}
.jf_txt p{width: 100%;}
.jf_pic{float: none;width: 94%;margin: 30px auto 0;}
.jf_sec3 ul li p{margin-top: 10px;}
.jf_sec3 ul li{margin-bottom: 15px;}
.jf_sec4 ul li{width: 50%;}
.jf_sec5 ul li{width: 49%;margin-right: 0;margin-bottom: 6px;}
.jf_sec5 ul li:nth-child(2n){float: right;}


/*万词霸屏*/
.conx{width:100%;margin:0 auto;}
.sec_wrap{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.sec_wrap .se_info{width: 100%;max-width: 100%;margin-top: 35px;text-align:center;}
.sec_wrap .se_info h2{font-size: 25px;color: #fff;}
.sec_wrap .se_info p{margin-top: 30px;font-size: 14px;color: #fff;}


.section1x{width: 100%;margin-top:0px;padding-bottom: 50px;overflow: hidden;}
.section1x img{max-width: 100%;}
.section1x .conx{position: relative;}
.section1x .tg_l{float: none;width: 100%;height: auto;padding-top:50px;}
.section1x .tg_p1{position: absolute;bottom:230px;left:70%;width: 90px;height: auto;}
.section1x .tg_p2{position: absolute;top: 0px;right: 0px;}
.section1x .tg_r{float: none;padding-top: 30px;text-align:center;}
.section1x .tg_r .p1{font-size: 30px;color:#333;}
.section1x .tg_r .p2{font-size: 40px;color:#333;padding:5px 0;}
.section1x .tg_r .p3{font-size: 26px;color:#333;}


.section2x{position:relative;width: 100%;height: 440px;background: url(../images/se2_bg1.jpg) center no-repeat;overflow: hidden;}
.section2x .m_bg{display:none;height: 100%;background: url(../images/se2_bg2.png) center no-repeat;}
.section2x .se_txt{position: absolute;width: 100%;height: 440px;top:0;}
.section2x .se_txt h2{font-size:24px;margin-top: 50px;text-align: center;color: #fff;}
.section2x .se_txt ul{width: 100%;margin: 30px auto;text-align: center;}
.section2x .se_txt ul li{display:inline-block;width: 32%;height:140px;border-right: 1px solid #4b4b4b}
.section2x .se_txt ul li:last-child{border:none;}
.section2x .se_txt ul li .txt1{font-size:16px;color: #fff;text-align: center;}
.section2x .se_txt ul li .txt1 span{font-size: 30px;}
.section2x .se_txt ul li .txt2{font-size: 14px;line-height: 25px;text-align: center;color: #fff;padding:0 5px;}
.section2x .se_txt .s_ofo{font-size: 14px;color: #fff;width:auto;margin: 0 auto;padding:0 5px;line-height: 25px;}
.section2x .donghua{display:none;}


.section3x{position: relative;width: 100%;height: 540px;background: url(../images/se3_bg.jpg) center no-repeat;overflow: hidden;}
.section3x .conx h2{font-size: 25px;text-align: center;color: #fff;margin:35px 0 35px;}
.section3x .conx p{font-size: 18px;color: #fff;width:auto;margin: 0 auto;line-height: 25px;padding:0 5px;text-align:center;}
.section3x .tubiao{position:relative;width: 100%;height:350px;margin:0 auto;margin-top:120px;}
.section3x .tubiao div{position: absolute;text-align: center;}
.section3x .tubiao p{color:#fff;font-size:14px;text-align: center;}
.section3x .tubiao span.icn1{display:inline-block;width:77px;height: 100px;background: url(../images/icn1.png) center bottom/cover no-repeat;}
.section3x .tubiao span.icn2{display:inline-block;width:65px;height: 85px;background: url(../images/icn2.png) center bottom/cover no-repeat;}
.section3x .tubiao span.icn3{display:inline-block;width:85px;height: 110px;background: url(../images/icn3.png) center bottom/cover no-repeat;}
.section3x .tubiao span.icn4{display:inline-block;width:80px;height: 95px;background: url(../images/icn4.png) center bottom/cover no-repeat;}
.section3x .tubiao .tb1{left:0;top:0px;}
.section3x .tubiao .tb2{left:90px;top:-100px;}
.section3x .tubiao .tb3{left:240px;top:50px;}
.section3x .tubiao .tb4{right:65px;top:-80px;}
.section3x .bt_bg{position:absolute;bottom:-30px;width: 100%;height: 226px;background: url(../images/se3_bg2.png) center bottom no-repeat;}


.section4x{position:relative;width: 100%;height: 760px;background: url(../images/se4_bg.png) center center/cover no-repeat;overflow:hidden;}
.section4x h2{font-size: 25px;margin-top: 35px;text-align: center;color: #333;}
.section4x .txt{width: 100%;margin: 40px auto 0;}
.section4x .txt p{color:#333;font-size:14px;text-align: center;line-height: 25px;}
.section4x .s4_mv1{width: 95%;height: 334px;margin: 50px auto 0;background: url(../images/s4_mv1.png) center/cover no-repeat;}
.section4x .s4_mv2{position:absolute;right:10px;top:290px;width: 110px;height:95px;;background: url(../images/s4_mv2.png) center/cover no-repeat;}



.section5x{width: 100%;height: 630px;background: #000;overflow: hidden;}
.section5x .conx{height:100%;}
.section5x .s5_l{float:none;width: 100%;max-width: 100%;margin-top: 35px;text-align:center;}
.section5x .s5_l .txt1{font-size: 25px;color: #f00;}
.section5x .s5_l .txt2{font-size: 25px;color: #fff;}
.section5x .s5_l .txt3{font-size: 14px;margin-top:30px;color: #fff;}
.section5x .s5_r{float: none;width: 100%;height:70%;background: url(../images/se5_bg.png) right bottom/cover no-repeat;background-size:90%;}


.section6x{width: 100%;height: auto;background: #db6e1e;overflow: hidden;}
.section6x h2{font-size: 25px;margin-top: 35px;text-align: center;color: #fff;}
.section6x p{width:auto;margin:30px auto 0;color:#fff;font-size:14px;text-align: center;line-height: 25px;}
.section6x #s6_banner{width: 100%;height: 155px;margin:50px auto 0;margin-left:10px;overflow: hidden;background: url(../images/se6_bg.png) top/cover no-repeat;}
.section6x #s6_banner .ban_wrap{position:relative;width: calc(100% - 58px);height:148px;margin:20px;}
.section6x #s6_banner .swiper-container{position:relative;width:100%; height:100%;}
.section6x #s6_banner .swiper-container .swiper-wrapper{width: 100%;height: 100%;}
.section6x #s6_banner .swiper-container .swiper-wrapper img{width: 100%;height: 100%;}
.section6x #s6_banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;}
.section6x #s6_banner .swiper-button-prev{display:none;}
.section6x #s6_banner .swiper-button-next{display:none;}


.section7x{width: 100%;height: auto;background: #fff;overflow:hidden;}
.section7x h2{font-size: 20px;margin-top:35px;text-align: center;color: #333;}
.section7x .txt{width: 100%;margin: 30px auto 0;}
.section7x .txt p{color:#333;font-size:14px;text-align: center;line-height: 25px;}
.section7x .s7_mv{width: 100%;height:165px;margin: 50px auto 0;background: url(../images/se7_bg.png) bottom center/cover no-repeat;}


.section8x{position:relative;width: 100%;height: 500px;overflow: hidden;background: url(../images/se8_bg.jpg) bottom center/cover #fff no-repeat;}
.section8x h2{font-size: 25px;margin-top: 35px;text-align: center;color: #333;}
.section8x p{width:100%;margin:30px auto 0;color:#333;font-size:14px;text-align: center;line-height: 25px;}
.section8x .lg_wrap{position:relative;width: 100%;height:260px;margin-top: 10px;}
.section8x .lg_wrap span{position: absolute;width: 120px;height: 50px;}
.section8x .lg_wrap span.lg1{left:calc(100% - 130px);background: url(../images/lg1.jpg) center/cover no-repeat;}
.section8x .lg_wrap span.lg2{right:calc(100% - 130px);top:0;background: url(../images/lg2.png) center/cover no-repeat;}
.section8x .lg_wrap span.lg3{left:50%;bottom:155px;margin-left:-60px;background: url(../images/lg3.jpg) center/cover no-repeat;}
.section8x .lg_wrap span.lg4{top:115px;right:10px;background: url(../images/lg4.jpg) center/cover no-repeat;}
.section8x .lg_wrap span.lg5{left:10px;bottom:100px;background: url(../images/lg5.png) center/cover no-repeat;}
.section8x .lg_wrap span.lg6{left:calc(100% - 130px);bottom:20px;background: url(../images/lg6.jpg) center/cover no-repeat;}
.section8x .lg_wrap span.lg7{left:0;bottom:20px;background: url(../images/lg7.jpg) center/cover no-repeat;}
/*µã·Å´ó*/
@keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}

@-webkit-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}

@-moz-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}
.section8x .circle{display:none;position:absolute;height: 88px;width: 88px; display:inline-block;-webkit-border-radius: 48px;-moz-border-radius: 48px;border-radius: 48px;opacity: .12;filter: alpha(opacity=0);-webkit-animation: dian 2s ease-out;-moz-animation: dian 2s ease-out;-o-animation: dian 2s ease-out;animation: dian 2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle{background: #000;display:none;}
.section8x .circle1{top: 200px;right: 100px;width: 20px;height: 20px;}
.section8x .circle2{top: 260px;right: 130px;width: 30px;height: 30px;-webkit-animation: dian 3s ease-out;-moz-animation: dian 3s ease-out;-o-animation: dian 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle3{top: 230px;right: 230px;width: 10px;height: 10px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle4{top: 300px;right: 200px;width: 25px;height: 25px;-webkit-animation: dian 1.3s ease-out;-moz-animation: dian 1.3s ease-out;-o-animation: dian 1.3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle5{top: 300px;right: 100px;width: 16px;height: 16px;-webkit-animation: dian 2.2s ease-out;-moz-animation: dian 2.2s ease-out;-o-animation: dian 2.2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle6{top: 360px;right: 100px;width: 14px;height: 14px;-webkit-animation: dian 0.6s ease-out;-moz-animation: dian 0.6s ease-out;-o-animation: dian 0.6s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle7{top: 360px;right: 150px;width: 35px;height: 35px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle8{top: 460px;right: 220px;width: 13px;height: 13px;-webkit-animation: dian 0.4s ease-out;-moz-animation: dian 0.4s ease-out;-o-animation: dian 0.4s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle9{top: 460px;right: 220px;width: 13px;height: 13px;-webkit-animation: dian 2.6s ease-out;-moz-animation: dian 2.6s ease-out;-o-animation: dian 2.s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle10{top: 560px;right: 320px;width: 17px;height: 17px;-webkit-animation: dian 1.2s ease-out;-moz-animation: dian 1.2s ease-out;-o-animation: dian 1.2s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle11{top: 500px;right: 260px;width: 26px;height: 26px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle12{top: 600px;right: 260px;width: 10px;height: 10px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle13{bottom: 50px;right: 260px;width: 15px;height: 15px;-webkit-animation: dian 2.3s ease-out;-moz-animation: dian 2.3s ease-out;-o-animation: dian 2.3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle14{bottom: 50px;right: 330px;width: 20px;height: 20px;-webkit-animation: dian 1.1s ease-out;-moz-animation: dian 1.1s ease-out;-o-animation: dian 1.1s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.section8x .circle15{bottom: 100px;right: 290px;width: 20px;height: 22px;-webkit-animation: dian 0.8s ease-out;-moz-animation: dian 0.8s ease-out;-o-animation: dian 0.8s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-o-keyframes dian {
    0% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1}
    30% {-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: .1}
    60% {-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: .5}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
}



.section9x{width: 100%;height: auto;padding-bottom:20px;overflow: hidden;background:#be2829;}
.section9x .conx{width: 100%;}
.section9x h2{font-size: 25px;margin-top:30px;margin-bottom:30px;text-align: center;color: #fff;}
.section9x p{margin-top: 30px;font-size: 20px;color: #fff;text-align: center;}
.section9x .s9_mv1{float: left;width:15%;margin-top: 70px;margin-left: 0px;}
.section9x .s9_mv2{float: left;width:70%;margin-top: 10px;}
.section9x .s9_mv3{float: left;width:15%;margin-top: 120px;}


.section10x{position:relative;width: 100%;height: 360px;overflow: hidden;background: url(../images/se10_bg.jpg) center/cover no-repeat;}
.section10x .wrap{position:relative;overflow:hidden;width: 100%;height: 100%;margin:0 auto;background: none;}
.section10x .wrap .s10_mv2{position: absolute;right:-10px;bottom:30px;width: 160px;height: 150px;background: url(../images/s10_mv2.png) center/cover no-repeat;}


.section11x{position:relative;width: 100%;height: 440px;overflow: hidden;background: #bb2829;}
.section11x .wrap{width: 100%;height: 56%;margin-top:200px;background: url(../images/s11_mv1.jpg) bottom/cover no-repeat;}

.section11x .sec_wrap .se_info{width: 100%;float: none;margin-top: 30px;}
.section11x .sec_wrap .se_info h2{text-align: center;}
.section11x .sec_wrap .se_info h2.spe{margin-bottom: 20px;}
.section11x .sec_wrap .se_info p{text-align: center;margin-top:0;line-height: 20px;}


.section12x{position:relative;width: 100%;height: 520px;overflow: hidden;background: #0a2452;}
.section12x .wrap{position:relative;width: 100%;height: 340px;position: relative;margin: 0 auto;background: url(../images/s12_mv1.jpg) left bottom/cover no-repeat;}
.section12x .wrap .mv1{display:none;position: absolute;top: 43px;left: 13%;height: 235px;width: 74%;background: url(../images/s12_mv2.png) center center/cover no-repeat;animation: turn 8s linear infinite;-moz-animation: turn 8s linear infinite;-webkit-animation: turn 8s linear infinite;-o-animation: turn 8s linear infinite;}
.section12x .wrap .mv2{display:none;position:absolute;top:297px;left:206px;height: 261px;width: 260px;background: url(../images/s12_mv3.png) no-repeat;animation: turn2 6s linear infinite;-moz-animation: turn2 6s linear infinite;-webkit-animation: turn2 6s linear infinite;-o-animation: turn2 6s linear infinite;}
.section12x .sec_wrap .se_info{position:absolute;bottom:20px;left:0;width: 100%;float: none;}
.section12x .sec_wrap .se_info h2{text-align: center;margin-top:0;margin-bottom:0;}
.section12x .sec_wrap .se_info h2.spe{margin-bottom: 10px;}
.section12x .sec_wrap .se_info p{text-align: center;margin-top:0;line-height: 20px;}

/*360¶ÈÐýת*/
@keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-moz-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-webkit-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}
@-o-keyframes turn2 {
    from {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transform:rotate(360deg)}
    to {transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);-o-transform: rotate(0);-moz-transform: rotate(0)}
}

@keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-moz-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-webkit-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}
@-o-keyframes turn {
    from {transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}
    to {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg)}
}



.section13x{position:relative;width: 100%;height: 300px;background: #f1f1f1;overflow:hidden;}
.section13x h2{font-size: 25px;margin-top: 30px;text-align: center;color: #333;}
.section13x p{width:100%;margin:10px auto 0;color:#333;font-size:14px;text-align: center;line-height: 20px;}
.section13x .s13_mv1{height: 70px;margin-top: 100px;background: url(../images/s13_mv1.png) center/cover #f1f1f1 no-repeat;}


.section14x{position:relative;width: 100%;height: 400px;background: #fff;overflow:hidden;}
.section14x .wrap{width: 100%;height: 190px;margin-top:140px;background: url(../images/s14_mv1.jpg) right center/cover no-repeat;}
.section14x .sec_wrap .se_info h2{color: #333;}
.section14x .sec_wrap .se_info p{font-size:16px;color: #333;margin-top:10px;}


.section15x{position:relative;overflow:hidden;width: 100%;height: auto;background: url(../images/se15_bg.jpg) top center no-repeat;}
.section15x h2{font-size: 25px;margin-top: 30px;text-align: center;color: #fff;}
.section15x p{width:100%;margin:10px auto 0;color:#fff;font-size:14px;text-align: center;line-height: 20px;}
.section15x .cir_box{position:relative;width: 100%;height: 440px;margin:0px auto;}
.section15x .cir_box .sp1{position: absolute;left: 0;bottom: 100px;width: 50px;height: 50px;background: url(../images/s15_icn1.png) center/cover no-repeat;}
.section15x .cir_box .sp2{position: absolute;left: 12%;bottom: 170px;width: 60px;height: 60px;background: url(../images/s15_icn2.png) center/cover no-repeat;}
.section15x .cir_box .sp3{position: absolute;left: 50%;margin-left:-35px;bottom: 200px;width: 70px;height: 70px;background: url(../images/s15_icn3.png) center/cover no-repeat;}
.section15x .cir_box .sp4{position: absolute;right: 12%;bottom: 170px;width: 60px;height: 60px;background: url(../images/s15_icn4.png) center/cover no-repeat;}
.section15x .cir_box .sp5{position: absolute;right: 0;bottom: 100px;width: 50px;height: 50px;background: url(../images/s15_icn5.png) center/cover no-repeat;}
.section15x .cir_box .sptxt{position: absolute;bottom: 10px;font-size: 38px;line-height: 65px;text-align: center;width: 100%;}
.section15x .cir_box .sptxt p{font-size: 24px;color: #fff;text-align: center;line-height: 24px;}
.section15x .rin_box{width: 100%;margin: 0 auto;position: relative;left:0;}
.section15x .rin_box .bow{width: 100%;height: 300px;border-left: 0;border: 3px solid #62C4EA;position: absolute;border-bottom: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0;}

.bow1{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;}
.bow2{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 2s;-moz-animation-delay: 2s;animation-delay: 2s; }
.bow3{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;animation-delay: 4s; }
.bow4{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 6s;-moz-animation-delay: 6s;animation-delay: 6s; }
.bow5{-webkit-animation: ripple 8s infinite ease-out;-moz-animation: ripple 8s infinite ease-out;animation: ripple 8s infinite ease-out;-webkit-animation-delay: 8s;-moz-animation-delay: 8s;animation-delay: 8s; }

@-webkit-keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-webkit-transform:scale(4, 4);transform:scale(4, 4)}
}
@-moz-keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-moz-transform:scale(4, 4);transform:scale(4, 4)}
}
@keyframes ripple {
    0% {opacity:.4}
    100% {opacity:0;-webkit-transform:scale(4, 4);-moz-transform:scale(4, 4);transform:scale(4, 4)}
}


.section16x{position:relative;overflow:hidden;width: 100%;height: 440px;background: #FE7D29;}
.section16x .wrap{position:absolute;bottom:0;left:0;width: 100%;height: 58%;background: url(../images/s16_mv1.png) 160% bottom/cover no-repeat;}
.section16x .sec_wrap .se_info{width: 100%;max-width: 100%;margin-top: 30px;}
.section16x .sec_wrap h2{margin-bottom: 30px;}
.section16x .sec_wrap p{margin-top: 0;font-size: 16px;line-height: 20px;}


.section17x{position:relative;overflow:hidden;width: 100%;height: 400px;background: url(../images/se17_bg.jpg) top center/cover no-repeat; }
.section17x h2{font-size: 25px;margin-top: 30px;text-align: center;color: #fff;}
.section17x p{color:#fff;font-size:14px;text-align: center;line-height:20px;}
.section17x p.spe{margin-top: 30px;}


.section18x{position:relative;overflow:hidden;width: 100%;height: 400px;background: url(../images/se18_bg.jpg) bottom center/cover no-repeat;}
.section18x h2{font-size: 25px;margin-top: 30px;text-align: center;color: #fff;}
.section18x p{color:#fff;font-size:14px;text-align: center;line-height: 20px;}
.section18x p.spe{margin-top: 15px;}
.section18x .s18_mv1{width: 100%;height: 23%;margin: 45% auto 0;background: url(../images/s18_mv1.png) bottom center/cover no-repeat;}


.section19x{width: 100%;}
.section19x h1{font-size: 25px;color: #333;text-align: center;margin-top: 30px;}
.section19x .platform-list {width: 100%;margin: 0 auto;padding-bottom: 30px;line-height: 20px;padding-top:30px;}
.section19x .platform-list table {border-collapse: separate;}
.section19x .platform-list table tbody .top {height: 94px;font-size:14px;}
.section19x .platform-list table tbody .top .top-td {text-align: center;vertical-align: middle;font-size:14px;}
.section19x .platform-list table tbody .content-tr .one {border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;border-top: 1px solid #e4e4e4; width: 149px;}
.section19x .platform-list table tbody .top .first {width: 149px;font-size:18px;}
.section19x .platform-list table tbody .top .ios {background-color: #888888;border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0; color:#fff; width:300px;}
.section19x .platform-list table tbody .top .pc {background-color: #e82828;border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;-webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 20px;border-bottom: 1px solid #c90000;height:94px; line-height:94px;}
.section19x .platform-list table tbody .content-tr {height: 98px;}
.section19x .platform-list table tbody .content-tr .first {background-color: #f5f5f5;line-height: 1.2;}
.section19x .platform-list table tbody .content-tr .last {border-right: none;}
.section19x .platform-list table tbody .content-tr td {text-align: center;color: #626262;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;line-height: 35px;padding: 0 10px;font-size:14px;}
.section19x .platform-list table tbody .content-tr td.tdbg {color: #626262; background:#f5f5f5;}
.section19x .platform-list table tbody .content-tr td.tdbgred {color: #fff; background:#E82828;border-bottom: 1px solid #c90000; line-height: 35px;}


.section20x{width: 100%;padding-bottom: 20px;overflow: hidden;}
.section20x .conx{width: 100%;}
.section20x ul li{overflow: hidden;float: none;width: calc(100% - 4%);border: 1px dotted #ddd;padding: 0px;background: #fff;margin: 0px 2% 10px;}
.section20x ul li .n_pic{width: 30%;color: #0f9ca1;float: left;font-size: 52px;text-align: center;line-height: 80px;display: inline-block;margin: 10px;}
.section20x ul li .n_pic span{display: block;font-size: 28px;background: #f6f6f6;}
.section20x ul li .n_txt{display: inline-block;float: left;overflow: hidden;width: 62%;}
.section20x ul li .n_txt a h3{color: #111;font-size: 14px;margin-top: 13px;margin-bottom: 8px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section20x ul li .n_txt a p{color: #888;font-size: 12px;line-height: 18px;margin-right: 5px;text-align: left;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.section20x ul li:hover{background: #f6f6f6;}



}