* {margin: 0;padding: 0;box-sizing: border-box;}

a {text-decoration: none;color: #333;}

a:hover {text-decoration: none;}

body {font-family: "微软雅黑";}

ul {list-style: none;}

li {list-style: none;}

.clear {clear: both;overflow: hidden;}
.remark img {width: 100%;}
.head {width: 100%;overflow: hidden;}

.heads {margin: auto;max-width: 1255px;}

.heads img {width: 100%;}

.top {width: 100%;overflow: hidden;height: 37px;background: #ededed;line-height: 37px;}

.tops {margin: auto;max-width: 1255px;}

.top_fl {float: left;font-size: 12px;color: #888888;}

.top_fr {float: right;font-size: 0;}

.top_fr a {font-size: 12px;color: #888888;padding: 0 3px;}

.top_fr a:first-child {border-right: 1px solid #888;}

.banner img {width: 100%;}

.banner .swiper-button-prev {left: 15.5%;width: 55px;height: 55px;background: url(../images/banner_left.png) center no-repeat;}

.banner .swiper-button-next {right: 15.5%;width: 55px;height: 55px;background: url(../images/banner_right.png) center no-repeat;}

.nav {width: 100%;height: 70px;background: #ededed;border-bottom: 4px solid #277bd1;position: sticky;top: 0;z-index: 99;}

.navs {max-width: 1255px;margin: auto;}

.navs ul {margin-bottom: 0;}

.navs ul li {float: left;width: 10%;text-align: center;height: 66px;line-height: 66px;position: relative;}

.navs ul li a {display: block;font-size: 17px;color: #414242;}

.navs ul li:hover a {color: #fff;background: #277bd1;}

.navs ul li a img {margin-right: 5px;margin-top: -3px;}

.navs ul li .detailnav {position: absolute;top: 66px;left: 0;width: 100%;z-index: 999;display: none;}

.navs ul li .detailnav li {border-top: 1px solid #fff;height: 41px;line-height: 40px;width: 100%;}

.navs ul li .detailnav li a {background: #ededed;font-size: 15px;color: #414242;}

.navs ul li .detailnav li:hover a {color: #fff;background: #277bd1;}

.navs ul li:hover .detailnav {display: block;}

.advantage {width: 100%;overflow: hidden;background: #f6f5f5;padding-top: 60px;}

.advantages {max-width: 1255px;margin: 25px auto 0;}

.title {text-align: center;}

.maintitle {background: url(../images/titlebg.png) center no-repeat;font-size: 37px;color: #191917;font-weight: bold; height:50px; line-height:50px;}
.maintitle1 {background: url(../images/titlebg1.png) center no-repeat;font-size: 37px;color: #191917;font-weight: bold;}

.titles {font-size: 18px;color: #1f1a1b; height:50px; line-height:50px;}

.advnav {width: 100%;overflow: hidden;margin-bottom: 15px;}

.advnavs {float: left;width: 16.35%;margin-right: 0.375%;height: 70px;line-height: 70px;background: #fff;text-align: center;cursor: pointer;}

.advnavs:last-child {margin-right: 0;}

.advnavs_pic {display: inline-block;}

.advnavs_name {font-size: 20.7px;color: #0e0808;display: inline-block;}

.advnavs_pic img {margin-top: -5px;margin-right: 5px;}

.advnavs.active {background: #277bd1;}

.advnavs.active .advnavs_name {color: #fff;}

.advtop img {width: 100%;}

.advbot {width: 100%;overflow: hidden;background: #fff;padding: 25px 0;}

.advbot_fl {float: left;text-align: center;width: 35%;height: 62px;border-right: 1px solid #d3d0d0;}

.advbot_fl_pic {display: inline-block;line-height: 62px;}

.advbot_fl_pic img {margin-top: -30px;margin-right: 15px;}

.advbot_fl_intro {display: inline-block;padding-top: 5px;}

.advbot_fl_title {font-size: 23px;color: #1a1a1b;font-weight: bold;}

.advbot_fl_titles {text-transform: uppercase;font-family: "Arial";font-size: 12.9px;color: #7d7a7a;}

.advbot_fr {float: left;}

.advbot_frs {float: left;padding: 0 55px;text-align: center;}

.advbot_frs_top {font-size: 25px;color: #444;margin-top: -10px;}

.advbot_frs_top span {font-family: "Bahnschrift";font-size: 50px;color: #277bd1;}

.advbot_frs_bot {font-size: 14px;color: #201e1e;margin-top: -10px;}

.advswiper .swiper-button-prev {width: 40px;height: 40px;border-radius: 100%;background: url(../images/prev_adv.png) center no-repeat;bottom: 35px;right: 125px;left: auto;top: auto;}

.advswiper .swiper-button-next {width: 40px;height: 40px;border-radius: 100%;background: url(../images/next_adv.png) center no-repeat;bottom: 35px;right: 70px;left: auto;top: auto;}

.case {width: 100%;overflow: hidden;margin: 70px 0;}

.cases {max-width: 1255px;margin: auto;}

.case_fl {float: left;width: 41.5%;}

.case_fl video {width: 100%;}

.case_fr {float: right;width: 57%;}

.case_fr_nav {width: 100%;overflow: hidden;margin-bottom: 30px;}

.case_fr_nav a {display: block;float: left;line-height: 60px;background: #277bd1 url(../images/pro_jt.png) right 45px center no-repeat;text-align: center;font-size: 20px;color: #fff;font-weight: bold;width: 33%;margin-right: 0.5%;}

.case_fr_nav a:last-child {margin-right: 0;}

.case_fr_nav a:hover {background: #3c9ffe url(../images/pro_jt.png) right 45px center no-repeat;}

.caseswiper img {width: 100%;}

.caseswiper p {line-height: 54px;text-align: center;border: 1px solid #c8cace;font-size: 16px;color: #221f1f;font-weight: bold;background: url(../images/image_19.jpg) right 28px center no-repeat;}

.product {width: 100%;overflow: hidden;background: #f5f5f5;padding: 60px 0;}

.products {max-width: 1255px;margin: 40px auto 0;}

.pnav {overflow: hidden; }

.pnav a {display: inline-block;height: 50px;line-height: 50px;border-radius: 40px;width: 11%;background: #fff;font-size: 18px;color: #131111;margin: 0 1.5%;}

.pnav a:hover {color: #fff;background: #277bd1;}

.plist {margin-top: 45px;}

.plist_fl {float: left;width: 49.5%;text-align: center;}

.plist_fl img {width: 100%;height: 606px;border: 8px solid #277bd1;}

.plist_fl p {line-height: 36px;font-size: 18px;color: #2d2e2e;}

.plist_fr {float: left;width:100%;}

.plist_fr a {display: block;width:24%;margin-right:1%;text-align: center;float: left;}

.plist_fr a:nth-child(2n) {margin-right: 0;}

.plist_fr a img {width: 100%;border:0px solid #277bd1;padding-right:10px;}

.plist_fr a p {line-height: 44px;font-size: 18px;color: #2d2e2e;}

.midcontact {width: 100%;overflow: hidden;height: 194px;background: url(../images/image_31.jpg) center no-repeat;}

.jiagong {width: 100%;overflow: hidden;margin-top: 50px;padding-bottom: 70px;background: url(../images/casebg.png) center bottom no-repeat;}

.jiagongs {max-width: 1255px;margin: 50px auto 0;}

.jiagongnav {overflow: hidden;}

.jiagongnav a {display: block;width: 9%;text-align: center;margin-right: calc(10%/9);margin-bottom: 35px;float: left;overflow:hidden;}

.jiagongnav a:nth-child(10n) {margin-right: 0;}

.jiagongnav a span {display: block;width: 100%;border-radius: 100%;border: 2px solid #0d0d0d;transition:all 0.4s;}


.jiagongnav a p {font-size: 16px;color: #242121;font-weight: bold;margin-top: 20px;}

.proswiper img {width: 100%;}

.proswiper p {width: 100%;height: 80px;padding-left: 25px;background: #fff url(../images/image_38.jpg) right 50px center no-repeat;font-size: 16px;color: #221f1f;font-weight: bold;line-height: 80px;}

.application {width: 100%;overflow: hidden;margin-top: 80px;}

.appliacations {width: 100%;margin-top: 40px;}

.app_nav {width: 100%;overflow: hidden;height: 160px;background: #f5f5f5;}

.app_navs {max-width: 1255px;margin: auto;}

.app_nav_name {font-size: 16px;color: #191917;}

.app_nav_pic {height: 108px;line-height: 108px;}

.app_navs a {float: left;text-align: center;width: 12.5%;height: 160px;border-right: 1px solid #e3e3e3;}

.app_navs a.active {background: #277bd1;}

.app_navs a.active .app_nav_name {color: #fff;}

.app_bots {display: none;position: relative;}

.app_bots img {width: 100%;}

.app_bot_before {position: absolute;left: 40px;top: 40%;width: 36%;line-height: 1.9;}

.app_bot_before_title {font-size: 16px;color: #fff;}

.app_bot_before_con {text-indent: 2em;font-size: 16px;color: #fff;}

.new {width: 100%;overflow: hidden;background: #f7f7f7;padding: 60px 0;}

.news {max-width: 1255px;margin: 45px auto 0;}

.left_new {float: left;width: 47%;}

.lnewpic img {width: 100%;}

.lnewbot {width: 100%;margin-top: 20px;overflow: hidden;}

.lnewdate {float: left;text-align: center;height: 85px;border-right: 1px solid #ece8e8;width: 17.2%;}

.lnewday {font-weight: bold;font-size: 43.7px;color: #1e1a1a;}

.lnewtime {font-size: 15px;color: #1e1a1a;opacity: 0.8;}

.lnewintro {float: right;width: 75%;}

.lnewtitle {font-size: 16px;color: #1e1a1a;}

.lnewcon {font-size: 14px;color: #595757;line-height: 1.8;margin-top: 5px;}

.right_new {float: right;width: 50%;}

.rnew {width: 100%;overflow: hidden;background: #fff;border: 1px solid #eeeaea;margin-bottom: 18px;}

.rnew:last-child {margin-bottom: 0;}

.rnew .lnewdate {height: 110px;padding-top: 10px;}

.rnew .lnewintro {padding: 15px 0;}

.about {width: 100%;overflow: hidden;padding-top: 0 !important;padding-bottom: 40px;}

.about img {width: 100%;}

.abouts {max-width: 1200px;margin: auto;padding: 85px 95px 55px 75px;margin-top: -295px;z-index: 9;position: relative;background: url(../images/ab_map.png) 90% 50px no-repeat #fff;overflow: hidden;}

.lab1 {font-size: 30px;color: #3a2a2a;font-weight: bold;}

.lab2 {font-size: 16px;color: #3a2a2a;margin-top: 30px;margin-bottom: 25px;}

.left_about a {display: block;width: 155px;height: 45px;line-height: 45px;text-align: center;background: #3871c1;border-radius: 30px;color: #fff;font-size: 16px;margin-top: 15px;}

.left_about {width: 165px;float: left;}

.right_about {width: 760px;float: right;text-indent: 2em;font-size: 16px;color: #3a2a2a;line-height: 30px;margin-top: 10px;}

.partner {width: 100%;overflow: hidden;padding: 60px 0;background: #f7f9fa;}

.partners {max-width: 1255px;margin: auto;}

.partop {width: 100%;overflow: hidden;}

.partop span {float: left;font-size: 24px;color: #333;font-weight: bold;}

.partop a {float: right;font-size: 16px;color: #666;}

.parswiper img {width: 100%;}

.swiper-container.parswiper {margin-top: 30px;}

.copy {width: 100%;text-align: center;font-size: 14px;color: #fff;background: #1d1d1d;line-height: 85px;}

.copy a {font-size: 14px;color: #fff;margin: 0 5px;}

.foot {width: 100%;overflow: hidden;background: #262626;padding: 55px 0;border-top: 11px solid #277bd1;}

.foots {max-width: 1255px;margin: auto;}

.fnav {float: left;border-right: 1px solid #616161;height: 390px;}

.ftitles {font-size: 26px;color: #fff;}

.fline {width: 52px;height: 3px;background: #ad2e28;margin-top: 5px;}

.fnavs {overflow: hidden;margin-top: 25px;}

.fn {float: left;margin-right: 120px;}

.fntitles {font-size: 17px;color: #fff;}

.fnline {margin-top: 12px;width: 54px;height: 1px;background: #575759;}

.fnlist a {display: block;margin-top: 15px;font-size: 14px;color: #cbc9c9;}

.fcontact {float: left;border-right: 1px solid #616161;height: 390px;padding: 0 75px;}

.cname {margin-top: 25px;font-size: 20px;color: #fff;}

.fcon {overflow: hidden;margin-top: 25px;}

.saoma {float: left;}

.fcons {float: left;margin-left: 25px;}

.fc {overflow: hidden;}

.fc_pic {float: left;width: 17px;text-align: center;}

.fc_intro {float: left;margin-left: 10px;}

.fc_intro p {font-size: 14px;color: #a19696;margin-bottom: 15px;}

.flogo {float: right;margin-top: 35px;}

.inpro {width: 32%;float: left;margin-right: 2%;text-align: center;}

.inpro:nth-child(3n) {margin-right: 0;}

.inpro {margin-bottom: 20px;}

.inpro img {width: 100%;}

.inpro p {line-height: 83px;border-top: 1px solid #e9e9e9;font-size: 15.6px;color: #100f0f;background: #fff;}

.inpro:hover p {background: #277bd1;border-top: 1px solid #277bd1;color: #fff;}

.proshow_video video {width: 100%;border: 1px solid #d3d3d3;margin-top: 25px;}

.proshow_special_list {width: 100%;overflow: hidden;margin-top: 40px;}

.proshow_specials {float: left;width: 32%;margin-right: 2%;margin-bottom: 15px;border: 3px solid #efeded;}

.proshow_specials:nth-child(3n) {margin-right: 0;}

.proshow_specials_pic img {width: 100%;border-bottom: 3px solid #efeded;}

.proshow_specials_bot {width: 100%;background: #f8f8f8;height: 165px;padding: 15px;}

.proshow_specials_bot_title {text-align: center;line-height: 43px;}

.proshow_specials_bot_num {display: inline-block;height: 43px;line-height: 43px;width: 43px;border-radius: 100%;background: #277bd1;color: #fff;font-size: 28.5px;font-family: "思源黑体 CN";font-weight: bold;}

.proshow_specials_bot_titles {display: inline-block;line-height:43px;height:43px;margin-left: 10px;font-size: 23px;color: #232020;font-weight: bold;font-family: "思源黑体 CN";}

.proshow_specials_bots {margin-top: 13px;font-size: 14px;color: #232020;line-height: 2;}

.proshow_dingzhi img {width: 100%;margin-top: 20px;}

.proshow_application_title {margin-top: 20px;font-size: 15px;color: #1b1818;}

.proshow_application_list {overflow: hidden;margin-top: 30px;}

.proshow_application_lists {width: 32%;float: left;margin-right: 2%;}

.proshow_application_lists:nth-child(3n) {margin-right: 0;}

.proshow_application_lists img {width: 100%;border-radius: 15px;}

.proshow_application_lists p {text-align: center;position: relative;width: 115px;height: 41px;border-radius: 10px;line-height: 41px;background: #277bd1;font-size: 14.7px;color: #fff;margin: -20px auto 0;}

.proshow_shili .advbot_fl_title {font-size: 15px;}

.proshow_shili {padding-bottom: 0 !important;}

.proshow_shili .advbot_fl {width: 40%;}

.proshow_shili .advbot_frs {padding: 0 10px;}

.proshow_shili .advbot_frs_top span {font-family: "Bahnschrift";font-size: 36px;color: #277bd1;}

.proshow_shili video {margin-top: 20px;}

.proshow_contact_list {overflow: hidden;margin-top: 30px;}

.proshow_contacts {float: left;width: 23.5%;margin-right: 2%;text-align: center;}

.proshow_contacts:nth-child(4n) {margin-right: 0;}

.proshow_contacts_pic {height: 80px;line-height: 80px;}

.proshow_contacts_title {margin-top: 30px;font-size: 18px;color: #050505;font-weight: bold;}

.proshow_contacts_titles {font-size: 16px;color: #242121;margin-top: 13px;word-wrap: break-word;}

.case_lists,
.plists {display: none;} 
.product-use{background: #fafafa;overflow: hidden;}
.product-use .title{font-size: 36px;color: #333333;text-align: center;margin-top: 3%;}
.product-use .title p{color: #333333;font-size: 14px;font-family: arial;text-transform: uppercase;}
.use-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4%;width:75%;}
.use-list li{width: calc(100% / 3 - 25px);margin-bottom: 2.5%;}
.use-list li .pic img{display: block;width: 100%;}
.use-list li .icon p{width: 90px;height: 90px;margin: auto;border-radius: 100%;margin-top: 7%;overflow: hidden;}
.use-list li .icon p img{margin-top: 25%;}
.use-list li .name .icon{width: 110px;height: 66px;border-radius: 100%;text-align: center;line-height: 119px;position: relative;bottom: 54px;margin: auto;margin-bottom: -54px;overflow: hidden;}
.use-list li .name{background: white;text-align: center;}
.use-list li .name em{color: #333333;font-size: 24px;font-weight: bold;display: block;margin-top: 6%;font-style:normal;}
.use-list li .name p{color: #333333;font-size: 18px;}
.use-list li .name .ck{height: 70px;line-height: 70px;border-top: 1px solid #e6e6e6;padding: 0px 8%;margin-top: 10%;background: linear-gradient(to right, #428acb 50%, white 50%);background-size: 205% 100%;background-position: right bottom;transition: all 0.6s ease;overflow: hidden;}
.use-list li .name .ck span{color: #333333;font-size: 18px;}
.use-list li .name .ck dfn{margin-top: 7%;background: url(../images/use-arrow.png)no-repeat center center;width: 24px;height: 16px;}

.use-list li:hover .name .ck{background-position: left bottom;}
.use-list li:hover .name .ck span{color: white;} 
.use-list li:hover .name .ck dfn{transform: translateY(-50px);filter: drop-shadow(#fff 0 50px);} 
.use-list li:hover .icon p img{transform: translateY(-80px);filter: drop-shadow(#fff 0 80px);display:none;}
.mobile-inner-header1 {background-color: rgba(39, 123, 209, 0.7);width: 100%;height: 80px;display: none;line-height: 80px;text-align: center;color: #fff;font-weight: bold;font-size: 22px;}
.mobile-inner-header {background-color: rgba(39, 123, 209, 0.7);width: 100%;height: 60px;display: none;line-height: 60px;text-align: center;color: #fff;font-weight: bold;font-size: 22px;}

.mobile-inner-header-icon {color: rgb(39, 123, 209);height: 60px;font-size: 25px;text-align: center;float: right;width: 60px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;outline: none;}

.mobile-inner-header-icon:hover {background-color: rgba(39, 123, 209, 0.2);cursor: pointer;}

.mobile-inner-header-icon span {position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(255, 255, 255, 1);}
.mobile-inner-header1 img {height: 85%;}

.mobile-inner-header img {height: 75%;}

.mobile-inner-header-icon span:nth-child(1) {transform: translateY(4px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(2) {transform: translateY(-4px) rotate(0deg);}

.mobile-inner-header-icon-click span:nth-child(1) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}

.mobile-inner-header-icon-click span:nth-child(2) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {0% {transform: translateY(4px) rotate(0deg);}
    100% {transform: translateY(0) rotate(45deg);}
}

@keyframes clicksecond {0% {transform: translateY(-4px) rotate(0deg);}
    100% {transform: translateY(0) rotate(-45deg);}
}

.mobile-inner-header-icon-out span:nth-child(1) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}

.mobile-inner-header-icon-out span:nth-child(2) {animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {0% {transform: translateY(0) rotate(-45deg);}
    100% {transform: translateY(-4px) rotate(0deg);}
}

@keyframes outsecond {0% {transform: translateY(0) rotate(45deg);}
    100% {transform: translateY(4px) rotate(0deg);}
}

.mobile-inner-nav {background-color: rgba(39, 123, 209, 0.9);width: 100%;position: absolute;top: 60px;left: 0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index: 999;}

.mobile-inner-nav a {display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #fff;border-bottom: solid 1px rgba(255, 255, 255, 0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight: 300;}

.mobile-inner-nav a:hover {color: rgba(255, 255, 255, 0.4);border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
.developments{overflow:hidden;}
.develop{float:left;width:32%;margin-right:2%;margin-bottom:15px;}
.develop:nth-child(3n){margin-right:0;}
.develop img{width:100%;}
.develop p{width:100%;text-align:center;line-height:40px;font-size:15px;background:#f8f8f8;}
.fuw{overflow: hidden;padding-top: 40px;}
.fuw h2{padding-bottom: 53px;}
.fw_list{overflow: hidden;height: 136px;background:url(../images/fw_list.jpg) no-repeat center 29px;}
.fw_list ul li{float: left;text-align: center;line-height: 100%;padding: 0 24px;}
.fw_list ul li span{display: block;margin: 0 auto;width: 60px;height: 60px;overflow: hidden;border-radius: 60px;}
.fw_list ul li span img{display: block;transition: all 0.2s;}
.fw_list ul li i{display: block;line-height: 100%;font-weight: bold;color: #757575;font-size: 18px;padding-top: 10px;font-style:normal;}
.fw_list ul li.on i{color: #135fac;font-style:normal;}
.fw_list ul li.on span img:first-of-type{margin-top: -60px;font-style:normal;}

.fw_om ul li{overflow: hidden;}
.fw_om ul li b{display: inline-block;float: left;font-size: 0;overflow: hidden;width: 482px;height: 299px;}
.fw_om ul li em{display: inline-block;float: right;width: 661px;padding-top: 33px;}
.fw_om ul li em i{display: block;overflow: hidden;height: 53px;color: #135fac;font-size: 24px;font-weight: bold;line-height: 35px;font-style:normal;}
.fw_om ul li em i span{display: inline-block;float: left;background: #135fac;width: 36px;height: 35px;line-height: 35px;color: #fff;font-size: 23px;font-family: arial;margin-right: 10px;}
.fw_om ul li em strong{display: block;font-weight: normal;font-size: 18px;color: #666666;height: 102px;font-style:normal;}
.content {width: 1200px;margin: 0 auto;}
.search{display:none;}
.btns{overflow: hidden;background: #eee;padding: 30px 35px;}
.btns p{display: inline-block;float: left;padding-left: 64px;background: url(../images/aa_y.png) no-repeat 0 7px;color: #0066a3;font-size: 18px;font-style:normal;}
.btns p span{display: block;line-height: 100%;font-weight: bold;padding-top: 7px;font-size: 24px;font-style:normal;}
.btns a{display: inline-block;float: right;background: url(../images/aa_b.png) no-repeat;width: 255px;height: 44px;font-size: 18px;color: #fff;line-height: 44px;font-weight: bold;box-sizing: border-box;padding-left: 17px;font-style:normal;}
.roshow_application {width:100%}						
.proshow_application_title {margin-top: 20px;font-size: 15px;color: #1b1818;}

.proshow_application_list1 {overflow: hidden;margin-top: 30px;}

.proshow_application_lists1 {width: 23%;float: left;margin-right: 2%;}

.proshow_application_lists1:nth-child(3n) {}

.proshow_application_lists1 img {width: 100%;border-radius: 15px;}

.proshow_application_lists1 p {text-align: center;position: relative;width: 115px;height: 41px;border-radius: 10px;line-height: 41px;background: #277bd1;font-size: 14.7px;color: #fff;margin: -20px auto 0;}
.bottoms {width: 100%;position: fixed;background-size: 100% 100%;bottom: 0;left: 0;right: 0;z-index: 1000;display: none;}

.bottoms a {flex: 1;display: block;text-align: center;color: #fff;background: #145dc4;text-align: center;}
.bottoms span {display: block;height: 35px;line-height: 35px;}
.bottoms img {width: 18%;}

.bottoms div {margin-bottom: 5%;}

.bottoms a:nth-child(1) {background: #373737;}
.bottoms a:nth-child(1) img {width: 16%;}
.bottoms a:nth-child(2) img {width: 19%;}
.bottoms a:nth-child(3) img {width: 23%;}
.bottoms a:nth-child(4) img {width: 23%;}
.mobile-inner-header a {line-height:60px;height: 60px;font-size:16px;text-align: center;float: left;color:#fff;padding: 0 15px;display:block;position: relative;} 

.blue_video {display: none;position: fixed;top: 0;left: 0;z-index: 99;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);}

.blue_video img {position: absolute;top: 30px;right: 30px;cursor: pointer;}

.blue_video .video_area {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80vw;height:100vh;}

.blue_video .video_area video {width: 100%;height: 100%;}
.ibmw_play img   {width: 100%;}