@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("fancybox.css");
@import url("nav2.css");

html {
  width: 100%;
  height: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei",
    sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #555;
  width: 100%;
  min-width: 1000px;
  height: 100%;
  background: url(../images/bg.jpg);
  position: relative;
}
.pu_pp {
  text-align: left;
  font-size: 18px;
  margin-bottom: 20px;
  border-bottom: 1px double #898f94;
}
.pu_pp_t {
  text-align: left;
  font-size: 18px;
  margin-bottom: 20px;
  color: #244e88;
  font-weight: bold;
}

.pu_text {
  font-size: 16px;
  line-height: 30px;
  margin-top: 10px;
  text-align: left;
}

a {
  text-decoration: none;
}
::selection {
  background: #444;
  color: #937c46; /* Safari */
}
::-moz-selection {
  background: #444;
  color: #937c46; /* Firefox */
}

#allpage .closemenu,
#allpage .closecart {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  overflow: hidden;
}

.header a.logo,
.header .icon .inquiry,
.header ul.nav li.search a.btn,
.product .list a.next,
.product .list a.prev,
.product .list .scrollable .items div ul li p.img em,
a.mplay,
.footer .main .copyright .logo,
.footer a.pagetop,
.content ul.productlist li a.more,
.content ul.productlist li p.img em,
.content .productclass .list a.next,
.content .productclass .list a.prev,
.content .application .main .right .list a.next,
.content .application .main .right .list a.prev,
.content .productclass .list .scrollable .items div ul li p.img em,
.content .application .main .right .list .scrollable .items div ul li p.img em,
.content .productmain ul li .new,
.content .productmain ul li p.img a.play,
.content .newsmain .main .textpage a,
.content .capabilitypart2 .list a.next,
.content .capabilitypart2 .list a.prev,
.content .inquirymain ul li p.btn a,
.content .capabilitypart2 .list .scrollable .items div ul li .img em,
.content .formmain .main ul li a.reload,
.content .careerpart2 .list a.next,
.content .careerpart2 .list a.prev,
.content .productmain ul li .infor .btn .join,
.product .list .scrollable .items div ul li a.inquiry .join,
.product .list .scrollable .items div ul li p.img a.play {
  background: url(../images/main.png) no-repeat;
}

.header {
  display: block;
  width: 100%;
  height: 147px;
  background: url(../images/header_bg.png) no-repeat center top;
  position: fixed;
  z-index: 999;
}
.header a.logo {
  display: block;
  width: 331px;
  height: 111px;
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -5000px;
}
.header .icon {
  display: block;
  height: 61px;
  position: absolute;
  top: 20px;
  right: 0px;
  font-size: 15px;
  width: 380px;
}
.header .icon img {
  display: block;
  float: right;
}
.header .icon a.inquiry {
  display: block;
  width: 163px;
  height: 35px;
  margin: 15px 0 0 0;
  background-position: -775px 0;
  float: right;
  position: relative;
}
.header .icon a.inquiry span {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 18px;
  line-height: 34px;
  color: #816753;
  text-align: right;
  position: absolute;
  top: 0;
  left: 80px;
}
.header .icon a.inquiry:hover {
  background-position: -965px 0;
}
.header .icon a.inquiry:hover span {
  color: #fff;
}

.header a.car {
  display: none;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 7px;
  background: url(../images/car.png) no-repeat center center;
}
.header a.car span {
  width: 35px;
  height: 20px;
  font-size: 26px;
  line-height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  text-align: center;
  padding-top: 8px;
}
/* 20241204 增加手機版電話按鈕下拉選單 */
.header .menu_phones {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
  min-width: 50px;
  min-height: 50px;
}

.menu_phones .car {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  position: relative;
  top: 0px;
  right: 7px;
  background: url(../images/car.png) no-repeat center center;
  z-index: 999;
}

.menu_phones .dropdown__content {
  position: absolute;
  background-color: rgba(255,255,255,0.9);
  min-width: 100vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  top: -20px;
  right: 0;
  transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  border-bottom: 5px solid #0e69ab;
  margin-top: 85px;
}

.menu_phones .dropdown__content.show {
  top: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
}

.menu_phones .dropdown__content a {
  color: black;
  padding: 15px 15px;
  text-decoration: none;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
}

.menu_phones .dropdown__content a:last-child {
  border-bottom: none;
}

.menu_phones .dropdown__content a:hover {
  background-color: #f1f1f1;
}

.menu_bottom_phones{
  display: none;
}
/* 20241204 增加手機版電話按鈕下拉選單 END */

.header ul.nav {
  display: block;
  height: 41px;
  position: absolute;
  top: 86px;
  right: 10px;
}
.header ul.nav li {
  display: inline-block;
  padding: 0 35px 0 0;
  font-size: 19px;
  line-height: 20px;
  color: #fff;
  font-family: Calibri;
  text-shadow: 1px 1px 7px #05244f;
  position: relative;
}
.header ul.nav li a {
  color: #fff;
  padding: 0 0 0 20px;
  border-left: 1px solid #598bcd;
  line-height: 20px;
}
.header ul.nav li a:hover {
  color: #ffe7c2;
  padding: 0 0 0 18px;
  border-left: 3px solid #fff;
  line-height: 20px;
}
.header ul.nav li.search {
  display: inline-block;
  height: 20px;
  position: relative;
}
.header ul.nav li.search a.btn {
  display: block;
  width: 41px;
  height: 41px;
  padding: 0;
  background-position: -389px 0;
  border: none;
  position: absolute;
  top: -7px;
  left: 0;
}
.header ul.nav li.search input {
  display: block;
  width: 21px;
  height: 30px;
  padding: 0 10px;
  border-radius: 30px;
  border: none;
  background: #fff;
  opacity: 0;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-family: Calibri, Arial, Helvetica, sans-serif;
}
.header ul.nav li.search input.submin {
  display: block;
  width: 70px;
  height: 26px;
  background: #333;
  position: absolute;
  top: 2px;
  right: 37px;
  opacity: 0;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  cursor: pointer;
}
.header ul.nav li.search input.submin:hover {
  background: #777;
}

.content {
  display: block;
  width: 100%;
  min-height: 608px;
  padding: 0 0 20px 0;
  background: url(../images/blue_bg.png) no-repeat center top;
}
#page .content {
  padding: 190px 0 100px 0;
  background: url(../images/blue_bg.png) no-repeat center -380px;
}
#page2 .content {
  padding: 190px 0 100px 0;
  background: url(../images/blue_bg.png) no-repeat center -200px;
}
#page .content.white {
  padding: 190px 0 0px 0;
}
.content .banner {
  display: block;
  width: 100%;
  padding: 130px 0 40px 0;
  margin: 0 0 50px 0;
  position: relative;
}

/** TimeLine Slideshow **/
div.timeline_slideshow {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 0 0 0;
  margin: 0 auto;
}
div.timeline_slideshow div.slideshow {
  width: 100%;
  overflow: hidden;
}
div.timeline_slideshow div.slideshow div.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  vertical-align: central;
}
div.timeline_slideshow div.slideshow div.wrapper img {
  max-width: 100%;
}
div.timeline_slideshow div.slideshow div.wrapper div.visual {
  width: 100%;
  height: 380px;
  position: absolute;
  display: none;
  z-index: 1;
  text-align: center;
  vertical-align: central;
}
div.timeline_slideshow div.slideshow div.wrapper div.visual img {
}
div.timeline_slideshow div.slideshow div.wrapper div.visual span {
  height: 100%;
  display: inline-block;
}
div.timeline_slideshow div.slideshow div.wrapper div.visual * {
  vertical-align: middle;
  text-align: center;
}

div.timeline_slideshow div.slideshow div.wrapper div.visual img.cursor_pointer {
  cursor: pointer;
}
div.timeline_slideshow div.slideshow div.wrapper div.selected {
  display: block;
  z-index: 3;
}

div.timeline_slideshow div.timeline {
  width: 100%;
  max-width: 1000px;
  margin: -23px auto 0 auto;
  height: 40px;
  padding: 50px 0 0 0;
  background: url(../images/banner_bg.png) no-repeat center top;
  position: relative;
  z-index: 9;
}
div.timeline_slideshow div.timeline ul {
  width: 100%;
  height: 40px;
}
div.timeline_slideshow div.timeline ul li {
  display: block;
  width: 33.3%;
  position: relative;
  float: left;
  height: 40px;
}
div.timeline_slideshow div.timeline ul li.last {
  background: none;
}
div.timeline_slideshow div.timeline ul li span.legend {
  display: block;
  position: absolute;
  width: 95%;
  height: 40px;
  overflow: hidden;
  left: 0;
  bottom: 0;
  font-size: 11px;
  line-height: 40px;
  padding: 0 5% 10px 0;
  color: #8a8a8a;
  cursor: pointer;
}
div.timeline_slideshow div.timeline ul li span.title {
  color: #717171;
  font-size: 20px;
}
div.timeline_slideshow div.timeline ul li span.position {
  margin: 0 10px 0 0;
}
div.timeline_slideshow div.timeline ul li.selected span.position {
  color: #004d86;
  font-family: Tw Cen MT;
  font-size: 11px;
}
div.timeline_slideshow div.timeline ul li.selected span.title {
  display: inline;
  color: #343434;
}
div.timeline_slideshow div.timeline ul li:hover span.title {
  display: inline;
  color: #343434;
}
div.timeline_slideshow div.timeline ul li .current {
  display: none;
  width: 100%;
  height: 95px;
  margin: 0 0 0 0;
  background: url(../images/banner_current.png) no-repeat center top;
  position: absolute;
  top: -55px;
  left: 0;
}
div.timeline_slideshow div.timeline ul li .currentline {
  display: block;
  width: 100%;
  height: 2px;
  top: 40px;
  left: 0;
  background: #fff;
}
div.timeline_slideshow div.timeline ul li.selected .current {
  display: block;
}
div.timeline_slideshow div.timeline ul li.selected .currentline {
  background: #106db2;
}

div.timeline_slideshow div.timeline div {
  height: 2px;
  left: 0;
  bottom: 0;
  position: relative;
}
div.timeline_slideshow div.timeline div.time {
  width: 100%;
}
div.timeline_slideshow div.timeline div.elapsed_time {
  display: none;
  background: #106db2;
  width: 0%;
  margin: -2px 0 0 0;
}

.content .about {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.content .about .left {
  display: block;
  width: 35.5%;
  background: #000;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
.content .about .left img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.content .about .left img.video {
  position: absolute;
  height: 100%;
}
a.mplay {
  display: none;
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
  background-position: -226px -140px;
  position: absolute;
  top: 50%;
  left: 50%;
}
a.mplay:hover {
  background-position: -226px -232px;
}

.content .about .left a.play {
  display: block;
  width: 80px;
  height: 80px;
  margin: -50px 0 0 -40px;
  background: url(../images/play.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}
.content .about .left a.play:hover {
  background-position: 0 -80px;
}
.content .about .left p {
  display: block;
  width: 80%;
  height: 22px;
  margin: 50px 0 0 -40%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
  overflow: hidden;
  color: #fff;
}

.content .about .right {
  display: inline-block;
  padding: 0 0 0 2.5%;
  float: right;
}
.content .about .right.novideo {
  width: 95%;
  padding: 0 2.5%;
  margin: 0 auto;
  float: none;
}

.content .about .right h1 {
  margin: 35px 0 20px 0;
  font-size: 20px;
  color: #003d88;
  background: url(../images/index_about_line.png) no-repeat 100% center;
  line-height: 30px;
}
.content .about .right h1 span {
  font-weight: normal;
}
.content .about .right p {
  display: block;
  width: 95%;
  padding: 0 0 0px 0;
}

.content .about .right.novideo h1 {
  margin: 35px 0 20px 0;
  font-size: 36px;
  color: #003d88;
  background: url(../images/index_about_line2.png) no-repeat 100% center;
}
.content .about .right.novideo p {
  padding: 0 0 50px 0;
}

.content .about a.more {
  display: block;
  width: 130px;
  height: 35px;
  background: url(../images/index_about_more.png) no-repeat right 0;
  font-size: 15px;
  color: #c0a786;
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.content .about a.more:hover {
  color: #a17049;
}
.content .aboutbottom {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: 24px;
  margin: 0 auto 75px auto;
  background: url(../images/index_about_bottom.png) no-repeat center top;
  background-size: cover;
}

.content .news {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: 71px;
  margin: 0 auto 50px auto;
  background: #e5e5e5 url(../images/news_icon.png) no-repeat 98% center;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  position: relative;
}
.content .news p.title {
  display: block;
  width: 17%;
  float: left;
  position: relative;
}
.content .news p.title img {
  height: 71px;
  position: absolute;
  right: 0;
}
.content .news p.title span {
  display: none;
  font-size: 23px;
  font-weight: bold;
  color: #333;
  padding: 5px 0 0 0;
}
.content .news p.list {
  display: block;
  width: 83%;
  float: right;
  line-height: 71px;
}
.content .news p.list span {
  color: #c39d6c;
  margin: 0 10px 0 0;
}
.content a .news p.list {
  color: #555;
}
.content a:hover .news p.list {
  color: #111;
}

.content .product {
  display: block;
  width: 100%;
  padding: 95px 0 2px 0;
  background: #fff;
  position: relative;
}
.content .product .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .product .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .product .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .product .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}

.product .list {
  display: block;
  width: 100%;
  max-width: 1245px;
  height: 322px;
  margin: 0 auto;
  position: relative;
}
.product .list .scrollable {
  position: relative;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 322px;
  padding: 0;
  margin: 0 auto;
}
.product .list .scrollable .items {
  width: 1000%;
  position: absolute;
  clear: both;
}
.product .list .scrollable .items div {
  display: block;
  float: left;
  width: 10%;
  height: 322px;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: #333;
}
.product .list .scrollable .items div ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.product .list .scrollable .items div ul li {
  display: block;
  width: 25%;
  float: left;
  background: url(../images/index_product_line2.png) no-repeat right top;
}
.product .list .scrollable .items div ul li.last {
  background: none;
}
.product .list .scrollable .items div ul li p.img {
  display: block;
  width: 72%;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.product .list .scrollable .items div ul li p.img span {
  height: 100%;
  display: inline-block;
}
.product .list .scrollable .items div ul li p.img * {
  vertical-align: middle;
  text-align: center;
  border-radius: 20px;
}
.product .list .scrollable .items div ul li p.img em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.product .list .scrollable .items div ul li p.img a.play {
  display: block;
  width: 68px;
  height: 68px;
  margin: 0 0 0 -34px;
  background-position: -226px -140px;
  position: absolute;
  top: 40px;
  left: 50%;
}
.product .list .scrollable .items div ul li p.img a.play:hover {
  background-position: -226px -232px;
}
.product .list .scrollable .items div ul li p.img img {
  max-width: 100%;
  max-height: 100%;
}
.product .list .scrollable .items div ul li p.class {
  display: block;
  width: 72%;
  margin: 0 auto 8px auto;
  padding: 0 0 25px 0;
  font-size: 15px;
  line-height: 17px;
  color: #2168b9;
  text-align: center;
  background: url(../images/index_product_line.png) no-repeat center bottom;
}
.product .list .scrollable .items div ul li p.name {
  display: block;
  width: 72%;
  margin: 0 auto 25px auto;
  font-size: 19px;
  line-height: 21px;
  color: #585858;
  text-align: center;
  font-weight: bold;
}
.product .list .scrollable .items div ul li p.name a {
  color: #585858;
}
.product .list .scrollable .items div ul li p.name a:hover {
  color: #aa8a61;
}

.product .list .scrollable .items div ul li p.btn {
  display: block;
  width: 71%;
  margin: 0 auto;
  border: 1px solid #b5a08c;
  background: #fff;
  position: relative;
  float: none;
}
.product .list .scrollable .items div ul li p.btn a.inquiry {
  display: block;
  width: 50%;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  color: #a9917a;
  text-align: center;
  background: url(../images/inquiry_icon3.png) no-repeat 90% center;
  cursor: pointer;
  position: relative;
}
.product .list .scrollable .items div ul li p.btn a.inquiry:hover {
  font-weight: bold;
  color: #a06d3c;
  height: 30px;
  border: 3px solid #b5a08c;
  line-height: 30px;
}
.product .list .scrollable .items div ul li p.btn a.inquiry.nodown {
  width: 100%;
}
.product .list .scrollable .items div ul li p.btn a.inquiry.nodown:hover {
  width: 98%;
  font-weight: bold;
  color: #a06d3c;
  height: 30px;
  border: 1% solid #b5a08c;
  line-height: 30px;
}

.product .list .scrollable .items div ul li p.btn a.inquiry.incar {
  background: none;
  cursor: default;
  color: #d8c6b4;
}
.product .list .scrollable .items div ul li p.btn a.inquiry.incar:hover {
  font-weight: normal;
  border: none;
  line-height: 36px;
  color: #d8c6b4;
}

.product .list .scrollable .items div ul li p.btn a.inquiry.incar.nodown:hover {
  width: 100%;
}

.product .list .scrollable .items div ul li p.btn a.download {
  display: block;
  width: 45%;
  height: 36px;
  padding: 0 0 0 5%;
  background: #b5a08c;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}
.product .list .scrollable .items div ul li p.btn a.download span {
  display: block;
  width: 30px;
  height: 36px;
  background: url(../images/download_icon.jpg) no-repeat right center #b5a08c;
  position: absolute;
  top: 0;
  right: 0;
}
.product .list .scrollable .items div ul li p.btn a.inquiry .join {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 0 0 -17px;
  background-position: -389px -307px;
  position: absolute;
  top: 0px;
  left: 50%;
  opacity: 0;
}

.product .list a.next {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -450px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: 2;
  cursor: pointer;
}
.product .list a.next:hover {
  background-position: -450px -127px;
}
.product .list a.prev {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -389px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 120px;
  left: 0px;
  z-index: 2;
  cursor: pointer;
}
.product .list a.prev:hover {
  background-position: -389px -127px;
}
.product .list a.disabled {
  display: none;
}

.content .authenticate {
  display: block;
  width: 100%;
  min-height: 163px;
  margin: 0 auto 25px auto;
  background: url(../images/index_authenticate_bg.png) repeat-x left top;
}
.content .authenticate ul.main {
  display: block;
  width: 100%;
  max-width: 1000px;
  padding: 40px 0 0 0;
  margin: 0 auto;
  background: url(../images/index_authenticate_bg2.png) no-repeat center top;
  text-align: center;
}
.content .authenticate ul.main li {
  display: inline-block;
  padding: 0 15px;
}

.content .service {
  display: block;
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
}
.content .service ul {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 50px 0 0 0;
}
.content .service ul li {
  display: block;
  width: 33%;
  margin: 0 1px 0 0;
  float: left;
}
.content .service ul li div.title {
  display: block;
  width: 100%;
  padding: 25px 0 20px 0;
  background: url(../images/index_service_bg.png) repeat-y right top #0e57b1;
}
.content .service ul li div.title .top {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
  position: relative;
}
.content .service ul li div.title .top img {
  display: block;
  width: 50%;
  position: absolute;
  bottom: -2px;
  right: 0;
}
.content .service ul li div.title .top h3 {
  width: 80%;
  margin: 0 auto;
  line-height: 25px;
  color: #fff;
  font-weight: normal;
  letter-spacing: 1px;
}
.content .service ul li div.title .top h3 span {
  font-size: 15px;
}
.content .service ul li div.title .text {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  border-top: 2px solid #86aad6;
  font-size: 18px;
  color: #b9c4da;
}
.content .service ul li p {
  width: 80%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  font-size: 18px;
  color: #454545;
}

.content .service ul li.green div.title {
  background: url(../images/index_service_bg.png) repeat-y right top #0e57b1;
}
.content .service ul li.green div.title .text {
  border-top: 2px solid #b2d2f3;
  color: #c9ddf5;
}

.content .service ul li.quality div.title {
  background: url(../images/index_service_bg.png) repeat-y right top #0e57b1;
}
.content .service ul li.quality div.title .top img {
  bottom: 0px;
}
.content .service ul li.quality div.title .text {
  border-top: 2px solid #c8e6f6;
  color: #d5ebf8;
}

.content .titlemain {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: 70px;
  margin: 0 auto 50px auto;
  background: url(../images/page_title_bg.png) no-repeat;
}
.content .titlemain.inquiry {
  margin: 0 auto 30px auto;
}
.content .titlemain h1 {
  display: inline-block;
  width: 420px;
  height: 70px;
  padding: 0 0 0 50px;
  font-size: 28px;
  line-height: 70px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 1px;
  background: url(../images/page_title_line.png) no-repeat 300px center;
  text-shadow: 1px 1px 5px #000;
  overflow: hidden;
}
.content .titlemain p.nav {
  display: inline-block;
  margin: 0 30px 0 0;
  text-align: right;
  font-size: 15px;
  line-height: 70px;
  color: #747474;
  float: right;
}
.content .titlemain p.nav a {
  color: #b3b3b3;
  margin: 0 5px 0 0;
  padding: 0 0 0 10px;
  background: url(../images/nav_icon2.png) no-repeat left center;
}
.content .titlemain p.nav a:hover {
  color: #333;
}
.content .titlemain p.nav a.home {
  padding: 0 0 0 10px;
  background: url(../images/nav_icon.png) no-repeat left center;
}
.content .titlemain p.nav span {
  margin: 0 5px 0 0;
  padding: 0 0 0 10px;
  background: url(../images/nav_icon2.png) no-repeat left center;
}

/*product*/
.content .producttext {
  display: block;
  width: 100%;
  max-width: 925px;
  margin: 0 auto 35px auto;
  font-size: 19px;
  line-height: 28px;
  color: #424242;
}
.content .productauth {
  display: block;
  width: 100%;
  margin: 0 auto 20px auto;
}
.content .productauth ul.main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.content .productauth ul.main li {
  display: inline-block;
  padding: 0 15px;
}

.content ul.productlist {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.content ul.productlist li {
  display: block;
  width: 97%;
  margin: 0 0 30px 0;
  background: #fff;
  border-bottom: 1px solid #c4ad8f;
  padding: 15px;
  box-shadow: 0px 0px 5px #ededed;
  overflow: hidden;
  position: relative;
}
.content ul.productlist li p.img {
  display: block;
  width: 32%;
  padding: 0 10px 0 0;
  float: left;
  background: #f4f4f4 url(../images/product_list_bg.png) repeat-y right top;
  position: relative;
  text-align: center;
}
.content ul.productlist li p.img img {
  max-width: 100%;
  max-height: 100%;
}
.content ul.productlist li p.img em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.content ul.productlist li .right {
  display: block;
  width: 68%;
  margin: 0 0 0 -10px;
  padding: 20px 0 0 0;
  float: right;
  position: relative;
}
.content ul.productlist li .right p.class {
  display: block;
  width: 92%;
  margin: 0 0 15px 0;
  padding: 0 0 0 8%;
  font-size: 30px;
  line-height: 33px;
  color: #003d88;
  background: url(../images/product_list_icon.png) no-repeat left center;
}
.content ul.productlist li .right p.class a {
  color: #003d88;
}
.content ul.productlist li .right p.class a:hover {
  color: #8296ae;
}
.content ul.productlist li .right p.text {
  display: block;
  width: 92%;
  margin: 0 0 0 8%;
  padding: 15px 0 15px 0;
  font-size: 18px;
  line-height: 28px;
  color: #7d7d7d;
  background: url(../images/product_list_line.png) repeat-x top left;
}
.content ul.productlist li a.more {
  display: block;
  width: 73px;
  height: 33px;
  background-position: -775px -48px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 15px;
  color: #c0a786;
}
.content ul.productlist li a.more:hover {
  background-position: -775px -92px;
  color: #b08e61;
}

.content .productclass {
  display: block;
  width: 100%;
  margin: 0 auto 120px auto;
  position: relative;
  background: url(../images/product_class_bg.png) repeat-y center top;
}
.content .productclass .list {
  display: block;
  width: 100%;
  max-width: 1060px;
  height: 225px;
  margin: 0 auto;
  position: relative;
}
.content .productclass .list .scrollable {
  position: relative;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 225px;
  padding: 0;
  margin: 0 auto;
}
.content .productclass .list .scrollable .items {
  width: 1000%;
  position: absolute;
  clear: both;
}
.content .productclass .list .scrollable .items div {
  display: block;
  float: left;
  width: 10%;
  height: 225px;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: #333;
}
.content .productclass .list .scrollable .items div ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .productclass .list .scrollable .items div ul li {
  display: block;
  width: 25%;
  float: left;
  background: url(../images/index_product_line2.png) no-repeat right -7px;
}
.content .productclass .list .scrollable .items div ul li.last {
  background: none;
}
.content .productclass .list .scrollable .items div ul li p.img {
  display: block;
  width: 90%;
  height: 154px;
  margin: 10px auto 10px auto;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #f4f4f4;
}
.content .productclass .list .scrollable .items div ul li p.img span {
  height: 100%;
  display: inline-block;
}
.content .productclass .list .scrollable .items div ul li p.img * {
  vertical-align: middle;
  text-align: center;
}
.content .productclass .list .scrollable .items div ul li p.img em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.content .productclass .list .scrollable .items div ul li p.img img {
  max-width: 100%;
  max-height: 100%;
}
.content .productclass .list .scrollable .items div ul li p.name {
  display: block;
  width: 90%;
  height: 51px;
  margin: 0 auto 0 auto;
  font-size: 18px;
  line-height: 18px;
  color: #6a7686;
  text-align: center;
  background: url(../images/product_class_line.png) no-repeat center bottom;
  overflow: hidden;
}
.content .productclass .list .scrollable .items div ul li p.name a {
  color: #585858;
  padding: 0 0 10px 0;
}
.content .productclass .list .scrollable .items div ul li p.name a:hover {
  color: #aa8a61;
}
.content .productclass .list .scrollable .items div ul li.current p.name {
  background: url(../images/product_class_line2.png) no-repeat center bottom;
}
.content .productclass .list .scrollable .items div ul li.current p.name a {
  color: #003d88;
}

.content .productclass .list a.next {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -450px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 80px;
  right: -20px;
  z-index: 2;
  cursor: pointer;
}
.content .productclass .list a.next:hover {
  background-position: -450px -127px;
}
.content .productclass .list a.prev {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -389px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 80px;
  left: -20px;
  z-index: 2;
  cursor: pointer;
}
.content .productclass .list a.prev:hover {
  background-position: -389px -127px;
}
.content .productclass .list a.disabled {
  display: none;
}

.content .productclass .list .navi {
  display: block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  text-align: center;
  background: url(../images/product_class_bg2.png) no-repeat center top;
}
.content .productclass .list .navi a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #dadada;
  border-radius: 10px;
  margin: 0 5px;
  background: #dadada;
  cursor: pointer;
}
.content .productclass .list .navi a:hover,
.content .productclass .list .navi a.active {
  background-position: -532px -679px;
  border: 1px solid #666;
  background: #fff;
}

.content .productmain {
  display: block;
  width: 100%;
  padding: 75px 0 20px 0;
  background: #fff;
  position: relative;
}
.content .productmain .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .productmain .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .productmain .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .productmain .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.content .productmain .text {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 50px auto;
  font-size: 19px;
  line-height: 28px;
  color: #424242;
}
.content .productmain .text.result {
  text-align: center;
  margin: -40px auto 20px auto;
}
.content .productmain .text.result strong {
  font-size: 22px;
  color: #988954;
  margin: 0 5px 0 0;
}

select {
  display: none;
  width: 85%;
  padding: 10px 0 10px 5%;
  margin: 0 auto 15px auto;
  border-radius: 15px;
  font-size: 18px;
  color: #444;
}
.content .productmain select {
  margin: 0 auto 30px auto;
}
.content .productmain ul {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 35px auto;
  padding: 10px;
  overflow: hidden;
}
.content .productmain ul li {
  display: block;
  width: 22%;
  margin: 0 4% 0 0;
  padding: 15px 0 12px 0;
  float: left;
  background: #fff url(../images/product_main_bg.png) no-repeat center bottom;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #cccccc;
  position: relative;
  overflow: hidden;
}
.content .productmain ul li.last {
  margin: 0;
}
.content .productmain ul li p.img {
  display: block;
  width: 86%;
  height: 157px;
  margin: 0 auto -7px auto;
  padding: 0 0 18px 0;
  text-align: center;
  vertical-align: middle;
  background: url(../images/index_product_line.png) no-repeat center bottom;
  position: relative;
}
.content .productmain ul li.video p.img {
  background: url(../images/index_product_line_video.png) no-repeat center
    bottom;
}

.content .productmain ul li p.img img {
  max-width: 100%;
  max-height: 100%;
}
.content .productmain ul li p.img span {
  height: 100%;
  display: inline-block;
}
.content .productmain ul li p.img * {
  vertical-align: middle;
  text-align: center;
}
.content .productmain ul li p.img a.play {
  display: block;
  width: 68px;
  height: 68px;
  margin: 0 0 0 -34px;
  background-position: -226px -140px;
  position: absolute;
  top: 45px;
  left: 50%;
}
.content .productmain ul li p.img a.play:hover {
  background-position: -226px -232px;
}
.content .productmain ul li .infor {
  display: block;
  width: 100%;
  margin: 0 0 0 0;
  padding: 15px 0 36px 0;
  background: #f3f3f3;
}
.content .productmain ul li.video .infor {
  background-image: none;
}
.content .productmain ul li .infor p.name {
  display: block;
  width: 86%;
  min-height: 52px;
  margin: 0 auto;
  font-size: 19px;
  line-height: 26px;
  color: #585858;
  text-align: center;
  font-weight: bold;
}
.content .productmain ul li .infor p.class {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 17px;
  color: #2168b9;
  text-align: center;
  background: #f3f3f3;
}
.content .productmain ul li.video .infor p.class {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  line-height: 17px;
  color: #2168b9;
  text-align: center;
  background: #f3f3f3;
}
.content .productmain ul li .infor .btn {
  display: block;
  width: 86%;
  height: 36px;
  margin: 0 auto;
  border: 1px solid #b5a08c;
  background: #fff;
  position: relative;
}
.content .productmain ul li .infor .btn a.inquiry {
  display: block;
  width: 50%;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  color: #a9917a;
  text-align: center;
  background: url(../images/inquiry_icon3.png) no-repeat 90% center;
  cursor: pointer;
  position: relative;
}
.content .productmain ul li .infor .btn a.inquiry:hover {
  font-weight: bold;
  color: #a06d3c;
  height: 30px;
  border: 3px solid #b5a08c;
  line-height: 30px;
}
.content .productmain ul li .infor .btn a.inquiry.nodown {
  width: 100%;
}
.content .productmain ul li .infor .btn a.inquiry.nodown:hover {
  width: 98%;
  font-weight: bold;
  color: #a06d3c;
  height: 30px;
  border: 1% solid #b5a08c;
  line-height: 30px;
}

.content .productmain ul li .infor .btn a.inquiry.incar {
  background: none;
  cursor: default;
  color: #d8c6b4;
}
.content .productmain ul li .infor .btn a.inquiry.incar:hover {
  font-weight: normal;
  border: none;
  line-height: 36px;
  color: #d8c6b4;
}

.content .productmain ul li .infor .btn a.inquiry.incar.nodown:hover {
  width: 100%;
}

.content .productmain ul li .infor .btn a.download {
  display: block;
  width: 45%;
  height: 36px;
  padding: 0 0 0 5%;
  background: #b5a08c;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}
.content .productmain ul li .infor .btn a.download span {
  display: block;
  width: 30px;
  height: 36px;
  background: url(../images/download_icon.jpg) no-repeat right center #b5a08c;
  position: absolute;
  top: 0;
  right: 0;
}
.content .productmain ul li .infor .btn a.inquiry .join {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 0 0 -17px;
  background-position: -389px -307px;
  position: absolute;
  top: 0px;
  left: 50%;
  opacity: 0;
}

.content .productmain ul li .new {
  display: block;
  width: 79px;
  height: 79px;
  text-indent: -5000px;
  background-position: -109px -140px;
  position: absolute;
  top: 0;
  left: 0;
}

.content .productinfor {
  display: block;
  width: 100%;
  max-width: 880px;
  margin: 0 auto 95px auto;
  overflow: hidden;
}
.content .productinfor .left {
  display: block;
  width: 49.5%;
  float: left;
  margin: 0 1px 0 0;
}
.content .productinfor .right {
  display: block;
  width: 49.5%;
  float: left;
}
.content .productinfor .title {
  display: block;
  width: 100%;
  padding: 35px 0 20px 0;
  background: url(../images/index_service_bg.png) repeat-y top right #0e57b1;
}
.content .productinfor .right .title {
  background: url(../images/index_service_bg2.png) repeat-y top right #587dba;
}
.content .productinfor .title p {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 10px 0;
  font-size: 30px;
  line-height: 35px;
  color: #ffffff;
  font-weight: bolder;
  background: url(../images/product_infor_line.png) no-repeat left bottom;
}
.content .productinfor .title p span {
  font-size: 15px;
  color: #aab6d2;
  margin: 0 10px 0 0;
}
.content .productinfor .text {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  font-size: 18px;
  line-height: 180%;
  color: #3c3c3c;
}
.content .productinfor .text span {
  line-height: normal;
}

.content .application {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: url(../images/application_bg.jpg) repeat-x left center;
}
.content .application .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: 190px;
  margin: 0 auto;
  padding: 25px 0;
  background: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 15px;
}
.content .application .main .left {
  display: block;
  width: 22%;
  height: 190px;
  float: left;
  border-right: 1px solid #d8d8d8;
  overflow: hidden;
}
.content .application .main .left p {
  display: inline-block;
  background: #a68b63;
  border-radius: 15px;
  margin: 70px 0 0 -25px;
  padding: 10px 25px 10px 50px;
  font-size: 25px;
  color: #ffffff;
}

.content .application .main .right {
  display: block;
  width: 78%;
  height: 190px;
  margin: 0 0 0 -1px;
  float: right;
}

.content .application .main .right .list {
  display: block;
  width: 100%;
  height: 190px;
  margin: 0 auto;
  position: relative;
}
.content .application .main .right .list .scrollable {
  position: relative;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 190px;
  padding: 0;
  margin: 0 auto;
}
.content .application .main .right .list .scrollable .items {
  width: 1000%;
  position: absolute;
  clear: both;
}
.content .application .main .right .list .scrollable .items div {
  display: block;
  float: left;
  width: 10%;
  height: 190px;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: #333;
}
.content .application .main .right .list .scrollable .items div ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .application .main .right .list .scrollable .items div ul li {
  display: block;
  width: 33%;
  float: left;
  background: url(../images/application_line.png) no-repeat right center;
}
.content .application .main .right .list .scrollable .items div ul li.last {
  background: none;
}
.content .application .main .right .list .scrollable .items div ul li p.img {
  display: block;
  width: 80%;
  height: 150px;
  margin: 0 auto 10px auto;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.content
  .application
  .main
  .right
  .list
  .scrollable
  .items
  div
  ul
  li
  p.img
  span {
  height: 100%;
  display: inline-block;
}
.content .application .main .right .list .scrollable .items div ul li p.img * {
  vertical-align: middle;
  text-align: center;
}
.content .application .main .right .list .scrollable .items div ul li p.img em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.content
  .application
  .main
  .right
  .list
  .scrollable
  .items
  div
  ul
  li
  p.img
  img {
  max-width: 100%;
  max-height: 100%;
}

.content .application .main .right .list .scrollable .items div ul li p.name {
  display: block;
  width: 80%;
  height: 30px;
  margin: 0 auto 0 auto;
  font-size: 18px;
  line-height: 30px;
  color: #003d88;
  text-align: center;
}
.content .application .main .right .list .scrollable .items div ul li p.name a {
  color: #003d88;
}
.content
  .application
  .main
  .right
  .list
  .scrollable
  .items
  div
  ul
  li
  p.name
  a:hover {
  color: #aa8a61;
}
.content .application .main .right .list a.next {
  display: block;
  width: 38px;
  height: 38px;
  background-position: -437px -195px;
  text-indent: -5000px;
  position: absolute;
  top: 75px;
  right: -20px;
  z-index: 2;
  cursor: pointer;
}
.content .application .main .right .list a.next:hover {
  background-position: -437px -243px;
}
.content .application .main .right .list a.prev {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -389px -195px;
  text-indent: -5000px;
  position: absolute;
  top: 75px;
  left: -20px;
  z-index: 2;
  cursor: pointer;
}
.content .application .main .right .list a.prev:hover {
  background-position: -389px -243px;
}
.content .application .main .right .list a.disabled {
  display: none;
}

/*about*/
.content ul.aboutnav {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0 auto;
  height: 85px;
  background: url(../images/about_nav_bg.png) no-repeat center 45px;
}
.content ul.aboutnav li {
  display: block;
  width: 25%;
  height: 85px;
  background: url(../images/about_nav_line.png) no-repeat right top;
  float: left;
}
.content ul.aboutnav li.last {
  background: none;
}
.content ul.aboutnav li a {
  display: block;
  width: 100%;
  height: 85px;
  font-size: 24px;
  line-height: 45px;
  color: #3f3f3f;
  text-align: center;
  font-weight: 100;
}
.content ul.aboutnav li.current a {
  background: url(../images/about_nav_current.png) no-repeat center top;
  font-weight: bolder;
  color: #fff;
  text-shadow: 2px 2px 8px #aa8c66;
}
.content ul.aboutnav li a:hover {
  font-weight: bold;
}

.content .aboutpart1 {
  display: block;
  width: 100%;
  height: 415px;
  background: url(../images/about_part1_bg.png) no-repeat center bottom;
}
.content .aboutpart1 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 90px 0 0 0;
}
.content .aboutpart1 .main h2 {
  display: block;
  width: 61%;
  margin: 0 0 15px 0;
  font-size: 36px;
  line-height: 38px;
  color: #003d88;
  font-weight: normal;
  background: url(../images/about_line.png) no-repeat 320px center;
}
.content .aboutpart1 .main p {
  display: block;
  width: 61%;
  font-size: 19px;
  line-height: 26px;
}
.content .aboutpart1 .main p span {
  color: #959595;
}

.content .aboutpart2 {
  display: block;
  width: 100%;
  min-height: 255px;
  background: url(../images/about_part2_bg.png) repeat-x left top;
}
.content .aboutpart2 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
.content .aboutpart2 .main p {
  display: block;
  width: 62%;
  padding: 0 0 0 38%;
  font-size: 19px;
  line-height: 26px;
  background: url(../images/about_part2_logo.png) no-repeat 5% center;
}

.content .aboutpart3 {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  padding: 0 0 80px 0;
  background: url(../images/about_part3_bg.png) repeat-x center bottom;
  overflow: hidden;
}
.content .aboutpart3 .left {
  display: block;
  width: 62%;
  float: left;
}
.content .aboutpart3 .left h3 {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 25px;
  line-height: 38px;
  color: #003d88;
  font-weight: normal;
  background: url(../images/about_line.png) no-repeat 390px center;
}
.content .aboutpart3 .left p {
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 26px;
}
.content .aboutpart3 .left p span {
  color: #959595;
}
.content .aboutpart3 .right {
  display: block;
  width: 35%;
  float: right;
  position: relative;
  background: #000;
}
.content .aboutpart3 .right img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.content .aboutpart3 .right img.video {
  position: absolute;
  height: 100%;
}
.content .aboutpart3 .right a.play {
  display: block;
  width: 80px;
  height: 80px;
  margin: -50px 0 0 -40px;
  background: url(../images/play.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}
.content .aboutpart3 .right a.play:hover {
  background-position: 0 -80px;
}
.content .aboutpart3 .right p {
  display: block;
  width: 80%;
  height: 22px;
  margin: 50px 0 0 -40%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
  overflow: hidden;
  color: #fff;
}

.content ul.aboutpart4 {
  display: block;
  width: 100%;
  max-width: 930px;
  margin: 0 auto 100px auto;
  overflow: hidden;
}
.content ul.aboutpart4 li {
  display: block;
  width: 45%;
  float: left;
  border-left: 1px solid #d3d3d3;
}
.content ul.aboutpart4 li.right {
  float: right;
}
.content ul.aboutpart4 li p.img {
  display: block;
  width: 91%;
  margin: 0 0 10px 0;
  padding: 0 0 0 9%;
}
.content ul.aboutpart4 li p.img img {
  width: 100%;
}
.content ul.aboutpart4 li h4 {
  display: block;
  width: 89%;
  margin: 0 0 5px 0;
  padding: 0 0 0 11%;
  font-size: 25px;
  color: #003d88;
  text-transform: uppercase;
  background: url(../images/energy_other_icon.jpg) no-repeat left center;
}
.content ul.aboutpart4 li p.text {
  display: block;
  width: 89%;
  padding: 0 0 0 11%;
  font-size: 19px;
  line-height: 26px;
}

.content .aboutpart5 {
  display: block;
  width: 100%;
  padding: 80px 0 50px 0;
  background: #fff;
  position: relative;
}
.content .aboutpart5 .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .aboutpart5 .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .aboutpart5 .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .aboutpart5 .title h5 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.content .aboutpart5 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 35px auto;
  padding: 0 0 30px 0;
  background: url(../images/about_part5_line2.png) no-repeat left bottom;
  position: relative;
}
.content .aboutpart5 .main.last {
  background: none;
}
.content .aboutpart5 .main ul {
  display: block;
  width: 76%;
  padding: 0 0 0 0;
  position: relative;
  background: url(../images/about_part5_line.png) repeat-y 10% top;
}
.content .aboutpart5 .main ul li {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.content .aboutpart5 .main ul li p.yaer {
  display: block;
  width: 9%;
  float: left;
  font-size: 20px;
  line-height: 30px;
  color: #863232;
  font-family: Felix Titling;
  letter-spacing: 1px;
}
.content .aboutpart5 .main ul li p.text {
  display: block;
  width: 85%;
  padding: 0 0 0 5%;
  float: left;
  font-size: 19px;
  line-height: 30px;
  background: url(../images/about_part5_icon.png) no-repeat left 7px;
  letter-spacing: 1px;
}
.content .aboutpart5 .main ul li.point p.text {
  background: url(../images/about_part5_icon2.png) no-repeat left 7px;
  color: #b49e86;
  font-weight: bolder;
}
.content .aboutpart5 .main img {
  position: absolute;
  bottom: -80px;
  right: 0;
}

/*career*/
.content .careerpart1 {
  display: block;
  width: 100%;
  min-height: 450px;
  background: url(../images/career_part1_bg.png) no-repeat center 95px;
}
.content .careerpart1 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px auto;
  padding: 50px 0 0 0;
  overflow: hidden;
}
.content .careerpart1 .main .left {
  display: block;
  width: 57%;
  padding: 0 0 0 3%;
  float: left;
  line-height: 160%;
}
.content .careerpart1 .main .left span {
  line-height: normal;
}
.content .careerpart1 .main .right {
  display: block;
  width: 40%;
  padding: 260px 0 0 0;
  float: right;
}
.content .careerpart1 .main .right a {
  display: block;
  width: 55%;
  height: 48px;
  margin: 0 auto;
  padding: 0 0 0 5%;
  border: 1px solid #b9b9b9;
  font-size: 19px;
  line-height: 48px;
  color: #222;
  background: url(../images/join_icon.png) no-repeat right center;
}
.content .careerpart1 .main .right a:hover {
  background: url(../images/join_icon2.png) no-repeat right center #747474;
  color: #fff;
}

.content .careerpart2 {
  display: block;
  width: 100%;
  padding: 80px 0 80px 0;
  background: #fff;
  position: relative;
}
.content .careerpart2 .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .careerpart2 .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .careerpart2 .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .careerpart2 .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.content .careerpart2 ul {
  display: block;
  width: 100%;
  max-width: 935px;
  margin: 0 auto;
  overflow: hidden;
}
.content .careerpart2 ul li {
  display: block;
  width: 33%;
  margin: 0 0.5% 0 0;
  float: left;
}
.content .careerpart2 ul li.last {
  margin: 0 0 0 0;
}
.content .careerpart2 ul li img {
  width: 100%;
}

.content .careerpart2 .list {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.content .careerpart2 .list .scrollable {
  position: relative;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 501px;
  padding: 0;
  margin: 0 auto;
}
.content .careerpart2 .list .scrollable .items {
  width: 1000%;
  position: absolute;
  clear: both;
}
.content .careerpart2 .list .scrollable .items div {
  display: block;
  float: left;
  width: 10%;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: #333;
}
.content .careerpart2 .list .scrollable .items div ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .careerpart2 .list .scrollable .items div ul li {
  display: block;
  width: 33%;
  margin: 0 0.5% 8px 0;
  max-height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
  background: url(../images/activity_bg.jpg) repeat-x left bottom;
}
.content .careerpart2 .list .scrollable .items div ul li.last {
  margin: 0;
}
.content .careerpart2 .list .scrollable .items div ul li img {
  width: 100%;
}
.content .careerpart2 .list .scrollable .items div ul li em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.content .careerpart2 .list .scrollable .items div ul li a.albums {
  display: none;
}
.content .careerpart2 .list .scrollable .items div ul li p.atitle {
  width: 100%;
  height: 50px;
  background: #01336f;
  position: absolute;
  bottom: -50px;
  opacity: 0.8;
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.content .careerpart2 .list a.next {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -450px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 225px;
  right: -48px;
  z-index: 2;
  cursor: pointer;
}
.content .careerpart2 .list a.next:hover {
  background-position: -450px -127px;
}
.content .careerpart2 .list a.prev {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -389px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 225px;
  left: -48px;
  z-index: 2;
  cursor: pointer;
}
.content .careerpart2 .list a.prev:hover {
  background-position: -389px -127px;
}
.content .careerpart2 .list a.disabled {
  display: none;
}

.content .careerpart3 {
  display: block;
  width: 100%;
  padding: 80px 0 50px 0;
}
.content .careerpart3 h3 {
  display: block;
  width: 100%;
  margin: 0 0 35px 0;
  padding: 0 0 20px 0;
  font-size: 25px;
  color: #393939;
  text-align: center;
  text-transform: uppercase;
  background: url(../images/career_part3_line.png) no-repeat center bottom;
}
.content .careerpart3 ul {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}
.content .careerpart3 ul li {
  display: block;
  width: 33%;
  margin: 0 1px 0 0;
  float: left;
}
.content .careerpart3 ul li .title {
  display: block;
  width: 92%;
  margin: 0 0 10px 0;
  padding: 64px 0 0 8%;
  height: 85px;
}
.content .careerpart3 ul li .text {
  display: block;
  width: 84%;
  margin: 0 auto 30px auto;
  color: #6b6b6b;
}
.content .careerpart3 ul li .title h4 {
  display: block;
  font-size: 35px;
  color: #fff;
  font-weight: normal;
}
.content .careerpart3 ul li.cp1 .title {
  background: url(../images/career_part3_img1.jpg) no-repeat right center
    #0e57b1;
}
.content .careerpart3 ul li.cp1 .title span {
  display: block;
  font-size: 15px;
  color: #a6b8da;
}
.content .careerpart3 ul li.cp2 .title {
  background: url(../images/career_part3_img2.jpg) no-repeat right center
    #69a8e8;
}
.content .careerpart3 ul li.cp2 .title span {
  display: block;
  font-size: 15px;
  color: #b4d0f2;
}
.content .careerpart3 ul li.cp3 .title {
  background: url(../images/career_part3_img3.jpg) no-repeat right center
    #95ceed;
}
.content .careerpart3 ul li.cp3 .title span {
  display: block;
  font-size: 15px;
  color: #c7e4f5;
}
.content .careerpart3 ul li a {
  display: block;
  width: 30%;
  height: 25px;
  margin: 0 auto;
  border: 1px solid #b9b9b9;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  color: #999;
}
.content .careerpart3 ul li a:hover {
  background: #747474;
  color: #fff;
}

/*news*/
.content .newsmain {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.content .newsmain .list {
  display: block;
  width: 25%;
  border-top: 3px solid #154faf;
  padding: 8px 0 0 0;
  float: left;
}
.content .newsmain .list ul {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  border-bottom: 3px solid #383838;
  padding: 0 0 8px 0;
}
.content .newsmain .list ul li {
  display: block;
  width: 90%;
  margin: 0 0 3px 0;
  padding: 15px 0 0 10%;
  background: url(../images/news_list_line.png) repeat-y left top;
}
.content .newsmain .list ul li.current {
  background: url(../images/news_list_line2.png) no-repeat left center;
}
.content .newsmain .list ul li a {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  background: url(../images/about_part5_line2.png) no-repeat left bottom;
  font-size: 18px;
  line-height: 23px;
  color: #424242;
}
.content .newsmain .list ul li a span {
  display: block;
  color: #929292;
  font-size: 16px;
}
.content .newsmain .list ul li.current a,
.content .newsmain .list ul li a:hover {
  color: #a2845c;
}
.content .newsmain .list ul li.current a:visited {
  color: #a2845c;
}

.content .newsmain .list ul li.last a {
  background: none;
}
.content .newsmain .list .listpage {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #929292;
  text-align: right;
}
.content .newsmain .list .listpage a {
  color: #929292;
  cursor: pointer;
}
.content .newsmain .list .listpage a.current,
.content .newsmain .list .listpage a:hover {
  color: #242424;
}

.content .newsmain .main {
  display: block;
  width: 72%;
  min-height: 395px;
  float: right;
  background: url(../images/news_main_line.png) repeat-y left top;
  position: relative;
}
.content .newsmain .main .bg {
  display: block;
  width: 28px;
  height: 395px;
  background: url(../images/nav_bg.png) no-repeat;
  position: absolute;
  top: 0;
  left: 1px;
}
.content .newsmain .main .title {
  display: block;
  width: 100%;
  margin: 0 0 30px 0;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.content .newsmain .main .title p.date {
  display: table;
  width: 9%;
  height: 65px;
  margin: -37px 0 0 0;
  padding: 14px 0 0 9%;
  top: 50%;
  position: absolute;
  float: left;
  font-size: 25px;
  line-height: 25px;
  font-family: Felix Titling;
  color: #978672;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
}
.content .newsmain .main .title p.date span {
  display: block;
  font-size: 20px;
  color: #cbc0b3;
}
.content .newsmain .main .title h2 {
  display: block;
  width: 67%;
  padding: 25px 5% 25px 10%;
  margin: 0 0 0 18%;
  background: url(../images/news_title_bg.jpg) no-repeat left center #144e97;
  background-size: cover;
  float: left;
  font-size: 25px;
  color: #fff;
}

.content .newsmain .main .text {
  display: block;
  width: 92%;
  padding: 0 0 50px 8%;
  font-size: 18px;
  line-height: 180%;
}
.content .newsmain .main .text span {
  line-height: normal;
}
.content .newsmain .main .text img {
  max-width: 100%;
}

.content .newsmain .main .textpage {
  display: block;
  width: 92%;
  margin: 0 0 0 8%;
  padding: 35px 0 0 0;
  background: url(../images/product_main_bg.png) repeat-x left -6px;
  text-align: center;
}
.content .newsmain .main .textpage a {
  display: inline-block;
  width: 92px;
  height: 33px;
  text-indent: -5000px;
  cursor: pointer;
}
.content .newsmain .main .textpage a.prev {
  width: 93px;
  background-position: -775px -148px;
  margin: 0 -1px 0 0;
}
.content .newsmain .main .textpage a.prev:hover {
  background-position: -775px -198px;
}
.content .newsmain .main .textpage a.next {
  background-position: -867px -148px;
}
.content .newsmain .main .textpage a.next:hover {
  background-position: -867px -198px;
}

/*R&D Energy*/
.content .energypart1 {
  display: block;
  width: 100%;
  margin: 0 auto 45px auto;
}
.content .energypart1 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0 0;
  overflow: hidden;
}
.content .energypart1 .main .title {
  display: block;
  width: 32%;
  float: left;
  font-size: 25px;
  line-height: 35px;
  color: #003d88;
  font-weight: bold;
}
.content .energypart1 .main p {
  display: block;
  width: 68%;
  float: right;
}

.content ul.energypart2 {
  display: block;
  width: 100%;
  max-width: 1135px;
  margin: 0 auto 100px auto;
  padding: 22px 0 0 0;
  background: url(../images/energy_part2_bg.png) no-repeat center top;
  overflow: hidden;
}
.content ul.energypart2 li {
  display: block;
  width: 25%;
  float: left;
  overflow: hidden;
}
.content ul.energypart2 li p.img {
  display: block;
  width: 100%;
  margin: 0 -1px 10px 0;
  background: #0e57b1;
  float: right;
}
.content ul.energypart2 li p.img img {
  width: 100%;
}
.content ul.energypart2 li p.text {
  display: block;
  width: 80%;
  min-height: 90px;
  padding: 0 10%;
  background: url(../images/energy_line.png) repeat-y left top;
  float: right;
}
.content ul.energypart2 li.ep1 p.text {
  background: none;
}
.content ul.energypart2 li.ep2 p.img {
  background: #5096df;
}
.content ul.energypart2 li.ep3 p.img {
  background: #65bbe8;
}
.content ul.energypart2 li.ep4 p.img {
  background: #c5e4f4;
}

.content .energypart3 {
  display: block;
  width: 100%;
  padding: 80px 0 80px 0;
  background: #fff;
  position: relative;
}
.content .energypart3 .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .energypart3 .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 22px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .energypart3 .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 22px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .energypart3 .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 15px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 22px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.content .energypart3 p.text {
  display: block;
  width: 100%;
  max-width: 745px;
  margin: 0 auto 30px auto;
}

.content .energypart3 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.content .energypart3 .main table {
  width: 100%;
  margin: 0 0 30px 0;
}
.content .energypart3 .main table tr td {
  padding: 30px 20px;
  color: #7c7c7c;
}
.content .energypart3 .main table tr td strong {
  color: #425f9a;
}
.content .energypart3 .main table tr td.etd1 {
  border-bottom: 3px solid #626262;
}
.content .energypart3 .main table tr td.etd2 {
  border-bottom: 1px solid #e2e2e2;
}
.content .energypart3 .main table tr td.etdr {
  border-right: 1px solid #e2e2e2;
}
.content .energypart3 .main table tr td.menu {
  padding: 10px 20px;
  font-size: 19px;
  color: #3f3f3f;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.content .energypart3 .main table tr td.etitle {
  font-size: 19px;
  color: #515151;
  font-weight: bold;
}

.content .energypart3 .main .other {
  display: block;
  width: 100%;
  padding: 30px 0;
  background: #f0f0f0;
}
.content .energypart3 .main .other p.otitle {
  display: block;
  width: 85%;
  margin: 0 0 15px 0;
  padding: 0 0 0 5%;
  font-size: 22px;
  color: #384f7e;
  font-weight: bold;
  background: url(../images/energy_other_icon.jpg) no-repeat left center;
}
.content .energypart3 .main .other ul {
  display: block;
  width: 85%;
  padding: 0 0 0 5%;
}
.content .energypart3 .main .other ul li {
  display: block;
  width: 98%;
  font-size: 18px;
  margin: 0 0 6px 0;
  padding: 0 0 0 2%;
  background: url(../images/energy_other_icon2.png) no-repeat left center;
}

/*Capability*/
.content .capabilitypart1 {
  display: block;
  width: 100%;
  height: 510px;
  background: url(../images/capability_part1_bg.png) no-repeat center bottom;
}
.content .capabilitypart1 .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
.content .capabilitypart1 .main .title {
  display: block;
  width: 72%;
  margin: 0 0 15px 0;
  font-size: 25px;
  color: #003d88;
  font-weight: bold;
}
.content .capabilitypart1 .main p {
  display: block;
  width: 72%;
  margin: 0 0 35px 0;
  font-size: 19px;
  line-height: 26px;
  color: #747474;
}
.content .capabilitypart1 .main ul {
  display: block;
  width: 50%;
}
.content .capabilitypart1 .main ul li {
  display: block;
  width: 97%;
  font-size: 19px;
  color: #3f3f3f;
  margin: 0 0 6px 0;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 6px 3%;
  background: url(../images/energy_other_icon2.png) no-repeat left center;
}
.content .capabilitypart1 .main ul li.last {
  border: none;
}

.content .capabilitypart2 {
  display: block;
  width: 100%;
  height: 680px;
  padding: 70px 0 0 0;
  background: url(../images/capability_part2_bg.png) repeat-x left top;
}
.content .capabilitypart2 .list {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.content .capabilitypart2 .list .scrollable {
  position: relative;
  top: 0px;
  overflow: hidden;
  width: 100%;
  height: 501px;
  padding: 0;
  margin: 0 auto;
}
.content .capabilitypart2 .list .scrollable .items {
  width: 1000%;
  position: absolute;
  clear: both;
}
.content .capabilitypart2 .list .scrollable .items div {
  display: block;
  float: left;
  width: 10%;
  position: relative;
  overflow: hidden;
  padding: 0px;
  color: #333;
}
.content .capabilitypart2 .list .scrollable .items div ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .capabilitypart2 .list .scrollable .items div ul li {
  display: block;
  width: 50%;
  max-height: 250px;
  margin: 0 0 0 0;
  float: left;
  overflow: hidden;
  background: #01336f;
  position: relative;
}
.content .capabilitypart2 .list .scrollable .items div ul li:hover {
  background: #04428c;
}
.content .capabilitypart2 .list .scrollable .items div ul li .img {
  display: block;
  width: 50%;
  margin: 0 0 0 0;
  float: left;
}
.content .capabilitypart2 .list .scrollable .items div ul li .img img {
  width: 100%;
}
.content .capabilitypart2 .list .scrollable .items div ul li .img em {
  display: block;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  background-position: 0 -140px;
  position: absolute;
  top: 65%;
  left: 50%;
  opacity: 0;
}
.content .capabilitypart2 .list .scrollable .items div ul li .text {
  display: block;
  width: 50%;
  height: 90%;
  padding: 10% 0 0 0;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
}
.content .capabilitypart2 .list .scrollable .items div ul li .text p.number {
  display: block;
  width: 80%;
  margin: 0 auto 15px auto;
  padding: 15px 0 0 0;
  font-size: 19px;
  color: #3675c1;
  background: url(../images/capability_line.jpg) no-repeat left top;
}
.content .capabilitypart2 .list .scrollable .items div ul li .text p.name {
  display: block;
  width: 80%;
  max-height: 78px;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
  line-height: 26px;
}
.content .capabilitypart2 .list .scrollable .items div ul li.blue {
  background: #3675c1;
}
.content .capabilitypart2 .list .scrollable .items div ul li.blue:hover {
  background: #508ed8;
}
.content .capabilitypart2 .list .scrollable .items div ul li.blue .img {
  float: right;
}
.content .capabilitypart2 .list .scrollable .items div ul li.blue .text {
  right: 50%;
}
.content
  .capabilitypart2
  .list
  .scrollable
  .items
  div
  ul
  li.blue
  .text
  p.number {
  color: #5a9be9;
  text-align: right;
  background: url(../images/capability_line2.jpg) no-repeat right top;
}
.content .capabilitypart2 .list .scrollable .items div ul li.blue .text p.name {
}
.content .capabilitypart2 .list .scrollable .items div ul li a.albums {
  display: none;
}

.content .capabilitypart2 .list a.next {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -450px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 225px;
  right: -48px;
  z-index: 2;
  cursor: pointer;
}
.content .capabilitypart2 .list a.next:hover {
  background-position: -450px -127px;
}
.content .capabilitypart2 .list a.prev {
  display: block;
  width: 48px;
  height: 48px;
  background-position: -389px -68px;
  text-indent: -5000px;
  position: absolute;
  top: 225px;
  left: -48px;
  z-index: 2;
  cursor: pointer;
}
.content .capabilitypart2 .list a.prev:hover {
  background-position: -389px -127px;
}
.content .capabilitypart2 .list a.disabled {
  display: none;
}

/*Quality*/
.content .qualitypart1 {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .qualitypart1 .main {
  display: block;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 0 90px 0;
  overflow: hidden;
}
.content .qualitypart1 .main p.img {
  display: block;
  width: 50%;
  float: left;
}
.content .qualitypart1 .main p.img img {
  display: block;
  width: 100%;
}
.content .qualitypart1 .main .right {
  display: block;
  width: 40%;
  padding: 0 0 0 5%;
  float: left;
}
.content .qualitypart1 .main .right p.title {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 26px;
  line-height: 40px;
  font-weight: bold;
  color: #003d88;
}
.content .qualitypart1 .main .right p.text {
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 26px;
}
.content .qualitypart1 .main .right p.text span {
  color: #8b8b8b;
}

.content .qualitypart2 {
  display: block;
  width: 100%;
  margin: 0 0 70px 0;
  padding: 0 0 60px 0;
  background: url(../images/white_bg.jpg) repeat-x left 50px;
}
.content .qualitypart2 .main {
  display: block;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  overflow: hidden;
}
.content .qualitypart2 .main .left {
  display: block;
  width: 45%;
  float: left;
}
.content .qualitypart2 .main .right {
  display: block;
  width: 45%;
  float: right;
}
.content .qualitypart2 .main .text {
  display: block;
  width: 55%;
  padding: 130px 0 0 0;
  float: left;
}
.content .qualitypart2 .main .text p.title {
  display: block;
  width: 95%;
  margin: 0 0 8px 0;
  padding: 0 0 15px 5%;
  font-size: 25px;
  line-height: 26px;
  color: #3f3f3f;
  background: url(../images/quality_line.png) no-repeat left bottom;
}
.content .qualitypart2 .main .text p.infor {
  display: block;
  width: 85%;
  padding: 0 0 0 5%;
  font-size: 19px;
  line-height: 26px;
}
.content .qualitypart2 .main .text p.infor strong {
  font-family: "微軟正黑體";
  color: #b23434;
}
.content .qualitypart2 .main .img {
  display: block;
  width: 45%;
  float: right;
  position: relative;
}
.content .qualitypart2 .main .img img {
  width: 100%;
}

.content .qualitypart3 {
  display: block;
  width: 100%;
  max-width: 1000px;
  padding: 0 0 100px 0;
  margin: 0 auto;
  overflow: hidden;
}
.content .qualitypart3 .text {
  display: block;
  width: 45%;
  padding: 50px 0 0 0;
  float: left;
}
.content .qualitypart3 .text p.title {
  display: block;
  width: 95%;
  margin: 0 0 8px 0;
  padding: 0 0 15px 5%;
  font-size: 25px;
  line-height: 26px;
  color: #3f3f3f;
  background: url(../images/quality_line.png) no-repeat left bottom;
}
.content .qualitypart3 .text p.infor {
  display: block;
  width: 85%;
  padding: 0 0 0 5%;
  font-size: 19px;
  line-height: 26px;
}
.content .qualitypart3 .text p.infor strong {
  font-family: "微軟正黑體";
  color: #b23434;
}
.content .qualitypart3 .img {
  display: block;
  width: 55%;
  float: right;
  position: relative;
}
.content .qualitypart3 .img img {
  width: 100%;
}

/*Ratent*/
.content .patentpart1 {
  display: block;
  width: 100%;
  margin: 0 0 65px 0;
  overflow: hidden;
}
.content .patentpart1 .main {
  display: block;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}
.content .patentpart1 .main p.title {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 26px;
  line-height: 40px;
  font-weight: bold;
  color: #003d88;
}
.content .patentpart1 .main p.text {
  display: block;
  width: 100%;
  font-size: 19px;
  line-height: 26px;
}
.content .patentpart1 .main p.text span {
  color: #8b8b8b;
}

.content .patentpart2 {
  display: block;
  width: 100%;
  padding: 220px 0 0 0;
  overflow: hidden;
  background: url(../images/patent_bg.jpg) no-repeat center top #fff;
  background-size: cover;
}
.content .patentpart2 .main {
  display: block;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 36px 0 80px 0;
  background: url(../images/patent_bg2.png) no-repeat center top;
  background-size: contain;
}
.content .patentpart2 .main ul {
  display: block;
  width: 98%;
  margin: 0 auto;
  overflow: hidden;
}
.content .patentpart2 .main ul li {
  display: block;
  width: 33.3%;
  float: left;
}
.content .patentpart2 .main ul li p.title {
  display: block;
  width: 90%;
  margin: 0 auto 15px auto;
  font-size: 25px;
  line-height: 26px;
  font-weight: bold;
  color: #003d88;
}
.content .patentpart2 .main ul li p.title span {
  display: block;
  font-size: 15px;
  color: #949fb5;
}
.content .patentpart2 .main ul li p.text {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 0 0;
  font-size: 19px;
  line-height: 26px;
  background: url(../images/inquiry_line2.png) repeat-x left top;
}

.content .patentpart3 {
  display: block;
  width: 100%;
  padding: 0 0 140px 0;
  overflow: hidden;
  background: url(../images/about_part2_bg.png) repeat-x left top;
}
.content .patentpart3 ul.main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 55px 0 0 0;
  background: url(../images/about_part3_bg.png) no-repeat center top;
  overflow: hidden;
}
.content .patentpart3 ul.main li {
  display: block;
  width: 43%;
  margin: 0 0 10px 0;
  padding: 0 0 9px 1%;
  background: url(../images/patent_icon.jpg) no-repeat left 12px;
  border-bottom: 1px dotted #b1b1b1;
  float: left;
  font-size: 19px;
  line-height: 26px;
  color: #85684e;
}
.content .patentpart3 ul.main li.right {
  width: 50%;
  margin: 0 0 10px 5%;
}
.content .patentpart3 ul.main li a {
  display: block;
  width: 99%;
  padding: 0 0 0 1%;
  background: url(../images/patent_icon2.png) no-repeat right 9px;
  color: #85684e;
}
.content .patentpart3 ul.main li a:hover {
  color: #aa9581;
}

/*Q&A*/
.content .qamain {
  display: block;
  width: 100%;
  max-width: 902px;
  margin: 0 auto 120px auto;
  overflow: hidden;
}
.content .qamain ul {
  display: block;
  width: 902px;
  margin: 0 0 30px 0;
}
.content .qamain ul li {
  display: block;
  width: 915px;
  margin: 0 0 15px 0;
  position: relative;
  z-index: 8;
  overflow: hidden;
}
.content .qamain ul li .question {
  display: block;
  width: 902px;
  height: 83px;
  background: url(../images/faq_q_bg2.jpg) no-repeat center center;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.content .qamain ul li.current {
  z-index: 9;
}
.content .qamain ul li .question.current {
  background: url(../images/faq_q_bg.jpg) no-repeat center center;
}
.content .qamain ul li .pane {
  display: none;
  width: 900px;
  background: #fff url(../images/faq_a_bg.png) no-repeat center top;
  overflow: hidden;
  border: 1px solid #bebebe;
  border-top: none;
}
.content .qamain ul li .ashadow {
  display: none;
  width: 902px;
  height: 20px;
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 9;
}
.content .qamain ul li .qshadow {
  display: none;
  width: 902px;
  height: 20px;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 9;
}
.content .qamain ul li.current .ashadow,
.content .qamain ul li.current .qshadow {
  display: block;
}
.content .qamain ul li .question:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.content .qamain ul li .question h3 {
  display: inline-block;
  width: 710px;
  margin: 0 0 0 140px;
  font-size: 19px;
  line-height: 24px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-weight: normal;
  overflow: hidden;
}
.content .qamain ul li .pane .answer {
  display: block;
  width: 710px;
  min-height: 50px;
  padding: 0 50px 0 140px;
  margin: 40px auto 30px auto;
  background: url(../images/faq_q_a_line.png) no-repeat 30px top;
  font-size: 16px;
  color: #4d4d4d;
  line-height: 200%;
  font-family: Arial, Helvetica, sans-serif;
}

/*Contact us*/
.content .contactmain {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px auto;
  overflow: hidden;
}
.content .contactmain .img {
  display: block;
  width: 36%;
  float: left;
}
.content .contactmain .img img {
  width: 100%;
}
.content .contactmain ul.information {
  display: block;
  width: 60%;
  float: right;
}
.content .contactmain ul li {
  display: block;
  width: 55%;
  float: left;
  background: url(../images/about_part5_line.png) repeat-y right top;
}
.content .contactmain ul li.right {
  width: 40%;
  padding: 0 0 0 5%;
  background: none;
}
.content .contactmain ul li p.title {
  display: block;
  margin: 0 0 10px 0;
  font-size: 25px;
  color: #424242;
  font-weight: bold;
}
.content .contactmain ul li p.text {
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 4px 0;
}
.content .contactmain ul li p.text span {
  display: block;
  color: #999;
}
.content .contactmain ul li p.text a {
  color: #555;
}
.content .contactmain ul li p.text a:hover {
  color: #2168b9;
}
.content .contactmain ul li a.aboutus {
  display: block;
  width: 99%;
  height: 40px;
  margin: 75px 0 0 0;
  border: 1px solid #858585;
  background: #fff url(../images/oem_icon.png) no-repeat 90% center;
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 40px;
}
.content .contactmain ul li a.aboutus:hover {
  background: #858585 url(../images/oem_icon2.png) no-repeat 90% center;
  color: #fff;
}

.content .formmain {
  display: block;
  width: 100%;
  padding: 80px 0 80px 0;
  background: #fff;
  position: relative;
}
.content .formmain .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.content .formmain .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .formmain .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.content .formmain .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.content .formmain .text {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.content .formmain .text p {
  display: block;
  width: 63%;
  float: left;
}
.content .formmain .text img {
  width: 40%;
  position: absolute;
  top: -150px;
  right: 0;
}
.content .formmain .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 0 0 0;
  overflow: hidden;
}
.content .formmain .main ul {
  display: block;
  width: 49%;
  float: left;
}
.content .formmain .main ul.right {
  float: right;
}
.content .formmain .main ul li {
  display: block;
  width: 100%;
  margin: 0 0 26px 0;
  float: left;
  position: relative;
}
.content .formmain .main ul li input {
  display: block;
  width: 93%;
  height: 58px;
  padding: 0 0 0 20px;
  border: 1px solid #d7d7d7;
  background: #f9f9f9;
  font-size: 18px;
  line-height: 58px;
  color: #424242;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: 100;
}
.content .formmain .main ul li textarea {
  display: block;
  width: 93%;
  height: 215px;
  padding: 17px 0 0 20px;
  border: 1px solid #d7d7d7;
  background: #f9f9f9;
  font-size: 18px;
  line-height: 25px;
  color: #424242;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: 100;
}
.content .formmain .main ul li.short {
  width: 46%;
  margin: 0 5% 26px 0;
}
.content .formmain .main ul li.right {
  margin: 0 0 26px -4px;
}
.content .formmain .main ul li.text {
  height: 234px;
}
.content .formmain .main ul li span {
  display: block;
  width: 21px;
  height: 60px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../images/form_line.png);
}
.content .formmain .main ul li.text span {
  height: 234px;
}
.content .formmain .main ul li.must span {
  background: url(../images/form_line2.png) no-repeat;
}
.content .formmain .main ul li.submin input {
  width: 98%;
  border: 1px solid #5a5a5a;
  background: url(../images/submin.png) no-repeat right center;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}
.content .formmain .main ul li.submin input:hover {
  background: url(../images/submin2.png) no-repeat right center;
}
.content .formmain .main ul li a.reload {
  display: block;
  width: 20px;
  height: 20px;
  background-position: -533px -212px;
  position: absolute;
  top: 20px;
  right: 25px;
  cursor: pointer;
}
.content .formmain .main ul li img.code {
  display: block;
  position: absolute;
  top: 20px;
  right: 45px;
}

/*Inquiry*/
.content .inquirymain {
  display: block;
  width: 100%;
  max-width: 960px;
  padding: 0 20px;
  margin: 0px auto 70px auto;
  clear: both;
}
.content .inquirymain .title {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  overflow: hidden;
  position: relative;
}
.content .inquirymain .title p.product {
  display: block;
  width: 54%;
  padding: 0 0 15px 0;
  float: left;
  background: url(../images/inquiry_line.png) repeat-x left bottom;
  font-size: 18px;
  color: #313131;
  font-weight: bold;
  text-align: center;
}
.content .inquirymain .title p.remark {
  display: block;
  width: 46%;
  padding: 0 0 15px 0;
  float: left;
  background: url(../images/inquiry_line2.png) repeat-x left bottom;
  font-size: 18px;
  color: #313131;
  font-weight: bold;
  text-align: center;
}
.content .inquirymain ul {
  display: block;
  width: 100%;
  overflow: hidden;
}
.content .inquirymain ul li {
  display: block;
  width: 100%;
  padding: 8px 0 20px 0;
  margin: 0 0 20px 0;
  overflow: hidden;
  background: url(../images/about_part5_line2.png) repeat-x left bottom;
}
.content .inquirymain ul li p.img {
  display: block;
  width: 20%;
  height: 140px;
  margin: 0 2%;
  background: #fff;
  float: left;
  box-shadow: 0px 0px 8px #999999;
  text-align: center;
  vertical-align: middle;
}
.content .inquirymain ul li p.img img {
  max-width: 100%;
}
.content .inquirymain ul li p.img span {
  height: 100%;
  display: inline-block;
}
.content .inquirymain ul li p.img * {
  vertical-align: middle;
  text-align: center;
}
.content .inquirymain ul li p.text {
  display: block;
  width: 27%;
  height: 140px;
  padding: 0 0 0 3%;
  background: url(../images/about_line.png) no-repeat left center;
  float: left;
}
.content .inquirymain ul li p.text span {
  display: block;
  width: 95%;
  height: 40px;
  padding: 30px 0 0 0;
  font-size: 15px;
  line-height: 19px;
  color: #2168b9;
  overflow: hidden;
}
.content .inquirymain ul li p.text a {
  display: block;
  width: 95%;
  height: 50px;
  padding: 10px 0 0 0;
  font-size: 19px;
  line-height: 25px;
  color: #585858;
  overflow: hidden;
  font-weight: bold;
}
.content .inquirymain ul li p.text a:hover {
  color: #b08e61;
}
.content .inquirymain ul li textarea {
  display: block;
  width: 31%;
  height: 50px;
  margin: 38px 0 0 0;
  padding: 5px 2%;
  border: 1px solid #cdcdcd;
  float: left;
  font-size: 18px;
  line-height: 21px;
  color: #424242;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: 100;
}
.content .inquirymain ul li p.btn {
  display: block;
  width: 10%;
  height: 140px;
  background: url(../images/about_line.png) no-repeat right center;
  float: right;
}
.content .inquirymain ul li p.btn a {
  display: block;
  width: 30px;
  height: 30px;
  margin: 55px 0 0 0;
  border-radius: 5px;
  background-color: #b5a08c;
  background-position: -775px -253px;
  float: right;
  cursor: pointer;
  text-indent: -5000px;
}
.content .inquirymain ul li p.btn a:hover {
  background-color: #816245;
  background-position: -839px -253px;
}

/*page*/
.page {
  display: block;
  width: 100%;
  margin: 50px auto 0 auto;
  text-align: center;
}
.page.bg {
  margin: 0 auto;
  padding: 0px 0 0 0;
  height: 125px;
  background: url(../images/index_authenticate_bg.png) repeat-x;
}

.page a {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #a1a1a1;
  border-radius: 3px;
  margin: 0 5px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
  color: #8f8f8f;
}
.page a:hover {
  color: #000;
  border: 1px solid #ccc;
}
.page a.current {
  background: url(../images/page_current.png);
  border: none;
  color: #fff;
}
.page a.prev {
  margin: 0 25px 0 0;
}
.page a.next {
  margin: 0 0 0 25px;
}

/*OEM*/
.oemmain {
  display: block;
  width: 100%;
  height: 330px;
  padding: 80px 0 0 0;
  background: url(../images/oem_bg.jpg) no-repeat left top #fff;
  position: relative;
}
.oemmain .title {
  display: block;
  width: 100%;
  text-align: center;
  height: 47px;
  position: absolute;
  top: -23px;
  left: 0;
}
.oemmain .title span.left {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_l.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.oemmain .title span.right {
  display: inline-block;
  width: 76px;
  height: 47px;
  background: url(../images/title_bg_r.png) no-repeat;
  font-size: 25px;
  line-height: 47px;
  text-indent: -5000px;
}
.oemmain .title h2 {
  display: inline-block;
  height: 47px;
  padding: 0 45px;
  background: url(../images/title_bg.png) no-repeat center top #353535;
  font-size: 25px;
  line-height: 47px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: normal;
}
.oemmain .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 45px auto;
  overflow: hidden;
}
.oemmain .main .left {
  display: block;
  width: 45%;
  float: left;
}
.oemmain .main .left p {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  font-size: 25px;
  line-height: 30px;
  color: #cd9954;
  background: url(../images/oem_line.png) no-repeat left top;
}
.oemmain .main .right {
  display: block;
  width: 55%;
  float: left;
  font-size: 19px;
  line-height: 30px;
  color: #3f3f3f;
}
.oemmain a.contact {
  display: block;
  width: 100%;
  max-width: 213px;
  height: 35px;
  margin: 0 auto;
  background: url(../images/oem_icon.png) no-repeat 90% center;
  border: 1px solid #858585;
  font-size: 15px;
  line-height: 35px;
  color: #404040;
  text-align: center;
  cursor: pointer;
}
.oemmain a.contact:hover {
  background: #858585 url(../images/oem_icon2.png) no-repeat 90% center;
  color: #fff;
}

/*footer*/
.footer {
  display: block;
  width: 100%;
  min-height: 179px;
  background: url(../images/footer_bg.jpg) repeat-x #e3e3e3;
  border-bottom: 13px solid #0d3880;
  position: relative;
}
.footer .main {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.footer .main ul {
  display: block;
  width: 60%;
  padding: 40px 0 0 0;
  float: left;
}
.footer .main ul li {
  display: block;
  width: 90%;
  float: left;
}
.footer .main ul li p.name {
  width: 95%;
  padding: 0 0 0 5%;
  margin: 0 0 5px 0;
  font-size: 21px;
  color: #376aa1;
  background: url(../images/footer_tel_icon.png) no-repeat left center;
}
.footer .main ul li p.text {
  width: 95%;
  padding: 0 0 0 5%;
  font-size: 16px;
  line-height: 24px;
  color: #323232;
}
.footer .main ul li p.text span {
  color: #8b8b8b;
}
.footer .main ul li p.text a {
  color: #323232;
}
.footer .main ul li p.text a:hover {
  color: #2168b9;
}

.footer .main .copyright {
  display: block;
  width: 40%;
  float: right;
}
.footer .main .copyright .logo {
  display: block;
  width: 198px;
  height: 83px;
  margin: 0 0 20px 0;
  background-position: -533px 0;
  float: right;
}
.footer .main .copyright .logo a {
  display: block;
  width: 198px;
  height: 83px;
}
.footer .main .copyright p {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 19px;
  color: #424242;
  text-align: right;
  float: right;
}
.footer .main .copyright p a {
  color: #787878;
  font-family: "微軟正黑體";
  font-size: 10px;
}

.footer a.pagetop {
  display: block;
  width: 97px;
  height: 97px;
  background-position: -533px -98px;
  text-indent: -5000px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 88;
}
.case_text {
  font-size: 16px;
  padding-left: 10px;
  line-height: 30px;
}
.tel_nu {
  padding-right: auto;
  margin-left: 20%;
  margin-right: auto;
}
.tel_img {
  margin-top: 20px;
}
.sev_text {
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 16px;
  border: 2px solid #414e5a;
  color: #ffffff;
  background-color: #8b8b8b;
  padding-top: 5px;
  padding-bottom: 0px;
}
.authenticate .main {
}
.pu_img {
  height: 200px;
  width: 200px;
  margin-right: auto;
  margin-left: 100px;
  margin-top: 10px;
  margin-bottom: 10x;
}

a.motel {
  display: none;
}

a.mohome {
  display: none;
}

.flex_items{
  display: flex; flex-direction: row; flex-wrap: wrap;
}

.flex_items .item{
  padding: 5px 10px; margin: 5px; border: solid 1px #EEE; border-left: solid 2px #337ab7; flex: 1 1 auto; width: 225px;
}

.flex_items .item h4{
  color: #337ab7; font-weight: bold;
}

.flex_items .item ul{
  list-style-type: disc; margin-left: 30px; font-size: 16px; line-height: 160%;
}

.bolder-b-list li{
  border-bottom: solid 1px #DDD; padding: 10px 0;
}

.bolder-list li{
  border: solid 1px #337ab7; margin: 10px 0; border-radius: 12px; padding: 15px 10px 5px 10px;
}
.text-sm{
  font-size: 14px;
}
.text-base{
  font-size: 16px;
}
.text-lg{
  font-size: 18px;
}
.text-xl{
  font-size: 20px;
}
.mx-2{
  margin:0 2rem;
}

@media only screen and (min-width: 768px) and (max-width: 2400px) {
  .mobile_ban {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .header {
    position: absolute;
  }
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 639px) {
  .pc_ban {
    display: none;
  }
  body {
    min-width: inherit;
    text-align: left;
  }
  .content {
    padding: 0 0 30px 0;
  }
  .header {
    height: 85px;
    background-position: center -12px;
    position: absolute;
  }
  .header a.logo {
    width: 273px;
    height: 83px;
    margin: 0 0 0 -136px;
    background-position: 0 -328px;
    top: 10px;
    left: 50%;
  }
  .header #navBtn {
    display: block;
  }
  .header ul.nav {
    display: none;
  }
  .header .icon {
    display: none;
  }
  .header .menu_phones {
    display: block;
  }
  .header a.car {
    display: block;
  }
  .content .banner {
    padding: 84px 0 20px 0;
    margin: 0;
    background: #fff;
  }
  div.timeline_slideshow div.slideshow div.wrapper {
    height: 153px;
  }
  div.timeline_slideshow div.slideshow div.wrapper div.visual {
    height: 153px;
  }
  div.timeline_slideshow div.slideshow div.wrapper div.visual img {
  }

  div.timeline_slideshow div.slideshow div.wrapper img {
    max-width: 100%;
    max-height: 143px;
  }
  div.timeline_slideshow div.slideshow {
  }
  div.timeline_slideshow div.slideshow div.wrapper {
  }
  div.timeline_slideshow div.timeline {
    height: 0px;
    padding: 0px 0 0 0;
    background: none;
  }
  div.timeline_slideshow div.timeline ul {
    display: none;
  }
  div.timeline_slideshow div.timeline ul li.selected .current {
    display: none;
  }

  .product .list .scrollable .items div ul li p.btn {
    height: 72px;
    overflow: hidden;
  }
  .product .list .scrollable .items div ul li p.btn a.inquiry {
    width: 100%;
  }
  .product .list .scrollable .items div ul li p.btn a.inquiry:hover {
    font-weight: bold;
    color: #a06d3c;
    height: 36px;
    border: none;
    line-height: 36px;
  }
  .product .list .scrollable .items div ul li p.btn a.inquiry.nodown:hover {
    width: 100%;
    font-weight: bold;
    color: #a06d3c;
    height: 30px;
    border: none;
    line-height: 30px;
  }
  .product .list .scrollable .items div ul li p.btn a.inquiry.incar {
    background: none;
    cursor: default;
    color: #d8c6b4;
  }
  .product .list .scrollable .items div ul li p.btn a.inquiry.incar:hover {
    width: 100%;
    font-weight: normal;
    height: 36px;
    border: none;
    line-height: 36px;
    color: #d8c6b4;
  }
  .product
    .list
    .scrollable
    .items
    div
    ul
    li
    p.btn
    a.inquiry.incar.nodown:hover {
    width: 100%;
    font-weight: normal;
    height: 36px;
    border: none;
    line-height: 36px;
    color: #d8c6b4;
  }
  .product .list .scrollable .items div ul li p.btn a.download {
    width: 96%;
    width: 96% \9;
    position: inherit;
  }
  .content .about {
    padding: 0 0 0px 0;
  }
  .content .about .left {
    width: 100%;
    float: none;
    text-align: center;
  }
  .content .about .left img {
    width: 90%;
  }
  .content .about .left img.video,
  .content .about .left a.play,
  .content .about .left p {
    display: none;
  }
  a.mplay {
    display: block;
  }
  .content .about .right {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    float: none;
  }
  .content .about .right h1 {
    background: none;
    font-size: 25px;
    line-height: 32px;
    margin: 25px 0 10px 0;
  }
  .content .about .right.novideo h1 {
    background: none;
    line-height: 32px;
    margin: 25px 0 10px 0;
  }
  .content .about .right p {
    padding: 0 0 20px 0;
    line-height: 25px;
  }
  .content .about a.more {
    width: 90%;
    margin: 15px auto 0 auto;
    color: #fff;
    text-align: center;
    background: #c39d6c;
    position: inherit;
    line-height: 35px;
    border-radius: 5px;
  }
  .content .about a.more:hover {
    color: #fff;
  }
  .content .aboutbottom {
    display: none;
  }
  .content .news {
    width: 90%;
    height: auto;
    padding: 5px 5%;
    margin: 0 0 0 0;
  }
  .content .news p.title {
    width: 100%;
    height: auto;
  }
  .content .news p.title img {
    display: none;
  }
  .content .news p.title span {
    display: block;
    float: left;
  }

  .content .news p.list {
    width: 90%;
    float: left;
    line-height: 28px;
    height: auto;
    overflow: hidden;
  }
  .content .product {
    padding: 50px 0 5px 0;
  }
  .content .product .title span.left {
    width: 50px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .content .product .title span.right {
    width: 50px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .content .product .title h2 {
    padding: 0 25px;
  }
  .product .list {
    height: auto;
    min-height: 680px;
  }
  .product .list .scrollable {
    height: auto;
    min-height: 680px;
  }
  .product .list .scrollable .items {
    width: 100%;
    position: relative;
  }
  .product .list .scrollable .items div {
    width: 100%;
    height: auto;
    min-height: auto;
  }
  .product .list .scrollable .items div ul {
    height: auto;
    min-height: auto;
  }
  .product .list .scrollable .items div ul li {
    width: 50%;
    margin: 0 0 20px 0;
  }
  .product .list .scrollable .items div ul li.mlast {
    background: none;
  }
  .product .list .scrollable .items div ul li p.name {
    font-size: 18px;
    overflow: hidden;
  }
  .product .list .scrollable .items div ul li p.img a.play {
    display: none;
  }
  .product .list .scrollable .items div ul li p.class {
    overflow: hidden;
    height: 2px;
  }
  .product .list .scrollable .items div ul li a.inquiry .join {
    min-height: 34px;
  }
  .product .list a.next,
  .product .list a.prev {
    display: none;
  }
  .content .authenticate ul.main li {
    margin: -15px 0 0 0;
  }
  .content .service ul li {
    display: block;
    width: 90%;
    margin: 0 auto 50px auto;
    float: none;
  }
  .content .service ul li div.title .top h3 {
    font-size: 25px;
  }
  .footer {
    padding: 0 0 20px 0;
  }
  .footer .main ul {
    width: 100%;
    padding: 2px 0 10px 0;
    margin: 0 auto 0 auto;
    float: none;
    overflow: hidden;
  }
  .footer .main ul li p.name {
    font-size: 18px;
    background: url(../images/footer_tel_icon.png) no-repeat left 10px;
  }
  .footer .main ul li p.text span {
    font-size: 12px;
  }
  .footer .main .copyright {
    width: 100%;
    border-top: 1px solid #fff;
  }
  .footer .main .copyright .logo {
    float: left;
    margin: 0 10px 0 -20px;
  }
  .footer .main .copyright p {
    float: none;
    width: 90%;
    padding: 20px 0 0 0;
    margin: 0 auto;
    text-align: left;
  }
  .footer a.pagetop {
    width: 68px;
    height: 68px;
    background-position: -663px -93px;
  }

  #page .content {
    padding: 100px 0 100px 0;
    background: url(../images/blue_bg.png) no-repeat center -480px;
  }
  #page2 .content {
    padding: 100px 0 0 0;
    background: url(../images/blue_bg.png) no-repeat center -480px;
  }
  #page .content.white {
    padding: 100px 0 0 0;
  }
  .content .titlemain {
    height: 50px;
    margin: 0 auto 30px auto;
    background: url(../images/page_title_bg2.png) no-repeat;
  }
  .content .titlemain h1 {
    width: 94%;
    padding: 0 0 0 6%;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
  .content .titlemain p.nav {
    display: none;
  }
  .content .producttext {
    width: 90%;
  }
  .content .productauth ul.main li {
    margin: -15px 0 0 0;
  }

  .content ul.productlist li {
    width: 95%;
    margin: 0;
    padding: 30px 5% 20px 0;
  }
  .content ul.productlist li p.img {
    width: 45%;
    height: 120px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 9;
  }
  .content ul.productlist li .right p.class {
    width: 48%;
    background: none;
    height: 100px;
    padding: 0 0 0 52%;
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
  }
  .content ul.productlist li .right {
    width: 100%;
    padding: 5px 0 0 0;
  }

  .oemmain {
    background: url(../images/oem_bg2.jpg) no-repeat center bottom #fff;
    height: auto;
    padding: 60px 0 50px 0;
  }
  .oemmain .main .left {
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  .oemmain .main .left p {
    width: 100%;
    font-size: 23px;
  }
  .oemmain .main .right {
    width: 90%;
    float: none;
    margin: 0 auto;
  }

  .content .productclass {
    display: none;
  }
  select {
    display: block;
  }
  .content .productmain {
    padding: 20px 0 0 0;
  }
  .content .productmain .title {
    position: relative;
    top: 0;
    margin: 0 0 20px 0;
    height: auto;
  }
  .content .productmain .title span.left {
    display: none;
  }
  .content .productmain .title span.right {
    display: none;
  }
  .content .productmain .title h2 {
    width: 90%;
    height: auto;
    padding: 0 0 20px 0;
    font-size: 25px;
    line-height: 25px;
    font-weight: bolder;
    color: #333;
    margin: 0 0 10px 0;
    background: url(../images/career_part3_line.png) no-repeat center bottom;
  }
  .content .productmain .text {
    width: 90%;
    color: #555;
  }
  .content .productmain ul {
    margin: 0;
    padding: 5px 0;
  }
  .content .productmain ul li {
    width: 46%;
    height: 378px;
    margin: 0 2% 25px 2%;
  }
  .content .productmain.searchlist ul li {
    width: 46%;
    height: 412px;
    margin: 0 2% 25px 2%;
  }

  .content .productmain ul li.last {
    margin: 0 2% 25px 2%;
  }
  .content .productmain ul li p.img a.play {
    display: none;
  }
  .content .productmain ul li .infor {
    height: 160px;
  }
  .content .productmain.searchlist ul li .infor {
    height: 194px;
  }
  .content .productmain.searchlist ul li .infor p.class {
    height: 34px;
    overflow: hidden;
  }
  .content .productmain ul li .infor p.name {
    margin: 0 auto 10px auto;
    height: 78px;
    overflow: hidden;
  }
  .content .productmain ul li .infor .btn {
    height: auto;
    overflow: hidden;
  }
  .content .productmain ul li .infor .btn a.inquiry {
    width: 100%;
  }
  .content .productmain ul li .infor .btn a.inquiry:hover {
    font-weight: bold;
    color: #a06d3c;
    height: 36px;
    border: none;
    line-height: 36px;
  }
  .content .productmain ul li .infor .btn a.inquiry.nodown:hover {
    width: 100%;
    font-weight: bold;
    color: #a06d3c;
    height: 30px;
    border: none;
    line-height: 30px;
  }
  .content .productmain ul li .infor .btn a.inquiry.incar {
    background: none;
    cursor: default;
    color: #d8c6b4;
  }
  .content .productmain ul li .infor .btn a.inquiry.incar:hover {
    width: 100%;
    font-weight: normal;
    height: 36px;
    border: none;
    line-height: 36px;
    color: #d8c6b4;
  }
  .content .productmain ul li .infor .btn a.inquiry.incar.nodown:hover {
    width: 100%;
    font-weight: normal;
    height: 36px;
    border: none;
    line-height: 36px;
    color: #d8c6b4;
  }

  .content .productmain ul li .infor .btn a.download {
    width: 96%;
    width: 96% \9;
    position: inherit;
  }
  .content .productinfor .left {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .productinfor .right {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .productinfor .title {
    padding: 20px 0 10px 0;
  }
  .content .productinfor .title p {
    font-size: 25px;
  }
  .content .productmain .text.result {
    margin: -10px auto 20px auto;
  }
  .content .application .main {
    height: auto;
    overflow: hidden;
    border: none;
    border-radius: 0;
    padding: 25px 0 100px 0;
  }
  .content .application .main .left {
    width: 100%;
    height: 50%;
    margin: 0 0 15px 0;
  }
  .content .application .main .left p {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
  }
  .content .application .main .right {
    width: 100%;
    height: auto;
    float: none;
  }
  .content .application .main .right .list {
    height: auto;
  }
  .content .application .main .right .list a.next,
  .content .application .main .right .list a.prev {
    display: none;
  }
  .content .application .main .right .list .scrollable {
    height: auto;
  }
  .content .application .main .right .list .scrollable .items div {
    width: 100%;
    float: none;
  }
  .content .application .main .right .list .scrollable .items {
    width: 100%;
    position: relative;
  }
  .content
    .application
    .main
    .right
    .list
    .scrollable
    .items
    div
    ul
    li
    p.img
    em {
    display: none !important;
  }

  .content ul.aboutnav {
    display: none;
  }
  .content ul.aboutnav li {
    display: none;
  }
  .content .aboutpart1 {
    height: auto;
    padding: 0 0 200px 0;
    background: url(../images/about_part1_bg2.png) no-repeat center bottom;
  }
  .content .aboutpart1 .main {
    padding: 15px 0 0 0;
  }
  .content .aboutpart1 .main h2 {
    width: 90%;
    margin: 0 auto 15px auto;
    background: none;
    font-size: 25px;
  }
  .content .aboutpart1 .main p {
    width: 90%;
    margin: 0 auto;
  }
  .content .aboutpart2 .main p {
    width: 90%;
    margin: 0 auto;
    padding: 100px 0 50px 0;
    background: url(../images/about_part2_logo.png) no-repeat top center;
  }
  .content .aboutpart3 .right {
    width: 90%;
    margin: 0 auto 35px auto;
    float: none;
  }
  .content .aboutpart3 .right img.video,
  .content .aboutpart3 .right a.play,
  .content .aboutpart3 .right p {
    display: none;
  }
  .content .aboutpart3 .left {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content ul.aboutpart4 li {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content ul.aboutpart4 li.right {
    float: none;
  }
  .content ul.aboutpart4 li p.text {
    padding: 0 0 50px 11%;
  }

  .content .aboutpart5 .title span.left {
    width: 50px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .content .aboutpart5 .title span.right {
    width: 50px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .content .aboutpart5 .title h2 {
    padding: 0 25px;
  }
  .content .energypart3 .title span.left {
    width: 50px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .content .energypart3 .title span.right {
    width: 50px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .content .energypart3 .title h2 {
    padding: 0 25px;
  }
  .content .careerpart2 .title span.left {
    width: 50px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .content .careerpart2 .title span.right {
    width: 50px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .content .careerpart2 .title h2 {
    padding: 0 25px;
  }
  .oemmain .title span.left {
    width: 50px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .oemmain .title span.right {
    width: 50px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .oemmain .title h2 {
    padding: 0 25px;
  }

  .content .aboutpart5 .main img {
    display: none;
  }
  .content .aboutpart5 .main ul {
    width: 95%;
    margin: 0 auto;
    background: url(../images/about_part5_line.png) repeat-y 17% top;
  }
  .content .aboutpart5 .main ul li p.yaer {
    width: 15%;
  }
  .content .aboutpart5 .main ul li p.text {
    width: 77%;
    padding: 0 0 0 8%;
  }
  .content .careerpart1 {
    background: url(../images/career_part1_bg2.png) no-repeat center bottom;
  }
  .content .careerpart1 .main {
    margin: 0 auto;
    padding: 15px 0 200px 0;
  }
  .content .careerpart1 .main .left {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content .careerpart1 .main .right {
    width: 90%;
    margin: 0 auto;
    float: none;
    padding: 50px 0 0 0;
  }
  .content .careerpart1 .main .right a {
    background: url(../images/join_icon.png) no-repeat right center #fff;
  }

  .content .careerpart2 .list,
  .content .careerpart2 .list .scrollable,
  .content .careerpart2 .list .scrollable .items,
  .content .careerpart2 .list .scrollable .items div {
    height: auto;
  }
  .content .careerpart2 .list .scrollable .items {
    position: relative;
  }
  .content .careerpart2 .list .scrollable .items div {
    float: none;
  }
  .content .careerpart2 .list .scrollable .items div ul li {
    width: 48%;
    margin: 0 1% 10px 1%;
    padding: 0 0 35px 0;
  }
  .content .careerpart2 .list .scrollable .items div ul li.last {
    margin: 0 1% 10px 1%;
  }
  .content .careerpart2 .list .scrollable .items div ul li p.atitle {
    bottom: 0 !important;
    opacity: 0.8 !important;
    height: 35px;
    line-height: 30px;
  }

  .content .careerpart2 .list a.next,
  .content .capabilitypart2 .list a.prev {
    display: none;
  }
  .content .careerpart3 ul li {
    width: 90%;
    margin: 0 auto 25px auto;
    float: none;
  }
  .content .careerpart3 ul li .title {
    height: 65px;
    padding: 54px 0 0 8%;
  }
  .content .careerpart3 ul li .title h4 {
    font-size: 25px;
  }
  .content .newsmain .main {
    width: 100%;
    float: none;
    margin: 0 auto 80px auto;
  }
  .content .newsmain .main .text {
    background: none;
    padding: 0 0 50px 0;
    margin: 0 auto;
  }
  .content .newsmain .main .bg {
    background: url(../images/nav_bg2.png) no-repeat;
  }
  .content .newsmain .main .title {
    background: none;
    border-bottom: 1px solid #c1c4c8;
    padding: 0 0 15px 0;
  }
  .content .newsmain .main .title p.date {
    position: absolute;
    margin: 0;
    padding: 2px 0 0 0;
    top: 0;
    left: 0;
    font-size: 15px;
    width: 15%;
    letter-spacing: 0;
  }
  .content .newsmain .main .title p.date span {
    display: block;
    font-size: 15px;
    margin: 0;
    color: #978672;
  }
  .content .newsmain .main .title h2 {
    width: auto;
    padding: 0 0 0 0%;
    background: none;
    color: #144e97;
  }
  .content .newsmain .list {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content .energypart1 .main {
    padding: 15px 0 0 0;
  }
  .content .energypart1 .main .title {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .energypart1 .main p {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content ul.energypart2 {
    padding: 0;
    margin: 0 0 60px 0;
  }
  .content ul.energypart2 li {
    width: 50%;
    margin: 0 0 10px 0;
  }
  .content .energypart3 p.text {
    width: 90%;
  }
  .content .energypart3 .main table tr td {
    padding: 5px;
  }
  .content .energypart3 .main table tr td.etitle {
    vertical-align: top;
    font-size: 15px;
  }
  .content .energypart3 .main .other p.otitle {
    background: none;
  }
  .content .energypart3 .main table tr td.etd1 {
    font-size: 15px;
  }
  .content .energypart3 .main table tr td.etd2 {
    font-size: 15px;
  }
  .content .energypart3 .main table tr td.etdr {
    vertical-align: top;
  }
  .content .energypart3 .main .other ul li {
    background: url(../images/energy_other_icon2.png) no-repeat left 11px;
    line-height: 22px;
    margin: 0 0 10px 0;
  }
  .content .capabilitypart1 .main {
    padding: 15px 0 0 0;
  }
  .content .capabilitypart1 {
    height: auto;
    padding: 0 0 200px 0;
    background: url(../images/capability_part1_bg2.png) no-repeat center bottom;
  }
  .content .capabilitypart1 .main .title {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .content .capabilitypart1 .main p {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .content .capabilitypart1 .main ul {
    width: 90%;
    margin: 0 auto;
  }
  .content .capabilitypart2 {
    height: auto;
    padding: 70px 0;
  }
  .content .capabilitypart2 .list a.next,
  .content .capabilitypart2 .list a.prev {
    display: none;
  }
  .content .capabilitypart2 .list,
  .content .capabilitypart2 .list .scrollable,
  .content .capabilitypart2 .list .scrollable .items,
  .content .capabilitypart2 .list .scrollable .items div {
    height: auto;
  }
  .content .capabilitypart2 .list .scrollable .items {
    position: relative;
  }
  .content .capabilitypart2 .list .scrollable .items div {
    float: none;
  }
  .content .capabilitypart2 .list .scrollable .items div ul li {
    width: 100%;
  }
  .content .capabilitypart2 .list .scrollable .items div ul li .text {
    padding: 5% 0 0 0;
    height: 95%;
  }
  .content .capabilitypart2 .list .scrollable .items div ul li .text p.name {
    line-height: 21px;
    max-height: 63px;
  }
  .content .qualitypart1 .main {
    padding: 25px 0 50px 0;
  }
  .content .qualitypart1 .main p.img {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .qualitypart1 .main .right {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .content .qualitypart1 .main .right p.title,
  .content .qualitypart1 .main .right p.text {
    width: 100%;
    margin: 0 auto 15px auto;
  }
  .content .qualitypart2 {
    background: url(../images/white_bg.jpg) repeat left 0px;
    padding: 50px 0;
    margin: 0;
  }
  .content .qualitypart2 .main .left,
  .content .qualitypart2 .main .right {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
    overflow: hidden;
  }
  .content .qualitypart2 .main .text {
    padding: 0;
  }
  .content .qualitypart3 .text {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .qualitypart3 .img {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content .patentpart1 .main p.title {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .content .patentpart1 .main p.text {
    width: 90%;
    margin: 0 auto;
  }
  .content .patentpart2 {
    background-size: auto;
  }
  .content .patentpart2 .main ul li {
    width: 90%;
    margin: 0 auto 15px auto;
    float: none;
  }
  .content .patentpart3 ul.main li,
  .content .patentpart3 ul.main li.right {
    width: 90%;
    padding: 0 0 8px 2%;
    margin: 0 auto 8px auto;
    float: none;
  }
  .content .patentpart3 ul.main li a {
    width: 95%;
    padding: 0 5% 0 0;
  }
  .content .qamain ul {
    width: 100%;
  }
  .content .qamain ul li {
    width: 95%;
    margin: 0 auto 15px auto;
    border: 1px #aab8cb solid;
    border-radius: 8px;
  }
  .content .qamain ul li .question {
    width: 90%;
    height: auto;
    padding: 15px 5%;
  }
  .content .qamain ul li .question h3 {
    width: 100%;
    margin: 0;
  }
  .content .qamain ul li .question:before {
    height: auto;
    content: normal;
  }
  .content .qamain ul li.current .question {
    background: url(../images/faq_q_bg_2.png) repeat-y center center;
  }
  .content .qamain ul li .question {
    background: url(../images/faq_q_bg_2.png) repeat-y center center;
  }
  .content .qamain ul li .pane {
    width: 100%;
    border: none;
  }
  .content .qamain ul li .pane .answer {
    width: 81%;
    padding: 0 3% 0 16%;
    background: url(../images/faq_q_a_line2.png) no-repeat 10px top;
  }
  .content .qamain ul li .pane .answer img {
    width: 90% !important;
    height: auto !important;
  }
  .content .contactmain .img {
    display: none;
  }
  .content .contactmain ul.information {
    width: 90%;
    margin: 0 auto;
  }
  .content .contactmain ul li {
    margin: 0 0 15px 0;
    background: none;
  }
  .content .contactmain ul li,
  .content .contactmain ul li.right {
    width: 100%;
    padding: 0;
  }
  .content .contactmain ul li a.aboutus {
    width: 80%;
  }
  .content .formmain {
    padding: 50px 0;
  }
  .content .formmain .title h2 {
    padding: 0 15px;
    font-size: 18px;
  }
  .content .formmain .title span.left,
  .content .formmain .title span.right {
    font-size: 18px;
    letter-spacing: 0;
  }
  .content .formmain .text img {
    display: none;
  }
  .content .formmain .text p {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  .content .formmain .main {
    padding: 30px 0 0 0;
  }
  .content .formmain .main ul,
  .content .formmain .main ul.right {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .content .formmain .title span.left {
    width: 30px;
    background: url(../images/title_bg_l.png) no-repeat right center;
  }
  .content .formmain .title span.right {
    width: 30px;
    background: url(../images/title_bg_r.png) no-repea left center;
  }
  .content .inquirymain {
    padding: 0;
    border-radius: 0;
  }
  .content .inquirymain .title {
    display: none;
  }
  .content .inquirymain ul li {
    width: 90%;
    margin: 0 auto 15px auto;
  }
  .content .inquirymain ul li p.btn {
    width: 100%;
    float: none;
    height: 50px;
    background: none;
  }
  .content .inquirymain ul li p.btn a {
    width: 100%;
    margin: 0 auto 0 auto;
    float: none;
    background-image: none;
    text-indent: 0;
    color: #fff;
    text-align: center;
  }
  .content .inquirymain ul li p.img {
    width: 40%;
    margin: 0 0 15px 0;
    box-shadow: none;
  }
  .content .inquirymain ul li p.text {
    width: 50%;
    padding: 0 0 0 5%;
  }
  .content .inquirymain ul li p.text span {
    padding: 20px 0 0 0;
    height: 40px;
  }
  .content .inquirymain ul li textarea {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  .mobile_ban div.ban_bg {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .mobile_ban a {
    position: absolute;
    display: block;
    width: 100%;
    height: 30px;
    cursor: pointer;
    z-index: 88;
  }
  .mobile_ban a.p1 {
    bottom: 20%;
  }
  .mobile_ban a.p2 {
    bottom: 12%;
  }
  .mobile_ban a.p3 {
    bottom: 4%;
  }
}

@media only screen and (max-width: 768px) {
  a.motel {
    background-repeat: no-repeat;
    background-position: 20% center / auto 50%;
    background-color: #4499e5;
    background-attachment: scroll;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bolder;
    height: 50px;
    left: 70px;
    line-height: 50px;
    position: fixed;
    text-align: center;
    width: calc(100% - 70px);
    z-index: 999;
  }

  a.mohome {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/car.png);
    background-color: #3276ad;
    background-attachment: scroll;
    bottom: 0;
    display: block;
    height: 50px;
    left: 0;
    position: fixed;
    width: 70px;
    z-index: 999;
  }

  .menu_bottom_phones {
      position: fixed;
      bottom: 0px;
      left: 0px;
      display: block;
      min-width: 50px;
      min-height: 50px;
      z-index: 0; /* 初始 z-index 為 0 */
  }

  /* 當 .menu_bottom_phones 具有 .show 類別時，設置 z-index 為 99 */
  .menu_bottom_phones.show {
      z-index: 99;
  }

  .menu_bottom_phones .dropdown__content {
    position: relative;
    background-color: #4499e5;
    min-width: 100vw;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: -20px;
    left: 0;
    transition: bottom 0.4s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    border-top: 5px solid #3276ad;
    border-bottom: 1px solid #95ceed;
    margin-bottom: 50px;
  }
  
  .menu_bottom_phones .dropdown__content.show {
    bottom: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  
  .menu_bottom_phones .dropdown__content a {
    color: #FFF;
    padding: 15px 15px;
    text-decoration: none;
    display: block;
    text-align: center;
    border-bottom: 1px solid #95ceed;
    font-size: 18px;
  }
  
  .menu_bottom_phones .dropdown__content a:last-child {
    border-bottom: none;
  }
}