body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 16px; color: #262B37;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; /*cursor: pointer;*/}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
select, option{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2);}
.ani, .wow{ visibility: hidden;}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
/*@font-face{
	font-family: 'B';
	src:url('/static/fonts/OPPOSans-B.ttf');
}*/
::-webkit-scrollbar{}
::-webkit-scrollbar-thumb{}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}

.indexbannermax .m a{ display: block; width: 100%; height: 969px; overflow: hidden; position: relative;}
.indexbannermax .m a::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3;}
.indexbannermax .m a img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexbannermax .swiper-pagination{ display: flex; align-items: center; justify-content: center; bottom: 25px!important; }
.swiper-pagination span{ width: 4px!important; height: 4px!important; background: #fff; opacity: 0.5; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);margin: 0 10px!important; transition: all 0.2s;}
.swiper-pagination span.swiper-pagination-bullet-active,
.swiper-pagination span:hover{ width: 8px!important; height: 8px!important; opacity: 1;}
.indexbannermax .swiper-button-next,
.indexbannermax .swiper-button-prev{ width: 50px; height: 50px; left: 20px; color: #fff;}
.indexbannermax .swiper-button-next{ left: auto; right: 20px;}
.indexbannermax .swiper-button-next::after, 
.indexbannermax .swiper-button-prev::after{ font-size: 26px;}
.indexbannermax .swiper-button-next::before,
.indexbannermax .swiper-button-prev::before{ content: ""; position: absolute; width: 40%; height: 2px; background-color: #fff; top: 50%; left: -20px; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: -1px;}
.indexbannermax .swiper-button-next:hover::before,
.indexbannermax .swiper-button-prev:hover::before{ left: 20px; width: 50px; opacity: 1;}
.indexbannermax .swiper-button-next::before{ left: auto; right: -20px;}
.indexbannermax .swiper-button-next:hover::before{ right: 20px; left: auto; width: 50px; opacity: 1;}
.indexbannermax .swiper-button-next i,
.indexbannermax .swiper-button-prev i{ font-size: 50px; color: #fff;}

.footerhome{ background: #EFF1F5;}
.footerhome .conts{ padding: 60px 0 50px 0;}
.footerhome .conts .mk{ display: flex; justify-content: space-between; margin-bottom: 50px;}
.footerhome .conts .mk .text .h{ font-size: 20px; line-height: 30px; font-weight: bold; color: #000; margin-bottom: 20px;}
.footerhome .conts .mk .text .p div,
.footerhome .conts .mk .text .p{ font-size: 14px; color: #999; line-height: 22px;}
.footerhome .conts .mk .text .p{ margin-bottom: 20px;}
.footerhome .conts .mk .text .more{ display: flex;}
.footerhome .conts .mk .text .more a{ width: 40px; height: 40px; border-radius: 100%; border: 1px solid rgba(170, 170, 170, 0.3); font-size: 20px; text-align: center; line-height: 40px; color: #999; transition: all 0.5s;}
.footerhome .conts .mk .text .more a:hover{ color: #fff; background: #25c4d1; border-color: #25c4d1;}
.footerhome .conts .mk .text .more a + a{ margin-left: 20px;}
.footerhome .conts .mk .text{ width: 32%;}
.footerhome .conts .mk .right{ width: 64%; display: flex; justify-content: space-between;}
.footerhome .conts .mk .right .wli{ width: 48%;}
.footerhome .conts .mk .right .wli .h{ display: flex;}
.footerhome .conts .mk .right .wli .h a{ font-size: 16px; color: #000; line-height: 30px; font-weight: bold; margin-bottom: 20px;}
.footerhome .conts .mk .right .wli .min .li{ display: flex;}
.footerhome .conts .mk .right .wli .min .li a{ font-size: 14px; line-height: 35px; /*text-decoration: underline; */color: #4d4d4d; transition: all 0.5s;}
.footerhome .conts .mk .right .wli .min .li a:hover{ color: #25c4d1;}
.footerhome .conts .opens{ display: flex;}
.footerhome .conts .opens .h{ font-size: 14px; color: #4d4d4d; line-height: 26px; white-space: nowrap;}
.footerhome .conts .opens .a{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.footerhome .conts .opens .a a{ display: block; font-size: 14px; color: #999;  line-height: 26px; margin-right: 18px; position: relative; /*text-decoration: underline;*/ transition: all 0.5s;}
.footerhome .conts .opens .a a:hover{ color: #25c4d1;}
.footerhome .conts .opens .a a::after{ content: ''; width: 1px; height: 14px; background: #e6e6e6; position: absolute; top: 50%; right: -9px; transform: translateY(-50%);}
/*.footerhome .conts .opens .a a:last-child{ display: none;}*/
.footerhome .conts .opens .a a:last-child::after{ display: none;}
.footerhome .boot{ background: #fff; padding: 10px 0;}
.footerhome .boot .nker{ width: 70%; margin: auto; display: flex; justify-content: center; flex-wrap: wrap; font-size: 14px; color: #666; line-height: 20px;}
.footerhome .boot .nker a{ font-size: 14px; color: #666; line-height: 20px; transition: all 0.5s; margin: 0 5px;}
.footerhome .boot .nker a:hover{ color: #25c4d1;}

.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: 70px; transition: all 0.5s;}
.headercp2{ /*background: rgba(0, 0, 0, 0.25);*/ height: 60px; background: #000;}
.w1800{ width: 18rem; margin: auto;}
.headercp .cont{ height: 100%; display: flex; justify-content: space-between; align-items: center;}
.headercp .cont .logo a img{ height: 30px; display: block;}
.headercp .cont .right{ display: flex; align-items: center; }
.headercp .cont .right .nav{ display: flex;}
.headercp .cont .right .nav .wli + .wli{ margin-left: 54px;}
.headercp .cont .right .nav .wli .tit a{ display: block; font-size: 14px; color: #fff; line-height: 70px; transition: all 0.5s; position: relative;}
.headercp2 .cont .right .nav .wli .tit a{ line-height: 60px;}
.headercp .cont .right .nav .wli .tit a::after{ content: ''; width: 0; height: 2px; background: #10c4cb; position: absolute; left: 0; bottom: 22px; transition: all 0.5s;}
.headercp2 .cont .right .nav .wli .tit a::after{ bottom: 16px;}
.headercp .cont .right .nav .wli:hover .tit a::after,
.headercp .cont .right .nav .wli.cur .tit a::after{ width: 100%;}
.headercp .cont .right .nav .wli.cur .tit a,
.headercp .cont .right .nav .wli:hover .tit a{ color: #25c4d1; /*font-weight: bold;*/}
.headercp .cont .right .nav .wli{ position: relative;}
.headercp .cont .right .nav .wli .tit{ display: flex; align-items: center;}
.headercp .cont .right .nav .wli .tit i{ display: block; font-size: 12px; color: #fff; line-height: 70px; opacity: 0.7; margin-left: 5px;}
.headercp2 .cont .right .nav .wli .tit i{ line-height: 60px;}
.headercp .cont .right .nav .wli .min{ min-width: 140px; background: #fff; border-radius: 3px; padding: 10px 20px; position: absolute; top: 70px; left: -20px; display: none; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05)}
.headercp .cont .right .nav .wli:last-child .min{ right: -20px; left: auto;}
.headercp .cont .right .nav .wli .min a{ display: block; font-size: 14px; line-height: 34px; color: #666; transition: all 0.5s;}
.headercp .cont .right .nav .wli .min a:hover{ color: #000;}
.headercp .cont .right .sear{ margin-left: 60px; position: relative;}
.headercp .cont .right .sear::after{ position: absolute; top: 50%; left: -30px; width: 1px; height: 14px; background: #fff; opacity: 0.7; transform: translateY(-50%); content: '';}
.headercp .cont .right .sear .i{ width: 20px; height: 70px; text-align: center; line-height: 70px; font-size: 18px; color: #fff; cursor: pointer;}
.headercp .cont .right .sear .input{ position: absolute; top: 70px; right: -15px; background: #fff; width: 220px; display: none; box-sizing: border-box;}
.headercp .cont .right .sear:hover .input{ display: flex;}
.headercp .cont .right .sear .input form{ display: flex; box-sizing: border-box;}
.headercp .cont .right .sear .input input{ display: block; width: 100%; height: 40px; border-radius: 3px; border: 1px solid #eee; padding: 0 50px 0 15px; font-size: 14px; background: #f0f8ff;}
.headercp .cont .right .sear .input button{ position: absolute; top: 0; right: 0; width: 40px; height: 100%; text-align: center; line-height: 40px; background: hsla(0,0%,100%,0.00); font-size: 22px; color: #666; cursor: pointer; border: none; display: block;}

.indexrightnavboxmax{ position: fixed; right: 0; bottom: 60px; z-index: 30;}
.indexrightnavboxmax .li .m{ display: none;width: 40px; height: 40px; background: #fff; border: 1px solid #e6e6e6; text-align: center; line-height: 40px; font-size: 24px; color: #666; transition: all 0.5s; cursor: pointer;}
.indexrightnavboxmax .li:hover .m{ position: relative; z-index: 5; background: #666; border-color: #666; color: #fff;}
.indexrightnavboxmax .li + .li{ margin-top: -1px;}
.indexrightnavboxmax .li2 .m{ font-size: 16px;}
.wearboxmaxup{ position: fixed; top: 0; left: 0; z-index: -100; opacity: 0; background: hsla(0,0%,0%,0.80); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.wearboxmaxup2{ opacity: 1; z-index: 100;}
.wearboxmaxup .cont{ width: 220px; padding: 20px 20px 10px 20px; background: #fff; transition: all 0.5s; transform: scale(0.2); opacity: 0;}
.wearboxmaxup2 .cont{ opacity: 1; transform: scale(1);}
.wearboxmaxup .cont .m img{ display: block; width: 100%;}
.wearboxmaxup .cont .p{ font-size: 14px; line-height: 1; margin-top: 10px; color: #333; text-align: center;}
.w1530{ width: 15.3rem; margin: auto;}
.paddingTop{ padding-top: 100px;}
.marginTop{ margin-top: 100px;}
.padding{ padding: 100px 0;}
.margin{ margin: 100px 0;}

.indextitle{ display: flex; justify-content: space-between; align-items: flex-end;}
.indextitle .min .h{ font-size: 36px; line-height: 1; margin-bottom: 10px;}
.indextitle .min .p{ font-size: 14px; line-height: 1; color: #bbb; text-transform: uppercase;}
.indextitle .more a{ display: flex;}
.indextitle .more a,
.indextitle .more a i{ font-size: 14px; color: #828282; line-height: 1; transition: all 0.5s;}
.indextitle .more a:hover,
.indextitle .more a:hover i{ color: #000;}

.indexcaseboxmax .list{ margin: 50px 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indexcaseboxmax .list .li{ width: 50%; position: relative;}
.indexcaseboxmax .list .li .m{ width: 100%; height: 4.7rem; overflow: hidden; position: relative;}
.indexcaseboxmax .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.indexcaseboxmax .list .li:hover .m img{ transform: scale(1.05);}
.indexcaseboxmax .list .li .m::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; content: ''; transition: all 0.5s; opacity: 0;}
.indexcaseboxmax .list .li:hover .m::after{ opacity: 0.8;}
.indexcaseboxmax .list .li .ter{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; z-index: 2; opacity: 0; transition: all 0.5s;}
.indexcaseboxmax .list .li:hover .ter{ opacity: 1;}
.indexcaseboxmax .list .li .ter .i{ width: 50px; height: 50px; color: #333; font-size: 24px; text-align: center; line-height: 50px; border-radius: 100%; background: #fff; margin: auto; font-weight: bold;}
.indexcaseboxmax .list .li .ter .h{ font-size: 16px; line-height: 30px; margin-top: 15px; text-align: center; color: #fff;}
.indexcaseboxmax .list .li .ter .p{ font-size: 14px; line-height: 24px; margin-top: 5px; color: hsla(0,0%,100%,0.80); text-align: center;}
.indexcaseboxmax .list .li .ter .mk{ margin: 0 15px; transform: translateY(15px); transition: all 0.5s; opacity: 0;}
.indexcaseboxmax .list .li:hover .ter .mk{ opacity: 1; transform: translateY(0);}
.indexmunbermaxbox{ display: flex; justify-content: center;}
.indexmunbermaxbox .li{ width: calc(100% / 4); text-align: center; position: relative;}
.indexmunbermaxbox .li .p{ font-size: 13px; line-height: 20px; color: #999; text-align: center; margin-top: 8px;}
.indexmunbermaxbox .li .h{ font-size: 14px; line-height: 1; color: #999; display: flex; justify-content: center;}
.indexmunbermaxbox .li .h i{ font-size: 50px; line-height: 1; color: #666; margin-right: 5px;}
.indexmunbermaxbox .li + .li::after{ content: ''; width: 1px; height: 100%; background: rgba(170, 170, 170, 0.2); position: absolute; top: 0; left: 0;}
.indexzhunzhuboxmax{ position: relative; background: #F1F1F1;}
.indexzhunzhuboxmax::after{ content: ''; position: absolute; top: 0; left: 0; height: 100%; right: 5.9rem; background: #68ADF0;}
.indexzhunzhuboxmax .cont{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 5; flex-direction: row-reverse; padding: 40px 0;}
.indexzhunzhuboxmax .cont .img img{ display: block; width: 8.1rem;}
.indexzhunzhuboxmax .cont .text{ width: 8rem; padding-left: 0.85rem;}
.indexzhunzhuboxmax .cont .text .ps,
.indexzhunzhuboxmax .cont .text .ps p{ font-size: 14px; line-height: 26px; color: #fff;}
.indexzhunzhuboxmax .indextitle .min .h{ font-size: 28px; color: #fff; line-height: 38px;}
.indexzhunzhuboxmax .indextitle .min .p{ color: #fff;}
.indexzhunzhuboxmax .indextitle{ margin-bottom: 0.7rem;}
.indexzhunzhuboxmax .cont .text .ps{ margin-bottom: 0.8rem;}
.moreindexmax a{ background: #fff; width: 170px; height: 48px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 30px;}
.moreindexmax a,
.moreindexmax a i{ font-size: 14px; color: #999; transition: all 0.5s;}
.moreindexmax a i{ margin-left: 10px; font-size: 12px;}
.moreindexmax a:hover{ background: #68ADF0;}
.moreindexmax a:hover,
.moreindexmax a:hover i{ color: #fff;}
.indexitemboxmax{ background: #f8f8f8;}
.indexitemboxmax .m{ width: 240px; height: 240px; border: 7px solid #fff; background: #f8f8f8; border-radius: 100%; overflow: hidden; position: absolute; top: -90px; left: 50%; transform: translateX(-50%);}
.indexitemboxmax .m img{ display: block; width: 100%; transition: all 0.5s;}
.indexitemboxmax a:hover .m img{ transform: scale(1.05);}
.indexitemboxmax a{ display: block; padding: 200px 20px 50px 20px;}
.indexitemboxmax a .h{ font-size: 16px; line-height: 30px; text-align: center; color: #666;}
.indexitemboxmax a .n{ font-size: 14px; line-height: 22px; color: #666; text-align: center;}
.indexitemboxmax a .p{ margin-top: 13px; font-size: 13px; line-height: 26px; text-align: center; color: #999;}
.indexitemboxmax .mk{ background: #fff; border-radius: 5px; position: relative; margin: 0 0.8rem;}
.indexitemboxmax .swiper{ padding: 100px 0 40px 0;}
.indexitemboxmax .swiper .swiper-pagination span,
.indexitemboxmax .swiper .swiper-pagination span.swiper-pagination-bullet-active{ background: #868686; opacity: 1; margin: 0 6px!important;}
.indexitemboxmax .swiper .swiper-pagination{ bottom: 0!important; display: flex; align-items: center; justify-content: center;}
.indextitle .min .n{ font-size: 36px; line-height: 1; margin-bottom: 10px; font-weight: bold;}
.w1720{ width: 17.2rem; margin: auto;}
.indexvideoboxmax .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 50px -0.10rem 0 -0.10rem;}
.indexvideoboxmax .list .li{ width: 5.6rem; margin: 0 0.10rem;}
.indexvideoboxmax .list .li .m{ width: 100%; height: 3.7rem; overflow: hidden; position: relative;}
.indexvideoboxmax .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.indexvideoboxmax .list .li:hover .m img{ transform: scale(1.08);}
.indexvideoboxmax .list .li .play{ width: 80px; height: 80px; text-align: center; line-height: 80px; color: #fff; border: 3px solid hsla(0,0%,100%,0.00); border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; font-size: 50px; transition: all 0.5s;}
.indexvideoboxmax .list .li:hover .play{ border-color: #fff;}
.indexvideoboxmax .list .li .ter{ padding: 24px 10px 0 10px; text-align: center;}
.indexvideoboxmax .list .li .ter .h{ font-size: 16px; line-height: 30px; color: #666;}
.indexvideoboxmax .list .li .ter .p{ font-size: 14px; line-height: 22px; color: #777;}
.indexvideoboxmax .list .li video{ display: none;}
.indexvideoupppp{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -90; display: flex; justify-content: center; align-items: center; opacity: 0;}
.indexvideoupppp2{ opacity: 1; z-index: 90;}
.indexvideoupppp .up{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 0;}
.indexvideoupppp .cont{ width: 800px; position: relative; z-index: 5; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.indexvideoupppp2 .cont{ transform: scale(1); opacity: 1;}
.indexvideoupppp .cont video{ display: block; width: 100%;}
.indexvideoupppp .cont .sole{ width: 30px; height: 30px; position: absolute; bottom: -50px; left: 50%; margin-left: -15px; cursor: pointer;}
.indexvideoupppp .cont .sole i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.indexvideoupppp .cont .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.indexguandianboxmax{ background: #f9f9f9;}
.indexguandianboxmax .list{ margin-top: 50px; display: flex; flex-wrap: wrap;}
.indexguandianboxmax .list .li{ width: calc(100% / 3); position: relative; background: #fff; overflow: hidden;}
.indexguandianboxmax .list .li .m{ width: 100%; height: 3.9rem; overflow: hidden;}
.indexguandianboxmax .list .li .m img{ display: block; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover; opacity: 0;}
.indexguandianboxmax .list .li:hover .m img{ transform: scale(1.08); opacity: 1;}
.indexguandianboxmax .list .li + .li::after{ width: 1px; height: 100%; background: rgba(0, 0, 0, 0.10); position: absolute; top: 0; left: 0; content: ''; z-index: 2;}
.indexguandianboxmax .list .li .time{ width: 184px; height: 124px; background: #fff; position: absolute; top: 0; right: 0; transition: all 0.5s; display: flex; justify-content: center; align-items: center; font-size: 36px; font-weight: bold; color: #939393;}
.indexguandianboxmax .list .li:hover .time{ width: 144px; height: 84px;}
.indexguandianboxmax .list .li .ter{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0.38rem; transition: all 0.5s; opacity: 1;}
.indexguandianboxmax .list .li:hover .ter{ bottom: -100px; opacity: 0;}
.indexguandianboxmax .list .li .ter .h{ font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.indexguandianboxmax .list .li .ter .p{ border-top: 1px solid #dbdbdb; font-size: 13px; line-height: 26px; color: #999; padding-top: 10px; min-height: 52px;}
.indexopenboxmax .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: -10px auto;}
.indexopenboxmax .cont .li{ width: calc(100% / 6); padding: 10px 0;}
.indexopenboxmax .cont .li a{ width: 100%; height: 1.42rem; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.indexopenboxmax .cont .li a img{ display: block; max-width: 100%; max-height: 100%; transition: all 0.5s;}
.indexopenboxmax .cont .li:hover a img{ transform: scale(1.08);}

.indextitle .nav{ display: flex;}
.indextitle .nav a + a{ margin-left: 0.5rem;}
.indextitle .nav a{ font-size: 13px; line-height: 30px; color: #828282; position: relative; transition: all 0.5s;}
.indextitle .nav a:hover,
.indextitle .nav a.cur{ color: #000;}
.indextitle .nav a::after{ content: ''; width: 0; height: 1px; background: #000; position: absolute; left: 50%; bottom: 0; opacity: 0; transition: all 0.5s; transform: translateX(-50%);}
.indextitle .nav a.cur::after,
.indextitle .nav a:hover::after{ width: 100%; opacity: 1;}
.caseboxmaxw{ margin: 30px 0 0 0;}
.w1650{ width: 16.5rem; margin: auto;}
.caseboxmaxw .list{ padding: 30px 0 0 0; display: flex; flex-wrap: wrap;}
.caseboxmaxw .list .li{ width: 50%; margin-top: 20px;}
.caseboxmaxw .list .li .m{ width: 100%; height: 4.5rem; overflow: hidden;}
.caseboxmaxw .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.caseboxmaxw .list .li:hover .m img{ transform: scale(1.08);}
.caseboxmaxw .list .li .ter{ padding: 18px 20px;}
.caseboxmaxw .list .li .ter .h{ font-size: 16px; line-height: 30px; color: #666;}
.caseboxmaxw .list .li .ter .p{ font-size: 14px; line-height: 22px; color: #999;}
.headercpdata .cont .right .nav .wli .tit a{ color: #666;}
.headercpdata.headercp2 .cont .right .nav .wli .tit a{ color: #fff;}
.headercpdata.headercp2 .cont .right .nav .wli.on .tit a,
.headercpdata.headercp2 .cont .right .nav .wli:hover .tit a{ color: #25c4d1;}
.headercpdata .cont .right .nav .wli .tit i{ color: #666;}
.headercpdata .cont .right .sear .i{ color: #666;}
.headercpdata .cont .right .sear::after{ background: #000; opacity: 0.3;}
.pageimg{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 80px;}
.pageimg span,.pageimg a{ text-align: center; font-size: 14px; line-height: 36px; color: #666; 
	min-width: 36px; margin: 0 3px; position: relative; display: inline-block;}
.pageimg .active a.pageimg a:hover,
.pageimg a.cur{ color: #000;}
.pageimg a.cur::after{ width: 10px; height: 1px; background: #d4d4d4; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: '';}
.indextitle3 .min .h{ font-size: 24px; line-height: 30px;}

.databanner{ position: relative; overflow: hidden;}
.databanner .m img{ display: block; width: 100%;}
.yewuboxmaxw .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: -10px;}
.yewuboxmaxw .list .li{ margin: 60px 0 0 0; width: calc(100% / 3);}
.yewuboxmaxw .list .li .m{ width: 100%; height: 3.8rem; overflow: hidden; transition: all 0.5s;}
.yewuboxmaxw .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.yewuboxmaxw .list .li:hover .m{ transform: scale(0.95);}
.yewuboxmaxw .list .li .ter{ padding: 30px 0.4rem 0 0.4rem;}
.yewuboxmaxw .list .li .ter .h{ text-align: center; font-size: 16px; line-height: 30px; color: #666;}
.yewuboxmaxw .list .li .ter .n{ font-size: 14px; color: #777; line-height: 22px; text-align: center;}
.yewuboxmaxw .list .li .ter .p{ font-size: 13px; padding: 20px 0 30px 0; color: #868585; min-height: 52px; line-height: 26px; text-align: center;}
.yewuboxmaxw .list .li .ter .a{ width: 140px; display: flex; justify-content: center; align-items: center; height: 32px; border: 1px solid #ddd; border-radius: 20px; margin: auto;}
.yewuboxmaxw .list .li .ter .a, 
.yewuboxmaxw .list .li .ter .a i{ font-size: 14px; color: #232323; transition: all 0.5s;}
.yewuboxmaxw .list .li .ter .a i{ margin-left: 5px; font-size: 10px;}
.yewuboxmaxw .list .li:hover .ter .a, 
.yewuboxmaxw .list .li:hover .ter .a i{ color: #fff;}
.yewuboxmaxw .list .li:hover .ter .a{ background: #232323; border-color: #232323;}

.newsboxmaxw .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: -10px -0.07rem 0 -0.07rem;}
.newsboxmaxw .list .li{ width: 4.15rem; position: relative; margin: 60px 0.07rem 0 0.07rem;}
.newsboxmaxw .list .li .m{ width: 100%; height: 2.8rem; overflow: hidden;}
.newsboxmaxw .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;} 
.newsboxmaxw .list .li:hover .m img{ transform: scale(1.08);}
.newsboxmaxw .list .li .time{ width: 80px; height: 40px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; color: #999; position: absolute; top: 1px; right: 1px; z-index: 2; opacity: 0; transition: all 0.5s;}
.newsboxmaxw .list .li:hover .time{ opacity: 1;}
.newsboxmaxw .list .li .ter{ padding: 20px 0 0 0;}
.newsboxmaxw .list .li .ter .h{ font-size: 16px; line-height: 50px; color: #666;}
.newsboxmaxw .list .li .ter .p{ border-top: 1px solid #dbdbdb; padding-top: 20px; font-size: 13px; line-height: 26px; color: #999;}

.databanner .ter{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; text-align: center;}
.databanner .ter .h{ font-size: 30px; line-height: 38px;}
.databanner .ter .p{ font-size: 12px; color: #999; line-height: 18px;}
.abputboxmaxone .img{ margin-top: 50px;}
.abputboxmaxone .img img{ display: block; max-width: 100%; margin: auto;}
.abputboxmaxone .num{ display: flex; justify-content: space-around;}
.abputboxmaxone .num .li{ max-width: 30%;}
.abputboxmaxone .num .li .p{ font-size: 14px; line-height: 22px; color: #bdc3c7; text-align: center;}
.abputboxmaxone .num .li .n{ font-size: 20px; line-height: 30px; text-align: center; color: #666; margin-bottom: 5px;}
.abputboxmaxone .num .li .h{ display: flex; justify-content: center; align-items: flex-end; color: #4d4d4d; font-size: 30px; margin-left: 5px; line-height: 46px; margin-bottom: 8px;}
.abputboxmaxone .num .li .h i{ font-size: 72px; color: #4d4d4d; line-height: 1; font-family: '宋体';}
.abputboxmaxtwo{ background: rgba(221, 221, 221, 0.30014583106927056);}
.abputboxmaxtwo .cont{ display: flex; flex-wrap: wrap;}
.abputboxmaxtwo .cont .li{ width: 4.6rem; margin-right: 0.75rem;}
.abputboxmaxtwo .cont .li:nth-child(3n){ margin-right: 0;}
.abputboxmaxtwo .cont .li .p{ font-size: 14px; line-height: 30px; color: #999; padding-top: 15px; margin-top: 15px; border-top: 1px solid hsla(0,0%,83%,.4);}
.abputboxmaxtwo .cont .li .h{ display: flex; justify-content: flex-start; align-items: flex-end; font-size: 20px; line-height: 30px; color: #333;}
.abputboxmaxtwo .cont .li .h i{ font-size: 36px; line-height: 1; color: #666; font-family: "宋体"; margin-right: 10px;}
.aboutopenbaxmax .tit .h{ font-size: 30px; line-height: 40px; text-align: center; margin-bottom: 20px;}
.aboutopenbaxmax .tit .p{ font-size: 14px; line-height: 26px; text-align: center; color: #999; margin: auto; width: 8.6rem;}
.aboutopenbaxmax .img{ margin-top: 50px;}
.aboutopenbaxmax .img img{ display: block; max-width: 100%; margin: auto;}

.itemsboxmaxw .list{ display: flex; justify-content: space-between; flex-wrap: wrap; /*margin-top: -20px;*/}
.itemsboxmaxw .list .li{ width: 8.2rem; margin-top: 70px;}
.itemsboxmaxw .list .li .m{ width: 2.28rem; height: 2.28rem; border-radius: 100%; overflow: hidden; background: #f8f8f8;}
.itemsboxmaxw .list .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.itemsboxmaxw .list .li:hover .m img{ transform: scale(1.08);}
.itemsboxmaxw .list .li .ter{ width: calc(100% - 2.5rem); /*padding-top: 0.25rem;*/}
.itemsboxmaxw .list .li a{ display: flex; justify-content: space-between; align-items: center;}
.itemsboxmaxw .list .li .ter .h{ font-size: 16px; line-height: 30px; color: #333;}
.itemsboxmaxw .list .li .ter .n{ font-size: 14px; line-height: 22px; color: #777;}
.itemsboxmaxw .list .li .ter .p{ margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.065); font-size: 13px; line-height: 26px; color: #999; min-height: 52px;}

.openboxmaxw{ margin-top: 80px;}
.openboxmaxw .indexopenboxmax{ margin-top: 100px;}
.contactboxmaxw{ margin-top: 30px;}
.contactboxmaxw .tit .h{ font-size: 26px; line-height: 32px; font-weight: bold; text-align: center;}
.contactboxmaxw .tit .p{ font-size: 14px; line-height: 22px; color: #666; text-align: center; margin-top: 3px;}
.contactboxmaxw .list{ margin-top: 50px; display: flex; justify-content: center;}
.contactboxmaxw .list .li{ width: calc(100% / 3);}
.contactboxmaxw .list .tp .h{ font-size: 14px; line-height: 18px; font-weight: bold; text-align: center;}
.contactboxmaxw .list .tp .p{ font-size: 14px; line-height: 18px; text-align: center; color: #777; margin-top: 5px;}
.contactboxmaxw .list .tb{ border-top: 1px solid hsla(0,0%,83%,.4); margin-top: 45px; padding-top: 25px;}
.contactboxmaxw .list .tb .m img{ display: block; height: 138px; margin: auto;}
.contactboxmaxw .list .tb .mm{ margin-top: 25px;}
.contactboxmaxw .list .tb .mm .h{ font-size: 20px; line-height: 26px; font-weight: bold; text-align: center;}
.contactboxmaxw .list .tb .mm .p{ font-size: 14px; color: #b7b7b7; text-align: center; line-height: 22px; margin-top: 2px;}
.contactboxmaxw .list .tb .ps{ font-size: 14px; color: #777; line-height: 28px; text-align: center; margin-top: 25px;}

.w1200{ width: 12rem; margin: auto;}
.casedataboxmax{ margin-top: 30px;}
.casedataboxmax .tit .h{ font-size: 26px; line-height: 36px;}
.casedataboxmax .tit .p{ font-size: 14px; line-height: 22px; color: #666; margin-top: 2px;}
.casedataboxmax .ps{ margin-top: 40px; padding-top: 30px; border-top: 1px dotted rgba(211, 211, 211, 0.4);}
.casedataboxmax .ps img{ display: block; margin: auto; max-width: 100%;}
.casedataboxmax .ps,
.casedataboxmax .ps a,
.casedataboxmax .ps p{ font-size: 14px; line-height: 26px; color: #777;}
.casedataboxmax .ps p{ margin-bottom: 27px;}
.casedataboxmax .ps a{ display: inline-block; color: #10c4cb;}
.casedataboxmax .ps a:hover{ text-decoration: underline;}
.casedataboxmax .min .li{ margin-top: 40px; padding-top: 40px; border-top: 1px dotted rgba(211, 211, 211, 0.4);}
.casedataboxmax .min .li .h{ font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.casedataboxmax .min .li .p,
.casedataboxmax .min .li .p p{ font-size: 14px; line-height: 24px; color: #666;}
.casedataboxmax .min{ border-bottom: 1px dotted rgba(211, 211, 211, 0.4); padding-bottom: 40px;}
.casedataboxmax .list{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px;}
.casedataboxmax .list .m{ width: 6rem; overflow: hidden;}
.casedataboxmax .list .m img{ display: block; width: 100%; transition: all 0.5s;}
.casedataboxmax .list .m:hover img{ transform: scale(1.05);}
.casedataboxmax .list .ter{ width: 4.6rem; margin-right: 0.8rem;}
.casedataboxmax .list .ter .h{ font-size: 30px; line-height: 40px; text-align: center;}
.casedataboxmax .list .ter .n{ font-size: 14px; line-height: 22px; color: #666; margin-top: 3px; text-align: center;}
.casedataboxmax .list .ter .p{ margin-top: 20px; font-size: 14px; line-height: 24px; text-align: center; color: #777;}
.casedataboxmax .list .ter a{ display: flex; justify-content: center; align-items: center; width: 140px; height: 48px; margin: 50px auto 0; background: #333; color: #fff; font-size: 16px; transition: all 0.5s;}
.casedataboxmax .list .ter a:hover{ background: hsla(0,0%,0%,0.15); color: #000;}
.casedataboxmax .text .dd{ text-align: center; margin-bottom: 25px;}
.casedataboxmax .text .dd .h{ font-size: 20px; line-height: 30px; text-align: center; margin-bottom: 2px; text-transform: uppercase; color: #333;}
.casedataboxmax .text .dd .p{ font-size: 14px; line-height: 24px; color: #999; text-align: center;}
.casedataboxmax .text .mmkm,
.casedataboxmax .text .mmkm p{ font-size: 14px; line-height: 24px; text-align: center; color: #777;}
.casedataboxmax .text .mmkm img{ display: block; max-width: 100%; margin: auto;}
.casedataboxmax .text .mmkm i{ display: block; width: 100%; height: 1px; border-top: 1px dotted rgba(211, 211, 211, 0.4);}

.w1080{ width: 10.8rem; margin: auto;}
.casedataboxmax2 .tit{ text-align: center;}
.casedataboxmax .more{ margin-top: 40px; padding-top: 20px; border-top: 1px dotted rgba(211, 211, 211, 0.4);}
.casedataboxmax .more .p,
.casedataboxmax .more a,
.casedataboxmax .more a i{ font-size: 14px; line-height: 22px; color: #777; transition: all 0.5s;}
.casedataboxmax .more .p + .p{ margin-top: 8px;}
.casedataboxmax .more a:hover i{ color: #10c4cb;}
.casedataboxmax .more a{ white-space: nowrap; display: flex;}
.casedataboxmax .more a i{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis; display: block;}


.itemdatabox{ margin-top: 30px;}
.itemdatabox .cont{ display: flex; justify-content: space-between;}
.itemdatabox .left{ width: 3.45rem;}
.itemdatabox .left .m{ width: 100%; height: 3.45rem; border-radius: 100%; overflow: hidden;}
.itemdatabox .left .m img{ display: block; width: 100%;}
.itemdatabox .left .cion{ margin-top: 20px; display: flex; justify-content: center;}
.itemdatabox .left .cion a{ display: flex; justify-content: center; align-items: center; width: 0.4rem; height: 0.4rem; background: rgba(105, 105, 105, 0.3); border-radius: 100%; margin: 0 4px; color: #fff; font-size: 20px; transition: all 0.5s;}
.itemdatabox .left .cion a:hover{ background: rgba(105, 105, 105, 0.7);}
.itemdatabox .right{ width: 8.06rem;}
.itemdatabox .right .tit .h{ font-size: 26px; line-height: 36px;}
.itemdatabox .right .tit .p{ font-size: 14px; line-height: 24px; margin-top: 2px; color: #777;}
.itemdatabox .right .tit{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px dotted rgba(211, 211, 211, 0.4);}
.itemdatabox .right .ps .mm .h{ font-size: 16px; line-height: 26px; font-weight: bold;}
.itemdatabox .right .ps .mm .p{ font-size: 12px; font-weight: bold; line-height: 20px; color: #666;}
.itemdatabox .right .ps .ww .li{ margin-top: 25px;}
.itemdatabox .right .ps .ww .h{ font-size: 16px; line-height: 26px; margin-bottom: 3px;}
.itemdatabox .right .ps .ww .p{ font-size: 14px; color: #777; line-height: 26px;}

.cellnavbox .top{ background: #fff; height: 60px; position: fixed; top: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 50;}
.cellnavbox .top .logo a img{ display: block; height: 24px;}
.cellnavbox .top .sole{ width: 25px; height: 30px; position: absolute; top: 15px; left: 15px;}
.cellnavbox .top .sole i{ display: block; width: 100%; height: 1px; background: #999; position: absolute; top: 9px; left: 0; transition: all 0.5s;}
.cellnavbox .top .sole i:nth-child(2){ top: auto; bottom: 9px;}
.headercpcell .top{ position: fixed; top: 0; left: 0; right: 0; padding: 0 0.3rem; display: flex; justify-content: space-between; align-items: center; background: #fff; z-index: 50; height: 50px; border-bottom: 1px solid hsla(0,0%,0%,0.10);}
.headercpcell .top .logo a img{ display: block; height: 36px;}
.headercpcell .top .sole{ width: 22px; height: 18px; position: relative;}
.headercpcell .top .sole i{ display: block; width: 100%; height: 2px; background: #333; position: absolute; top: 0; left: 0; border-radius: 2px;}
.headercpcell .top .sole i:nth-child(2){ top: 50%; margin-top: -1px;}
.headercpcell .top .sole i:nth-child(3){ top: auto; bottom: 0;}
.headercpcell .up{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 55;}
.headercpcell2 .up{ display: block;}
.headercpcell .list{ width: 70%; height: 100%; background: #fff; position: fixed; top: 0; right: -70%; z-index: 60; transition: all 0.5s;}
.headercpcell2 .list{ right: 0;}
.headercpcell .list .sole{ width: 20px; height: 20px; position: absolute; top: 15px; right: 15px;}
.headercpcell .list .sole i{ display: block; width: 100%; height: 2px; background: #333; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.headercpcell .list .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}
.headercpcell .list .mk{ position: absolute; left: 0; top: 120px; right: 0; bottom: 0; overflow-y: auto; padding: 0 15px; /*border-top: 1px solid hsla(0,0%,0%,0.10);*/}
.headercpcell .list .mk .wli{ border-bottom: 1px solid hsla(0,0%,0%,0.10); padding: 8px 3px;}
.headercpcell .list .mk .wli .tit{ display: flex; justify-content: space-between; align-items: flex-start;}
.headercpcell .list .mk .wli .tit a{ display: block; font-size: 16px; line-height: 26px; width: calc(100% - 30px); color: #333;}
.headercpcell .list .mk .wli .tit i{ display: block; width: 26px; height: 26px; background: url(../image/12.png) no-repeat center; background-size: 7px auto; transition: all 0.5s;}
.headercpcell .list .mk .wli .tit i.i1{ transform: rotate(90deg);}
.headercpcell .list .mk .wli .shaping .tp{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.headercpcell .list .mk .wli .shaping .tp a{ display: block; font-size: 14px; line-height: 24px; width: calc(100% - 40px); padding-left: 10px; position: relative; color: #666;}
.headercpcell .list .mk .wli .shaping .tp a::after{ width: 5px; height: 5px; background: #666; opacity: 0.8; position: absolute; top: 9.5px; left: 0; content: ''; border-radius: 100%;}
.headercpcell .list .mk .wli .shaping .tp i{ display: block; width: 24px; height: 24px; background: url(../image/12.png) no-repeat center; background-size: 7px auto; margin-right: 1px; opacity: 0.5; transition: all 0.5s;}
.headercpcell .list .mk .wli .shaping .tp i.i2{ transform: rotate(90deg);}
.headercpcell .list .mk .wli .shaping .li{ margin-top: 2px;}
.headercpcell .list .mk .wli .shaping{ padding-top: 2px; display: none;}
.headercpcell .list .mk .wli .min a{ display: block; font-size: 14px; line-height: 24px; color: #999; padding-left: 10px; margin-top: 2px;}
.headercpcell .list .mk .wli .min{ padding-bottom: 5px; display: none;}
.headercpcell .list .input{ border-bottom: 1px solid hsla(0,0%,0%,0.10); margin: 0 15px; position: absolute; top: 60px; left: 0; right: 0; display: flex; box-sizing: border-box;}
.headercpcell .list .input input{ width: 100%; height: 40px; font-size: 15px; border: none; padding-right: 50px;}
.headercpcell .list .input button{ display: block; width: 40px; height: 100%; position: absolute; top: 0; right: 0; background: url(../image/2.png) no-repeat center; background-size: 20px auto; border: none;}
.cellheaderboxmax{ display: none;}

.searchboxmaxw{ margin-top: 30px;}
.searchboxmaxw .input{ display: flex; margin-bottom: 50px;}
.searchboxmaxw .input input{ display: block; width: 480px; height: 40px; border: 2px solid #666; padding: 0 15px; font-size: 14px;}
.searchboxmaxw .input button{ width: 50px; height: 44px; border: none; font-size: 14px; color: #fff; background: #666; cursor: pointer;}
.searchboxmaxw .list .li a{ display: flex; justify-content: space-between; padding: 30px 0;}
.searchboxmaxw .list .li + .li a{ border-top: 1px solid rgba(170, 170, 170, 0.2);}
.searchboxmaxw .list .li .m{ width: 300px; overflow: hidden;}
.searchboxmaxw .list .li .ter{ width: calc(100% - 330px); padding: 20px 0 0 0;}
.searchboxmaxw .list .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.searchboxmaxw .list .li:hover .m img{ transform: scale(1.05);}
.searchboxmaxw .list .li .ter .h{ font-size: 16px; line-height: 30px; margin-bottom: 5px;}
.searchboxmaxw .list .li .ter .p{ font-size: 13px; line-height: 26px; color: #868585;}

.indexbannermax .text{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.45); padding: 0.7rem 0;}
.indexbannermax .text .ter{ display: flex; justify-content: space-between; align-items: center;}
.indexbannermax .text .ter .p{ width: 5.4rem; font-size: 0.2rem; color: #fff; line-height: 0.32rem; font-weight: bold;}
.indexbannermax .text .ter .left{ width: 7.6rem;}
.indexbannermax .text .ter .left .n{ font-size: 0.24rem; line-height: 0.34rem; color: #fff; margin-bottom: 0.05rem;}
.indexbannermax .text .ter .left .h{ font-size: 0.4rem; line-height: 0.5rem; font-weight: bold; color: #fff;}

.casedataboxmax .kemt{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.casedataboxmax .kemt a{ display: flex; align-items: center; position: relative; padding: 0 0 0 50px;}
.casedataboxmax .kemt a .v{ width: 130px; height: 100px; border-radius: 10px; margin-right: 20px; overflow: hidden;}
.casedataboxmax .kemt a:nth-child(2) .v{ margin: 0 0 0 20px;}
.casedataboxmax .kemt a:nth-child(2){ flex-direction: row-reverse; text-align: right; padding: 0 50px 0 0;}
.casedataboxmax .kemt a .n{ font-size: 14px; line-height: 1; transition: all 0.5s;}
.casedataboxmax .kemt a .c{ font-size: 16px; line-height: 26px; margin-top: 10px; transition: all 0.5s;}
.casedataboxmax .kemt a .v img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.casedataboxmax .kemt a:hover .v img{ transform: scale(1.1);}
.casedataboxmax .kemt a:hover .n,
.casedataboxmax .kemt a:hover .c{ color: #25c4d1;}
.casedataboxmax .kemt a::after{ width: 35px; height: 100%; position: absolute; top: 0; left: 0; background: url(../image/nextw.png) no-repeat center; background-size: 100% auto; transition: all 0.5s; content: '';}
.casedataboxmax .kemt a:hover::after{ background: url(../image/nextw2.png) no-repeat center; background-size: 100% auto;}
.casedataboxmax .kemt a:nth-child(2)::after{ right: 0; left: auto; transform: rotate(180deg);}
.casedataboxmax .kemt a .tt{ width: 300px;}
.casedataboxmax .kemt a .n,
.casedataboxmax .kemt a .c{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.databanner{ position: relative;}
.databanner .text{ position: absolute; top: 50px; left: 0; width: 100%; bottom: 0; display: flex; align-items: center; justify-content: center;}
.databanner .text .wer{ text-align: right;}
.databanner .text .wer .h{ font-size: 32px; line-height: 1; color: #666; margin-bottom: 8px;}
.databanner .text .wer .p{ font-size: 18px; line-height: 1; color: #666;}

.yc{ display: none; }
.zixun{ display: none;    justify-content: space-around;
    position: relative;
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height:1.2rem;line-height:1.2rem;
    background: #01539F;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400; }
.zixun a{display:inline-block;width:39.9%;text-align:center;color:#fff; /*color: #f00*/;}
.zixun a.zx2{color:#ff0;width:59.9%;background: #FB5D27;
border-radius: 26px 0 0 2px;
color: #fff;}
@media (max-width: 1200px) {
	body{padding-bottom: 1.2rem;}
    .zixun{ display:flex;}
}


.biaoqoan{ display: flex; justify-content: space-between; padding-top: 40px;width: 99%; margin: auto;}
.biaoqoan .h1{ display: block; font-size: 24px; margin-bottom: 15px; color: #000;}
.biaoqoan a{ display: block; margin-bottom:10px; line-height:30px;font-size:14px; color:#666; padding:0 15px; border:1px solid #cccccc; margin-right:10px;}
.biaoqoan a:hover{ border:1px solid #131415; color:#fff; background: #131415;}
.biaoqoan .more{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

@media screen and (max-width:758px){

	.biaoqoan{ padding:0px 2px; display: block; width: auto;}
	.biaoqoan .pull-left, .biaoqoan .pull-right{ width: auto;}
	.biaoqoan .h1{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.biaoqoan a{ line-height: 28px; padding: 0 8px; margin-right: 8px; margin-bottom: 8px; font-size: 12px;}
	.biaoqoan .pull-right{ margin-top: 50px;}
}