/*  -------------Ms 2020.01.01--------------------
  微信: moseng003  QQ: 24231001  邮箱: aprm@qq.com 
--------------------------------------------------  */   


/*浏览器 滚动条 样式*/
::-webkit-scrollbar{width:8px; height:4px;}
::-webkit-scrollbar-track {background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
::-webkit-scrollbar-thumb {background-color:#999;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}


/*反选样式*/
/*
::selection { background: #0DA056; color: white;}
::-moz-selection { background: #0DA056; color: white;}
*/


/*全局样式*/
* { margin: 0; padding: 0; }
legend {color: #000;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
abbr, acronym, address, caption, cite, code, dfn, em, var, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-variant: normal;}
input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }
input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%;}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
html { margin: 0; padding: 0; border: 0; overflow: auto; }
table { font-size: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }
h1 { font-size: 36px; line-height: 45px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 22px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 16px; }
sup{top: 3px!important;}

/*----------------------重置 全局样式 样式--------------------- */
html,body{scroll-behavior:smooth;}

body{margin: 0px; padding: 0px;border: 0;  font-size: 14px; font-family:"PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei",SimSun,sans-serif; color: #2F2F2F; background: #ff;font-weight: normal;}
ul,li{list-style: none; margin: 0px; padding: 0px;}


a{font-size: 16px; text-decoration:none; color:#333;font-weight: normal;}
a:hover{text-decoration:none; color:#f00;font-weight: normal;}

.mask-box{background:rgba(0,0,0,.8);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:1002; display:flex; }



/* .home_menu */
.home_menu{width: 150px; position: fixed; top: 50px; left: 80px; z-index: 100;}
.home_menu .logo img{width: 90px; height: auto;}
.home_menu .menu{margin-top: 30px;}
.home_menu .menu .big{font-size: 14px;color: #5f5f5f;background: url(../images/icon_arr_left.png) no-repeat left center; padding-left: 15px; cursor: pointer;font-weight: bold; line-height: 32px;}
.home_menu .menu .big.arr_dn{background: url(../images/icon_arr_dn.png) no-repeat left center!important;}
.home_menu .menu .big.active{text-decoration: underline;}

.home_menu .menu .layer{padding: 8px 0 0 32px;display: none;}
.home_menu .menu .layer a{font-size: 14px;color: #5f5f5f;opacity: .4;display: block; height: 32px;}
.home_menu .menu .layer a:hover{color: #5f5f5f; text-decoration: underline;opacity: 1;}
.home_menu .menu .layer a.active{color: #5f5f5f; text-decoration: underline;opacity: 1;}



.home_menu .yy{ margin-top: 4px;}
.home_menu .yy a{text-decoration: none;font-size: 14px; padding-left: 15px;color: #5f5f5f;font-weight: bold;}
.home_menu .yy a:last-of-type{padding-left: 10px;}
.home_menu .yy a.active{text-decoration: underline;}


/* swiper */
.swiper{width:100vw;height: 100vh;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{display: block;width: 100%;height: 100%; object-fit:cover;}
.swiper .swiper-pagination-bullet{background: #fff; border: 1px rgba(0,0,0,.5) solid;transform: scale(1.3);}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px #fff solid!important}



/* sention */
.sention{margin: 140px calc(100vw - 75%) 0 calc(100vw - 75%); box-sizing: border-box;}
.sention_s{margin: 140px calc(100vw - 85%) 0 calc(100vw - 75%); box-sizing: border-box;}
.sention_case{margin: 140px calc(100vw - 95%) 150px calc(100vw - 75%); box-sizing: border-box;}




/* Contact Us */
.content{height: auto;}
.content li{margin-bottom: 20px;}
.content strong{font-size: 14px;color: #2F2F2F;line-height: 30px;}
.content p{font-size: 12px;color: #2F2F2F;opacity: .8; padding-left: 12px; }
.content a{font-size: 12px;color: #2F2F2F;opacity: .8;}
.content a:hover{font-size: 12px;color: #2F2F2F;opacity: 1; text-decoration: underline;}
 
.content .qcode{display: flex;align-items: center;text-align: center; margin-top: 8px;}
.content .qcode .s{margin-right: 32px;}
.content .qcode img{display: block; margin-bottom: 6px; width: 100px;height: auto;}
.content .qcode small{font-size: 12px;color: #2F2F2F; opacity: .8;}



/* ceo */
.about_ceo li{display: flex; margin-bottom: 100px;}
.about_ceo li .img{margin-right:100px; width: 30%; max-width: 270px;}
.about_ceo li .img img{height: auto; width: 100%;max-width: 270px;}
.about_ceo li .note{flex: 1;text-align: left;}
.about_ceo li .note h6{font-size: 20px;color: #2F2F2F; margin-bottom: 12px;}
.about_ceo li .note strong{font-size: 13px;color: #2F2F2F; margin-bottom: 12px;display: block;}
.about_ceo li .note p{line-height: 24px;text-align: justify;font-size: 12px;color: #2F2F2F;}



/* about_on */
.about_on .imgbox{display: block;}
.about_on .imgbox .img{margin: 0 40px 50px 0; width: 100%;text-align: center;}
.about_on .imgbox .img img{width: 26%; height: auto;}
.about_on .imgbox .note{flex: 1;}
.about_on p{font-size: 13px;text-align: justify; margin-bottom: 20px;line-height: 26px;display: block;}






/* prize*/
.slideTxtBox{width: 100%;display: flex;}
.slideTxtBox .hd{flex: 1; width: 45px;}
.slideTxtBox .hd li{width: 100%;font-size: 14px; line-height: 26px;color: #6D6D6D;cursor: pointer; margin-bottom: 16px;text-align: justify;}
.slideTxtBox .hd li.on{color: #2f2f2f; text-decoration: underline;}

.slideTxtBox .bd{ margin-right: 120px; width: 50%;max-width: 550px; }
.slideTxtBox .bd hr{background: #2f2f2f; margin: 10px 0;}
.slideTxtBox .bd .img_big{width: 100%; height: auto;}
.slideTxtBox .bd .img_big img{width: 100%; max-height: 400px;}
.slideTxtBox .bd .img_small img{width: 50px;height: auto;}
.slideTxtBox .bd span{font-size: 16px;display: block; margin-bottom: 5px;}
.slideTxtBox .bd small{font-size: 14px;opacity: .7; margin-bottom: 12px;display: block;}
.slideTxtBox .bd p{font-size: 14px;display: block; margin-bottom: 5px;}


.slideBox{overflow:hidden; position:relative;}
.slideBox .hds{ height:15px; overflow:hidden; position:absolute; bottom:5px; left: 0; right: 0;z-index: 1;}
.slideBox .hds ul{text-align: center;display: flex;align-items: center; justify-content: center;}
.slideBox .hds ul li{margin-right:8px;width:8px; height:8px; line-height:14px; text-align:center; background:#fff; opacity: .5; cursor:pointer; border-radius: 100px;}
.slideBox .hds ul li.on{ background:#fff;opacity: 1;}
.slideBox .bds img{width: 100%; max-height: 400px;}




/* case_box */
.case_box ul{display: grid;grid-template-columns: repeat(2,1fr);gap:40px; max-width: 1280px;}
.case_box ul li{position: relative;transition: 1s all ease; max-width: 620px;}
.case_box ul li:hover .layer{transition: 1s all ease; opacity: 1;}
.case_box .layer{position: absolute; left: 0;right: 0;bottom: 0;background: rgba(7, 7, 7, 0.8);padding: 16px 24px; box-sizing: border-box;transition: 1s all ease;opacity: 0;}
.case_box .layer small{font-size: 13px;color: #fff;}
.case_box .layer strong{font-size: 15px;color: #fff;display: block;text-transform: capitalize;}
.case_box img{width: 100%;height: auto;}




/* case_show */
.case_show{max-width: 1000px;display: flex; flex-flow: column wrap;}

.slideCaseBox{overflow:hidden; position:relative;}
.slideCaseBox .bds{width: 100%;}
.slideCaseBox .bds img{width: 100%;height: auto; max-height: 830px;}

.slideCaseBox .hds{ height:15px; overflow:hidden; position:absolute; bottom:5px; left: 0; right: 0;z-index: 1;}
.slideCaseBox .hds ul{text-align: center;display: flex;align-items: center; justify-content: center;}
.slideCaseBox .hds ul li{margin-right:8px;width:10px; height:10px; line-height:14px; text-align:center; background:#fff; opacity: .5; cursor:pointer; border-radius: 100px; border: 1px rgba(0,0,0,.5) solid;}
.slideCaseBox .hds ul li.on{ background:#fff;opacity: 1;}

.slideCaseNote{display: block; margin-bottom: 80px;}
.slideCaseNote h6{display: block; margin-top: 32px;}
.slideCaseNote h6 strong{font-size: 16px;font-weight: normal;}
.slideCaseNote h6 small{display: block; margin-top: 12px;font-size: 14px;}
.slideCaseNote .note{margin-top: 16px;font-size: 12px;}

.CaseBigbox{flex: 1;}

.CasePage{display: flex;align-items:center; justify-content: space-between; align-self: flex-end; position: fixed; left:calc(100vw - 75%); right:calc(100vw - 75%); bottom: 0;padding: 24px 0; box-sizing: border-box; background: #fff;}
.CasePage a{display: flex;align-items: center; opacity: .4;}
.CasePage a:hover{opacity: 1;}
.CasePage a:hover span{color: #2f2f2f; text-decoration: underline;}
.CasePage a.active{opacity: 1;}
.CasePage a.active span{color: #2f2f2f; text-decoration: underline;}

.CasePage .next i{background: url(../images/case_arrleft.png) no-repeat right center; background-size:6px auto; width: 10px; height: 16px;display: inline-block;transform: rotate(180deg);}
.CasePage .next span{padding-right: 12px;font-size: 13px;}

.CasePage .prev i{background: url(../images/case_arrleft.png) no-repeat right center;  background-size:6px auto; width: 10px; height: 16px;display: inline-block;transform: rotate(0deg);}
.CasePage .prev span{padding-left: 12px;font-size: 13px;}


 


.home_menu_wap,.home_menu_layer,.upicon{display: none;}


.language{position: fixed; top: 32px; right: 32px;z-index: 100000;}
.language a{margin: 0 4px;color: #5f5f5f;font-size: 14px;}
.language a.active{text-decoration: underline;color: #5f5f5f;font-size: 14px;}




/* 移动端 */
@media only screen and (max-width: 768px){

	.language{display: none;}
	
	.upicon{box-sizing: border-box;width: 44px;height: 44px; border-radius: 100px; z-index: 100; background: rgba(255, 255, 255, 0.4);border: 0.5px solid rgba(215, 215, 215, 0.4);backdrop-filter: blur(1px);display: none;position:fixed; right: 20px;bottom: 10%;}
	.upicon a{display: block; width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;}
	.upicon i{background: url(../images/CaretDown.png) no-repeat center center; background-size: 20px auto; width: 20px;height: 20px;display: inline-block;transform: rotate(180deg);}

	
	
	/* .home_menu */
	.home_menu{display: none;}
	.home_menu_wap{display: flex;align-items: center; justify-content: space-between; position: fixed; left: 0; top: 0; right: 0; z-index: 100; padding: 32px 20px 20px 20px; box-sizing: border-box;}
	.home_menu_wap a{width: 62px; height: 40px;display: inline-block;}
	.home_menu_wap a img{width: 100%; height: auto;}
	.home_menu_wap .menu{}
	.home_menu_wap .menu i.s{background: url(../images/wap_menu.png) no-repeat center top; background-size: 20px auto;width: 20px; height: 20px;display: inline-block;}
	.home_menu_wap .menu i.c{background: url(../images/wap_union.png) no-repeat center top; background-size:18px auto;width: 20px; height: 20px;display: none;}


	.home_menu_layer{background: #fff;position: fixed; top: 92px; left: 0; right: 0; z-index: 100; padding: 0 20px 20px 20px; box-sizing: border-box;display: none;}
	.home_menu_layer ul{border-top: 1px #C0C0C0 solid; padding-top: 24px;}
	.home_menu_layer .big{font-size: 14px;color: #2F2F2F;background: url(../images/CaretRight.png) no-repeat right 2px center;  background-size: 12px auto; cursor: pointer;font-weight: bold; line-height: 32px;display: block;}
	.home_menu_layer .big.arr_dn{background: url(../images/CaretDown.png) no-repeat right 2px center!important; background-size: 12px auto!important;text-decoration: underline;}
	.home_menu_layer .big.active{text-decoration: underline;}
	
	.home_menu_layer .layer{padding: 8px 0 0 28px;display: none;}
	.home_menu_layer .layer a{font-size: 14px;color: #2F2F2F;opacity: .4;display: block; height: 32px;}
	.home_menu_layer .layer a:hover{color: #2F2F2F; text-decoration: underline;opacity: 1;}
	.home_menu_layer .layer a.active{color: #2F2F2F; text-decoration: underline;opacity: 1;}
	



	.home_menu_layer .yy{ margin-top: 4px;}
	.home_menu_layer .yy a{text-decoration: none;font-size: 14px; padding-left: 0;color: #2f2f2f;font-weight: bold; background: none;display: inline-block!important;}
	.home_menu_layer .yy a:last-of-type{padding-left: 10px;}
	.home_menu_layer .yy a.active{text-decoration: underline;}

	
	
	/* swiper */
	.swiper{width:100vw;height: 100vh;}
	.swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	.swiper-slide img{display: block;width: 100%;height: 100%; object-fit:cover;}
	.swiper .swiper-pagination-bullet{background: #fff; border: 1px rgba(0,0,0,.5) solid;transform: scale(1.3);}
	.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px #fff solid!important}
	
	
	
	/* sention */
	.sention{margin: 110px 20px 20px; box-sizing: border-box;}
	.sention_s{margin:110px 20px 20px; box-sizing: border-box;}
	.sention_case{margin: 110px 20px 20px; box-sizing: border-box;}
	
	
	
	
	/* Contact Us */
	.content{height: auto;}
	.content li{margin-bottom: 20px;}
	.content strong{font-size: 14px;color: #2F2F2F;}
	.content p{font-size: 12px;color: #2F2F2F;opacity: .8; padding-left: 12px;}
	.content a{font-size: 12px;color: #2F2F2F;opacity: .8;}
	.content a:hover{font-size: 12px;color: #2F2F2F;opacity: 1; text-decoration: underline;}
	
	.content .qcode{display: grid;grid-template-columns: repeat(3,1fr);  align-items: center;text-align: center; margin-top: 8px;}
	.content .qcode .s:nth-child(2){grid-column: 2/4;}
	.content .qcode .s{margin-right: 0; width: 94px; margin-bottom: 6px;text-align: left;}
	.content .qcode img{display: block; margin-bottom:6px; width: 95px;height: auto;}
	.content .qcode small{font-size: 11px;color: #2F2F2F; opacity: .8;}
	
	
	
	/* ceo */
	.about_ceo li{display: block; margin-bottom:50px;}
	.about_ceo li .img{margin-right:0; width: 240px; max-width: 270px;}
	.about_ceo li .img img{height: auto; width: 100%;max-width: 270px;}
	.about_ceo li .note{flex: 1;text-align: left;}
	.about_ceo li .note h6{font-size: 20px;color: #2F2F2F; margin-bottom: 12px; margin-top: 20px;}
	.about_ceo li .note strong{font-size: 14px;color: #2F2F2F; margin-bottom: 12px;display: block;}
	.about_ceo li .note p{line-height: 20px;text-align: justify;font-size: 12px;color: #2F2F2F;}
	
	
	
	/* about_on */
	.about_on .imgbox{display: block;}
	.about_on .imgbox .img{margin: 0 70px 20px 0; width: 30%; max-width: 260px;}
	.about_on .imgbox .img img{width: 260px; max-width: 260px; height: auto;}
	.about_on .imgbox .note{flex: 1;}
	
	.about_on p{font-size: 12px;text-align: justify; margin-bottom: 20px;line-height: 20px;display: block;}
	
	
	
	
	
	/* prize*/
	.slideTxtBox{width: 100%;display: flex;}
	.slideTxtBox .hd{flex: 1; min-width: 450px;display: none;}
	.slideTxtBox .hd li{width: 100%;font-size: 20px; line-height: 32px;color: #6D6D6D;cursor: pointer; margin-bottom: 16px;}
	.slideTxtBox .hd li.on{color: #2f2f2f; text-decoration: underline;}
	
	.slideTxtBox .bd{ margin-right: 0; width: 100%;max-width: 100%; }
	.slideTxtBox .bd hr{background: #2f2f2f; margin: 25px 0;}
	.slideTxtBox .bd .img_big{width: 100%; height: auto;}
	.slideTxtBox .bd .img_big img{width: 100%; max-height: 100%;}
	.slideTxtBox .bd .img_small img{width: auto;height: 120px; max-width: 120px;}
	.slideTxtBox .bd span{font-size: 16px;display: block; margin-bottom: 0;}
	.slideTxtBox .bd small{font-size: 14px;opacity: .7; margin-bottom: 6px;display: block;}
	.slideTxtBox .bd p{font-size: 16px;display: block; margin-bottom: 5px;}
	.slideTxtBox .bd>ul{display: block!important;margin-bottom: 32px;}
	.slideTxtBox hr{margin: 16px 0!important;}
	
	.slideBox{overflow:hidden; position:relative;}
	.slideBox .hds{ height:15px; overflow:hidden; position:absolute; bottom:5px; left: 0; right: 0;z-index: 1;}
	.slideBox .hds ul{text-align: center;display: flex;align-items: center; justify-content: center;}
	.slideBox .hds ul li{margin-right:8px;width:8px; height:8px; line-height:14px; text-align:center; background:#fff; opacity: .5; cursor:pointer; border-radius: 100px;}
	.slideBox .hds ul li.on{ background:#fff;opacity: 1;}
	.slideBox .bds img{width: 100%; max-height: 400px;}
	
	
	
	
	/* case_box */
	.case_box ul{display: grid;grid-template-columns: repeat(1,1fr);gap:16px; max-width: 100%;}
	.case_box ul li{position: relative;transition: 1s all ease; max-width: 100%;}
	.case_box ul li:hover .layer{transition: 1s all ease; opacity: 1;}
	
	.case_box  a{display: flex;flex-flow: column wrap;}
	.case_box  a .img{order: 1;}
	
	.case_box .layer{position: unset; left: 0;right: 0;bottom: 0;background: #393939;padding: 12px 14px; box-sizing: border-box;transition: 1s all ease;opacity: 1;order: 2;}
	.case_box .layer small{font-size: 12px;color: #fff;line-height: 16px;}
	.case_box .layer strong{font-size: 13px;color: #fff;display: block; line-height: 16px;}
	.case_box img{width: 100%;height: auto;}
	
	
	
	
	/* case_show */
	.case_show{max-width: 1000px;display: flex; flex-flow: column wrap;}
	
	.slideCaseBox{overflow:hidden; position:relative;}
	.slideCaseBox .bds{width: 100%;}
	.slideCaseBox .bds img{width: 100%;height: auto;}
	
	.slideCaseBox .hds{ height:15px; overflow:hidden; position:absolute; bottom:5px; left: 0; right: 0;z-index: 1;}
	.slideCaseBox .hds ul{text-align: center;display: flex;align-items: center; justify-content: center;}
	.slideCaseBox .hds ul li{margin-right:8px;width:8px; height:8px; line-height:14px; text-align:center; background:#fff; opacity: .5; cursor:pointer; border-radius: 100px;}
	.slideCaseBox .hds ul li.on{ background:#fff;opacity: 1;}
	
	.slideCaseNote{display: block;}
	.slideCaseNote h6{display: block; margin-top: 20px;}
	.slideCaseNote h6 strong{font-size: 18px;font-weight: normal;}
	.slideCaseNote h6 small{display: block; margin-top: 6px;font-size: 14px;}
	.slideCaseNote .note{margin-top: 16px;font-size: 14px;}
	
	
	
	.CaseBigbox{flex: 1; margin-bottom: 60px;}
	.CasePage{display: flex;align-items:center; justify-content: space-between; align-self: flex-end; position: fixed; left:20px; right:20px; bottom: 0;padding: 30px 0; box-sizing: border-box; background: #fff;}
	.CasePage a{display: flex;align-items: center; opacity: .4;font-size: 14px;}
	.CasePage a:hover{opacity: 1;}
	.CasePage a:hover span{color: #2f2f2f; text-decoration: underline;}
	.CasePage a.active{opacity: 1;}
	.CasePage a.active span{color: #2f2f2f; text-decoration: underline;}
	
	.CasePage .next i{background: url(../images/case_arrleft.png) no-repeat right center; width: 10px; height: 16px;background-size:6px auto; display: inline-block;transform: rotate(180deg);}
	.CasePage .next span{padding-right: 6px;}
	
	.CasePage .prev i{background: url(../images/case_arrleft.png) no-repeat right center; width: 10px; height: 16px;background-size:6px auto;display: inline-block;transform: rotate(0deg);}
	.CasePage .prev span{padding-left: 6px;}
	
	
	
	
	
	
}