* { box-sizing:border-box; font-family:sans-serif; font-size:16px; line-height: 24px; 	padding: 0; margin: 0;}

a{ text-decoration: none; /*color: #009ee0;*/ color: #ff6541; }

html, body { width:100%; height: 100%; margin:0 auto; max-width:750px; }

.body { display:block; position:relative; width:100%; max-width:750px; margin:0 auto; }


#header { position:relative; width: 100%; height: 76px; overflow: hidden; background: #26294d; z-index: 10; }
#header .logo { position: absolute; width: 76px; height: 76px; line-height: 0px; margin-right: 0.5rem; float:left; }
#header .logo img{ position: absolute;  top: 0px; right: 0px; bottom: 0px; left: 0px; height: 84%; margin:auto; }

#header:before{ position: absolute; background: url("../img/header.png") center right no-repeat; background-size: auto 100%; width: 120px; height:120px;  content: ""; border-radius: 160px; top: -22px; left: -76px;  }

#header .brand-header{ position:relative; float:left; height: 76px; /* width: -moz-calc(100% - 80px - 3rem); width:-webkit-calc(100% - 80px - 3rem);  width: calc(100% - 80px - 3rem); margin-left: 80px;*/ width: 100%; }
#header .brand-header .brand-name{ position:relative; margin-left: 76px; color: #009ee0; font-size: 1.125rem; text-align: left; line-height: 76px; height: 76px; font-weight: 700; color: #FFFFFF; display: inline-block; }

#header .brand-header a.about{ position:relative; float: right; display: inline-block; height: 76px; line-height: 76px; font-size: 0.75rem; text-indent: -999px; width: 2rem; background: url("../img/info.png") center no-repeat; background-size: 80% auto; margin-right: 0.5rem; overflow: hidden; } 


#header .search-btn{ position: absolute; right: 3rem; width: 2rem; height: 76px; background: url("../img/search.svg") center no-repeat; background-size: 80% auto;  }
#header .search-close{ position: absolute; right: 3rem; width: 2rem; height: 76px; display: none; }

#header .search-close:before, #header .search-close:after{ position: absolute; 
    right: 0.25rem;
    width: 1.5rem;
    height: 2px;
    height: 2px;
    content: '';
    background-color: #FFFFFF;
	top: -moz-calc(50% - 1px); top:-webkit-calc(50% - 1px);  top: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

 #header .search-close:after{ 
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



#header-bar { position:relative; width: 100%; height: 76px; line-height: 76px; overflow: hidden; background: #26294d; z-index: 10; text-align: center;  margin: 0; font-size: 1.25rem; font-weight: 700; color: #FFFFFF; }

#header-bar a.download{ position:absolute; display: inline-block; height: 76px; line-height: 76px; font-size: 1rem; color: #FFFFFF; /*text-indent: -999px; width: 2rem; */ padding-right: 1rem; right: 0px;  } 
#header-bar a.download:before{ position:absolute; background: url(../img/icon/email.svg) center no-repeat; background-size: 100% auto; content:""; width: 36px; height: 36px;  left: -42px; top: 20px; } 

#header-bar a.back{ position:absolute; display: inline-block; height: 76px; line-height: 76px; font-size: 1rem; color: #FFFFFF; left: 0.5rem; padding-left: 1.25rem; background: url("../img/arrow.svg") left no-repeat; background-size: 32% auto;  } 

.search-box{ position: absolute; z-index: 2; width: 100%; top:0px; background: #26294d; max-width:750px; }
.search-box .search-input{ position: relative; width: 100%; padding: 0.5rem; font-size: 0.875rem; height: 3rem; line-height: 3rem; border: 1px solid #26294d; }
.search-box .search-close{ position:absolute; width: 100%; padding: 0.5rem; top: 0px; right: 0px; font-size: 0.875rem; height: 3rem; width: 3rem; border-left: 1px solid #26294d; z-index: 10; background: url("../img/search_b.svg") center no-repeat; background-size: 50% 50%;  }

.banner{ position: relative; width: 100%; line-height: 0px; margin: 0 auto; }
.banner img{ max-width: 100%; }

.main-body{ position: relative;/* min-height:-moz-calc(100% - 256px - 3rem); min-height:-webkit-calc(100% - 256px - 3rem); min-height: calc(100% - 256px - 3rem); */ }




.header-tit{ position: relative; width: -moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem);  width: calc(100% - 2rem); text-align: center;  margin: 2rem auto 1rem; font-size: 1.25rem; font-weight: 700;color: #FFFFFF; }
.header-tit:after { content: ''; margin-top: 10px; height: 2px; width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; background: #ededed; }
.header-tit .header__text{ position: relative; display: inline-block;font-size: 1.25rem; font-weight: 700;color: #26294d; }
.header-tit .header__text:after { content: ''; position: absolute; left: -1rem; right: -1rem; bottom: -12px; height: 2px; background: #ff7a15; /*background: rgba(0, 159, 227, 1);*/  }


.header-tit1:after {   background: #dddddd;  }

.header-tit-b .header__text{ color: #FFFFFF; }
.header-tit-b:after { background: #ededed; }

.header-tit-b .header__text:after { background: #009fe3;  }

#header{ height: 3.5rem; }
		#header .body{ display: flex; background: #353C47; /*background: #626976;*/ justify-content: space-between; }
		#header:before{ display: none; } 
		#header .logo { position: relative; width: auto; height: 3.5rem;  line-height: 0px; margin-right: 0; flex: none; }
		#header .logo img { position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; margin: auto; }
		#header .brand-header { position: relative; height: 3.5rem; width: 100%; }
		
		#header .search-btn, #header .search-close{ height: 3.5rem; }
		
		.search-box{ top: calc(3.5rem - 72px); }
		#header .brand-header .brand-name{ margin-left: 0; width: 100%; text-align: center; padding-right: 5rem; height: 3.5rem; line-height: 3.5rem; }
		
		#header .brand-header a.about{ position: absolute; top: 0; bottom: 0; margin: auto; margin: auto; right: 0.5rem; }


/*
.page-tit{ position: relative; display:flex;justify-content:center;align-items: center; margin:1rem auto; }
.page-tit .tit-center{ display:inline-block;border:1px solid #009fe3;padding:0px 4px;display:flex;justify-content:space-between; align-items: center; }
.page-tit .tit-center .tit-center-txt { text-align: center; padding:0.5rem 1rem; letter-spacing:1.5px; color: #26294d; font-weight: 600; font-size: 1rem; }
.page-tit .tit-center .tit-center-txt.txt-w{ color: #FFFFFF; }
.page-tit .tit-bar{ width:0.5rem; height:1.5rem; background:#009fe3; }
.page-tit .tit-dot-box{ width:10px; }
.page-tit .tit-dot-box .tit-dot{ width:6px;height:6px;border-radius:100% ;background:#009fe3; margin: 0.5rem auto; }

*/

.page-tit .tit-center { position: relative; text-align: center; margin: 0.5rem auto; }
.page-tit .tit-center .tit-center-txt{
    position: relative;
    /*border-style: solid;
    -webkit-border-image: url(../img/features_icon.png) 0 20 fill;
    border-width: 0px 1.5rem;*/
    margin: 10px auto;
    font-size: 1.125rem;
    font-weight: bold;
    box-sizing: border-box;
	display: inline-block;
	width: auto;
	height: 1.5rem;
}


.page-tit .tit-center .tit-center-txt:before, .page-tit .tit-center .tit-center-txt:after{ position: absolute; background: url("../img/icon.png") center no-repeat; background-size: 100% 100%; content: ""; width:1.7rem; height: 1.7rem; }

.page-tit .tit-center .tit-center-txt:before{ left: -2rem; top: 0px;  }
.page-tit .tit-center .tit-center-txt:after{ right: -2rem; bottom: 0px;-webkit-transform: rotate(180deg); transform: rotate(180deg); }
.page-tit .tit-center .tit-center-txt.txt-w{ color: #FFFFFF; }

.page-tit{ position: relative; display:block; padding: 1rem; margin-bottom: 1rem; }
.page-detail-tit{ margin-bottom: 0px; padding-bottom: 0px; }
.page-tit .main-sub-tit{ position: relative; display: block; font-size: 1.125rem; line-height: 1.75rem; color: #26294d; }
.page-tit .detail-tit{ position: relative; display: block; font-size: 1.125rem; line-height: 1.75rem; color: #26294d; font-weight: 600; }
.page-tit .main-tit{ position: relative; display: block; font-size: 1.5rem; line-height: 2rem; font-weight: 600; color: #26294d; padding-top: 1rem; }
.page-tit .main-note{ position: relative; display: block; font-size:0.875rem; line-height: 1.125rem; color: #26294d; }


.page-tit .main-sub-tit + .main-tit{ padding-top: 0; }


.show-box{ position: relative; padding-bottom: 2.5rem;   }
.show-box:after{ position: absolute; content: ""; background: url("../img/market/bg.png") center top; background-size: 100% auto; background-position:0 -1rem; content: ""; width: 100%; height: 100%; top:0; z-index: -1; opacity: 1; }

.show-box-bg:after{ opacity:1; background: url("../img/bg_blue.jpg") center top; background-size: 100% auto; z-index: -2; }

.show-box-nobg:after{ display: none; }

.show-box ul.show-btn{ position: relative; width: 100%; list-style: none; padding:0 1.7rem; text-align: center; }
.show-box ul.show-btn li{ position: relative; display: inline-block; width: 33.33%; color: #FFFFFF; text-align: center; margin-bottom: 0.5rem;  }
.show-box ul.show-btn .btn { position: relative; margin:0.64rem 0.3rem; padding: 0.8rem 0 1.7rem;  }
.show-box ul.show-btn .btn .btn-center { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 0.75rem; font-weight: 600; line-height: 0px;/* color: #26294d; */ color: #FFFFFF; font-weight: 600; text-align: center; }
.show-box ul.show-btn .btn .btn-center img{ width: 52%; position: relative; display: block; margin: 0 auto;/* margin-top: 0.5rem; */ }


.show-box ul.show-btn .btn .btn-center span{ position:absolute; width: 100%; left: 0px; bottom: 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1rem; color: #009fe2; text-align: center; }


/*
.show-box ul.show-btn .btn01 { background: url("../img/circle/bg01.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn02 { background: url("../img/circle/bg02.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn03 { background: url("../img/circle/bg03.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn04 { background: url("../img/circle/bg04.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn05 { background: url("../img/circle/bg05.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn06 { background: url("../img/circle/bg06.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn07 { background: url("../img/circle/bg07.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn08 { background: url("../img/circle/bg08.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn09 { background: url("../img/circle/bg09.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn10{ z-index: 10; }
.show-box ul.show-btn .btn10:after { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; content: ""; background: url("../img/circle/bg11.png") center no-repeat; background-size: 100% auto; z-index: -1;  opacity: 0.5; }

*/

.show-box ul.show-btn .btn01 { background: url("../img/market/icon-bg01.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn02 { background: url("../img/market/icon-bg02.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn03 { background: url("../img/market/icon-bg03.png") center no-repeat; background-size: 100% auto; }
.show-box ul.show-btn .btn04 { background: url("../img/market/icon-bg04.png") center no-repeat; background-size: 100% auto; }
.detail-content{ position: relative; }
.detail-content .show-box{ width: 60%; margin: 0 auto; padding-bottom: 0; }

.detail-content .show-box ul.show-btn li { margin-bottom: 0; }
.detail-content .show-box ul.show-btn .btn { position: relative; margin: 0; padding: 0rem 0 0rem;  }

.detail-content .show-box ul.show-btn .btn .btn-center img{ width: 100%; }

.detail-content .search-area{ position: relative; top: auto; width: 100%; z-index: 2; margin-bottom: 2rem; }
.detail-content .search-area .search-input {
    position: relative;
    width: 100%;
    padding: 0.5rem;
    font-size: 0.875rem;
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #26294d;
}

.detail-content .search-area .search-click {
    position: absolute;
    width: 100%;
    padding: 0.5rem;
    top: 0px;
    right: 0px;
    font-size: 0.875rem;
    height: 3rem;
    width: 3rem;
    border-left: 1px solid #26294d;
    z-index: 10;
    background: url(../img/search_b.svg) center no-repeat;
    background-size: 50% 50%;
}



.download-item .download-table{ color:#5e5d5d; font-size: 1.125rem; /* padding: 1rem 0;*/ height: 0px; overflow: hidden; }

.download-item .download-tit{ position: relative; }
.download-item .download-tit:after{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px); top:-webkit-calc(50% - 1px); top: calc(50% - 1px); right: 0px; }
.download-item .download-tit:before{ position: absolute; width: 1rem; height: 2px; content: ""; background: #6b6b6b; top:-moz-calc(50% - 1px); top:-webkit-calc(50% - 1px); top: calc(50% - 1px); right: 0px;
transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.download-item-active .download-table{ position: relative; padding: 1rem 0; height: auto; overflow: hidden; transition: all 600ms; }

.download-item-active .download-tit:before{
	transition: all cubic-bezier(.38,.04,.35,.96) 300ms;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


.show-box-bg01:after{ opacity:1; background: url("../img/bg01.jpg") center top; background-size: auto 120%; z-index: -2; opacity: 0.2; }
.show-box-bg02:after{ opacity:1; background: url("../img/bg02.jpg") center top; background-size: auto 120%; z-index: -2; opacity: 0.2; }


.show-box-bg01 ul.show-btn .btn10:after { opacity: 1; }
.show-box-bg02 ul.show-btn .btn10:after { opacity: 0.8; }

.show-box-bg03:after{ opacity:1; background: url("../img/bg02.jpg") center top; background-size: auto 120%; z-index: -2; opacity: 0.2; }



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; float: left; }
.col-1 { width: 8.3333333333%; }
.col-2 { width: 16.6666666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333333333%; }
.col-5 { width: 41.6666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333333333%; }
.col-8 { width: 66.6666666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333333333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100%; }
.col-img{ line-height: 0px; text-align: center; }

.col-off-1 { margin-left: 8.3333333333%; margin-top: 1rem; }
.col-off-2 { margin-left: 16.6666666667%; margin-top: 1rem; }
.col-off-4 { margin-left: 33.3333333333%; margin-top: 1rem; }
.col-off-5 { margin-left: 41.6666666667%; margin-top: 1rem; }
.col-off-3 { margin-left: 25%; margin-top: 1rem; }
.col-off-7 { margin-left: 58.3333333333%; margin-top: 1rem; }
.col-off-8 { margin-left: 66.6666666667%; margin-top: 1rem; }
.col-off-9 { margin-left: 75%; margin-top: 1rem; }
.col-off-10 { margin-left: 83.3333333333%; margin-top: 1rem; }
.col-off-11 { margin-left: 91.6666666667%; margin-top: 1rem; }
.col-off-12 { margin-left: 100%; margin-top: 1rem; }
.col-off-6 { margin-left: 60%; margin-top: 1rem; }



h3{ position: relative; margin-bottom: 0.5rem; font-size: 1.125rem; font-weight: 700; }

.por-center{ position: relative; width:-moz-calc(100% - 20px); widtht:-webkit-calc(100% - 20px); width: calc(100% - 20px); margin: 20px auto; }
.por-center .pro{ position: relative; list-style: none; margin-bottom: 2rem; margin-right: 10px; width:-moz-calc(100% - 10px); widtht:-webkit-calc(100% - 10px); width: calc(100% - 10px); } 
.por-center .pro li{ position: relative; font-size: 0.875rem; color:#009ee0; }
.por-center .pro li.tit{ font-size: 1rem; font-weight: 700; padding-bottom: 0.5rem; border-bottom: 2px solid #12262F; margin-bottom: 0.5rem; color: #12262F;  }

.container { margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; }
/*
.search-box { position: relative; background: #f7f7f7; width: 100%; font-size: 1em; line-height: 1.5rem; color: #000; margin-top: 1rem; padding: 1rem; margin-bottom: 2rem; }
.search-box .search-tit { position: relative; width: 100%; margin-bottom: 1rem; font-size: 1rem; font-weight: bold; }
.search-box .search-item, .search-box .search-kw { position: relative; margin-bottom: 1rem; width: 100%; }
*/


.f-select, .f-input { position: relative; display: block; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 100%; border: 1px solid #cccccc; background: #FFFFFF; height: 2rem; line-height: 2rem; padding: 0 1rem; }


.a-formField h4{ font-size: 1.25rem; color: #009ee0; margin-top: 2rem; margin-bottom: 0rem; }

.a-btn { position: relative; display: inline-block; background: #009ee0; background-position: 0 0; background-size: 100% 200%; height: 2.5rem; line-height: 2.5rem; padding: 0 1.5rem; font-size: 1rem; color: #fff; text-align: center; }

.product-body .header-tit{ margin-bottom: 0px; }
.prolist{ position: relative; list-style: none; margin-bottom: 2rem; width: 100%; /*border-top: 1px solid #d8d8d8; margin-top: 2rem;*/ list-style: none; } 
.prolist li.tit{ position: relative; width: 100%; line-height: 1.5rem; padding: 0.8rem 0; border-bottom: 1px solid #d8d8d8; 	-webkit-transition: max-height 2s;
	-o-transition: max-height 2s;
	transition: max-height 2s; }
.prolist li.tit label{ position: relative; display: block; width: 100%; padding-right: 1.5rem; color: #000000; }
.prolist li.tit label .nav-more { position: absolute; right: 0px; top: 0.5rem; width: 0.5rem; height:0.5rem;display: block; /*border-top: 2px solid #009ee0; border-right: 2px solid #009ee0;*/border-top: 2px solid #FF6542; border-right: 2px solid #FF6542; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.prolist li.active label .nav-more{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.prolist li.tit .sub-box{ max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.1s; -o-transition: max-height 0.1s; transition: max-height 0.1s;  }
.prolist li.tit ul.sub{ position: relative; width: 100%; line-height: 1.5rem; padding: 0.5rem 0; list-style: none; }
.prolist li.tit ul.sub li{ position: relative; }
.prolist li.tit ul.sub li a{ position: relative; display: block; width: 100%;/* font-size: 0.875rem; padding-left:1rem;*/ line-height: 2rem; color: /*#009ee0*/ #FF6542; }
.prolist li.tit ul.sub li a:before{ position: absolute; top: 0.75rem; left:0; width:0.5rem; height: 1px; content: ''; background-color: #00579b; display: none; }

.prolist li.tit ul.sub li a sup{ font-size: 0.75rem; }

.prolist li.active .sub-box{ max-height: 3000px; -webkit-transition: max-height 2s; -o-transition: max-height 2s; transition: max-height 2s;  }



.search-list{ position: relative; width: 100%; }
.search-list .search-item{ position: relative; width: 100%; border-bottom: 1px solid #dadada; padding-bottom: 1rem; margin-bottom: 1rem; }
.search-list .search-item:last-child{ border-bottom: none; }

.search-list .search-item .searchDesc{
	position: relative;
	color: #26294d;
	width: 100%; text-align: left;
	font-size: 0.875rem;
}


.search-list .search-item .searchImg+.searchDesc{
	width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width: calc(100% - 100px); 
	float: left;
}

.search-list .search-item .searchImg{ position: relative; display: block; float: left;  width: 90px;  text-align: center; line-height: 0px; margin-bottom: 0px; margin-right: 10px; overflow: hidden;   }

.row{ margin-top: 2rem; }

.form-box{ position: relative; margin: 2rem 0;   }

.a-formField{ margin-top: 1rem; margin-bottom: 1rem; }
.a-formField .f-select, .a-formField .f-input,.a-formField .select-show { position: relative; border: none; border-bottom: 1px solid #009ee0; padding: 0 0; height: 3rem; line-height: 3rem; font-size: 0.875rem; border-radius: 0 0 0 0; }

.a-formField .f-textarea { position: relative; width: 100%; overflow: hidden; overflow-wrap: break-word; resize: none; resize: none; border: none; border-bottom: 1px solid #009ee0; padding: 0 0; height: 4rem; line-height: 2rem; font-size: 0.875rem; border-radius: 0 0 0 0; }

.a-formField .select-show:after { position: absolute; right: 0.5rem; top: 1.25rem; content: ""; width: 0;height: 0; border-style: solid; border-width: 0.5rem 0.5rem 0 0.5rem;border-color: #009ee0 transparent transparent transparent; }

.a-formField .select-box{ position: absolute; width: 100%; opacity: 0; z-index: 10;; }

.a-formField-tips{ font-size: 0.75rem; color: #898989; }

 .a-formField .f-input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 0.875rem;
}

 .a-formField .f-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 0.875rem;
}

 .a-formField .f-input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 0.875rem;
} 

.a-formField .d-option { color: #999; }

.uploadField{ margin-top: 1rem !important; }
.update{ position: relative; width: 32px; height: 32px; border: 1px dashed #009ee0; float: left; /*margin-right: 10px;*/ margin-top: 8px; }
.update:before, .update:after{ position: absolute; 
    left: 20%;
    width: 60%;
    height: 2px;
    content: '';
    background-color: #009ee0;
	top: -moz-calc(50% - 1px); top:-webkit-calc(50% - 1px); top: calc(50% - 1px);
}

.a-formField .file-name { position: relative;width: 120px; float: left; font-size: .875rem; height: 32px; line-height: 32px; margin-top: 8px; color: #919191; /*margin-left: 10px;*/ }

.a-formField .demo-card{position: relative; width: 80px; height: 48px; float: left; margin-right: 10px; }
.a-formField .demo-card img{ width: 100%; }

 .update:after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.notes{ position: relative; display: block; width: 100%; padding-left: 0; font-size: 0.75rem; line-height: 1.125rem; margin-top: 1rem; margin-bottom: 1rem; color:#333; }
.notes a{ font-size: 0.75rem; line-height: 1.125rem; }
.tips{ position: relative; display: block; width: 100%; padding-left: 1.5rem; font-size: 0.75rem; line-height: 1.125rem; margin-top: 1rem; margin-bottom: 1rem; color:#333; }
.tips a{ font-size: 0.75rem; }
.tips > input[type="checkbox"]{ display: none; }
.tips:before{ position: absolute; border: 1px #000000 solid; width: 0.75rem; height:0.75rem; top: 2px; left:0px; content: ""; }

.from-box{ position: relative; width: 100%; height: 892px; border: none; overflow: hidden; }

.detail-from{ height: 738px; }

.e-logo{ position:relative; width: 300px; height:400px;  margin: 0 auto; }
.e-logo .logo-icon{ position: absolute; background: url("../img/logo.png") center no-repeat; background-size: 100% 100%; width: 120px; height:120px; border-radius: 120px; top:120px; right: 0px; left: 0px; margin: auto; content: ""; z-index: 10; }
.circle{ position: absolute; border: 1px solid rgba(255, 255, 255, 0.5); width: 140px; height: 140px; z-index: 1; border-radius: 140px; line-height: 140px; text-align: center; /*background: rgba(0,158,224,0.7);*/background: rgba(0,159, 227, 0.15); box-shadow: 5px 5px 10px rgba(0, 0,0, 0.5); display: block; color: #FFFFFF; }

.cLb{ background:rgba(255,255,255,0.5); box-shadow: 5px 5px 10px rgba(0, 0,0, 0.5); display: block; color: rgba(0,158,224,1); }

.circle01{ top: 62px; right:176px;  }
.circle02{ top: 14px; left: 154px;  width: 160px; height: 160px; border-radius: 160px; line-height: 160px; }
.circle03{ top: 204px; left: 112px; }

.f14{ font-size: 0.875rem; }
.f12{ font-size: 0.75rem; }


.circle span{ position: absolute; display: block; bottom: 1.5rem; text-align: center; width: 100%; }
.circle02 span{ bottom: 1.8rem;  }


.circle:before{ position: absolute; content: "";  }
.circle02:before{ background: url("../img/solution.svg") center no-repeat; background-size: 84% 84%; width: 84px; height: 84px; top: 20px; left:0px;right: 0px; margin: auto;}
.circle01:before{ background: url("../img/database.svg") center no-repeat;  background-size: 100% 100%; width: 64px; height: 64px; top: 20px; left:0px;right: 0px; margin: auto; }
.circle03:before{ background: url("../img/booth.svg") center no-repeat; background-size: 100% 100%; width: 84px; height: 84px; top: 16px; left:0px;right: 0px; margin: auto; }

.cLb.circle01:before{ background: url("../img/themes_b.svg") center no-repeat; background-size: 100% 100%;  width: 84px; height: 84px; top: 26px; left:0px;right: 0px; margin: auto;}
.cLb.circle02:before{ background: url("../img/interactivity_b.svg") center no-repeat;  background-size: 100% 100%; width: 64px; height: 64px; top: 32px; left:0px;right: 0px; margin: auto; }
.cLb.circle03:before{ background: url("../img/booth_b.svg") center no-repeat;  background-size: 100% 100%; width: 84px; height: 84px; top: 32px; left:0px;right: 0px; margin: auto; }

.event-bg{ background: url("../img/event/bg.jpg") center top; background-size:100% auto; padding-bottom: 2rem; }
.event-tit{ position: relative; font-size: 2.125rem; line-height: 2.5rem; font-weight: 600; padding-top: 2rem; margin:0 auto; width: 260px;  }

.event-info{ position: relative;  margin:0.8rem auto 1.2rem; width: 260px;  }
.event-info:before{ position: absolute; background: #afdaea; content: ""; width: 1rem; height: 1rem; border-radius: 100%; left: -1.5rem; top: 0.25rem;   }
.event-info .event-date{ position: relative; background: #d47a7f; display: inline-block; color: #FFFFFF;  padding: 0 0.5rem; font-size: 0.875rem; }
.event-info .event-add{ position: relative; font-size: 0.875rem; }

.event-btn01{ position: relative; width: 64vw; display:block; margin-left: 11vw; line-height: 0px; z-index: 30; }
.event-btn02{ position: relative; width: 58vw; display:block; margin-left: 33vw; line-height: 0px; margin-top: -6px; z-index: 29; }
.event-btn03{ position: relative; width: 58vw; display:block; margin-left: 15vw; line-height: 0px; margin-top: -10px; z-index: 28; }
.event-btn04{ position: relative; width: 58vw; display:block; margin-left: 33vw; line-height: 0px; margin-top: -10px; z-index: 27; }

.event-btn-no img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.event-banner{ position: relative; width: 100%; padding:2rem 0 0; }
.event-banner .event-banner-pic{ position: relative; float: left; width: 24vw; line-height: 0; padding-top: 0.5rem; margin-left: 2rem; }
.event-banner .event-banner-pic img{ width: 100%; }

.event-banner .event-banner-desc{ position: relative; float: left;  width:-moz-calc(74vw - 4rem); width:-webkit-calc(74vw - 4rem); width: calc(74vw - 4rem); color: #FFFFFF; margin-left: 1rem; font-size: 0.875rem; }
.event-banner .event-banner-desc .event-banner-tit{ font-size: 1.75rem; line-height: 2.25rem; margin-bottom: 0.5rem; }

.banner{ position: relative; width: 100%; line-height: 0px; }
.banner img{ width: 100%; }

.themes-box{ position: relative; width: 100vw; height: auto; padding: 2px; }
.themes-box-bg{ padding-bottom: 2rem; }
.themes-box-bg:after{ position: absolute; content: ""; background: url("../img/bg_blue.jpg") center top; background-size:  100% auto; content: ""; width: 100%; height: 100%; top:0; z-index: -1; left: 0px; display: none; }


.themes-box .flex{ position: relative; float: left; height: 120px; margin: 2px; color:#FFFFFF; font-size: 1rem; font-weight: 400; padding: 0 0.5rem; z-index: 10; 
	/*background: radial-gradient( top left, rgba(0,159, 227, 0.5), rgba(0,159, 227, 0.7)); 
   background: -webkit-radial-gradient( top left, rgba(0,159, 227, 0.5), rgba(0,159, 227, 0.7));*/
   background: rgba(0,159, 227, 0.15);
	/*display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;
 	display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center;
   display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center;
	display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center;
	display: box; box-orient: horizontal; box-pack: center; box-align: center;*/
 }
.themes-box .flex .flexCenter{ position: relative; display: block; width: 100%; text-align: center; font-size: 0.875rem; line-height: 1.125rem; }

.themes-box .flex .flexImg{  position: relative; display: block; width: 100%; text-align: center; line-height: 0px; margin-bottom: 4px; opacity: 0.7; }
.themes-box .flex .flexImg img{ width: 54px; }
.themes-box .flex-1{ height: 72px;-webkit-box-align: center; -webkit-box-pack: center; background: #ededed;  }
.themes-box .flex-1 .flexCenter{
	position: relative;
	color: #26294d;
	width:-moz-calc(100% - 64px); width:-webkit-calc(100% - 64px); width: calc(100% - 64px);  height: 72px; text-align: left;
	display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: left; -webkit-box-align: center;
 	display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: left; -moz-box-align: center;
   display: -o-box; -o-box-orient: horizontal; -o-box-pack: left; -o-box-align: center;
	display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: left; -ms-box-align: center;
	display: box; box-orient: horizontal; box-pack: left; box-align: center;
}
.themes-box .flex-1 .flexImg{ position: relative; display:block; float: left;  width: 54px; height: 54px; border-radius: 100%; overflow: hidden;text-align: center; line-height: 0px; margin-bottom: 0px; margin-right: 10px; /* border: 1px solid rgba(38, 41, 77, 0.5); */ opacity: 1; }

.themes-box .flex .flexImg img{ width: 100%; height: auto; 
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;*/
}
.themes-box .flex1 { width:-moz-calc(10% - 4px); widtht:-webkit-calc(10% - 4px); width: calc(10% - 4px); } 
.themes-box .flex2 { width:-moz-calc(20% - 4px); widtht:-webkit-calc(20% - 4px); width: calc(20% - 4px); } 
.themes-box .flex3 { width:-moz-calc(30% - 4px); widtht:-webkit-calc(30% - 4px); width: calc(30% - 4px); } 
.themes-box .flex4 { width:-moz-calc(40% - 4px); widtht:-webkit-calc(40% - 4px); width: calc(40% - 4px); } 
.themes-box .flex5 { width:-moz-calc(50% - 4px); widtht:-webkit-calc(50% - 4px); width: calc(50% - 4px); } 
.themes-box .flex6 { width:-moz-calc(60% - 4px); widtht:-webkit-calc(60% - 4px); width: calc(60% - 4px); } 
.themes-box .flex7 { width:-moz-calc(70% - 4px); widtht:-webkit-calc(70% - 4px); width: calc(70% - 4px); } 
.themes-box .flex8 { width:-moz-calc(80% - 4px); widtht:-webkit-calc(80% - 4px); width: calc(80% - 4px); } 
.themes-box .flex9 { width:-moz-calc(90% - 4px); widtht:-webkit-calc(90% - 4px); width: calc(90% - 4px); } 

.themes-box .flexS { width:-moz-calc(33.3% - 4px); widtht:-webkit-calc(33.3% - 4px); width: calc(33.3% - 4px); } 
.themes-box .flexM { width:-moz-calc(66.6% - 4px); widtht:-webkit-calc(66.6% - 4px); width: calc(66.6% - 4px); } 
.themes-box .flexL { width:-moz-calc(100% - 4px); widtht:-webkit-calc(100% - 4px); width: calc(100% - 4px); } 

.themes-box .flex.bgPink	{ background: rgba(227, 116, 126, 1); }
.themes-box .flex.bgOrange	{ background: rgba(245, 155, 63, 1); }
.themes-box .flex.bgSkyBlue	{ background: rgba(104, 198, 226, 1); }
.themes-box .flex.bgTeal	{ background: rgba(43, 167, 139, 1); }
.themes-box .flex.bgYellow	{ background: rgba(255, 222, 20, 1); }
.themes-box .flex.bgPurple	{ background: rgba(136, 112, 170, 1); }
.themes-box .flex.bgDarkBlue{ background: rgba(38, 41, 77, 1); }
.themes-box .flex.bgProcess	{ background: rgba(0, 159, 227, 1); }
.themes-box .flex.bgGrey	{ background: rgba(237, 237, 237, 1); }


.themes-box .flex-no .flexCenter{
	color: #999999;
}

.themes-box .flex-no .flexImg img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.download-list { width: 100%; border: 0px; border-top: 1px solid #cdcdcd; margin-top: 1rem; }

.download-list tr td{ border-bottom: 1px solid #cdcdcd; height: auto; padding: 1rem 0.5rem; }

.download-list tr td:last-child{ width: 40px; text-align: right; padding: 20px 0.5rem;  }

.download-list tr td:first-child{ width: 48px; line-height: 0px; }

.download-list tr.dark td { background: #f7f8f9; }


.download-list .download-name{ position: relative; display: block; width: 100%; }

.download-list .download-name a{ color: #333333; }
.download-list .download-link {
    position: relative;
    font-size: 0.875rem;
    color: #00579b;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.download-list .download-link:before {
    position: relative;
    background: url(../img/icon/download.png) center no-repeat;
	  background-size: 80% auto;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    padding-right: 10px;
}

.download-list .download-link span{ display: none; }


.download-list .download-size {
	position: relative;
	width: 100%;
	display: inline-block;
	color: #666666;
	font-size: 0.875rem;
}
.download-list .download-date {
	position: relative;
	width:  auto; 
	padding-right: 10px;
	display: inline-block;
	color: #999999;
	font-size: 0.75rem;
}
.download-list .download-num {
	position: relative;
	width:  auto;
	display: inline-block;
	color: #999999;
	font-size: 0.75rem;
	text-align: right;
}



.table-list { width: 100%; border: 0px; border-top: 1px solid #cdcdcd; margin-top: 1rem; }

.table-list tr td,.table-list tr th{ border-bottom: 1px solid #cdcdcd; height: auto; padding: 0.5rem 0.5rem; vertical-align: middle;  }



.table-list tr.dark td, .table-list tr.dark th { background: #f7f8f9; }
.table-list sup {
    font-size: 0.75rem;
}



.item-list{ position: relative; padding:2px; }
.item-list .item-6{ position: relative; float: left; display: block; width:-moz-calc(50% - 4px); widtht:-webkit-calc(50% - 4px); width: calc(50% - 4px); margin: 2px; height: 100px; }
.item-list .item-6 .item-pic{ position: relative; width: 100%; height: 100%; z-index: 1; line-height: 0px; overflow: hidden; text-align: center; }
.item-list .item-6 .item-pic img{ width: 100%; }
.item-list .item-6 .item-tit{ position: absolute; width: 100%; bottom: 0px; height:2rem; line-height:2rem; font-size: 0.875rem; z-index: 10; padding: 0 5px; color: #FFFFFF; 
    background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, top left, top left, color-stop(70%,#000000), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.1)100%);
}

.detail-content{ position: relative; padding: 0 1rem 2rem 1rem; }
.detail-content p{ font-size:1rem; margin-bottom: 0.5rem;  }
.detail-content ul{ /*margin-bottom: 1rem;*/ padding-left: 1.125rem; }

.detail-content p sup{ font-size: 0.875rem; line-height: 0rem; }


.detail-content h4{ font-size: 1.25rem; /*color: #009ee0;*/ color: #ff6541; margin-top: 1rem; margin-bottom: 0.5rem; }

.detail-content ul.decimal{ list-style-type:none; padding-left: 0px; margin-left: 0px; }
.detail-content ul.decimal li{ position: relative; }
.detail-content ul.decimal li span{ position: absolute; display: block; width: 1rem; height: 1rem; border-radius: 1rem; line-height: 1rem; background: #009ee0; font-size: 0.75rem; text-align: center; color: #FFFFFF; left: -1.25rem; top: 0.25rem; }


.contact-us{ position: relative; background: #353c47; width: 100vw; max-width: 750px; text-align: center; margin: 2rem -1rem; padding: 2rem 0; color: #FFFFFF; font-weight: 600; font-size: 1.125rem; }

.contact-us a{ position: relative; color: #FFFFFF; font-weight: 600; font-size: 1.25rem;  padding-left: 2.5rem; height: 2rem; line-height: 2rem; }

.contact-us a:before{ position: absolute; background: url(../img/icon/message.svg) center no-repeat; width: 3rem;  height: 3rem; background-size: 100% auto; content: ""; left: -0.5rem; top:-0.5rem; }

.more-info{ position: relative; width: 100%; text-align: center; margin-top: 2rem; margin-bottom: 1rem; }
.more-info .a-link{ position: relative; height: 1.5rem; /*padding-left: 0.82rem;*/ font-size: 1.125rem; font-weight: bold; text-decoration: underline;  }
 /*.more-info .a-link:before{ position: absolute; content: ""; 
    display: inline-block;
     height: 1.5rem;
	width: 1.5rem;
    color: #FFFFFF;
    left: 0rem;
    background: url(../img/arrow.png) left no-repeat;
    background-size: 54% auto;
}
*/


.proBrief{ width: 100%; padding:1rem 0.5rem; border-left: #26294d 4px solid;  color: #26294d; box-shadow: rgb(153, 153, 153) 1px 1px 2px; background-color: rgb(243, 243, 243); margin-bottom: 1rem;}


.case-list{ position: relative; width: 100%;  }
.case-list .case-item{ position: relative;  width: -moz-calc(50% - 0.25rem); width:-webkit-calc(50% - 0.25rem);  width: calc(50% - 0.25rem);  float: left;  padding-bottom: 1rem;  }
.case-list .case-item-odd{  margin-right: 0.25rem;  }
.case-list .case-item-even{  margin-left: 0.25rem;  }

.case-list .case-item .case-pic{ position: relative; width: 100%; line-height: 0px; margin-bottom: 0.5rem; }
.case-list .case-item .case-tit{ position: relative; font-size: 1rem; font-weight: 600; width: 100%; line-height: 1.25rem; /*border-bottom: 1px solid #26294d;  padding-bottom: 0.5rem; color: #009ee0;  */ color: #111111;  }
.case-list .case-item .case-txt{ position: relative; font-size: 0.875rem;  line-height: 1.125rem; /*margin-top: 0.5rem; */ color: #333333;  }


.proTit{ border-bottom: rgba(38, 41, 77, 0.5) 1px solid; margin: 0 1rem; padding: 1rem 0; }
.proBriefBox{ width: 100%; padding: 1rem 0; color: #26294d; margin-bottom: 1rem; }
.proBriefBox .proBriefDot{ position: relative; width: 1rem; float: left;/* padding-top: 5px;*/  }
.proBriefBox .proBriefDot span{ position: relative; display: block; width: 0.64rem; height: 0.64rem; background: #26294d; margin-bottom: 4px; display: none; }
.proBriefBox .proBriefDot span:nth-child(1){  opacity: 1; }
.proBriefBox .proBriefDot span:nth-child(2){  opacity: 0.6; }
.proBriefBox .proBriefDot span:nth-child(3){  opacity: 0.2; }


.proBriefBox  .proBriefTxt i{ font-size: 0.875rem;  }
.p-item{ position: relative; margin-bottom: 2rem; }
.p-item p:last-child{ margin-bottom: 0px; }
.p-item .pic-tit{ position: relative; width: 100%; font-size: 0.875rem; text-align: center; margin-bottom: 0.5rem; }

.p-item .pic-txt, .p-item{ position: relative; width: 100%; font-size: 0.875rem; text-align: left; margin-top: 0.5rem; }
.p-item .pic-txt{ font-size: 0.8125rem; }
.p-item .pic-txt a{ font-size: 0.8125rem; }
.p-item .pic-txt a sup{ font-size: 0.8125rem; }

.p-item .pic-txt sup{ font-size: 0.625rem; }

.p-item .pic-txt p{ font-size: 0.8125rem; line-height: 1rem; margin-bottom: 0px; }
.p-item .pic-txt p sup{ font-size: 0.625rem; line-height: 0.875rem; }


 
.p-item ul{ margin-bottom: 0.5rem; }
.p-item ul:last-child{ margin-bottom: 0px; }
.p-item i,.p-item i a, .p-item em, .p-item em a { font-size: 0.8125rem; line-height: 1.25rem; }

.p-item-img{ margin-top: 0.5rem; }



.p-item .ul-tips li{ font-size: 0.875rem; }



.btn-box{ position: relative;  width: 100%; text-align: center; padding: 1rem 0 2rem; margin-top: 2rem; }
.btn-box .b-back{ position: relative;  display: inline-block; z-index: 10; border: #26294d 1px solid; height: 2.5rem; line-height: 2.5rem; padding-left: 1.5rem; padding-right: 1rem; font-size: 0.875rem; color: #26294d; letter-spacing: 0.5rem; }

.tips-bar{ position: relative; width: 100%; padding: 5px 10px; background: #009ee0; color:#FFFFFF; font-size: 0.75rem; margin-top: 2rem; }

.popup{ position: fixed; width: 100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.80); top: 0px; left: 0px; bottom: 0px; right: 0px; display: none; }

.message { width: 64%; background: #FFFFFF; margin: 0 auto; /*水平居中*/ position: relative; top: 50%; /*偏移*/ transform: translateY(-50%); }

.message .text {
    position: relative;
    color: #26294d;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -o-box;
    -o-box-orient: horizontal;
    -o-box-pack: center;
    -o-box-align: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
	padding:1rem 0.5rem; 
	min-height: 6rem;
}

.message  a{  position: relative; display: block; width:100%; border-top:1px solid #999999; padding: 0.64rem 0	; text-align: center; width: -moz-calc(100% - 1rem); top:-webkit-calc(100% - 1rem); top: calc(100% - 1rem);}
.pop-mask{ position: absolute; width: 100%; height: 100%; z-index: 1; top: 0px; left: 0px; bottom: 0px; right: 0px; }

.wechat-center { width: 64%; background: #FFFFFF; margin: 0 auto; max-width: 360px; /*水平居中*/ position: relative; top: 50%; /*偏移*/ transform: translateY(-50%);padding:1rem; z-index: 10;  }


.wechat-center .tit { position: relative; color: #26294d; border-bottom:1px solid #999999; padding-bottom: 0.5rem; }

.wechat-center .txt { position: relative; color: #26294d; padding-top: 0.5rem; }
.wechat-center .pic { position: relative; width: 100%; line-height: 0px; }

.wechat-center .closepop{ position: absolute; top: 4px; right: 4px;  width: 2rem; height: 2rem; z-index: 999; }

.wechat-center .closepop:before, .wechat-center .closepop:after{ 
	position: absolute; 
   right: 0;
   width: 100%;
   height: 2px;
   content: '';
   background-color: #26294d;
	top: -moz-calc(50% - 1px); top:-webkit-calc(50% - 1px);  top: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

 .wechat-center .closepop:after{ 
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.popcenter{ position:absolute; top: 50%;  left: 0px; right: 0px; width: 72vw; margin: 0 auto; margin-top: -50%;  /* border: 1px solid rgba(0,158,224,1);padding: 1rem; background: rgba(0,158,224,1); */   }

.popcenter .closepop{ position: absolute; top: 0; right: 0; /*border: 2px solid rgba(0,158,224,1);*/ width: 3rem; height: 3rem; z-index: 999; }

.popcenter .closepop:before, .popcenter .closepop:after{ position: absolute; 
    right: 0;
    width: 60%;
    height: 2px;
    content: '';
    background-color: #FFFFFF;
	top: -moz-calc(50% - 1px); top:-webkit-calc(50% - 1px);  top: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

 .popcenter .closepop:after{ 
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popcenter ul{ list-style-type: none; width: 100%; }
.popcenter ul li{ position: relative; list-style-type: none; width: 100%; /*background: rgba(0,158,224,0.7); */text-align: left; color: #f1f1f1; border-bottom: 1px solid rgba(255,255, 255, 0.64); height: 2.5rem; line-height: 2.5rem; padding:0 2rem 0 0; font-size: 0.875rem; }

.popcenter ul li:after{ position: absolute; width: 1rem; height: 2.5rem; background: url("../img/market/arrow.svg") center no-repeat; background-size: 100% auto; content: ""; right: 0; opacity: 0.64;
	-webkit-transform: rotate(180deg);
   transform: rotate(180deg); 
}

.pup-tit{ position: relative; width:100%; height: 3rem; line-height: 3rem; font-size: 1.25rem; padding:0 2rem 0 0; border-bottom: 1px solid #f1f1f1; color: #FFFFFF; padding-left: 3rem; }
.pup-tit img{ position: absolute; height: 2.5rem; top:0rem; left: 0rem; }

.popcenter #aLeft{ position: absolute; top: 0; bottom: 0;   left: -14vw; width: 8vw; height: 20vw; margin: auto; background: rgba(255,255,255,0.30); }

.popcenter #aLeft:before{ position: absolute; background: url("../img/arrow.svg") center no-repeat; width: 100%; height: 100%; background-size: 100% auto; content: ""; }

.popcenter #aRight{ position: absolute; top: 0; bottom: 0; right: -14vw; width: 8vw; height: 20vw; margin: auto;background: rgba(255,255,255,0.30); }

.popcenter #aRight:before{ position: absolute; background: url("../img/arrow.svg") center no-repeat; width: 100%; height: 100%; background-size: 100% auto; content: ""; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.btn-download{ position: relative; width: -moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem);  width: calc(100% - 2rem); padding: 1rem 0; margin: 0 auto; }

.pdf{ position: relative; width: -moz-calc(100% - 2rem); width:-webkit-calc(100% - 2rem);  width: calc(100% - 2rem); margin: 0 auto; line-height: 0px; padding-bottom: 1rem; }
.pdf img{ margin-bottom: 0.5rem; }

.w100{ max-width: 100%; }

.a-table{ position: relative; width: 100%; }


.a-table td{ font-size: 0.75rem; vertical-align: top; padding: 6px 0; text-align: center; }
.map .col-4{ padding: 0 2px; }

.map .img{ position: relative; padding: 0; line-height: 0px; margin-bottom: 4px; }
.map .map-label{ position: absolute; z-index: 10; bottom: 0.5rem; font-size: 1rem; height: 3rem; line-height: 3rem; width: 100%; text-align: center; color: #009fe3; }

.a-table tr:first-child td{ padding-top: 1rem; }


.a-table td.bgGrey{ background: rgba(237, 237, 237, 1); }
.a-table td.bgDarkGrey{ background: rgba(217, 217, 217, 1); }

.a-table .dot{ position: relative; display:inline-block; width: 8px; height: 8px; border-radius: 100%; margin-top: 8px; }


.a-table .dot.bgSkyBlue	{ background:#00b1f0; }
.a-table .dot.bgTeal	{ background:#94cd52; }
.a-table .dot.bgPurple	{ background:#6d327e; }
.a-table .dot.bgRed		{ background:#fd0100; }
.a-table .label{ text-align: center;  }

.a-table .dot-label{ position: relative; display: inline-block; font-size: 2rem; line-height: 2rem; }
.a-table .dot-label .item{ position: absolute; bottom: 2px; width: 34px; left: 20px; text-align: left; font-size: 11px; line-height: 1rem; color: #26294d; white-space: nowrap }
.a-table .dot-label.cSkyBlue	{ color:#00b1f0; }
.a-table .dot-label.cTeal		{ color:#94cd52; }
.a-table .dot-label.cPurple		{ color:#6d327e; }
.a-table .dot-label.cRed		{ color:#fd0100; }

.factory{ position: relative; font-size: 0.75rem; vertical-align: top; text-align: right; margin-right: 20px; line-height: 16px; border-right: 1px solid #94cd52; padding-right: 4px; }
.factory:before{ position:absolute; width:1px; background: #94cd52; height: 32px; top: -32px; content: ""; right:-1px;  }


.quick-link { position: fixed; z-index: 20; right: 0px; top: 0%; bottom: 0px; margin: auto; height: 144px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom: none; }
.quick-link .q-item { position: relative; width: 100%; background: rgba(0,87,155,0.7); color: #ffffff; font-size: 0.875rem; line-height: 48px; height: 48px; cursor: pointer; display: block; border-bottom: 1px solid #FFFFFF; }
.quick-link .q-item .q-item-icon { position: relative; float: left; width: 48px; height: 48px; border-right: 1px solid #FFFFFF; line-height: 0px; text-align: center; margin-right: 12px; }
.quick-link .q-item .q-item-icon img{ position: absolute; width: 80%; height: 80%; top:0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.quick-link .q-item .q-item-label { position: relative; display: block; color: #ffffff; font-size: 0.875rem; white-space: nowrap; overflow: hidden; line-height: 48px; height: 48px; width: 80px; }


@font-face {
  font-family: "solvay_icons";
  src: url(../fonts/solvay_icons.ttf) format("truetype"), url(../fonts/solvay_icons.woff) format("woff"), url(../fonts/solvay_icons.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

.videoBox{ position: relative; display: block; width: 100%; line-height: 0px; }

.videoBox:after{
	  font-family: "solvay_icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    font-size: 64px;
    color: #009ee0;
}



/***	footer	***/
#footer{ position: relative; font-size: 0.75rem;/* background: #12262F;*/background: #353C47; width: 100%; padding: 2rem 1rem 0; min-height: 96px; padding-bottom: 6rem; }
#footer h3{ color: #FFFFFF; font-size: 1rem; font-weight: 400; }


#footer .footer-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; }

#footer .footer-link li{ padding-right: 1rem; }
#footer .footer-link a{ position: relative; display: block; font-size: 0.75rem; color: #FFFFFF; height: 1.5rem; line-height: 1.5rem; margin-bottom: 0.5rem;  } 
#footer .footer-link a.about{ padding-left: 1.5rem; } 
#footer .footer-link a.about:before{ position: absolute; width: 1rem; height: 1rem; background: url("../img/about.png") center no-repeat;background-size: 100% auto; content: ""; top: 0.25rem; left: 0px; } 

#footer .footer-link a.home{ padding-left: 1.5rem; } 
#footer .footer-link a.home:before{ position: absolute; width: 1rem; height: 1rem; background: url("../img/home.png") center no-repeat;background-size: 100% auto; content: ""; top: 0.2rem; left: 0px; } 

#footer .footer-link a.media{ padding-left: 1.5rem; } 
#footer .footer-link a.media:before{ position: absolute; width: 1rem; height: 1rem; background: url("../img/media.svg") center no-repeat;background-size: 100% auto; content: ""; top: 0.2rem; left: 0px; } 

#footer .footer-link li.link-item-l{ width: 100%; }

#footer p{ font-size: 0.75rem; color: #FFFFFF; }

#footer ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; /*border-bottom: 1px solid #FFFFFF; padding-bottom: 0.5rem;*/ margin-bottom: 1rem; }

#footer .related-inks { border-bottom: 1px solid #FFFFFF; padding-bottom: 0.5rem; margin-bottom: 1rem; }



#footer ul.menu li{ padding: 0.5rem 1rem; }

#footer ul.menu li a{ position: relative; display: block; verflow: hidden; width: 2rem; height: 2rem; text-indent: -999px; }
#footer ul.menu li a:before { position:absolute; top: 0px; left: 0px; width: 2rem; height: 2rem; content: ""; }
#footer ul.menu li a.instagram:before{ background: url("../img/icon/instagram.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.facebook:before{ background: url("../img/icon/facebook.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.linkedin:before{ background: url("../img/icon/linkedin.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.medium:before{ background: url("../img/icon/medium.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.sina:before{ background: url("../img/icon/sina.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.tencent:before{ background: url("../img/icon/tencent.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.twitter:before{ background: url("../img/icon/twitter.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.wechat:before{ background: url("../img/icon/wechat.png?ver=20231211") center no-repeat; background-size: 100% 100%; }
#footer ul.menu li a.youtube:before{ background: url("../img/icon/youtube.png?ver=20231211") center no-repeat; background-size: 100% 100%; }

#menu{ position: fixed; bottom: 15px; background: #f1f1f1; width: 100%;/* border-top: 1px solid #d8d8d8; */ max-width:750px; -webkit-box-shadow: 0 -3px 8px -5px rgba(0,0,0,0.5); box-shadow: 0 -3px 8px -5px rgba(0,0,0,0.5); z-index: 99; }

#menu:after{ position: absolute; content:""; background-color: #000000; width:100%; height:15px; bottom: -15px; left: 0px; }


#menu ul{ position: relative; width: 100%; list-style: none; margin: 0.5rem 0; }
#menu ul li{ position: relative; display: inline-block; width: 25%; text-align: center; border-right: 1px solid #d8d8d8;  font-size: 0.75rem;  }
#menu ul li a{ position: relative; color: #000000; font-size: 0.625rem; opacity: 0.5; height: 2.5rem; line-height: 1rem; display: block; padding-top: 1.5rem; }
#menu ul li:last-child{  border-right: none; }

#menu ul li a:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 1.5rem; content: ""; }

#menu ul li a.market:before { background: url("../img/market.png") center no-repeat; background-size:auto 100%; }
#menu ul li a.products:before { background: url("../img/products.png") center no-repeat; background-size:auto 100%; }
#menu ul li a.exhibition:before { background: url("../img/event.png") center no-repeat; /*background-size:50% auto;*/ background-size:auto 100%; }
#menu ul li a.contact:before { background: url("../img/contact.png") center no-repeat; background-size:auto 100%; }

#menu ul li a.exhibition{ color: #e8340c; opacity: 1; }

#menu ul li.active a{ color: /*#26294d*/ #353C47; font-weight: 700; opacity: 1; }
#menu ul li.active:after{ position: absolute; width: 100%; content: ''; display: block; bottom: -10px; left: 0; width: 100%; height: 4px; background:/* #009ee0 */ #FF6542; }
#menu ul li.active a.market:before { background: url("../img/market-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }
#menu ul li.active a.products:before { background: url("../img/products-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }
#menu ul li.active a.exhibition:before { background: url("../img/event-avtive.png?ver=20231211") center no-repeat; /*background-size:50% auto; */background-size:auto 100%; }
#menu ul li.active a.contact:before { background: url("../img/contact-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }

.ta-c{ text-align: center !important; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.checkbox{ display: none; }

.input_txt { position: relative; display: inline-block; width:-moz-calc(100% - 1.25rem); width:-webkit-calc(100% - 1.25rem); width: calc(100% - 1.25rem); font-size: 0.875rem; line-height: 1rem; height: 1rem; margin: 0.5rem 0px; color: #002b49; padding-left: 1.25rem; }

1input[type="checkbox"]+label.input_txt:before { position: absolute; height: 0.75rem; width: 0.75rem; border: 1px solid #CCCCCC; content: ""; left: 0px; top: 0.125rem; bottom: 0; margin: auto; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; }

1input[type="checkbox"]:checked+label.input_txt:before { border: 1px solid #009ee0; background: url(../img/clicked.svg) center no-repeat; background-size: 100% 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; }




/*** 2024 ***/

.show-box:after {
    background: url(../img/market/bg1.png) center top;
	background-size: 100% auto;
}


.show-box .show-btn{ position: relative; width: calc(100% - 3.4rem); display: flex; flex-flow:row wrap; margin:0 1.7rem; text-align: center; }
.show-box .show-btn .btn{ position: relative; width: calc(33.33% - 0.6rem); color: #FFFFFF; text-align: center; margin-bottom: 0.5rem;  margin:0.64rem 0.3rem; padding: 0.8rem 0 1.7rem 0;  }
.show-box .show-btn .btn .btn-center { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 0.75rem; font-weight: 600; line-height: 0px; color: #FFFFFF; font-weight: 600; text-align: center; }
.show-box .show-btn .btn .btn-center img{ width: 52%; position: relative; display: block; margin: 0 auto; }
.show-box .show-btn .btn .btn-center span{ position:absolute; width: 100%; left: 0px; bottom: 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1rem; color: #FF6542; text-align: center; }
.show-box .show-btn .btn01 { background: url("../img/market/icon/icon-bg01.png") center no-repeat; background-size: 100% auto; }
.show-box .show-btn .btn02 { background: url("../img/market/icon/icon-bg02.png") center no-repeat; background-size: 100% auto; }
.show-box .show-btn .btn03 { background: url("../img/market/icon/icon-bg03.png") center no-repeat; background-size: 100% auto; }
.show-box .show-btn .btn04 { background: url("../img/market/icon/icon-bg04.png") center no-repeat; background-size: 100% auto; }




.nav{ position: fixed; display: flex; flex-flow: row nowrap; width: 100%; bottom: 0; background: #f1f1f1; width: 100%; max-width:750px; -webkit-box-shadow: 0 -3px 8px -5px rgba(0,0,0,0.5); box-shadow: 0 -3px 8px -5px rgba(0,0,0,0.5); z-index: 99; }

.nav .item{ position: relative; width: 100%; text-align: center; border-right: 1px solid #d8d8d8; font-size: 0.75rem; padding:0.5rem 0;  }
.nav a{ position: relative; color: #000000; font-size: 0.625rem; opacity: 0.5; height: 2.5rem; line-height: 1rem; display: block; padding-top: 1.5rem; }
.nav .item:last-child{  border-right: none; }

.nav a:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 1.5rem; content: ""; }

.nav a.market:before { background: url("../img/market.png") center no-repeat; background-size:auto 100%; }
.nav a.products:before { background: url("../img/products.png") center no-repeat; background-size:auto 100%; }
.nav a.exhibition:before { background: url("../img/event.png") center no-repeat; /*background-size:50% auto;*/ background-size:auto 100%; }
.nav a.contact:before { background: url("../img/contact.png") center no-repeat; background-size:auto 100%; }

.nav a.exhibition{ color: #e8340c; opacity: 1; }

.nav .item.active a{ color: /*#26294d*/ #353C47; font-weight: 700; opacity: 1; }
.nav .item.active:after{ position: absolute; width: 100%; content: ''; display: block; bottom: 0; left: 0; width: 100%; height: 4px; background:/* #009ee0 */ #FF6542; }
.nav .item.active a.market:before { background: url("../img/market-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }
.nav .item.active a.products:before { background: url("../img/products-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }
.nav .item.active a.exhibition:before { background: url("../img/event-avtive.png?ver=20231211") center no-repeat; /*background-size:50% auto; */background-size:auto 100%; }
.nav .item.active a.contact:before { background: url("../img/contact-active.png?ver=20231211") center no-repeat; background-size:auto 100%; }



@media screen and (min-aspect-ratio:10/18){
	#menu { bottom: 0px }
	#menu:after{ display: none; }	

}