@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{ background:#fff; -webkit-user-select: none; user-select: none; overflow-x: hidden;}
.m_center{ width: 67.7083vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s; }
img{ border: 0; transition: all .5s ease 0s; vertical-align: middle; object-fit: cover;}
.voideo_clas{ position:absolute; width:100%; height:100%; left:0; top:0;  z-index: -1;}
.video { overflow:hidden; width: 100%; height:100%; /*position:relative;*/ object-fit: fill; z-index:-1;}
table{border-spacing: 0; width: 100%;}

.header{ position: relative; width: 100%; height: 100vh; z-index: 1;}
.header_top{ width: 100%; height: 3.125vw; line-height: 3.125vw; transition: all .5s ease 0s;}
.header_top_levea{ width: 23%; height: 100%; background: rgba(0, 0, 0, .4); padding-left: 3.2292vw; overflow: hidden;}
.header_top_levea a{display:flex; line-height:1; color:#fff; align-items: center;}
.header_top_levea .logo{ width: 1.9792vw; height: 1.9792vw;}
.header_top_levea a div{font-size:1.15vw}
.header_top_levea a div p{font-size:.6vw;margin-top:.2vw;}
.header_top_leveb{ position: relative; width: 55%; height: 100%; background: rgba(0, 0, 0, .7); padding: 0 0.9896vw; overflow: hidden;}
.header_top_levec{ width: 22%; height: 100%; background: #28a5cc; padding: 0 1.6667vw;}
.heatoplevb_news{ font-size: 0.7292vw; color: #FFF;}
.heatoplevb_news b{ font-size: 0.8333vw;}
.heatoplevb_news .iconfont{ font-size: 0.8333vw; color: #d81e06; font-weight: lighter !important; margin-right: 0.6771vw;}
.heatoplevb_butsou{ font-size: 1.1458vw; color: #FFF; cursor: pointer; padding:0 0.8854vw;}
.heatoplevb_serleva{ position: absolute; width:calc(100% - 3.75vw); height: 100%; left: -100%; top: 0; background: #FFF; transition: all .5s ease 0s;}
.heatoplevb_serleva .z_flex{ height: 3.125vw;}
.heatoplevb_serleva .heatoplevb_serleva_text{ width: 90%; height: 100%; border: none; text-indent: 10px;}
.heatoplevb_serleva .heatoplevb_serleva_button{ width: 8%; height: 100%; border: none;}
.heatiolevc_mobile{ font-size: 1.1458vw; color: #FFF;}
.heatiolevc_mobile .iconfont{ font-size: 1.1458vw; margin-right: 0.4167vw;}
.heatiolevc_tic{}
.heatiolevc_tic .iconfont{ position: relative; display: inline-block; font-size: 1.25vw; color: #FFF; margin-right: 1.4063vw;}
.wechat_code{ display: none; position: absolute; width: 6.7708vw; height: 6.7708vw; padding: 0.5208vw; left: -200%; bottom:calc(-6.7708vw + 0.5vw); background: #FFF; border-radius: 5px;}
.wechat_code img{ width: 100%; height: 100%;}
.wechat_code span{ display: block; position: absolute; width: 0; height: 0; left: calc(50% - 7px); top: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 14px solid #FFF;}
.heatiolevc_tic .iconfont:nth-child(1):hover .wechat_code{ display: block;}

.header_nav{ width: 100%; height: 3.125vw; line-height: 3.125vw; background: #FFF; -moz-box-shadow: 0 5px 6px -6px black; box-shadow:0 5px 6px -6px black; overflow: hidden;}
.header_nav_list{ font-size: 0.9375vw; color: #000; margin: 0 5.625vw 0 0;}
.header_nav_list:nth-child(8){ margin-right: 0;}
.navset a{ color: #58c6e9 !important;}

.banner{ position: absolute; width: 100%; height: 100vh !important; left: 0; top: 0; background: #000; z-index: -1; overflow: hidden;}
.banner .swiper-slide img{ width: 100%; height: 100vh;}
.banner_down{ position: absolute; width: 100%; left: 0; bottom: 1.875vw; text-align: center; z-index: 1; animation: rotate 1s linear infinite;}
.banner_down .iconfont{ font-size: 1.5625vw; color: #FFF; }

.web_bag{ width: 100%; background: url(../images/bg.jpg) center center/100% 100% no-repeat fixed;}
.homsid{ padding: 3.6458vw 0;}
.hom_introduce{ width: 100%; min-height: 18.0729vw;}

.header_fix{ width: 100%;}
.fixnav{ position: fixed; left: 0; top: 0;}

.hom_introduce_imgtext{ width: 46.3542vw;}
.homintimg_tp{ width: 16.1458vw; height: 18.0729vw; overflow: hidden;}
.homintimg_tp img{ width: 100%; height: 100%;}
.homintimg_intr{ width: 28.75vw; height: 18.0729vw; font-size: 0.8333vw; line-height: 1.6667vw; text-indent: 1.5625vw; color: #000; overflow: hidden; /*overflow-x: hidden; overflow-y: scroll;*/}
.homintimg_intr_more{ width: 100%; text-align: right; font-size: 0.7292vw; color: #808080; margin: 1.5625vw 0 0 0;}
.homintimg_intr_more .iconfont{ display: inline-block; margin-right: 0.3646vw; font-size:12px; animation: shadow 1s linear infinite;}
.homintimg_intr_more a{ color: #808080;}

.hom_introduce_party{ width: 19.7917vw; height: 18.0729vw;}
.homintpar_clna{ width: 100%; height: 1.8229vw; line-height: 1.8229vw; text-align: center; color: #FFF; background: #e7212a; font-size: 0.9375vw; color: #FFF;}
.homintpar_bont{ width: 100%; height: 16.25vw; border: 1px solid #e0e0e0; padding:  0.5208vw; overflow: hidden;}
.homintpar_bont_list{ width: 100%; font-size: 0.7292vw; color: #000; margin: 0.5729vw 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homintpar_bont_list .iconfont{ font-size:16px; color: #c3c3c3; margin-right: 0.2604vw; vertical-align: middle;}

.hom_service{ width: 100%; margin: 2.8646vw 0 0 0;}
.hom_service_top{ width: 100%;}
.homsertop_ltc{}
.homsertop_ltc_fa{ font-family: "Arial"; font-size: 2.3958vw; font-weight: bold; color: #000; line-height: 1; margin-bottom: 3px;}
.homsertop_ltc_fb{ position: relative; font-size: 1.25vw; color: #000; line-height: 1;}
.homsertop_ltc_fb span:nth-child(1){}
.homsertop_ltc_fb span:nth-child(2){ position: absolute; display: block; width: 3.3333vw; height: 1px; left: 5.5729vw; top: calc(50% - 0.5px); background: #000; transition: all 1s ease 0s;}
.homsertop_ltc:hover .homsertop_ltc_fb span:nth-child(2){ width: 6.6666vw;}
.homsertop_more{ width: 6.875vw; height: 1.5104vw; line-height: 1.5104vw; text-align: center; border: 1px solid #000; background: #FFF; transition: all .5s ease 0s;}
.homsertop_more a{ display: inline-block; width: 100%; height: 100%;}
.homsertop_more:hover{ border-radius: 5px;}

.hom_service_ceonter{ width: 100%; margin-top: 2.6042vw;}
.hoserceo_leta{ width: 21.875vw;}
.hoserceo_leta .hoserceo_list:nth-child(1){ height: 17.1354vw; margin-bottom: 0.9375vw;}
.hoserceo_leta .hoserceo_list:nth-child(2){ height: 17.1354vw;}
.hoserceo_list{ position: relative; width: 100%; overflow: hidden; transition: all .5s ease 0s; }
.hoserceo_list .hoserceo_list_img{ width: 100%; height: 100%; -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.hoserceo_list .hoserceo_list_posa{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5);}
.hoserceo_list_posa .hoslispos_test{ position: absolute; width: 100%; left: 1.3021vw; bottom: 2.0833vw;}
.hoslispos_test .hoslispos_test_img{ width: 100%; line-height: 1; margin-bottom: 0.7813vw;}
.hoslispos_test .hoslispos_test_tit{ width: 100%; line-height: 1; font-size: 0.9375vw; color: #FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hoserceo_list em{ position: absolute; display:block; width: 100%; height: 100%; background:#fff; top: 0; left: -140%;  -webkit-transform: skewY(25deg);-moz-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg); transform: skewX(-25deg); background:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.hoserceo_list:hover em{ left:140%;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.hoserceo_list:hover .hoserceo_list_img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.hoserceo_list:hover{ border-radius: 5px;}

.hoserceo_letb{ width: 21.875vw; margin: 0 1.0365vw;}
.hoserceo_letb .hoserceo_list:nth-child(1){ height: 35.2083vw;}

.hoserceo_letc{ width: 21.875vw;}
.hoserceo_letc .hoserceo_list:nth-child(1){ height: 12.1875vw; margin-bottom: 0.9375vw;}
.hoserceo_letc .hoserceo_list:nth-child(2){ height: 21.9792vw;}

.hom_news{ width: 100%; margin: 3.125vw 0 0 0;}
.homsertop_nav{ font-size: 0.7292vw; color: #000000;}
.homsertop_nav a{ display: block; padding: 0 1.0938vw; line-height: 1.7188vw; margin-left: 1.1458vw; border: 1px solid #000; background: #FFF;}
.homsertop_nav a:hover{ background: #28a5cc; border-color: #28a5cc; color: #FFF !important; border-radius: 5px;}

.hom_news_conter{ width: 100%; margin-top: 2.3438vw;}
.homnewcon_topco{ width: 100%;}
.homnewcon_topco_list{ width: 21.875vw; height: 16.6667vw; margin: 0 1.0365vw 1.0365vw 0; overflow: hidden;}
.homnewcon_topco_list:nth-child(3n){ margin-right: 0;}
.homtoplis_img{ width: 100%; height: 11.6146vw; overflow: hidden;}
.homtoplis_img img{ width: 100%; height: 100%;}
.homtoplis_bot{ width: 100%; height: 5.0521vw; padding: 0.5208vw; background: #58c6e9;}
.homtoplis_bot_tit{ width: 100%; font-size: 0.8333vw; color: #FFF; line-height: 1.1458vw; margin: 0.2604vw 0;}
.homtoplis_bot_time{ width: 100%; font-size: 0.625vw; color: #FFF;}
.homtoplis_bot_time i{ font-size: 1.25vw; vertical-align: middle;}
.homtoplis_bot_time span{ vertical-align: middle;}
.homnewcon_topco_list:nth-child(2n) .homtoplis_bot{ background: #28a5cc;}
.homnewcon_topco_list:nth-child(3n) .homtoplis_bot{ background: #117d9f;}

.homnewcon_botco_list{ width: 100%; padding: 1.5625vw 0; border-bottom: 1px dashed #000;}
.homnew_botle{}
.homnew_botle_time{ font-size: 1.1458vw; color: #000;}
.homnew_botle_time span{ font-size: 0.7292vw; color: #6c6c6c; margin-left: 0.7813vw; vertical-align: middle;}
.homnew_botle_cnam{ display: inline-block; position: relative; line-height: 1.6667vw; padding: 0 0.9375vw; font-size: 0.7292vw; color: #000; background: #e2e2e2; border-radius: 0.4167vw; margin-left: 4.1667vw; }
.homnew_botle_cnam .botle_right { position: absolute; right: -0.3646vw; top: calc(50% - 0.1823vw); width: 0; height: 0; border-top: 3.5px solid transparent;border-left: 7px solid #e2e2e2; border-bottom: 3.5px solid transparent;}
.homnew_botle_tit{ font-size: 0.8333vw; color: #000; margin-left: 1.875vw;}
.homnew_botrt{ font-size: 0.625vw; color: #000;}


.footer{ width: 100%; background: #4f4f4f; padding: 1.8229vw 0;}
.footer_nav{ width: 100%; font-size: 0.8333vw; color: #FFF; line-height: 1; text-align: center;}
.footer_nav a{ display: inline-block; font-size: 0.8333vw; color: #FFF; margin: 0 1.0417vw;}
.footer_text{ width: 100%; text-align: center; font-size: 0.625vw; color: #FFF; line-height: 1.25vw; margin-top: 1.0417vw;}
.footer_text a{ color: #FFF;}

.sp_hed{ height: 30.2083vw}
.nybanner{ position: absolute; width: 100%; height: 30.2083vw; left: 0; top: 0; z-index: -1;}
.nybanner .nybanner_img{ width: 100%; height: 100%;}
.nybanner_text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-size: 3.125vw; padding: 2.0833vw 0 0 0; color: #FFF; text-shadow: 0px 6px 1px #83ACDB;}


.sidnav{ width: 100%; height: 2.8646vw; line-height: 2.8646vw; background: #f0f0f0;}
.sidnav_lt{ font-size: 0.7292vw; color: #000;}
.sidnav_lt span{ margin: 0 0.5208vw;}
.sidnav_rc{ font-size: 0.7292vw; color: #000;}
.sidnav_rc .iconfont{ font-size: 1.0417vw; vertical-align: middle; margin-right: 0.2604vw;}

.sidpage{ margin-top: 2.0833vw; margin-bottom: 2.0833vw;}
.article_list{ width: 100%; padding-bottom: 1.8229vw; margin-bottom: 1.5625vw; border-bottom: 1px dashed #dadada;}
.article_list_img{ width: 18.75vw; height: 9.9479vw; overflow: hidden;}
.article_list_img img{ width: 100%; height: 100%; object-fit: contain;}
.article_list_rigt{ width: 46.875vw;}
.artlisrig_fina{ width: 100%; line-height: 1.875vw;}
.artlisrig_fina_tit{ width: 70%; font-size: 0.9375vw; font-weight: bold; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.artlisrig_fina_time{ font-size: 0.625vw; color: #848484;}
.artlisrig_fina_time a{ color: #848484;}
.artlisrig_finb{ width: 100%; font-size: 0.7292vw; color: #333333; line-height: 1.3021vw; margin-top: 1.0417vw;}
.artlisrig_finc{ width: 100%; margin-top: 1.3021vw;}
.artlisrig_finc a{ display: inline-block; padding: 0 0.7813vw; line-height: 1.6667vw; border: 1px solid #dfdfdf;}

.noPic .article_list_img{ display: none;}
.noPic .article_list_rigt{width: 100%;}

.sid_fy{ width: 100%; text-align: center; margin: 0.5208vw 0;}

.sidpage_tnav{ width: 100%; text-align: center; margin-bottom: 2.0833vw;}
.sidtna_list{ display: inline-block; min-width: 11.1979vw; padding: 0 0.2604vw; height: 2.9688vw; line-height: 2.9688vw; text-align: center; font-size: 0.9375vw; margin: 0 1.0417vw; margin-bottom: 0.5208vw;  color: #000; background: #f0f0f0; border: 1px solid #dfdfdf; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sidtna_list a{ display: inline-block; width: 100%; height: 100%;}
.sidnaset{ background: #28a5cc; color: #FFF;}
.sidnaset a{ color: #FFF;}
.sidnaset a:hover{ color: #FFF !important;}
.sidtna_list:hover{ background: #28a5cc; color: #FFF;}
.sidtna_list:hover a{ color: #FFF !important;}

.deilpage{ width: 100%; font-size: 0.8333vw; color: #000; line-height: 1.3021vw;}
.deilpage img{ max-width: 100% !important; height:auto !important;}

.inside_about{ width: 100%;}
.inside_about_cname{ width: 100%; text-align: center;}
.insabocna_tit{ width: 100%; font-size: 1.1458vw; color: #000; line-height: 1; margin-bottom: 0.625vw;}
.insabocna_entit{ width: 100%; font-size: 0.7292vw; color: #b5b5b5; line-height: 1;}
.inside_about_conter{ width: 100%; margin-top: 2.3438vw;}
.insabocon_img{ width: 21.875vw; height: auto; overflow: hidden;}
.insabocon_img img{ width: 100%; height: 100%;}
.insabocon_test{ width: 43.9063vw; font-size: 0.8333vw; color: #000; line-height: 1.6667vw;}

.inside_honor{ width: 100%; margin-top: 4.1667vw;}
.inside_honor_top{ width: 100%; font-size: 0.7292vw; color: #000; line-height: 1.3021vw; margin-top: 2.0833vw;}
.inside_honor_top img{max-width: 100%; height: auto;}
.inside_honor_bot{ width: 100%; margin-top: 1.5625vw; overflow: hidden;}
.inside_honor_bot .swiper-slide{ border: 2px solid #FFF; overflow: hidden;}
.inside_honor_bot .swiper-slide img{width: 100%; height: auto;}
.inside_organizational{ width: 100%; margin-top: 3.125vw;}
.inside_organizational_conter{width: 100%; font-size: 0.8333vw; color: #000; line-height: 1.6667vw;  margin-top: 3.125vw;}

.inside_comqua{ width: 100%; margin-top: 4.1667vw;}
.inside_comqua_conter{ width: 100%; margin-top: 2.6042vw;}

.inside_coop{ width: 100%; margin-top: 4.1667vw;}
.inside_coop_conter{ width: 100%; margin: 2.0833vw 0;}
.inscoocon_list{ width: 10.9375vw; height: 4.4792vw; margin: 0 0.4115vw 0.4115vw 0; border:1px solid #efefef; overflow: hidden;}
.inscoocon_list img{ width: 100%; height: 100%;}
.inscoocon_list:nth-child(6n){ margin-right: 0;}
.inscoocon_list:hover{ border-color: #28a5cc;}

.sidcontact{ width: 100%; font-size: 0.8333vw; color: #000; line-height: 1.5625vw;}
.sidcontact_lts{ width: 28.6458vw;}
.sidcontact_lts table{ width: 100%;}
.sidcontact_lts table tr{ display: block; margin-bottom: 1.5625vw;}
.sidcontact_lts table tr td:nth-child(1){ width: 4.4271vw; vertical-align: text-top;}
.sidcontact_lts .iconfont{ vertical-align: middle; margin-right: 0.5208vw}
.sidcontact_map{ width: 33.8542vw; height: auto;}
.sidcontact_map img{ width: 100%; height: auto;}

.recru{ width: 100%;}
.sidrecru_cname{ width: 100%;}
.sidcnaltc_finda{ font-size: 1.25vw; font-weight: bold; color: #525252; line-height: 1; margin-bottom: 0.5208vw;}
.sidcnaltc_findb{ font-size: 0.7292vw; color: #999999; line-height: 1; transform:uppercase}
.sidrecru_cname_rtc{ font-size: 0.7292vw; color: #999999;}
.sidrecru_conter{ width: 100%; margin-top: 3.125vw; border-top: 1px solid #cccccc;}

.pg_zpbt{ width:100%; height: 3.75vw; line-height: 3.75vw;  color:#363747; border-bottom: 1px solid #cccccc; overflow:hidden;}
.pg_zpbt div{ display:inline-block; width: calc(100% / 6); text-align: center; vertical-align:top; font-size: 0.8333vw; margin-left: -4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* .pg_zpbt div:nth-child(1){width:33%;}
.pg_zpbt div:nth-child(2){width:19%;}
.pg_zpbt div:nth-child(3){width:19%;}
.pg_zpbt div:nth-child(4){width:19%;}
.pg_zpbt div:nth-child(5){width:8%;} */

.pg_zpli{ width:100%; }
.pg_zpli .js_zpli{ margin:0; color:#363747; cursor:pointer;}
/* .pg_zpli .js_zpli div:nth-child(5){width:5%; height:50px; background:url(../images/pg8.png) center left no-repeat;} */
.pg_zpli .js_zpnuw{ background:#28a5cc; color:#FFFFFF; border-color: #28a5cc;}

/* .pg_zpli .js_zpnuw div:nth-child(5){width:5%; height:50px; background:url(../images/pg7.png) center left no-repeat;} */
.pg_zpwb_top{ width: 100%;}
.pg_zpwb{width:100%; padding:1.3021vw 3%; font-size:0.7292vw; line-height:1.2vw; background:#f9f9f9; border: 2px solid #28a5cc; color: #666666;}
.pg_zpwb_lt{ width: 31.0417vw;}
.pg_zpwb_rt{ width: 30.4688vw;}
.pg_zpwb_bot{ width: 100%; margin-top: 2.6042vw;}


.leamessage{ width: 33.3333vw; margin: 0 auto; margin-top: 3.125vw; margin-bottom: 3.125vw;}
.leamessage_inputa{ width: 100%; height: 2.2917vw; border:1px solid #999999; text-indent: 0.7813vw; font-size: 0.7292vw; color: #999999; margin-bottom:  0.7813vw; background: rgba(255, 255, 255, 0);}
.leamessage_inputa::-webkit-input-placeholder {color: #999999; font-size: 0.7292vw;}
.leamessage_textarea{ width: 100%; height: 6.5104vw; padding: 1%; border:1px solid #999999; text-indent: 0.45vw; font-size: 0.7292vw; color: #999999; margin-bottom: 1.5625vw; background: rgba(255, 255, 255, 0);}
.leamessage_textarea::-webkit-input-placeholder {color: #999999; font-size: 0.7292vw;}
.leamessage_submit{ display: block;  margin: 0 auto; width: 13.5417vw; height: 3.125vw; line-height: 3.125vw; background: #28a5cc; color: #FFF; text-align: center; font-size: 1.25vw; color: #FFF; letter-spacing: 3px; border: none;}

.pade_nede{ width: 100%; text-align: center; margin-bottom: 1.8229vw;;}
.pade_nede_te{ width: 100%; font-size: 1.1458vw; color: #000; line-height: 1; margin-bottom: 1.0417vw;}
.pade_nede_be{ width: 100%; font-size: 0.625vw; color: #a8a7a7; line-height: 1; justify-content: center; align-items: center; display: flex;}
.noclink{ display: inline-block; margin-left: 1.0417vw;}
.fenxiang{display: flex; height: 24px; line-height: 24px; background: url(../images/scs_fxicon.png) left center no-repeat; padding-left: 20px; margin-left: 25px;}
.weixing,.weibo{display: block; width: 44px; height: 24px; position: relative; padding: 0 10px; z-index: 999; cursor: pointer;}
.fx_img{width: 202px; height: 202px; position: absolute; top: 31px; left:calc(50% - 100.5px); border: 1px solid #ccc; background: #fff; display: none;}
.fx_img:before{content:' '; display: block; width: 11px; height: 6px; background: url(../images/in17.png) center center no-repeat; position: absolute; top: -6px; left: calc(50% - 5.5px);}
.weixing:hover .fx_img{display: block;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right:5%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #fff; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #fff; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

.inside_comqua_conter_mobile{ display: none; }































































@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}





/**一直旋转**/
@keyframes rotateX{from{transform: rotate(0deg)}
to{transform: rotate(-360deg)}
}






/**旋转**/
.myXc:hover{cursor: pointer;-webkit-transform: rotate3d(0,1,0,360deg);-moz-transform: rotate3d(0,1,0,360deg);transform: rotate3d(0,1,0,360deg);transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}
#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}

/* @-webkit-keyframes change

{

　　0%{-webkit-transform:rotate(0deg);}

　　50%{-webkit-transform:rotate(180deg);}

　　100%{-webkit-transform:rotate(360deg);}

} */


/**竖跳**/
@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(1px);
    }
    50% {
        transform: translateY(2px) scale(1.1, 0.9);
       
    }
    75% {
        transform: translateY(1px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}

@keyframes shadow {
  0%, 100% {transform: scaleX(1);}
  
  50% {transform: scaleX(1.2);}
  
  }



@keyframes tuoluo {
  0%{
    transform: rotateY(0deg)  rotateX(0deg);
  }
  25%{
    transform: rotateY(-90deg)  rotateX(9deg);
  }
  50%{
    transform: rotateY(-180deg)  rotateX(18deg);
  }
  75%{
    transform: rotateY(-270deg)  rotateX(9deg);
  }
  100%{
    transform: rotateY(-360deg)  rotateX(0deg);
  }
}



@keyframes logosum{
	to{
		left: 110%;
	}
}
@keyframes Tada {
    0% {
        transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}