@charset "utf-8";

#lmenu h2 {background:#296ec4;}
#lmenu>ul>li.on, #lmenu>ul>li>ul>li.on {border-color:#ef4e6d;}
#lmenu>ul>li.on>a, #lmenu>ul>li>ul>li.on>a:before {background:#ef4e6d;}
#lmenu>ul>li>ul>li.on>a {color:#ef4e6d;}
.footerOpen {display:none;}

#tab>ul>li.on {border-color:#000;}
#tab>ul>li.on a {background:#3b3b3b;}

/*contents*/
.underL{text-decoration:underline}

.business {background:url('../img/contents/business_bg.gif') no-repeat center 20px;}
.business>p.tit {text-align:center; font-size:32px; font-weight:bold;}
.business>div {max-width:944px; margin:70px auto 0;}
.business>div>dl>dt {text-align:center;}
.business>div .con dl {max-width:840px; margin:0 auto; padding:40px 40px 40px 110px; border-bottom:1px dotted #a0a0a0;}
.business>div .con dl:last-child {border-bottom:0;}
.business>div .con dt {margin-bottom:10px; font-size:20px; font-weight:bold;}
.business>div .con dd {line-height:24px;}
.business>div .con dd ul li {display:inline-block; margin-top:10px; padding:3px 15px 5px; color:#fff; border-radius:30px; background:#ff8b42;}

.history {position:relative; margin-top:50px; padding-left:320px;}
.history .tit {position:absolute; left:0; top:45px; padding-left:15px; padding-bottom:150px; background:url('../img/contents/history_bg.gif') no-repeat 15px bottom;}
.history .tit .kor {font-size:40px; letter-spacing:-0.05em; color:#333;}
.history .tit .eng {padding-left:5px; font-size:28px; color:#ef4e6d; font-weight:bold; letter-spacing:0;}
.history .con {position:relative; margin-bottom:20px; padding:50px 50px 50px 210px; background:#f8f8f8; overflow:hidden;}
.history .con>p {position:absolute; left:50px; font-size:60px; line-height:60px; color:#296ec4; letter-spacing:-0.05em;}
.history .con>ul {position:relative; letter-spacing:0;}
.history .con>ul:before {display:block; content:""; position:absolute; left:2px; top:17px; width:1px; height:97%; background:#efefef;}
.history .con>ul>li {position:relative; margin-top:10px; padding-left:10px;}
.history .con>ul>li:before {display:block; content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border-radius:50%; background:#296ec4;}
.history .con>ul span {color:#296ec4; font-weight:bold;}

.blue_tit{margin-top:90px; text-align:center}
.blue_tit:nth-of-type(1){margin-top:30px}
.blue_tit span{margin-top:12px}
.blue_tit span.eng{display:block; color:#296ec4; text-indent:-5000px; height:33px; background-repeat:no-repeat; background-position:center top}
.blue_tit span.eng.vision{background-image:url('../img/contents/txt_vision.gif')}
.blue_tit span.eng.goal{background-image:url('../img/contents/txt_goal.gif')}
.blue_tit span.eng.strategy{background-image:url('../img/contents/txt_strategy.gif')}
.blue_tit span.eng.slogan{background-image:url('../img/contents/txt_slogan.gif')}
.blue_tit span.kor{display:inline-block; padding:3px 20px 4px; min-width:127px; background:#296ec4; color:#fff; font-size:1.12em}
.blue_tit span.btit{display:block; color:#296ec4; font-size:40px}
.circle_bg{margin:30px 0px 80px; text-align:center; font-size:0px}
.circle_bg>li{position:relative; display:inline-block; vertical-align:top; width:20.5%; max-width:194px; height:194px; background:url('../img/contents/circle_bg01.gif') no-repeat center center; font-size:15px}
.circle_bg>li:nth-child(odd){margin-left:-7px; background-image:url('../img/contents/circle_bg01.png')}
.circle_bg>li:nth-child(even){margin-left:-6px; background-image:url('../img/contents/circle_bg02.png')}
.circle_bg>li>div{position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:90%; height:120px}
.circle_bg>li>div>p{display:flex; justify-content:center; align-items:center; text-align:center; padding:10px; height:100%}
.circle_bg>li>div>span{display:block; margin:0px auto 30px; padding:2px 8px 4px; font-size:.95em; width:60px; background:#f0f0f0; border-radius:50px; color:#333}
.circle_bg02{display:flex; justify-content:center; align-items:center; text-align:center; padding:20px 35px; width:237px; height:237px; background:url('../img/contents/circle_bg03.gif') no-repeat center center; color:#fff; font-size:1.6em; text-shadow:0px 0px 2px rgba(0,0,0,.5)}

.photo{margin-top:10px; margin-bottom:20px; overflow:hidden}
.photo>li{float:left; margin:5px 0px; width:49.5%; max-height:278px}
.photo>li:nth-child(2n-1){margin-right:1%}
/*
.lllcity_con01{text-align:center; margin:40px 0px 10px; }
.lllcity_con01>li{position:relative; right:-20px; display:inline-block; padding:0px 40px; min-width:40%; border:6px solid #ff879d; border-radius:200px}
.lllcity_con01>li:last-child{right:20px; border-color:#ffba58}
.lllcity_con01>li span{display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:5px 20px; border-radius:50px; background:#ff879d; font-weight:bold; color:#fff}
.lllcity_con01>li:last-child span{background:#ffba58}
.lllcity_con01>li p{display:flex; justify-content:center; align-items:center; font-size:1.12em; font-weight:bold; min-height:110px}
*/

.lllcity_con01{text-align:center; margin:25px 0px 10px; }
.lllcity_con01>li{position:relative; display:inline-block; padding:0px 60px; min-width:40%; border:6px solid #ff879d; border-radius:200px}
.lllcity_con01.lllcity_con01s>li {border-color:#ffba58;}
/* .lllcity_con01>li:last-child{right:20px; border-color:#ffba58} */
.lllcity_con01>li span{display:block; position:absolute; top:-20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:5px 20px; border-radius:50px; background:#ff879d; font-weight:bold; color:#fff}
.lllcity_con01>li:last-child span{background:#ffba58}
.lllcity_con01>li p{display:flex; justify-content:center; align-items:center; font-size:1.4em; font-weight:bold; min-height:110px}
.lllcity_con02{position:relative; margin-top:20px}
.lllcity_con02>p{position:absolute; top:50%; left:50%; margin-top:-162px; margin-left:-162px}
.lllcity_con02>ul{overflow:hidden}
.lllcity_con02>ul>li{float:left; padding:30px 40px; margin:.5% 0px; width:49.5%; border:1px solid #eee; background:#f5f5f5; border-radius:7px}
.lllcity_con02>ul>li:nth-child(odd){padding-right:170px}
.lllcity_con02>ul>li:nth-child(even){float:right; padding-left:170px}
.lllcity_con02>ul>li>span{font-weight:bold; color:#666}
.lllcity_con02>ul>li dl{margin-top:15px; min-height:130px}
.lllcity_con02>ul>li dl dt{margin-bottom:10px; font-weight:bold; font-size:1.12em}
.lllcity_con02>ul>li dl dd{position:relative; margin-top:5px; padding-left:12px}
.lllcity_con02>ul>li dl dd:before {position:absolute; left:3px; top:8px; width:4px; height:4px; background:#555; content:"";}

.introduce_con01{position:relative; text-align:center; margin-top:30px; padding-bottom:110px; background:url(/lll/img/contents/introduce_bg.gif) no-repeat center bottom}
.introduce_con01 span{display:block; line-height:170%}
.introduce_con01+.blue_tit{margin-top:15px}
.introduce_con02{margin:30px 0px; overflow:hidden}
.introduce_con02>li{float:left; margin:.5%; padding:0px 30px; width:48.1%; background:#f8f8f8; border:1px solid #eee; border-radius:5px; min-height: 214px;}
.introduce_con02>li .tit{display:flex; align-items:center; padding:25px 0px 20px; font-size:1.15em; font-weight:bold; border-bottom:1px solid #ddd; min-height:92px}
.introduce_con02>li .txt{padding:30px 0px 30px; min-height:100px}

.vision{margin-top:20px; overflow:hidden}
.vision>li{float:left; width:47%; margin:1.5%; padding-top:130px; background-repeat:no-repeat; background-position:center 10px; border:2px solid #dddddd; border-radius:10px; box-sizing:border-box}
.vision>li.ic01{background: url(../img/contents/vision_ic01.gif) no-repeat center 20px;}
.vision>li.ic02 {background: url(../img/contents/vision_ic02.gif) no-repeat center 20px;}
.vision>li.ic03{background: url(../img/contents/vision_ic03.gif) no-repeat center 20px;}
.vision>li.ic04{background: url(../img/contents/vision_ic04.gif) no-repeat center 20px;}
.vision>li p{display:flex; align-items:center; justify-content:center; text-align:center; padding:0px 7%; height:130px; background:#eee; line-height:22px; border-radius:10px;}
.vision>li.ic01 p{background:#f1faff; }
.vision>li.ic02 p{background:#fff5f7;}
.vision>li.ic03 p{background:#fbf9f1;}
.vision>li.ic04 p{background:#f4fff6;}
.vision .vifont01{color:red}



.alltime{margin-top:5px; overflow:hidden}
.alltime>dl{float:left; margin:.5%; padding:30px; width:19%; border-radius:7px}
.alltime>dl dt{font-weight:bold; font-size:1.2em}
.alltime>dl dt:After{display:block; content:''; margin:25px 0px; width:30px; height:2px}
.alltime>dl dd span{font-weight:bold}
.alltime>dl:nth-child(1){background:#f7fcff; border:1px solid #dde5ea}
.alltime>dl:nth-child(2){background:#faf6fc; border:1px solid #f2e0f5}
.alltime>dl:nth-child(3){background:#fcf6f7; border:1px solid #f5e0e3}
.alltime>dl:nth-child(4){background:#fbf9f1; border:1px solid #eee4ce}
.alltime>dl:nth-child(5){background:#f6fcf7; border:1px solid #d7e3da}
.alltime>dl:nth-child(1) dt, .alltime>dl:nth-child(1) dd span{color:#296ec4}
.alltime>dl:nth-child(2) dt, .alltime>dl:nth-child(2) dd span{color:#994fbd}
.alltime>dl:nth-child(3) dt, .alltime>dl:nth-child(3) dd span{color:#ef4e6d}
.alltime>dl:nth-child(4) dt, .alltime>dl:nth-child(4) dd span{color:#ba7e09}
.alltime>dl:nth-child(5) dt, .alltime>dl:nth-child(5) dd span{color:#439451}
.alltime>dl:nth-child(1) dt:After{background:#296ec4}
.alltime>dl:nth-child(2) dt:After{background:#994fbd}
.alltime>dl:nth-child(3) dt:After{background:#ef4e6d}
.alltime>dl:nth-child(4) dt:After{background:#ba7e09}
.alltime>dl:nth-child(5) dt:After{background:#439451}

.club {text-align:center; margin:50px 0;}
.club_list dl {padding:35px 30px 35px 140px; letter-spacing:-0.01em; border-bottom:1px dotted #dfdfdf;}
.club_list dl:last-child {border-bottom:0;}
.club_list dl.c1 {background:url('../img/contents/club01.gif') no-repeat left center;}
.club_list dl.c2 {background:url('../img/contents/club02.gif') no-repeat left center;}
.club_list dl.c3 {background:url('../img/contents/club03.gif') no-repeat left center;}
.club_list dl dt {font-size:18px; font-weight:bold;}
.club_list dl dd {margin-top:10px; line-height:24px;}

.talent>div {position:relative; min-height:260px; padding-left:39%; margin-top:10px; border:1px solid #dde5ea; border-radius:5px; }
.talent .share {background:#f7fcff url('../img/contents/share_bg.gif') no-repeat 14% bottom;}
.talent .learn {border-color:#f5e0e3; background:#fcf6f7 url('../img/contents/learn_bg.gif') no-repeat right 5% bottom;}
.talent>div>p {position:absolute; left:8%;}
.talent .share>p {top:35px; width:243px; height:85px; background:url('../img/contents/share_tit.gif') no-repeat;}
.talent .learn>p {top:65px; width:234px; height:110px; background:url('../img/contents/learn_tit.gif') no-repeat;}

.talent_re>div {position:relative; padding-left:39%; margin-top:10px; border:1px solid #dde5ea; border-radius:5px; }
.talent_re .share {background:#f7fcff url('../img/contents/share_bg.gif') no-repeat 14% bottom;}
.talent_re .learn {border-color:#f5e0e3; background:#fcf6f7}
.talent_re>div>p {position:absolute; left:8%;}
.talent_re .share>p {top:35px; width:243px; height:85px; background:url('../img/contents/share_tit.gif') no-repeat;}
.talent_re .learn>p {top:65px; width:234px; height:110px; background:url('../img/contents/learn_tit.gif') no-repeat;}

.ability{position:relative; overflow:hidden}
.ability .circle_bg{padding-left:5%; text-align:left}
.ability .circle_bg>li>div>p{font-size:1.2em}
.ability .circle_bg02{position:absolute; right:5%; top:0px}
.ability .circle_bg02:before{display:block; content:''; position:absolute; left:-45%; top:50%; margin-top:-23px; width:65px; height:46px; background:url('../img/contents/ability_arr.gif') no-repeat center center;}

.online dl {padding:35px 0 45px; margin-bottom:20px; border:1px solid #dfdfdf; border-radius:10px; overflow:hidden;}
.online dl dt {position:relative; float:left; text-align:center; width:32%;}
.online dl dt img {max-width:90%;}
.online dl dt:after {display:block; content:""; position:absolute; right:0; top:50%; width:1px; height:75px; margin-top:-34px; background:#dbdbdb;}
.online dl dt a {display:inline-block; margin-top:5px; padding:3px 17px 6px 40px; color:#fff; font-size:16px; border-radius:50px; background:#1d5aa6 url('../img/contents/newwindow_blue.gif') no-repeat 17px center;}
.online dl dd {float:left; width:62%; padding-left:35px; padding-top:10px;}
.online dl dd p.info {min-height:30px; padding-left:35px; color:#296ec4; font-size:16px; padding-top:2px; letter-spacing:-0.05em; background:url('../img/contents/info_ic.gif') no-repeat;}
.online dl dd p.txt {margin-top:5px; font-size:17px; line-height:26px;}

.town{margin-top:30px; overflow:hidden}
.town>li{float:left; padding-top:230px; width:33.3%; background-repeat:no-repeat; background-position:center top}
.town>li.ic01{background-image:url('../img/contents/town_ic01.gif')}
.town>li.ic02{background-image:url('../img/contents/town_ic02.gif')}
.town>li.ic03{background-image:url('../img/contents/town_ic03.gif')}
.town>li p.tit{display:block; text-align:center; margin:auto; padding:3px 20px; width:100px; background:#f0f0f0; font-size:1.2em; border-radius:100px; font-weight:bold}
.town>li .bl04>li{margin-top:20px}

.txt_quick{display:inline-block; font-weight:bold}
.txt_quick .q{color:#f03838}
.txt_quick .u{color:#fe8b25}
.txt_quick .i{color:#7dbb12}
.txt_quick .c{color:#2c69b4}
.txt_quick .k{color:#ae2cb3}
.tab_quick{display:table; border-collapse:separate; border-spacing:10px}
.tab_quick>li{position:relative; display:table-cell; border:1px solid #aaa; width:50%}
.tab_quick>li:after{display:block; content:''; position:absolute; margin:auto; bottom:-25px; right:0px; left:0px; width:15px; height:15px; border-width:0px 5px 5px 0px ; border-style:solid; border-color:#aaa; transform:rotate(45deg)}
.tab_quick>li dl dt{display:flex; justify-content:center; align-items:center; text-align:center; padding:5px; height:70px; background:#f0f0f0; border-bottom:1px solid #666; font-size:1.2em}
.tab_quick>li dl dd{padding:5% 7%}
.tab_quick>li.select{border:3px solid #ef4e6d}
.tab_quick>li.select dl dt{background:#ef4e6d; border-color:currentColor; color:#fff}
.tab_quick>li.select:after{border-color:#ef4e6d}
.quick{margin-top:30px; padding:5%; background:#f5f5f5}
.quick ul{display:block; text-align:center}
.quick ul>li{display:inline-block; margin:0px 2%; font-size:3em}
.quick ul>li p:before{display:block; content:''; margin:10px auto; width:5px; height:5px; background:#ccc; border-radius:50px}
.quick ul>li p{font-size:15px; /* color:#666; */ font-weight:normal}
.quick>p{text-align:center; margin:40px auto 0px; padding:10px; font-size:1.2em; border-radius:100px; border:3px solid #fff; background:#296ec4; max-width:600px; box-shadow:0px 0px 5px rgba(0,0,0,.1); color:#fff}

#sitemap>div>p {background:#ef4e6d;}
#sitemap>div:nth-child(4) {min-height:820px;}

.outlink {margin-top:30px; margin-bottom:60px; background:url('/main/img/sub/outlink_bg.gif') 8% 15% no-repeat; }
.outlink .tit {margin-bottom:25px; padding-bottom:25px; color:#1847ad; font-size:24px; font-weight:bold; border-bottom:1px solid #06314c;}
.outlink .con {padding:40px 0 30px 45%;}
.outlink .txt {font-size:17px;}
.outlink .txt p {margin-bottom:20px;}
.outlink .txt p.wfont {margin-bottom:0;}
.outlink .btnBox {text-align:center; margin-top:70px;} 
.outlink .btnBox a, .outlink_btn a {position:relative; display:inline-block; padding:17px 90px 17px 50px; color:#fff; font-size:18px; font-weight:bold; text-shadow:-1px 0 rgba(0,0,0,.3), 0 1px rgba(0,0,0,.3), 1px 0 rgba(0,0,0,.3), 0 -1px rgba(0,0,0,.3); background:linear-gradient(to right, #1a3797, #5632b0); z-index:1;}
.outlink .btnBox a:before, .outlink_btn a:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, #5632b0, #1a3797); opacity:0; transition:.8s; z-index:-1;}
.outlink .btnBox a:hover:before, .outlink_btn a:hover:before {opacity:1; transition:.8s;}
.outlink .btnBox a:after, .outlink_btn a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/outlink_btn.png') right 40px top 16px no-repeat;}



.guidemap {display:none; border:1px solid #d1d1d1;}
.guidemap.on {display:block;}
.guidemap .titBox {overflow:hidden; width:100%; height:255px; border-bottom:1px solid #d1d1d1;}
.guidemap .titBox dt {position:relative; float:left; text-align:center; width:25%; height:100%; background-color:#5f6061;}
.guidemap .titBox dt .txt {display:block; margin-top:50px; margin-bottom:35px; color:#fff; font-size:19px;}
.guidemap .titBox dt .txt:before {content:''; position:absolute; top:62px; right:0; width:35px; height:1px; background-color:#fff;}
.guidemap .titBox dt .tit {display:block; color:rgba(255,255,255,.4); font-size:77px; font-weight:bold; line-height:77px;}
.guidemap .titBox dd {float:left; padding:3.5% 5%; width:75%; border-left:1px solid #d1d1d1; box-sizing:border-box;}
.guidemap .titBox dd span {display:inline-block; margin-bottom:20px; padding:5px 10%; color:#fff; border-radius:30px; background-color:#0f50a7;}
.guidemap .titBox dd ul {overflow:hidden; margin-left:15px; counter-reset:guidemap;}
.guidemap .titBox dd ul li {position:relative; float:left; margin-top:5px; margin-bottom:5px; padding-left:25px; width:25%; counter-increment:guidemap;}
.guidemap .titBox dd ul li.long {width:50%;}
.guidemap .titBox dd ul li:before {content:counter(guidemap); position:absolute; left:0; top:0; text-align:center; width:22px; height:22px; font-size:14px; line-height:22px; border-radius:100%; background-color:#e8e8e8;}
.guidemap .con {text-align:center; padding:5% 0; width:100%; background-color:#fafafa; box-sizing:border-box;}
#f8 .titBox dt .tit {font-size:57px; }
#f9 .titBox dt .tit {font-size:57px; }

.alltime_intro {margin:10px auto 40px;}
.alltime_intro>ul {margin:70px auto 0; max-width:850px;}
.alltime_intro>ul:after {display:block; content:""; clear:both;}
.alltime_intro>ul>li {position:relative; float:left; text-align:center; width:30%;}
.alltime_intro>ul>li:not(:first-child) {margin-left:5%;}
.alltime_intro>ul>li dt {position:absolute; left:50%; top:-15px; padding:5px 0 6px; width:80%; color:#fff; font-size:18px; font-weight:600; border-radius:20px; background:#000; transform:translateX(-50%); z-index:1;}
.alltime_intro>ul>li dd {position:relative; height:160px; padding:25px 10px 15px; border-radius:10px; border:3px solid #000; background:#fff;}
.alltime_intro>ul>li dd>p {position:relative; top:50%; font-size:16px; line-height:24px; transform:translateY(-50%);}
.alltime_intro>ul>li:nth-child(1) dt {background:#ff879d;}
.alltime_intro>ul>li:nth-child(1) dd {border-color:#ff879d;}
.alltime_intro>ul>li:nth-child(2) dt {background:#ffba58;}
.alltime_intro>ul>li:nth-child(2) dd {border-color:#ffba58;}
.alltime_intro>ul>li:nth-child(3) dt {background:#74d724;}
.alltime_intro>ul>li:nth-child(3) dd {border-color:#74d724;}

.tbox.tbox_charging {padding-left:280px;}
.tbox.tbox_charging>img {position:absolute; left:55px; top:50%; transform:translateY(-50%);}

.downBox {text-align:center; margin:10px 0; padding:20px; border:3px solid #ef4e6d; background:#ef4e6d;}
.downBox .conbtn {padding:20px 70px 20px 40px; font-size:20px;}
.downBox .conbtn.down:before {background-position:right 39px top 25px;}
.downBox .note {position:relative; display:inline-block; margin-top:10px; margin-left:auto; margin-right:auto; font-size:20px; font-weight:600; color:#fff; z-index:2;}
.downBox .note:before {position:absolute; left:-2px; right:-2px; top:14px; bottom:-4px; background:#e04060; content:""; z-index:-1;}

.subHistory {position:relative; margin-top:40px; padding-left:16px;}
.subHistory:before {position:absolute; z-index:-1; left:105px; width:1px; top:5px; bottom:20px; border-left:1px dashed #aaa; content:"";}
.subHistory>dl {position:relative; padding-left:130px; padding-bottom:40px;}
.subHistory>dl dt {position:absolute; top:0; left:0; width:80px; font-size:20px; font-weight:600; color:#111;}
.subHistory>dl dt:before {position:absolute; right:-20px; top:50%; width:10px; height:10px; border:5px solid #111; border-radius:50%; transform:translateY(-50%); background:#fff; content:"";}
.subHistory>dl dd {position:relative; margin-top:10px; padding-left:10px; font-size:17px;}
.subHistory>dl dd:before {position:absolute; left:0; top:12px; width:3px; height:3px; background:#111; content:"";}

/*pc~tablet*/
@media all and (min-width:801px){
	.pc_block{display:block}
	.business>div {position:relative; padding-top:250px; background:url('../img/contents/business_tab.png') no-repeat center top; background-size:100%;}
	.business>div>dl>dt {position:absolute; top:0; width:20%; height:195px;}
	.business>div>dl:nth-of-type(1)>dt {left:.3%;}
	.business>div>dl:nth-of-type(2)>dt {left:20.2%;}
	.business>div>dl:nth-of-type(3)>dt {left:40%;}
	.business>div>dl:nth-of-type(4)>dt {left:60%;}
	.business>div>dl:nth-of-type(5)>dt {left:79.8%;}
	.business>div>dl>dt>a {display:inline-block; width:91%; height:89%; margin:5.5% auto; border-radius:50%; padding:48px 25px; font-size:19px; color:#555; line-height:24px; letter-spacing:-0.075em; font-weight:bold;}
	.business>div>dl:nth-of-type(2)>dt>a, .business>div>dl:nth-of-type(4)>dt>a {padding:35px 25px;}
	.business>div>dl>dt>a:hover {text-decoration:none;}
	.business>div>dl>dt>a span {display:block; font-size:16px;}
	.business>div>dl.on>dt>a {position:relative; color:#fff; background:linear-gradient(to top right, #ffb656, #ff6841, #fd8aa9);}
	.business>div>dl.on>dt>a:after {display:block; content:""; position:absolute; left:50%; bottom:-30px; width:27px; height:15px; margin-left:-13px; background:url('../img/contents/business_point.gif') no-repeat;}
	.business>div>dl .con {display:none;}
	.business>div>dl.on .con {display:block;}
	.business>div>dl .con dl {background:url('../img/contents/business_heart.gif') no-repeat 20px center;}	

	.talent>div>ol {margin-top:75px; font-size:0; line-height:0;}
	.talent>div>ol>li {position:relative; vertical-align:top; display:inline-block; width:20%; margin-right:5%; font-size:17px; line-height:1.3em;}
	.talent>div>ol>li:after {display:block; content:""; position:absolute; right:0; top:10px; width:31px; height:11px;}
	.talent>div>ol>li:last-child:after {display:none;}
	.talent>div.share>ol>li:after {background:url('../img/contents/share_point.gif') no-repeat;}
	.talent>div.learn>ol>li:after {background:url('../img/contents/learn_point.gif') no-repeat;}
	.talent>div>ol>li span.num {display:inline-block; padding-bottom:10px; margin-bottom:15px; font-size:14px; border-bottom:1px solid #d4d4d4;}
	.talent>div.share>ol>li span.num {color:#296ec4;}
	.talent>div.learn>ol>li span.num {color:#ef4e6d;}
	.talent>div>ol>li span.sfont {font-size:0.75em;}
	.talent_re>div>ol {margin:20px 0px 40px; padding-right:20px; font-size:0; line-height:0;}
	.talent_re>div>ol>li {position:relative; vertical-align:top; display:inline-block; width:20%; margin-top:30px; margin-right:5%; font-size:16px; line-height:1.3em;}
	.talent_re>div>ol>li:last-child{width:35%}
	.talent_re>div>ol>li:after {display:block; content:""; position:absolute; right:0; top:10px; width:31px; height:11px;}
	.talent_re>div>ol>li:last-child:after {display:none;}
	.talent_re>div.share>ol>li:after {background:url('../img/contents/share_point.gif') no-repeat;}
	.talent_re>div.learn>ol{margin:60px 0px 80px}
	.talent_re>div.learn>ol>li:after {background:url('../img/contents/learn_point.gif') no-repeat;}
	.talent_re>div>ol>li span.num {display:inline-block; padding-bottom:10px; margin-bottom:15px; font-size:14px; border-bottom:1px solid #d4d4d4;}
	.talent_re>div.share>ol>li span.num {color:#296ec4;}
	.talent_re>div.learn>ol>li span.num {color:#ef4e6d;}
	.talent_re>div>ol>li span.sfont {font-size:0.75em;}

	.outlink .txt span {display:block;}

}

/*tablet*/
@media screen and (max-width:800px){
	.business {background-size:100%; background-position:center top;}
	.business>div {margin:20px auto;}
	.business>p.tit {font-size:26px;}
	.business>div>dl {margin-top:30px;}
	.business>div .con dl {padding:20px;}
	.business>div>dl>dt>a {display:block; padding:2%; color:#fff; font-size:19px; font-weight:bold; border-radius:50px; background:linear-gradient(to right, #ffb656, #ff6841, #fd8aa9);}
	.business>div .con dd ul li {margin-top:5px; padding:2px 12px 3px; font-size:12px;}
	
	.circle_bg{margin:30px 10px 80px; text-align:center; font-size:0px}
	.circle_bg>li{display:block; vertical-align:top; margin:5px 0px !important; padding:20px 10px; width:100%; max-width:100%; height:auto; color:#fff; font-size:19px; font-weight:bold; border-radius:5px; background:linear-gradient(to right, #ffb656, #ff6841, #fd8aa9) !important}
	.circle_bg>li>div{position:relative; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:90%; height:auto}
	.circle_bg>li>div>span{margin-bottom:10px; font-size:15px; color:#fff; background:transparent; border:2px solid #fff}
	.circle_bg02{display:flex; justify-content:center; align-items:center; text-align:center; padding:20px 35px; width:237px; height:237px; background:url('../img/contents/circle_bg03.gif') no-repeat center center; color:#fff; font-size:1.6em; text-shadow:0px 0px 2px rgba(0,0,0,.5)}

	.lllcity_con01>li{right:0px !important; display:block; margin:20px 0px; min-width:60%}
	.lllcity_con02>p{position:relative; top:0px; left:0px; margin-top:0px; margin-left:0px; text-align:center}
	.lllcity_con02>ul>li{float:none !important; padding:20px !important; margin:7px auto; width:90%}
	.introduce_con01{padding-bottom:20%; background-size:100%}
	.introduce_con02>li{float:none; margin:10px auto; width:90%}
	.introduce_con02>li .tit{display:block; text-align:center; padding:20px 0px; font-size:1.15em; font-weight:bold; min-height:auto}
	.introduce_con02>li .txt{text-align:center; padding:20px 0px; min-height:auto}
	.alltime>dl{float:none; margin:.5%; padding:30px; width:99%}
	.alltime>dl dt{text-align:center}
	.alltime>dl dt:After{margin:10px auto}
	.alltime>dl dd{text-align:center}

	.talent>div {padding:25px 0; background-image:none !important;}
	.talent>div>p {position:static; margin:0 auto 20px;}
	.talent>div>ol>li {display:block; text-align:center; width:90%; margin:10px auto 0; padding:7px; border-radius:30px; border:1px solid #dde5ea; background:#fff;}
	.talent>div>ol>li span.num {position:relative; display:inline-block; padding-right:30px; font-size:14px; color:#296ec4;}
	.talent>div.learn>ol>li span.num {color:#ef4e6d;}
	.talent>div>ol>li span.num:after {display:block; content:""; position:absolute; right:9px; top:7px; width:0; height:0; border-top:6px solid #296ec4; border-right:6px solid transparent; border-left:6px solid transparent;}
	.talent>div.learn>ol>li span.num:after {border-top:6px solid #ef4e6d;}
	.talent>div>ol>li span.sfont {display:block;}
	.talent>div>ol>li br {display:none;}
	.talent_re>div {padding:25px 0; background-image:none !important;}
	.talent_re>div>p {position:static; margin:0 auto 20px;}
	.talent_re>div>ol>li {display:block; text-align:center; width:90%; margin:10px auto 0; padding:7px; border-radius:30px; border:1px solid #dde5ea; background:#fff;}
	.talent_re>div>ol>li span.num {position:relative; display:inline-block; padding-right:30px; font-size:14px; color:#296ec4;}
	.talent_re>div.learn>ol>li span.num {color:#ef4e6d;}
	.talent_re>div>ol>li span.num:after {display:block; content:""; position:absolute; right:9px; top:7px; width:0; height:0; border-top:6px solid #296ec4; border-right:6px solid transparent; border-left:6px solid transparent;}
	.talent_re>div.learn>ol>li span.num:after {border-top:6px solid #ef4e6d;}
	.talent_re>div>ol>li span.sfont {display:block;}
	.talent_re>div>ol>li br {display:none;}

	.ability{position:relative; overflow:hidden; margin-bottom:30px}
	.ability .circle_bg{padding:6px; text-align:center}
	.ability .circle_bg>li{min-width:33%}
	.ability .circle_bg02{margin:auto; position:relative}
	.ability .circle_bg02:before{display:block; content:''; position:absolute; left:50%; top:-40px; margin-left:-32px; width:65px; height:46px; background:url('../img/contents/ability_arr.gif') no-repeat center center; transform:rotate(90deg); -webkit-transform:rotate(90deg)}

	.history {padding-left:240px;}
	.history .con {padding-left:50px;}
	.history .con>p {position:static;}

	.town>li{float:none; padding-top:250px; width:100%; background-position-y:20px ; border-bottom:1px dotted #ccc}
	.town>li:last-child{border-bottom:0px}
	.town>li>ul{padding-bottom:30px}
	.quick ul>li{display:block}

	.outlink {background-position:center 0;}
	.outlink .con {padding:260px 0 30px 0; text-align:center;}
	.outlink .btnBox {margin-top:20px;}

	.vision>li{float:none; width:100%; margin-bottom:30px;}
	


}

/*mobile*/
@media screen and (max-width:640px){
	.history {padding-left:0; margin-top:30px;}
	.history .tit {position:static; margin-bottom:10px; padding:10px 0 10px 100px; background-position:left center; background-size:80px;}
	.history .con {padding:25px 35px;}
	.history .con>p {font-size:45px;}

	.online dl dt {float:none; width:100%;}
	.online dl dd {float:none; width:95%;}

	.alltime_intro>ul>li {width:100%;}
	.alltime_intro>ul>li:not(:first-child) {margin-left:0%; margin-top:25px;}
	
	.tbox.tbox_charging {padding-left:35px; text-align:center;}
	.tbox.tbox_charging>img {position:static; transform:none;}
	
	.subHistory {padding-left:16px;}
	.subHistory:before {left:25px;}
	.subHistory>dl {padding-left:0;}
	.subHistory>dl dt {position:relative; padding-left:27px; width:auto;}
	.subHistory>dl dt:before {right:auto; left:0;}
	.subHistory>dl dd {padding-left:27px;}
	.subHistory>dl dd:before {left:17px;}

}