@charset "utf-8";
/* Time:2020/2/28 20:00:00 */

h1 { text-align:center; font-size:20.5pt; line-height:1.2; color:#333; }
h1.Headline { font-size:16pt; line-height:3; color:#333; }
h1.Strong { line-height:52px; color:#00309F; margin-top:52px; }

p.Subheading { font-size:12pt; line-height:1; color:#939393; }

h2 { font-size:16pt; color:#333; }
h2.Headline { line-height:3; color:#333; }

h3 { text-align:center; font-size:20.5pt; line-height:1.2; color:#333; }
h3.Headline { font-size:16pt; line-height:3; color:#333; }
h3.Strong { line-height:52px; color:#00309F; margin-top:52px; }
h4 { height:52px; font-size:12px; line-height:2; }


[class*='But_More']:hover,[class*='ReadMore']:hover,[class*='ActionColor0'],.FloatKEditor:hover div.MarkNume,ul.PageNumes a.Color0,ul.PageNumes a:hover
{ background-color:#00309F!important;color:#FFF!important; }

#HOTUP div.TOPUP span,#HOTUP div.TOPUP img,div.MainMenu ul.MenuItem label.active:after,div.MainMenu ul.MenuItem label:hover:after,
#Body_Search.AlterSearch .MainSearch label
{ background-color:#00309F; }

#TOP_Menu menu div:hover ul,#TOP_Menu menu div ul.Over,#TOP_Menu menu div ul:after
{ border-color:#00309F; }

#HOTUP div.TOPUP span:hover,#HOTUP div.TOPUP img:hover,dl.Text-Days dt.Title:hover:after,
#Body_Search.AlterSearch input.keySubmit,#Body_Search.AlterSearch .TypeSearch label.on
{ background-color:#00B119; }




/* == 标准框架尺寸 Width Size ====================================================== */

.KE_IMG_Show,.MainKEditor,.MainContent,.SliderBox { width:100%; margin:0 auto; padding:0; position:relative; }
#Home_Frame,#Body_Frame,#Body_Frame #Body_Right,#Body_Main { width:100%; margin:0 auto; padding:0; position:relative; }
#Body_Content,#News_List { width:100%; min-height:100px; margin:0 auto; position:relative; clear:both; }

.MainKEditor { min-height:52px; background:none; margin:0 auto; padding:0; clear:both; position:relative; color:#666; }
.Frame_StyleCss { margin:0px auto; padding:50px 0 50px; }


#Body_Right,#Body_Right .KE_IMG_Show,#Body_Right .MainKEditor { width:100%; }
div.AE_Banner,div.Atitle div,#Body_Frame,#Body_Main,#FooterDiv,#Body_Pages,
.AlterSearch div.MainSearch
{ width:1180px; }


/* == Home pages ====================================================== */

#Frame_About.Frame_StyleCss { margin:0px auto; padding:50px 0 50px; }
#Frame_Customer.Frame_StyleCss { margin:0px auto; padding:50px 0 50px; }
#Frame_Business.Frame_StyleCss { margin:0px auto;padding:80px 0 50px; }
#Frame_NewsList.Frame_StyleCss { margin:0px auto;padding:50px 0 30; background-color:#E7E7E7; }
#Frame_Service.Frame_StyleCss { margin:0px auto;padding:50px 0 50px; background-color:#00309F; display:block; }
#Frame_Scheme.Frame_StyleCss { margin:0px auto;padding:50px 0 50px; background-color:white; display:block; }

#Frame_Designer { width:100%; height:180px; padding:0; background-position:top center; background-repeat:no-repeat; clear:both; }



/* About csss */

#Main_About { width:1180px; margin:0 auto; padding:0; clear:both; }
#Main_About .Headline { position:absolute; left:50%; }
#Main_About .D-Two + .D-Two { padding-top:75px; }
#Main_About .Readtext { width:100%; margin:25px auto; clear:both; }
#Main_About .Aboutitem dl.D-Three { min-height:150px; cursor:pointer; position:relative; }
#Main_About .Aboutitem dl.D-Three sup { position:absolute; top:10px; font-size:16pt; line-height:20px; }
#Main_About .Aboutitem dl.D-Three p.headline { font-size:18px; line-height:1.5; color:#00309F; }


/* Business csss */

#Main_Business .Logistics { width:1580px; margin:0 auto; padding:0; clear:both; }
#Main_Business .Readtext { width:1180px; text-align:center; font-weight:bold; margin:0 auto; padding:0; clear:both; }
#Main_Business .Signitem { width:1180px; margin:0 auto; padding:0; clear:both; }


/* Services css */
#Services { width:100%; margin-top:30px; position:relative; }

#Services ul.Serv_Title { width:100%; height:50px; margin-bottom:55px; position:relative; }
#Services ul.Serv_Title:after { content:""; width:100%; height:0; position:absolute; bottom:0; left:0; border-bottom:1px solid #5593E8; box-sizing:border-box; z-index:1; }
#Services ul.Serv_Title div { width:1100px; height:50px; text-align:center; margin:0 auto; position:relative; }
#Services ul.Serv_Title div span { width:auto; height:50px; margin:0 5%; position:relative; display:inline-block; }
#Services ul.Serv_Title div span:after { content:""; width:0; height:0; position:absolute; bottom:0; left:50%; border-bottom:4px solid #00B119; box-sizing:border-box; z-index:1; transition:all .5s; }
#Services ul.Serv_Title div span.on:after,#Services ul.Serv_Title div span:hover:after { width:100%; left:0; transition:all .5s; }
#Services ul.Serv_Title div,#Services ul.Serv_Title div span,#Services ul.Serv_Title div span a { font-size:16px; line-height:50px; color:#FFF; }

#Services div.Serv_Banner,#Services div.Serv_Banner ul { width:100%; height:400px; margin:0 auto; position:relative; }
#Services div.Serv_Banner li,#Services div.Serv_Banner li img { width:100%; height:100%; background-position:center; }
#Services div.Serv_Banner li img { background-position:center; background-repeat:no-repeat; background-size:auto 100%; }

#Services div.Serv_Boxs { width:780px; height:400px; background-color:rgba(255,255,255,1); position:absolute; left:50%; top:95px; margin-left:-390px; z-index:0; }
#Services div.Serv_Boxs .Serv_Remarks { width:100%; height:100%; margin:0 auto; position:relative; }

#Services div.Serv_Boxs div.Remarks { width:calc(100% - 70px); height:calc(100% - 30px); padding:15px 35px; color:#666; margin:0 auto; }
#Services div.Serv_Boxs div.Headline,#Services div.Serv_Boxs div.Readmore,#Services div.Serv_Boxs div.Readtag { width:100%; margin:25px auto; }
#Services div.Serv_Boxs div.Headline { width:100%; font-size:18px; line-height:1.2; color:#333; }


#Services div.Serv_Boxs span.But_More { width:180px; background-color:#00309F; color:#FFF; margin-top:25px; }
#Services div.Serv_Boxs span.But_More:after { background-image:url(../UPIMG/Images/ASlides-2.png); }
#Services div.Serv_Boxs div:hover.Remarks span.But_More { background-color:#00B119; color:#FFF; }

#Services .prev,#Services .next { display:block; width:36px; height:36px; position:absolute; top:50%; left:50%; margin-top:50px; z-index:0; }
#Services .prev,#Services .next { border:1px solid #DDD; box-sizing:border-box; background-repeat:no-repeat; background-position:center; }
#Services .prev,#Services .next { font-family:Arial; font-size:18px; line-height:35px; text-align:center; cursor:pointer; color:#FFF; }

#Services .next { background-image:url(../UPIMG/Images/ASlides-2.png); margin-left:430px; }
#Services .prev { background-image:url(../UPIMG/Images/ASlides-1.png); margin-left:-465px; }
#Services .next:hover { background-image:url(../UPIMG/Images/ASlides-6.png); border-color:#00B119; }
#Services .prev:hover { background-image:url(../UPIMG/Images/ASlides-5.png); border-color:#00B119; }

/* Schemes css */
#Schemes { width:100%; margin-top:30px; position:relative; }

#Schemes ul.Scheme_Title { width:100%; height:50px; margin-bottom:55px; position:relative; }
#Schemes ul.Scheme_Title:after { content:""; width:100%; height:0; position:absolute; bottom:0; left:0; border-bottom:1px solid #5593E8; box-sizing:border-box; z-index:1; }
#Schemes ul.Scheme_Title div { width:1180px; height:50px; text-align:center; margin:0 auto; position:relative; }
#Schemes ul.Scheme_Title div span { width:auto; height:50px; margin:0 1%; position:relative; display:inline-block; }
#Schemes ul.Scheme_Title div span:after { content:""; width:0; height:0; position:absolute; bottom:0; left:50%; border-bottom:4px solid #00B119; box-sizing:border-box; z-index:1; transition:all .5s; }
#Schemes ul.Scheme_Title div span.on:after,#Schemes ul.Scheme_Title div span:hover:after { width:100%; left:0; transition:all .5s; }
#Schemes ul.Scheme_Title div,#Schemes ul.SScheme_Title div span,#Schemes ul.Scheme_Title div span a { font-size:16px; line-height:50px; color:#00309F; }

#Schemes div.Scheme_Banner,#Schemes div.Scheme_Banner ul { width:100%; height:400px; margin:0 auto; position:relative; }
#Schemes div.Scheme_Banner li,#Schemes div.Scheme_Banner li img { width:100%; height:100%; background-position:center; }
#Schemes div.Scheme_Banner li img { background-position:center; background-repeat:no-repeat; background-size:auto 100%; }

#Schemes div.Scheme_Boxs { width:780px; height:400px; background-color:#00309F; position:absolute; left:50%; top:95px; margin-left:-390px; z-index:0; }
#Schemes div.Scheme_Boxs .Scheme_Remarks { width:100%; height:100%; margin:0 auto; position:relative; }

#Schemes div.Scheme_Boxs div.Remarks { width:calc(100% - 70px); height:calc(100% - 30px); padding:15px 35px; color:#666; margin:0 auto; }
#Schemes div.Scheme_Boxs div.Headline,#Schemes div.Scheme_Boxs div.Readmore,#Schemes div.Scheme_Boxs div.Readtag { width:100%; margin:25px auto; }
#Schemes div.Scheme_Boxs div.Headline { width:100%; font-size:18px; line-height:1.2; color:white; }

#Schemes div.Scheme_Boxs span.But_More { width:180px; background-color:#00309F; color:#FFF; margin-top:25px; }
#Schemes div.Scheme_Boxs span.But_More:after { background-image:url(../UPIMG/Images/ASlides-2.png); }
#Schemes div.Scheme_Boxs div:hover.Remarks span.But_More { background-color:#00B119; color:#FFF; }

#Schemes .prev,#Schemes .next { display:block; width:36px; height:36px; position:absolute; top:50%; left:50%; margin-top:50px; z-index:0; }
#Schemes .prev,#Schemes .next { border:1px solid #DDD; box-sizing:border-box; background-repeat:no-repeat; background-position:center; }
#Schemes .prev,#Schemes .next { font-family:Arial; font-size:18px; line-height:35px; text-align:center; cursor:pointer; color:#FFF; }

#Schemes .next { background-image:url(../UPIMG/Images/ASlides-2.png); margin-left:430px; }
#Schemes .prev { background-image:url(../UPIMG/Images/ASlides-1.png); margin-left:-465px; }
#Schemes .next:hover { background-image:url(../UPIMG/Images/ASlides-6.png); border-color:#00B119; }
#Schemes .prev:hover { background-image:url(../UPIMG/Images/ASlides-5.png); border-color:#00B119; }




/* == Website pages ====================================================== */

/* AboutUS css */
.AboutUS .Aboutitem { width:1200px!important; min-height:400px; margin:50px auto!important; position:relative; float:none;clear:both; }
.AboutUS .Aboutitem dl.D-Three { width:22.8%!important; min-height:400px; cursor:pointer; position:relative; }
.AboutUS .Aboutitem dl.D-Three + dl.D-Three { margin-left:15.8% !important; }

.AboutUS .Aboutitem dl.D-Three:after { content:""; width:98%; height:280px; position:absolute; top:100px; left:50%; margin-left:-49%; border:1px solid #FFF; box-sizing:border-box; z-index:-1; transition:all .5s; }
.AboutUS .Aboutitem dl.D-Three:hover:after { top:70px; border:5px solid #00309F; transition:all .5s; }

.AboutUS .Aboutitem dl.D-Three img { padding:30px 20px; background-color:#FFF; z-index:1; }
.AboutUS .Aboutitem dl.D-Three sup { position:absolute; top:170px; font-size:16pt; line-height:20px; }

.AboutUS .Aboutitem dl.D-Three span { font-size:32px;font-weight:bold; }
.AboutUS .Aboutitem dl.D-Three span.DIN-Bold { font-size:48px; line-height:1.5; color:#00309F; }
.AboutUS .Aboutitem dl.D-Three p.headline { font-size:22px; line-height:2; font-weight:normal; color:#00309F; }


.AboutUS dl.About-text { width:500px; height:auto; font-size:14px; line-height:32px; color:#666;}
.About-One dl.About-text { margin-right:80px; float:right; color:#FFF; }
.About-Two dl.About-text { margin-left:80px; float:left; }

.About-One { background-color:#00309F; color:#FFF; }
.About-One dl.About-Right,.About-Two dl.About-Left { height:650px; background-position:center; background-repeat:no-repeat; }
.About-One dl.About-Right { background-image:url(../UPIMG/DIYShow/About-right.jpg); background-position:center top; }
.About-Two dl.About-Left { background-image:url(../UPIMG/DIYShow/About-left.jpg); background-position:center right; }

.About-Project { width:100%;height:158px; background-color:#00309F; color:#FFF;clear:both; }
.About-Project .About-Four { width:1180px; margin:50px auto; float:none; clear:both; }
.About-Project dl.K-Frame p { font-size:13pt; line-height:28px; font-weight:bold; }



/* Services css */

.Serv-Left { width:100%; height:400px!important; position:relative; }
.Serv-Right,.Serv-Main { width:100%; height:780px!important; position:relative; }

.Serv-Left dl.Serv-text,.Serv-Main dl.Serv-text { width:540px; height:auto; margin-left:40px; font-size:14px; line-height:29px; color:#666; }
.Serv-Right dl.Serv-text { width:540px; height:auto; margin-right:40px; margin-left:0px; font-size:14px; line-height:29px; color:#666; }


dl.Serv-text dl.Column { width:100%; float:left; }
dl.Serv-text dl.Column dt { min-width:70px!important; float:left; }
dl.Serv-text dl.Column dd { width:470px!important; float:left; }
dl.Serv-text p.headline { font-size:16px; margin-top:75px; color:#333; }

.Serv-Right .D-Two,.Serv-Main .D-Two,.Serv-Left .D-Two { height:100%; background-repeat:no-repeat; }
.Serv-Right .D-Two { background-position:left; }
.Serv-Left .D-Two { background-position:right; }

dl.Serv-One-Left { background-image:url(../UPIMG/DIYShow/Serv-1-Left.jpg); }
dl.Serv-One-Right { background-image:url(../UPIMG/DIYShow/Zoom-1-Right.jpg); }
dl.Serv-Two-Left { background-image:url(../UPIMG/DIYShow/Serv-2-Left.jpg); }
dl.Serv-Two-Right { background-image:url(../UPIMG/DIYShow/Zoom-2-Right.jpg); }
dl.Serv-Three-Left { background-image:url(../UPIMG/DIYShow/Serv-3-Left.jpg); }
dl.Serv-Three-Right { background-image:url(../UPIMG/DIYShow/Zoom-3-Right.jpg); }
dl.Serv-Four-Left { background-image:url(../UPIMG/DIYShow/Serv-4-Left.jpg); }
dl.Serv-Four-Right { background-image:url(../UPIMG/DIYShow/Zoom-4-Right.jpg); }

dl.Serv-Five-Top { background-color:#FF0000; background-image:url(../UPIMG/Other/Logo-Express.png); background-position:center; }
dl.Serv-Five-Down { background-color:#FF8200; background-image:url(../UPIMG/Other/Logo-Vova.png); background-position:center; }
.Serv-Right .D-Two.Serv-Five-Right { background-color:#68BDED; background-image:url(../UPIMG/Other/Logo-Wish.png); background-position:center center; }



/* Solution css */

.IMG-Solution { width:100%; height:600px; position:relative; margin:50px auto; background-position:center; background-repeat:no-repeat; }
/* .IMG-Solution.CUTTER { background-image:url(../UPIMG/ABanner/IMG-11.jpg); }
.IMG-Solution.BATTERY { background-image:url(../UPIMG/ABanner/IMG-12.jpg); } */

.IMG-Solution dl.Text { width:380px; height:400px; padding:100px 60px; background-color:rgba(0,46,159,.8); position:absolute; left:50%; top:0; margin-left:-600px; color:#FFF; }
.IMG-Solution dl.Text p.headline { font-size:16px;line-height:2.5; font-weight:bold; }

.D-Solution { width:1200px; margin:50px auto!important; }
.D-Solution .S-Five { width:calc(86%/5)!important; min-height:350px; margin-top:50px; background-color:#E7E7E7; border:1px solid #DDD; box-sizing:border-box; cursor:pointer; transition:all .5s; }
.D-Solution .S-Five + .S-Five { margin-left:calc(14%/4)!important; }
.D-Solution .S-Five img { margin-top:20px; background-position:center; background-repeat:no-repeat; z-index:1; }
.D-Solution .S-Five p.headline { font-size:20px;line-height:3.5; font-weight:bold; }
.D-Solution .S-Five p.Arrow,.D-Solution .S-Five p.Arrow span { text-align:center; font-family:" 宋体"; font-size:12px; line-height:12px; } 
.D-Solution .S-Five p.Arrow span { width:25px; height:25px; border-radius:12.5px; border:1px solid #00309F; box-sizing:border-box; display:inline-table; background-image:url(../UPIMG/Images/OArrow.png); background-position:center; background-repeat:no-repeat; transition:all .5s; }

.D-Solution .S-Five:hover { background-color:#00309F; transition:all .5s; }
.D-Solution .S-Five:hover p.Arrow span { background-color:#00B119; transition:all .5s; }
.D-Solution .S-Five:hover p.headline { color:#00B119; }
.D-Solution .S-Five img.img-one { background-image:url(../UPIMG/DIYShow/Kjing_01.png); }
.D-Solution .S-Five:hover img.img-one { background-image:url(../UPIMG/DIYShow/Kjing_11.png); }
.D-Solution .S-Five img.img-two { background-image:url(../UPIMG/DIYShow/Kjing_02.png); }
.D-Solution .S-Five:hover img.img-two { background-image:url(../UPIMG/DIYShow/Kjing_12.png); }
.D-Solution .S-Five img.img-three { background-image:url(../UPIMG/DIYShow/Kjing_03.png); }
.D-Solution .S-Five:hover img.img-three { background-image:url(../UPIMG/DIYShow/Kjing_13.png); }
.D-Solution .S-Five img.img-four { background-image:url(../UPIMG/DIYShow/Kjing_04.png); }
.D-Solution .S-Five:hover img.img-four { background-image:url(../UPIMG/DIYShow/Kjing_14.png); }
.D-Solution .S-Five img.img-five { background-image:url(../UPIMG/DIYShow/Kjing_05.png); }
.D-Solution .S-Five:hover img.img-five { background-image:url(../UPIMG/DIYShow/Kjing_15.png); }



/* Series css */

.D-Series { width:1180px; margin:50px auto!important; }
.D-Series dl.S-Four { width:calc(95.5%/4)!important; min-height:400px; margin-top:30px; background-color:#00309F; border:1px solid #DDD; box-sizing:border-box; cursor:pointer; color:#FFF; transition:all .5s; }
.D-Series dl.S-Four + dl.S-Four { margin-left:1.5%; }
.D-Series dl.S-Four img { margin-top:20px; background-position:center; background-repeat:no-repeat; z-index:1; }
.D-Series dl.S-Four p.headline { min-height:190px!important; font-size:24px; line-height:3; color:#FFF; position:relative; }
.D-Series dl.S-Four p.headline:after { content:""; width:1px; height:100px; position:absolute; top:72px; left:50%; margin-left:-0.5px; background-color:#FFF; z-index:1; transition:all .5s; }
.D-Series dl.S-Four:hover { background-color:#00B119; transition:all .5s; }



/* News_List */

#HOT_Body.News_List { background-color:#E7E7E7!important; }

#News_List.KE_IMG_Show div.show { padding-bottom:55%; background-color:#FFF; }
#News_List.KE_IMG_Show div.list { background-color:#FFF; transition:all .5s; }
#News_List.KE_IMG_Show div.list:hover {
	background-color:#FFF;
	transform:translate(0,-3px);
	-webkit-transform:translate(0,-3px);
	-moz-transform:translate(0,-3px);
	-o-transform:translate(0,-3px);
	-ms-transform:translate(0,-3px);
	-webkit-box-shadow:0 3px 5px #CCC;
	-moz-box-shadow:0 3px 5px #CCC;
	box-shadow:0 3px 5px #CCC;
}

dl.Text-Days { width:90%; height:auto; padding:5%; margin-bottom:12px; }
dl.Text-Days dt.Title { width:100%; height:85px; position:relative; font-size:14px; line-height:1.5; }
dl.Text-Days dt.Title p.headline,dl.Text-Days dt.Title p.headline a { font-size:18px; line-height:2; font-weight:bold; transition:all .5s; }
dl.Text-Days dt.Title:after { content:""; width:20px; height:2px; position:absolute; left:0; bottom:15px; background-color:#00B119; z-index:1; transition:all .5s; }

div.list:hover dl.Text-Days dt.Title,div.list:hover dl.Text-Days dt.Title a { color:#00B119; transition:all .5s; }
div.list:hover dl.Text-Days dt.Title:after { width:100%; transition:all .5s; }

dl.Text-Days dd.Remarks { width:100%; height:60px; font-size:14px; line-height:1.5; color:#666; }


#Home_Frame #News_List { width:1180px; padding:20px 50px; margin:0 auto 20px; float:none; }
#Body_Frame #News_List { width:1180px; padding:0; margin:52px auto; float:none; }

#News_List .prev,#News_List .next { display:block; width:36px; height:36px; position:absolute; top:50%; left:0; margin-top:-18px; z-index:1; }
#News_List .prev,#News_List .next { border:1px solid #939393; box-sizing:border-box; background-repeat:no-repeat; background-position:center; }
#News_List .prev,#News_List .next { font-family:Arial; font-size:18px; line-height:35px; text-align:center; cursor:pointer; color:#FFF; }

#News_List .next { background-image:url(../UPIMG/Images/ASlides-4.png); left:auto; right:0; }
#News_List .prev { background-image:url(../UPIMG/Images/ASlides-3.png); left:0; }
#News_List .next:hover { background-image:url(../UPIMG/Images/ASlides-6.png); border-color:#00B119; }
#News_List .prev:hover { background-image:url(../UPIMG/Images/ASlides-5.png); border-color:#00B119; }


#Body_Main #Body_MainLeft { width:72%; min-height:128px; margin-top:50px; float:left; position:relative; }
#Body_Main #Body_MainLeft h1.Headline { text-align:left; margin-top:50px; font-weight:bold; }
#Body_Main #Body_MainLeft #Body_Content { line-height:30px;}
#Body_Main #Body_MainLeft #Body_Content h4 { color:#939393; }


#Body_Main #Body_MainRight { width:20%; min-height:128px; padding-bottom:15px; float:right; position:relative; border-bottom:1px solid #333; box-sizing:border-box; }
#Body_Main #Body_MainRight ul.ListTitle { width:100%; height:50px; margin:50px auto 10px; border-bottom:1px solid #333; box-sizing:border-box; }

#Body_Main #Body_MainRight dl { width:100%; height:70px; margin:5px auto; font-size:12px; line-height:24px; color:#333; position:relative; }
#Body_Main #Body_MainRight dl + dl { padding-top:10px; border-top:1px dashed #939393; box-sizing:border-box; }

#Body_Main #Body_MainRight ul.ListTitle,#Body_Main #Body_MainRight dl dt { width:100%; font-size:16px; font-weight:bold; line-height:36px; color:#333; }
#Body_Main #Body_MainRight dl dd { width:100%; height:30px; font-size:12px; line-height:24px; color:#939393; }

dl.Text-Days dt.Title p.headline,#Body_MainRight dl dt,#Body_MainRight dl dd {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

dl.Text-Days dd.Remarks {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


#Body_Pages { width:100%; text-align:center; margin-top:52px; clear:both; }
#Body_Pages a.Pages { width:50px; height:50px; text-align:center; line-height:50px; border:1px solid #5A5A5A; box-sizing:content-box; display:inline-block; margin:5px; }
#Body_Pages a.Pages,#Body_Pages label span { width:auto; padding:0 18px; text-align:center; line-height:50px; display:inline-block; margin:5px; }
#Body_Pages a.On,#Body_Pages a:hover { background-color:#00309F; border-color:#00309F; color:#FFF; transition:all .5s; }

#Body_Pages label { width:50%; line-height:50px; display:inline-block;}
#Body_Pages label.Right { text-align:right; }


/* Customer css */

#Body_Frame.Customer { margin:52px auto; }
#Customer.KE_Scroll div.IMGnu { width:200px; height:52px; margin:28px auto; text-align:center; position:relative; }
#Customer.KE_Scroll div.IMGnu ul { width:100%; height:52px; line-height:32px; margin:0 auto; text-align:center; }
#Customer.KE_Scroll div.IMGnu ul span { width:8px; height:8px; text-align:center; margin:3px; padding:0; border-radius:50%; cursor:pointer; display:inline-table; z-index:15; }
#Customer.KE_Scroll div.IMGnu ul span { font-family:Arial; font-size:0; line-height:0; color:#CCC; background-color:#CCC; }
#Customer.KE_Scroll div.IMGnu ul span.on { background-color:#00B119; color:#00B119; }

#Customer.KE_Scroll .prev,#Customer.KE_Scroll .next { display:block; width:32px; height:52px; opacity:1; filter:alpha(opacity=100); position:absolute; left:0; z-index:1; }
#Customer.KE_Scroll .prev,#Customer.KE_Scroll .next { font-family:Arial; font-size:18px; line-height:52px; color:#949494; text-align:center; }
#Customer.KE_Scroll .prev:hover,#Customer.KE_Scroll .next:hover { opacity:1; filter:alpha(opacity=100); color:#00B119; cursor:pointer; }
#Customer.KE_Scroll .next { left:auto; right:0; }
#Customer.KE_Scroll .prev { left:0; }

#Customer.KE_list dl { width:23%; }
#Customer.KE_list dl + dl { margin-left:12.5%; }
#Customer.KE_list dl.list p { height:52px; line-height:52px; border-bottom:1px solid #DDD; }

#Customer.KE_IMG_Show div.show
{ padding-bottom:40%; background-color:#FFF; border:1px solid #DDD; box-sizing:border-box; }


/* Contact css */
#TOP_BDmap { width:100%; height:600px; padding:0; margin:0 auto; position:relative; }
#TOP_BDmap iframe { width:100%; height:100%; padding:0; margin:0 auto; position:relative; }
#TOP_BDmap #Contact { width:400px; height:520px; padding:40px 60px; position:absolute; top:0; left:50%; margin-left:30px; background-color:rgba(255,255,255,.9); }
#TOP_BDmap #Contact p { line-height:28px; }
#TOP_BDmap #Contact strong { font-size:150%;line-height:2; }

#Body_Frame.Contact { margin:52px auto; float:none; }



/* Document css */

#HOT_Body.Document { background-color:#EFEFEF!important; }

#Document { width:1200px; min-height:600px; margin:0 auto; }
#Document h1.Headline { font-size:22px; line-height:5.5; text-align:center; }


#Document_Read { width:970px; padding-left:50px; font-size:12px; line-height:25px;}
#Document_Price { width:820px; padding-left:100px; }


#Document_Item { width:172px; margin-top:120px; margin-bottom:50px; padding:20px 0 80px; background:#FFF; position:relative; float:left; }
#Document_Item ul.Item,#Document_Item ul.Item a { font-size:14px; line-height:35px; font-weight:bold; }

#Document_Item ul.Item { width:calc(100% - 30px); text-align:left; padding:0 15px; position:relative; }
#Document_Item ul.Item + ul.Item { margin-top:98px; }

#Document_Item div { width:calc(100% - 35px); text-align:left; line-height:35px; float:right; }

#Document_Item li { width:calc(100% - 30px); text-align:left; padding:0 15px; position:relative; }
#Document_Item li,#Document_Item li a { font-size:14px; line-height:35px; }
#Document_Item li:hover a,#Document_Item li.On a { color:#00309F; }

#Document_Item ul.Item:after,#Document_Item li:after
{ content:""; width:0; height:50%; position:absolute; left:0; top:25%; border-left:3px solid #FFF; box-sizing:border-box; transition:all .5s; }

#Document_Item ul.Item:after { border-left:0 solid #CCC; }
#Document_Item ul.Item.On:after,#Document_Item ul.Item:hover:after,
#Document_Item li.On:after,#Document_Item li:hover:after
{ border-color:#00309F; transition:all .5s; }
	

.PriceOrder { width:100%!important; margin:0 auto!important; padding:10px 0; background-color:#FFF; clear:both; }
.PriceOrder div.Price { width:42%!important; margin:2% 4%!important; float:left; }

.PriceOrder div.Region { position:relative; }
.PriceOrder div.Region label.Ckbx {
	position:absolute; right:2%; top:5px; z-index:1; cursor:pointer;
	width:30px; height:50px; background-repeat:no-repeat; background-position:center; background-color:transparent!important;	
}
.PriceOrder div.Region label.Ckbx { background-image:url(../UPIMG/Images/Copy-7.png); }
.PriceOrder div.Region label.Ckbx:hover { background-image:url(../UPIMG/Images/Copy-8.png); }

.PriceOrder div#RegionList.RegionList {
	width:38%; height:0; margin-top:-12px; padding:0 .8%; position:absolute; z-index:18;
	background-color:#FFF; border:0; box-sizing:content-box;
}

.PriceOrder input[type="checkbox"] { display:none; }
.PriceOrder input.Btn_Region:checked ~ div#RegionList.RegionList
{ height:auto; padding-top:8px; padding-bottom:8px; border:1px solid #CCC; display:block; transition:all .5s; }

.PriceOrder div.RegionList li { height:25px; line-height:25px; color:#666; cursor:pointer; }
.PriceOrder div.RegionList li.on { font-weight:bold; color:#00309F; }


.PriceOrder strong { color:#00309F; }

.PriceOrder label { width:15%!important; text-align:center; line-height:58px; }
.PriceOrder input { width:100%!important; padding:0 2%!important; height:38px; line-height:38px; margin:12px auto; background-color:transparent!important; border:1px solid #CCC; box-sizing:border-box; }
.PriceOrder input.minWindth { width:30%!important; padding:0 1%!important; }
.PriceOrder input.minWindth + input.minWindth { margin-left:5%!important; }

.PriceOrder input.Submit { text-align:center; background-color:#929292!important; font-weight:bold; color:#FFF; }
.PriceOrder input[type="submit"],.PriceOrder input.Submit:hover { background-color:#00B119!important; }

.PriceList { width:92%!important; margin:18px 4%!important; padding:0 0 2px!important; position:relative; border:1px solid #CCC; box-sizing:border-box; clear:both; }
.PriceList dt { width:100%; height:42px; background-color:#00309F!important; margin-bottom:2px; }
.PriceList dt { font-size:11.5pt; line-height:42px; font-weight:bold; color:#FFF; }

.PriceList dt span,.PriceList dd span { width:12%; padding:0 2%; font-size:11.5pt; line-height:42px; float:left; }

.PriceList dd { width:98%; height:50px; margin:0 1%; }
.PriceList dd + dd { border-top:1px dashed #939393; box-sizing:content-box; }
.PriceList dd,.PriceList dd span { font-size:10.5pt; line-height:50px; }