@import url("menu.css");
@import url("jssor.css");
@import url("layout.css");
@import url("hover.css");

.title{ width:250px; margin:30px auto; background: url(../images/titlebg.png) no-repeat; padding:40px 0 0 0; box-sizing:border-box; font-size:16px;text-align:center; color:#555;}
.title p, .about-title p{ padding:10px 0; font-family:"Times New Roman", Times, serif;}
.title span{ display:block; font-size:30px; color:#000;padding:10px 0;}
.about-title{width:250px; margin:30px auto; background: url(../images/02/about_titlebg.png) no-repeat; padding:40px 0 0 0; box-sizing:border-box; font-size:16px;text-align:center; color:#555;}
.about-title span{ display:block; font-size:30px; color:#000;padding:20px 0;}
.style-en{ font-size:36px; text-align:center; margin:20px 0;}

.home-about{ font-size:30px; font-weight:bold; text-align:center; line-height:40px;}
ul.arrow{ display: table;margin: 0 auto;}
.arrow li{  float:left; border:1px solid #ccc; margin:0 -1px 0 0;}
.arrow li a{ display:block;padding:10px; box-sizing: border-box;}
.homeaboutbg{background:url(../images/homebg1.png) no-repeat; background-position:right bottom; min-height:900px;}
.home-list{ width:100%; margin:30px 0; overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-list li:nth-child(1){ width:32%; float:left; border-right:1px solid #ccc; padding:50px 40px;box-sizing:border-box;}
.home-list li:nth-child(2){width:32%; float:left; padding:50px 40px;box-sizing:border-box;}
.home-list li:nth-child(3){ width:35%; floaat:left; position:relative;}
.home01{ font-size:26px; line-height:40px; font-weight:bold; padding:20px 0; box-sizing:border-box;}
.home02{ font-size:18px; line-height:36px; margin-bottom:48px;}
.home03{ color:#fff; }
.home-bg-bk{ width:90%; height:100%; margin:0 auto; background:#000;padding:50px 40px;box-sizing:border-box; }
.home-pic{ position:absolute; bottom:30px;}
.video{}
.video a{ opacity:0.8;}
.video a:hover{ opacity:1;}

.aboutbg-1{ background:url(../images/02/pic01.jpg) no-repeat; background-position:left top; }
.aboutbg-2{ background:url(../images/02/bg2.png) no-repeat; background-position:right bottom; min-height:900px;}
.aboutbg-3{ background:url(../images/02/aboutbg.jpg) no-repeat;min-height:950px;}
.public{ width:45%; margin:150px 0 0 0;}
.future{ width:40%; margin-left:60%;}
.team{ width:60%; margin:0 auto;}
.team-2{ width:18%; float:left; margin:50px 0 0 0; }
.team-3{ width:15%; float:left; margin:150px 0 0 40px; }
.team-style-1{ font-size:24px; font-weight:bold; line-height:40px;}
.team-style-2{ font-size:18px;line-height:30px;}
.team-list{ width:100%; overflow:hidden; margin:30px 0;}
.team-list li{ width:12%; float:left; margin:0 2.2% 0 0; text-align:center; }
.team-list li:first-child{ }
.team-list li:last-child{ margin:0;}
.info-list{ width:100%; overflow:hidden;display:flex;justify-content:space-between; flex-wrap:wrap; margin:20px 0;}
.info-list li{ width:25%; float:left; border-right:1px solid #ccc; padding:0 25px; box-sizing:border-box; font-size:18px; line-height:36px;}
.info-list li:last-child{border-right:none;}
.info-list li{ }
.about-text{ font-size:18px; line-height:32px; padding:20px 30px; box-sizing:border-box;}
.regular{ width:100%;margin:20px auto 180px auto;}
.regular-2{ width:80%;}
.regular-3{ width:100%;}

.news-list{ width:100%; margin:30px 0;}
.news-list li{ width:50%; float:left; padding:0 60px; box-sizing:border-box;}
.news-list li:nth-child(1){ background:url(../images/01/newsbg.png) repeat-y; background-position:right;}
.news-list li img{ margin-bottom:30px;}
.news-list li a{}
.news-list li a:hover{}
.solid{ width:100%; height:1px; background:#000; margin:30px 0;}
.news-list-title{ width:100%; margin:20px 0; font-size:20px; line-height:30px;font-weight:bold;height:60px;overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;}
.news-list-1{ width:100%; font-size:15px; line-height:30px;}
.news-list-1 span{padding:10px 20px; background:#000; color:#fff; font-size:18px; line-height:30px; margin-right:10px;}
.news-list-2{ font-size:18px; line-height:32px;}
.news-title{ width:100%; font-size:26px; line-height:30px; padding:20px 0; box-sizing:border-box; text-align:center; border-bottom:1px solid #000;border-top:3px solid #000; font-weight:bold; margin:20px 0;}
.news-text{  padding:30px 0; box-sizing:border-box; clear:both; }
.news-text p{font-size:18px; line-height:32px; margin-bottom:30px;letter-spacing:2px;}
.news-pic{ width:65%; float:left;}
.news-box{ width:10%; float:right; background:#000; color:#fff; text-align:center; padding:20px 0; box-sizing:border-box;}
.year{ font-size:20px;}
.year:after{ content:""; display:block; width:10px; height:2px; background:#fff; margin:20px auto;}
.date{ font-size:28px; font-style:italic; padding:0px 0 20px 0; box-sizing:border-box;}
.date:after{ content:""; display:block; width:1px; height:50px; background:#fff; margin:10px auto 0 auto; }
.name{ font-size:18px;}

.point{ width:60px; height:122px; position:absolute; right:20px; top:-20px;}
.hotpic{ position:relative;}
.hotpic a:hover{opacity:0.8;-webkit-transition:0.8s;}
.a01-box{ margin:80px 0 0 0; box-sizing:border-box;}
.hotcase-title{ font-size:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hotcase-left{ width:37%; float:left;}
.hotcase-right{ width:60%; float:right;}
.hotcase-info{ font-size:20px; line-height:36px; margin-bottom:20px;}
.hotcase-text{ font-size:18px; line-height:30px; letter-spacing:2px; padding:20px 0; box-sizing:border-box;}
.hotcase-line{ width:50%; height:16px; margin:20px auto; background:url(../images/06/login-bg.png); }
.hotcase-pic{ width:46%; height:auto; margin:0 1%; }
.hotcase-btn{ width:200px; height:48px; background:#000; font-size:24px; line-height:48px; text-align:center; margin-bottom:20px; float:right;}
.hotcase-btn a{ display:block; color:#fff;} 
.hotcsae-list{ width:100%; overflow:hidden; clear:both;border-top:1px solid #ddd;}
.hotcsae-list li{ float:left; font-size:16px; line-height:30px; padding:10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.hotcsae-list li:nth-child(odd){ display:block; width:16%; font-weight:bold;text-align: justify;
    text-align-last: justify;}
.hotcsae-list li:nth-child(even){ width:34%;}
/*.hotcsae-list li:last-child{ width:84%;}*/
.newcase{ width:100%; overflow:hidden; margin-bottom:40px;}
.newcase li{ width:33.3333%; float:left;}
.newcase-name{ font-size:26px; padding:10px 0 10px 20px; font-weight:bold;}
.newcase-year{ font-size:18px; line-height:30px; padding:0 0 0 20px;}
.newcase-year:after{content:""; display:inline-block; width:80px; height:5px; border-top:1px solid #000; margin-left:10px;}
.c01-list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.c01-list li{float:left;}
.c01-list li:nth-child(odd){ width:30%; padding:20px 2% 20px 0; box-sizing:border-box; }
.c01-list li:nth-child(even){ width:70%; padding:20px 0 20px 15%; box-sizing:border-box;}
.c01-list li:nth-child(1){ border-bottom:1px solid #ccc;}
.c01-list li:nth-child(2){ border-bottom:1px solid #ccc;}
.c01-1{ width:100%; padding:10px; box-sizing:border-box; border:1px solid #000; font-size:60px; margin-bottom:10px;}
.c01-1 span{font-family:"Times New Roman"; display:inline-block; padding-bottom:5px; border-bottom:1px solid #000;}
.c01-title{ font-size:30px; font-weight:bold; padding:20px 0; box-sizing:border-box;}
.c01-title:after{content:""; display:inline-block; width:30px; height:10px; border-top:5px solid #000; margin:0 0 0 10px;}
.c01-add{ font-size:18px; line-height:32px;}
.c01-top{ width:100%; overflow:hidden; border-top:3px solid #000;}
.c01-left{ width:70%; float:right; border-bottom:1px solid #000; font-size:22px; line-height:30px; text-align:center; padding:15px 0; box-sizing:border-box;}
.c01-right{ width:28%; float:left; height:60px; border-top:0;border-left:0;border-right:0; border-bottom:1px solid #000; font-size:16px;}
.case-list{ width:100%; overflow:hidden;}
.case-list sup{ font-size:12px;}
.case-list a{ display:block; width:100%; height:50px; color:#000;background:#efefef;}
.case-list a:hover{/* background:#efefef;*/ }
.case-list li{ font-size:20px; line-height:30px; float:left; text-align:center; padding:10px 0; box-sizing:border-box;}
.case-list li:nth-child(1){ width:12%;}
.case-list li:nth-child(2){ width:12%;}
.case-list li:nth-child(3){ width:12%;}
.case-list li:nth-child(4){ width:40%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.case-list li:nth-child(5){ width:12%;}
.case-list li:nth-child(6){ width:12%;}
.case01{ border-bottom:1px solid #000; border-top:3px solid #000; font-weight:bold;}
.case02 li{ border-bottom:1px solid #ccc;}
.case-select{ width:20%; margin:0 0 20px 80%; height:30px; border-top:0;border-left:0;border-right:0; font-size:18px;}
.case-box{ width:20%; float:right;  text-align:right; padding:20px 0; box-sizing:border-box;}
.case-year{ font-size:30px; letter-spacing:0px;}
.case-year span{display: inline-block;padding-bottom:10px;border-bottom: 1px solid #000;font-family:"Times New Roman";}
.case-date{ font-size:60px; color:#ddd;font-family:"Times New Roman"; padding:10px 0;}
.case-name{ font-size:48px; font-weight:bold; clear:both;}
.case-line{width:30px; height:5px; background:#000; margin:0 0 20px 0; float:right;}
.case-title{ font-size:30px; padding:10px 0; box-sizing:border-box;}
.case-main{ width:30%; float:right;}
ul.case-logo{ display: table;  margin:90px auto;}
.case-logo li{ width:100px; height:100px; float:left;}
.case-logo li:nth-child(2){ width:2px; height:100px; border-left:1px solid #ccc; margin:0 5px;}
.peer-list{ width:100%; overflow:hidden;}
.peer-list li{ font-size:18px; line-height:30px; padding:10px 0; box-sizing:border-box; float:left; border-bottom:1px solid #ccc;}
.peer-list li:nth-child(odd){ width:24%; font-weight:bold;}
.peer-list li:nth-child(even){ width:76%;}

.award-style1{ font-size:24px; text-align:center; padding:10px 0; box-sizing:border-box;}
.award-style2{ font-size:18px; line-height:30px;}
.award-list{ width:100%;display:flex;justify-content:space-between; flex-wrap:wrap; margin:30px 0;}
.award-list li{ width:50%; float:left; margin-bottom:20px;}
.award-pic{ width:100%; text-align:center; margin-bottom:20px;}
.award-left{ width:18%; height:80px; float:left; margin-right:3%;border-right:1px inset #000; background:url(../images/05/bk.jpg) no-repeat;}
.award-right{ width:78%; float:left; }
.award-right h6{ font-size:21px; font-weight:bold; line-height:30px;}
.award-right p{ font-size:18px; line-height:28px;}
.award-left p{ width:100%; font-size:30px; line-height:32px; text-align:center; font-style:italic; }
.awrad-inner{ margin-bottom:20px;}

.login-main{ width:50%; float:left; overflow:hidden; padding:0 40px 0 0; box-sizing:border-box;}
.loginbg:before{ content:""; display:block; background:url(../images/06/login-bg.png); width:100%; height:16px;}
.loginbg:after{content:""; display:block; background:url(../images/06/login-bg.png); width:100%; height:16px;}
.login-style{ font-size:20px; text-align:center; padding:30px 0;}
.login-form{ width:100%; overflow:hidden; margin:0 0 20px 0;}
.login-form li{ width:100%; height:auto; float:left;padding:5px; box-sizing:border-box; border:1px solid #ccc; font-size:18px; line-height:40px; margin-bottom:10px;}
.login-form li label{ width:20%; float:left;}
.login-form li input[type="text"]{ width:80%; float:left;border:0px; height:40px; width:75%; padding:2px 5px; box-sizing:border-box; font-size:18px; color:#666;}
.login-form li input[type="password"]{ width:75%; float:left;border:0px; height:40px; width:75%; padding:2px 5px; box-sizing:border-box; font-size:18px; color:#666;}
.login-form li:nth-child(3){ width:60%; float:left;}
.login-form li:nth-child(4){ border:0px; width:20%; float:left;}
.login-form li:nth-child(5){ border:0px; width:100%; clear:both; text-align:center;}
.login-form li input::placeholder{color:#ccc;}
.login-form input[type="submit"]{ width:120px; height:50px; background:#fff; border:1px solid #999; cursor:pointer;margin:0 8px 0 0; font-size:15px;font-family: "微軟正黑體 Light";}
.login-form input[type="reset"]{width:120px; height:50px; background:#fff; border:1px solid #999;cursor:pointer;font-size:15px;font-family: "微軟正黑體 Light";}
.list{ width:50%; float:left;position:relative; margin:30px 0;}
.list-date{ width:150px; height:150px; background:#000; color:#fff; position:absolute; left:68%; top:18%; text-align:center; font-size:20px; padding:25px; box-sizing:border-box;}
.list-date span{ display:block;font-style:italic; font-size:28px; font-weight:bold; letter-spacing:2px;}
.list-date span:before{ content:""; display:block; width:20px; height:2px; background:#fff; margin:20px auto;}
.list-box{ width:80%; overflow:hidden; border-bottom:1px solid #ccc;border-top:2px solid #ccc; padding:3px 0; box-sizing:border-box; margin:20px 0 0 0; }
.list-box img{ width:50px; height:50px; float:left; margin:0 5px;}
.list-box p{ font-size:20px; font-weight:bold; line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.craft-title{ width:100%; font-size:24px; border-bottom:1px solid #000;border-top:3px solid #000;margin:20px 0; }
.c01{ background:#000; color:#fff; padding:20px 0; box-sizing:border-box; display:inline-block; width:22%; text-align:center; }
.c02{display:inline-block; width:76%; text-align:right;}
.c03{ padding:20px 0; box-sizing:border-box; display:inline-block; width:22%; }
.craft-left{ width:25%; float:left; padding:0 3% 0 0; box-sizing:border-box;}
.craft-right{ width:75%; float:left; padding:0 20px 20px 20px; box-sizing:border-box;}
.craft{ width:100%;}
.craft-right iframe{ width:100%; height:500px;}
.step-info{ width:20%; float:left; margin:30px 0 0 0;}
.step-text{ width:60%; float:right;margin:30px 0 0 0; font-size:20px; line-height:38px;}

.page{ width:640px;height:auto;margin:50px auto 10px auto;text-align:center;clear:both; background:url(../images/06/login-bg.png) no-repeat; background-position:left top;padding:40px 0 0 0; box-sizing:border-box;}
.page ul{ width:100%; display:inline-block; }
.page li {font-size:18px;line-height:40px;text-align:center;float:left;padding:0 5px;box-sizing:border-box;}
.page li:nth-child(1){ width:30%;}
.page li:nth-child(2){ width:40%;}
.page li:nth-child(3){ width:30%;}
.page li a{ display:block;background-color: #FFF;border: 1px solid #CCC;color: #646464;}
.page li select{ width:70px;height: 38px;border: 1px solid #CCC;}
.navbar{ width:100%; height:80px; border:1px solid #ccc;overflow:hidden; margin:50px 0 0 0;}
.navbar li{ text-align:center; }
.navbar li a{ display:block; height:80px; color:#000;padding:16px 0 0 0; box-sizing:border-box; }
.navbar li a:hover{ opacity:0.8;}
.navbar li:nth-child(1){ width:150px;float:left; font-size:20px; line-height:80px;border-right:1px solid #ccc;background:url(../images/back.png) no-repeat; background-position: top center;}
.navbar li:nth-child(2){ width:80px;border-right:1px solid #ccc;float:right;}
.navbar li:nth-child(3){ width:80px; height:80px;border-right:1px solid #ccc;border-left:1px solid #ccc; float:right;}

.contact-style{ width:100%; height:48px; margin:30px 0; background:url(../images/stylebg.jpg) repeat-x; background-position:bottom; font-size:20px; line-height:48px; text-align:center; }
.contact-list { text-align:center; border-bottom:1px solid #CCC; height:50px; margin-bottom:30px;}
.contact-list ul { display:inline-block;}
.contact-list li{ padding:0 10px;height:50px; float:left; font-size:20px; line-height:50px; text-align:center; margin:0 15px;}
.contact-list li a{ color:#999; }
.contact-list li.current{ background:url(../images/contact.png); background-position:center; color:#000;}
.contact-form{ width:90%; margin:0 auto; overflow:hidden;}
.contact-form li{ width:49%; height:auto; float:left; padding:5px; box-sizing:border-box; border:1px solid #ccc; font-size:18px; line-height:40px;}
.contact-form li span{ color:#F00;}
.contact-form li:nth-child(odd){ margin:0 1% 1% 0;}
.contact-form li:nth-child(even){margin:0 0 1% 1%;}
.contact-form li:nth-child(5){ width:100%;}
.contact-form li:nth-child(6){ width:100%;margin: 0 0 1% 0;}
.contact-form li:nth-child(7){ width:25%;}
.contact-form li:nth-child(8){ border:0px; width:10%; }
.contact-form li:nth-child(9){ border:0px; width:20%; color:#7f7e7e;}
.contact-form li:nth-child(10){ border:0px; width:41%; text-align:right;}
.contact-form li label{ width:25%; display:inline-block;}
.contact-form li input[type="text"]{ border:0px; height:40px; width:75%; padding:2px 5px; box-sizing:border-box; font-size:18px; color:#666;}
.contact-form li textarea{ display:block; width:99%; max-width:99%; height:100px; max-height:100px;border:0px; outline:none; font-size:18px; color:#666;}
.contact-form li input[type="submit"]{ width:120px; height:50px; background:#fff; border:1px solid #999; cursor:pointer;margin:0 8px 0 0;}
.contact-form li input[type="reset"]{width:120px; height:50px; background:#fff; border:1px solid #999;cursor:pointer; }

.reserve-form{ width:90%; margin:30px auto; overflow:hidden;}
.reserve-form li{ width:49%; height:auto; float:left; padding:5px; box-sizing:border-box; border:1px solid #ccc; font-size:18px; line-height:40px;}
.reserve-form li span{ color:#F00;}
.reserve-form li:nth-child(odd){ margin:0 1% 1% 0;}
.reserve-form li:nth-child(even){margin:0 0 1% 1%;}
.reserve-form li:nth-child(9){ width:100%;margin:0 0 1% 0;}
.reserve-form li:nth-child(10){ width:25%; margin:0 0 1% 0;}
.reserve-form li:nth-child(11){ border:0px; width:10%; }
.reserve-form li:nth-child(12){ border:0px; width:20%; color:#7f7e7e;}
.reserve-form li:nth-child(13){ border:0px; width:43%; text-align:right; margin:0;}
.reserve-form li label{ width:25%; display:inline-block;}
.reserve-form li select{ border:0px; height:40px; width:75%; padding:2px 5px; box-sizing:border-box; font-size:18px; color:#666;font-family:Tahoma, "微軟正黑體 Light";}
.reserve-form li input[type="text"]{ border:0px; height:40px; width:75%; padding:2px 5px; box-sizing:border-box; font-size:18px; color:#666;}
.reserve-form li textarea{ display:block; width:99%; max-width:99%; height:100px; max-height:100px;border:0px; outline:none; font-size:18px; color:#666;}
.reserve-form li input[type="submit"]{ width:120px; height:50px; background:#fff; border:1px solid #999; cursor:pointer;margin:0 8px 0 0;}
.reserve-form li input[type="reset"]{width:120px; height:50px; background:#fff; border:1px solid #999;cursor:pointer; }

.archbg{ background:url(../images/07/bg01.jpg) no-repeat; background-position:right top;}
.archpic{ width:500px; margin:50px 0;}
.archname{ width:100%; font-size:20px; line-height:50px; background:#000; color:#fff; text-align:center; margin:0 0 20px 0;}
.archbtn{ width:600px; overflow:hidden;}
.archbtn li{ width:33%; float:left; font-size:20px; line-height:60px; text-align:center; border:1px solid #ccc;}
.archbtn li a{ display:block; color:#000;}
.archbtn li:nth-child(2){ margin-left:-1px;}
.archbtn li:nth-child(3){ margin-left:-1px;}
.archbtn li a:hover{ background:#efefef; }
.qa-list{}
.qa-list li{ background:url(../images/07/q.jpg) no-repeat; padding:0 0 0 90px; box-sizing:border-box; margin-bottom:40px;}
.qa-style-1{ font-family:"Times New Roman", Times, serif; color:#9fa0a0; font-size:48px; font-style:italic; padding:20px 0; }
.qa-style-2{ font-size:30px; font-weight:bold;}
.qa-text{ font-size:18px; line-height:30px;}
.qa-text:before{content:""; display:block; width:20px; height:5px; background:#000; margin:30px 0;}
.city-title{ font-size:22px; line-height:50px; background:#000; text-align:center; color:#fff; font-weight:bold;}
.city-list{}
.city-list li{ font-size:18px; line-height:30px;  border-bottom:1px solid #ccc;}
.city-list li a{ display:block; color:#000;padding:10px 30px; box-sizing:border-box;}
.city-list li a:hover{ text-decoration:underline; background:#efefef;}
.city-text{ font-size:22px; line-height:36px; font-weight:bold;}
.city-1{ width:100%; overflow:hidden;}
.city-1 li{ font-size:22px; line-height:50px; font-weight:bold;}
.city-1 li:nth-child(1){ background:#000; color:#fff; text-align:center; width:80%; float:left;}
.city-1 li:nth-child(2){ background:#000; color:#fff; text-align:center; width:20%; float:left; }
.city-2{ width:100%; overflow:hidden;}
.city-2 li{ font-size:20px; line-height:40px;border-bottom:1px solid #ccc; }
.city-2 li img{ width:40px; height:40px;}
.city-2 li:nth-child(odd){ width:80%; float:left; padding:10px 0 10px 30px; box-sizing:border-box; }
.city-2 li:nth-child(even){ text-align:center; width:20%; float:left;  padding:10px 0; box-sizing:border-box; }
.city-2 a{ display:block; height:40px;}
.city-2 a:hover{ opacity:0.7;}
.city-3{ width:100%; overflow:hidden;}
.city-3 li{ font-size:22px; line-height:50px; font-weight:bold;border-bottom:1px solid #000;border-top:3px solid #000;}
.city-3 li:nth-child(1){  text-align:center; width:20%; float:left;}
.city-3 li:nth-child(2){  text-align:center; width:80%; float:left;}
.city-4{ width:100%; overflow:hidden;}
.city-4 a{ display:block; width:100%; height:60px; color:#000;}
.city-4 a:hover{ background:#efefef;}
.city-4 li{ font-size:20px; line-height:40px;border-bottom:1px solid #ccc; }
.city-4 li img{ width:40px; height:40px;}
.city-4 li:nth-child(odd){ width:20%; float:left; padding:10px 0 ; box-sizing:border-box; text-align:center; }
.city-4 li:nth-child(even){ width:80%; float:left;  padding:10px 0; box-sizing:border-box; }
.city-add{ width:75%; float:left; background:url(../images/07/titlebg.jpg) no-repeat; background-position:left center; font-size:18px; line-height:30px; padding:0 0 0 30px; box-sizing:border-box; 
margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.city-select{ width:25%; float:left; height:30px; margin-bottom:20px;}
.search{ width:60%; margin:30px 0 30px 40%; overflow:hidden;}
.search li{ font-size:18px; line-height:36px; float:left;}
.search li input[type="text"]{ width:100%; height:32px;background:#fff; border:1px solid #ccc; }
.search li input[type="submit"]{ width:85%; height:36px; background:#fff; border:1px solid #ccc; cursor:pointer;}
.search li:nth-child(1){ width:20%;}
.search li:nth-child(2){ width:60%; }
.search li:nth-child(3){ width:20%; text-align:center; }
.info-main{ width:70%; margin:0 auto;}
.info-main p{ font-size:22px; padding:15px 0; border-bottom:1px solid #000;border-top:3px solid #000; text-align:center;}
.other-list{ width:100%; overflow:hidden;}
.other-list li{ font-size:18px; line-height:50px; width:50%; float:left; border-bottom:1px solid #ccc; }
.other-list li a{ display:block; padding:0 0 0 40px; box-sizing:border-box; color:#000;}
.other-list li a:hover{ background:#575757; color:#fff;}
.other-list li:nth-child(1){ background:#eee;}
.other-list li:nth-child(2){ background:#eee;}
.other-list li:nth-child(5){ background:#eee;}
.other-list li:nth-child(6){ background:#eee;}
.other-list li:nth-child(9){ background:#eee;}
.other-list li:nth-child(10){ background:#eee;}
.select-city{ display:none; width:100%; height:40px; margin:10px 0; font-size:17px;font-family:"微軟正黑體 Light";}

.bg-black{ background:#000;}
footer{ padding:20px 0 10px 0; box-sizing: border-box; clear:both;}
.footer-box{ border-top:1px solid #000; padding:30px 20px 0 20px; box-sizing:border-box;}
.footer-style{ font-size:13px; text-align:center; color:#999;}
.footer-logo{ width:75%; height:auto;}
.logo-list{}
.logo-list li{ float:left; width:10%; height:60px; line-height:60px; margin:0 2%; text-indent:-9999px;}
.logo-list li a{ display:block; }
.logo-list li:nth-child(1) a{ background:url(../images/logo1.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(2) a{ background:url(../images/logo2.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(3) a{ background:url(../images/logo3.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(4) a{ background:url(../images/logo4.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(5) a{ background:url(../images/logo5.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(6) a{ background:url(../images/logo6.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(7) a{ background:url(../images/logo7.jpg) no-repeat;background-size:contain;}
.logo-list li:nth-child(1) a:hover{background:url(../images/logo1a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(2) a:hover{background:url(../images/logo2a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(3) a:hover{background:url(../images/logo3a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(4) a:hover{background:url(../images/logo4a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(5) a:hover{background:url(../images/logo5a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(6) a:hover{background:url(../images/logo6a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li:nth-child(7) a:hover{background:url(../images/logo7a.jpg) no-repeat;-webkit-transition:0.5s;background-size:contain;}
.logo-list li img{ width:100%; height:auto;}
.link-list{ width:85%; margin:10px auto; overflow:hidden;}
.link-list li{ color:#999; width:12.5%; float:left;}
.link-list li a{ color:#bbb;}
.link-list li a:hover{ text-decoration:underline;}
.link-list li h6{ padding:0 0 5px 0; color:#fff;}
.link-list li h6 a{ color:#fff;}
.link-list li p{ font-size:14px; line-height:26px;}
.gototop{ background:#000; border:1px solid #fff; position:fixed; right:50px; bottom:100px; text-align:center; z-index:7; }
.gototop a{ display:block; color:#fff;padding:20px;box-sizing: border-box;}
.gototop a img{ display:block; width:30px; height:30px; margin:0 auto 10px auto;}

.nonDetail{background:#fff;}


@media (max-width: 1280px) {
  
}

@media (max-width: 1024px) {
.title{ margin:10px auto;}
.title span{ font-size:26px;}
.about-title span{ font-size:26px;}
.style-en{ font-size:30px;}

.contact-style{height:auto; background:#efefef;  font-size:18px; line-height:30px; padding:5px; box-sizing:border-box; }
.contact-form{ width:100%;}
.contact-form li{ width:100%; height:auto; float:left;}
.contact-form li:nth-child(odd){ margin:0 0 1% 0;}
.contact-form li:nth-child(even){margin:0 0 1% 0;}
.contact-form li:nth-child(7){ width:100%;}
.contact-form li:nth-child(8){ border:0px; width:20%; }
.contact-form li:nth-child(9){ border:0px; width:80%; color:#7f7e7e;}
.contact-form li:nth-child(10){ border:0px; width:100%; text-align:left;}
.contact-form li label{ width:100%; display:block;}
.contact-form li input[type="text"]{ width:100%;}
.reserve-form{ width:100%; }
.reserve-form li{ width:100%; height:auto; float:left;}
.reserve-form li:nth-child(odd){  margin:0 0 1% 0;}
.reserve-form li:nth-child(even){ margin:0 0 1% 0;}
.reserve-form li:nth-child(10){ width:100%;}
.reserve-form li:nth-child(11){  width:20%; }
.reserve-form li:nth-child(12){  width:80%; }
.reserve-form li:nth-child(13){ width:100%; text-align:left;}
.reserve-form li label{ width:100%; display:block;}
.reserve-form li select{ width:100%;}
.reserve-form li input[type="text"]{  width:100%;}

.award-style1{ font-size:20px; }
.award-style2{ font-size:16px; line-height:30px;}
.award-left{ width:100%; height:80px; float:none; margin-right:0;border-right:none;}
.award-right{ width:100%; float:none; }
.award-right h6{ font-size:20px; }
.award-right p{ font-size:16px;}
.award-left p{  font-size:26px; text-align:left; padding:0 0 0 10px; box-sizing:border-box;}

.login-main{ width:100%; float:none; padding:20px;}
.login-form{ width:100%; overflow:hidden; margin:0 0 20px 0;}
.login-form li{ width:100%; height:auto; float:left;padding:5px; box-sizing:border-box; border:1px solid #ccc; font-size:18px; line-height:40px; margin-bottom:10px;}
.login-form li label{ width:100%; float:none;}
.login-form li input[type="text"]{  width:100%; }
.login-form li input[type="password"]{ width:100%; float:none;}
.login-form li:nth-child(3){ width:100%; float:left;}
.login-form li:nth-child(4){ border:0px; width:100%; float:none;}
.list{ width:100%; float:none;position:relative; margin:20px 0;}
.list-date{ width:100%; height:auto; position:relative; left:0; top:0; padding:20px;}
.list-date span{ display:inline-block;font-size:20px; }
.list-date span:before{  display:inline-block;  margin:8px 5px;}
.list-box{ width:100%; overflow:hidden; border-top:0; margin:0; }
.list-box img{ width:50px; height:50px; float:none; margin:0 auto; display:block;}
.list-box p{ display:block; width:100%; height:auto;font-size:18px; line-height:30px; text-align:center; }

.news-list{ width:100%; margin:20px 0;}
.news-list li{ width:100%; float:none;padding: 0; margin-bottom:20px;}
.news-list li:nth-child(1){ background:none; background-position:right;}
.news-list-1{ width:100%; font-size:13px; line-height:30px;}
.news-list-1 span{font-size:16px; }
.solid{ margin:20px 0;}
.news-title{  font-size:22px; padding:10px 0; }
.news-text{  padding:20px 0; }
.news-text p{font-size:16px; line-height:30px; }
.news-pic{ width:100%; float:none;}
.news-box{ width:100%; float:none; }
.year{ font-size:18px;}
.year:after{ margin:10px auto;}
.date{ font-size:24px;}
.date:after{display:none;  }
.name{ font-size:16px;}

.page{ width:100%;margin:30px auto 10px auto; background:url(../images/06/login-bg.png) repeat-x; }
.page li {font-size:18px;line-height:40px;text-align:center;float:left;padding:0 5px;box-sizing:border-box;}
.page li:nth-child(1){ display:none;}
.page li:nth-child(2){ width:100%;}
.page li:nth-child(3){ display:none;}
.page li select{ width:85%;}
.navbar{ margin:30px 0 0 0;}
.navbar li:nth-child(1){ width:100px; }
.navbar li:nth-child(2){ width:70px;}
.navbar li:nth-child(3){ width:70px;}

.aboutbg-1{background-size:40%;}
.aboutbg-2{background-size:50%;  min-height:auto;}
.aboutbg-3{ background-position:left; min-height:auto; }
.public{ width:100%; margin:0;}
.future{ width:100%; margin-left:0;}
.team{ width:100%; }
.team-2{ width:100%; float:none; margin:0; }
.team-3{ width:100%; float:none; margin:0; }
.team-style-1{ font-size:20px; }
.team-style-2{ font-size:16px;line-height:30px;}
.team-list{margin:20px 0;}
.info-list{}
.info-list li{ width:50%; float:left; border-left:1px solid #ccc; border-right:0; font-size:16px; margin:0 0 10px 0;}
.info-list li:nth-child(even){border-right:none;}
.about-text{ font-size:16px; line-height:30px; padding:20px;}
.regular{ width:100%;margin:20px auto 120px auto;}
.regular-2{ width:100%;}

.craft-title{ width:100%; font-size:20px; line-height:32px;margin:20px 0; }
.craft-right iframe{ height:400px;}
.c01{ padding:10px 0; display:block; width:100%; font-weight:bold;}
.c02{display:block; width:100%; text-align:center;padding:5px 0; box-sizing:border-box;}
.c03{ padding:10px 0;  display:block; width:100%; text-align:center; font-weight:bold;}
.craft-left{ width:100%; float:left; padding:0; margin:0 0 20px 0;}
.craft-right{ width:100%; float:left; padding:0;}
.step-info{ width:210px;float:none; margin:20px 0 0 0;}
.step-text{ width:100%; float:none;margin:20px 0 0 0; font-size:16px; line-height:30px;}

.a01-box{ margin:0; }
.hotcase-title{ font-size:26px; }
.hotcase-left{ width:100%; float:none;}
.hotcase-right{ width:100%; float:none;}
.hotcase-info{ font-size:18px; line-height:32px; }
.hotcase-text{ font-size:16px; line-height:30px; }
.hotcase-btn{ width:100%; font-size:20px; float:none;}
.hotcsae-list{border-top:1px solid #ddd;}
.hotcsae-list li{ }
.hotcsae-list li:nth-child(odd){ width:20%; }
.hotcsae-list li:nth-child(even){ width:80%;}
.hotcsae-list li:last-child{ width:80%;}
.newcase{  margin-bottom:0;}
.newcase li{ width:33.3333%; }
.newcase-name{ font-size:20px;  }
.newcase-year{ font-size:16px;}
.c01-list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.c01-list li{float:none;}
.c01-list li:nth-child(odd){ width:100%; padding:20px 0; }
.c01-list li:nth-child(even){ width:100%; padding:10px 0; box-sizing:border-box;}
.c01-list li:nth-child(1){ border-bottom:0;}
.c01-1{ font-size:40px; }
.c01-1 span{}
.c01-title{ font-size:24px; }
.c01-title:after{height:8px; border-top:5px solid #000; margin:0 0 0 10px;}
.c01-add{ font-size:16px; line-height:30px;}
.c01-top{ width:100%; overflow:hidden; border-top:3px solid #000;}
.c01-left{ width:100%; float:none; border-bottom:1px solid #000; font-size:20px;padding:15px 0; }
.c01-right{ width:100%; float:none; }
.case-main{ width:100%; float:none; clear:both;}
ul.case-logo{ display: table;  margin:10px auto;}
.peer-list li{ font-size:16px; }
.case-list a:hover{ background:none; }
.case-list li:nth-child(1){ width:20%;}
.case-list li:nth-child(2){ width:80%;}
.case-list li:nth-child(3){display:none;}
.case-list li:nth-child(4){ display:none;}
.case-list li:nth-child(5){ display:none;}
.case-list li:nth-child(6){ display:none;}
.case-select{ width:100%; margin:0 0 20px 0; }
.case-box{ width:100%; float:none;  text-align:right;padding:10px 0;}
.case-year{ font-size:26px; }
.case-date{ font-size:40px; }
.case-name{ font-size:36px; }
.case-title{ font-size:22px; font-weight:bold;}
.archbg{ background-size:40%;}
.archpic{ width:40%; margin:30px 0;}

.qa-style-1{  font-size:40px; padding:10px 0; }
.qa-style-2{ font-size:26px; }
.qa-text{ font-size:16px; }
.qa-text:before{margin:20px 0;}
.city-text{ font-size:18px; line-height:30px;}
.city-1 li{ font-size:20px;}
.city-1 li:nth-child(1){ width:78%; }
.city-1 li:nth-child(2){ width:22%; }
.city-2{}
.city-2 li{ font-size:18px; }
.city-2 li:nth-child(odd){ width:78%; padding:10px 0 10px 10px; }
.city-2 li:nth-child(even){  width:22%;}
.search{ width:100%; margin:20px 0;}
.search li{ }
.search li input[type="text"]{ width:100%; }
.search li input[type="submit"]{ width:85%; }
.search li:nth-child(1){ width:100%;}
.search li:nth-child(2){ width:75%; }
.search li:nth-child(3){ width:25%;}
.select-city{ display:block;}
.city-title{ font-size:20px; }
.city-list li{ font-size:16px;}
.city-list li a{ padding:10px;}
.archbtn{ width:100%;}
.archbtn li{ width:33%; float:left; font-size:18px; }
.city-3 li{ font-size:20px;}
.city-3 li:nth-child(1){ width:30%; }
.city-3 li:nth-child(2){ width:70%; text-align:left;}
.city-4 li{ font-size:17px;  }
.city-4 li img{ }
.city-4 li:nth-child(odd){ width:30%; }
.city-4 li:nth-child(even){ width:70%; }
.city-add{ width:100%; float:none; }
.city-select{ width:100%; float:none; height:40px; }
.info-main{ width:100%; margin:0 auto;}
.info-main p{ font-size:20px; padding:10px 0;}
.other-list{}
.other-list li{ font-size:16px; width:100%; float:none;overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
.other-list li:nth-child(even){background:#eee;}
.other-list li:nth-child(1){ background:none;}
.other-list li:nth-child(5){ background:none;}
.other-list li:nth-child(9){ background:none;}

.home-about{ font-size:22px; }
.homeaboutbg{ height:auto; background-size:50%;background-position:right top; }
.home-list{ width:100%; margin:20px 0; }
.home-list li:nth-child(1){ width:100%; float:none; border-right:0; padding:20px; border-bottom:1px solid #000;}
.home-list li:nth-child(2){width:100%; float:none; padding:20px;}
.home-list li:nth-child(3){ width:100%; float:none;}
.home01{ font-size:20px; line-height:32px; }
.home02{ font-size:16px; line-height:30px; margin-bottom:30px;}
.home-bg-bk{ width:100%; height:100%; margin:0 auto; padding:20px;}
.home-pic{ display:none;}
ul.arrow{ }
.arrow li{ width:50px; height:50px;}
.arrow li img{ width:100%; height:auto;}
.arrow li a{ display:block;padding:10px; box-sizing: border-box;}

.footer-box{  padding:10px; }
.footer-logo{ width:50%; margin:0 0 10px 0;}
.link-list{ width:100%;}
.link-list li{ width:25%;}
.link-list li p{ display:none;}
.gototop{right:10px; bottom:50px; }
.gototop a{ padding:10px;}

}

@media (max-width: 768px) {
	.newcase{ width:90%; margin:0 auto;}
	.newcase li{ width:100%; float:none; }
}

@media (max-width: 640px) {
.contact-form li label{ width:100%; display:block;}
.contact-form li input[type="text"]{ width:100%;}
.award-list{  margin:20px 0;}
.award-list li{ width:100%; float:none; }
.link-list li{ width:100%; float:none; text-align:center;}
.news-list-2{ font-size:16px; line-height:30px;}
.info-list li{ width:100%; float:none;}
.regular{ margin:20px auto 80px auto;}
.footer-logo{ width:100%;}
.hotcsae-list li:nth-child(odd){ width:100%; text-align:left;}
.hotcsae-list li:nth-child(even){ width:100%;}
.hotcsae-list li:last-child{ width:100%;}
.peer-list li:nth-child(odd){ width:100%; font-weight:bold;}
.peer-list li:nth-child(even){ width:100%;}
.hotcase-title{ font-size:22px; }
.archpic{ width:90%;}
.qa-style-1{  font-size:36px; }
.qa-style-2{ font-size:20px; }
.news-title{  font-size:20px; }

.archbtn li{ width:98%; float:none; margin-bottom:5px;}
.archbtn li:nth-child(2){ margin-left:0px;}
.archbtn li:nth-child(3){ margin-left:0px;}

.city-3 li:nth-child(1){  width:35%; }
.city-3 li:nth-child(2){ width:65%; }
.city-4 li:nth-child(odd){ width:35%; }
.city-4 li:nth-child(even){ width:65%; }
.craft-right iframe{ height:300px;}

}

@media (max-width: 480px) {

}