@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , Microsoft YaHei;}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.blank30{ height:30px; clear:both;}
.blank10{ height:10px; clear:both;}
body{font-family:arial,"微軟正黑體";  font-size:16px; line-height:28px; color:#333333;overflow-x: hidden;}
.xs_wap{ display: none;}
.xs_web{ display: block;}
.container{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container3{width:96%; margin-left:auto; margin-right:auto ; max-width:1600px; min-width:280px;}
.container4{width:90%; margin-left:auto; margin-right:auto ; max-width:1080px; min-width:280px;}

.img100{width:100%;display:block}

/**** top ****/
#nav{height:70px;background-color:#957546;width:100%;z-index:10000;position: fixed; top: 0;}
.fixed{position: fixed; top: 0; width:100%;left: 0;right:0; z-index: 10000; background-color: #fff;height:100px;}
.topweb{display:block;}
#header{ position:relative;}
.wrap{width:100%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
#logo{ float: left;width:20%;}
#logo img{ margin-top:15px; margin-bottom: 15px;width:100%;max-width:170px;}
#navigation{ float:right;width:50%;margin-right:4%;}
#navigation li{ display:inline-block; position:relative; }
#navigation li > a{display:block; padding:21px 20px; font-weight: bold; color:#fff; transition:all .3s; text-align:center; text-decoration:none;font-size:18px;}
#navigation li > a span{ display:block;}
#navigation li:hover > a ,
#navigation li.active > a{color:#fff;background-color:#76592E;}
#navigation li .sub-menu{position:absolute; left:0; top:100%; display:none;  z-index:99; background:#F1F1F1;  width:100%; }
#navigation li .sub-menu a{display:block;font-size:15px; color:#000; line-height:40px; text-align:left;margin:0 auto;width:100%; text-align: center;letter-spacing:3px;}
#navigation li .sub-menu a:hover{background:#76592E; color:#fff;}

@media screen and (max-width:1205px){
  #logo{width:15%;}
  #navigation{width:55%;}
  #navigation li > a{padding-left:18px;padding-right: 18px; }

}
@media screen and (max-width:1062px){
  #navigation li > a{padding-left:15px;padding-right:15px;}
}
  
/* mobile */
#nav_wap{position: fixed; top: 0; width:100%;left: 0;right:0;background-color: #957546; z-index: 10000;height:70px;display: none;padding-top:10px;padding-bottom:10px;}
.wap_logo{margin-left:25px;}

#mobi-btn{position:absolute; top:15px; right:25px; display:block; width:34px; height:34px;background-image: url(../images/menu.png);cursor: pointer;}
#mobi-btn.active{ background-image: url(../images/close.png);}
#mobile{display:none;background-color:#fff;padding-bottom:30px;}
#mobile ul{width:280px;margin:0 auto;}
#mobile ul li > a{display:block;   font-size:16px; color:#000; line-height:40px; text-align:left;letter-spacing: 5px; font-weight: bold;}
#mobile ul li > a span{ display:none}
#mobile ul li > a:hover{color:#134D49; }
#mobile ul li .sub-menu{background:#F1F1F1;padding-top:10px;padding-bottom:10px;padding-left:20px;margin-top:15px;margin-bottom:15px;}
#mobile ul li .sub-menu a{display:block;  font-size:16px; color:#000; line-height:40px; text-align:left;letter-spacing: 5px;font-weight: bold;}
#mobile ul li .sub-menu a:hover{ background-color: #efefef;}

footer{margin-top:70px;background: -moz-linear-gradient(top,#13100D, #000);background:-webkit-linear-gradient( top, #13100D, #000);
  padding-top:50px;padding-bottom: 50px;color:#fff;}
.endlogo{float: left;width:25%;}
.endc02{float: left;width:45%}
.endlogo img{width:100%;max-width: 170px;}

.endnav{margin-top:25px;}
.endnav a{margin-right:20px;color:#fff; font-weight: bold;}

.copyright{margin-top:20px;}
.copyright a{color:#fff;}

.endcontact{margin-top:20px;float: right;border-left:solid 1px #fff;padding-left:90px;width:30%;padding-top:5px;}
.endcontact h3{color:#fff;font-family:'Times New Roman', Times, serif}
.endcontact p{margin-top:5px;}
.endcontact a{color:#fff;}

#btn {
  width:40px;
  height: 40px;
 position:fixed;
  right:10px;
  bottom:20px;
  background:url(../images/top.png)  no-repeat  left top ;
  margin-left: 610px;
}
#btn:hover {
  background:url(../images/top.png)  no-repeat  left -40px;
}


@media screen and (max-width:1170px){
.endcontact{padding-left:50px;}
}
@media screen and (max-width:1034px){
  .endlogo{width:22%;}
  .endc02{width:48%}
.endcontact{width:30%;}

}

@media screen and (max-width:999px){
   #nav{display: none;}
   #nav_wap{display: block;}
footer{margin-top:60px;}
.endlogo{width:100%;float:none; text-align: center;}
.endc02{width:100%;float:none;}
.endcontact{width:100%;float: none;border-left:none; text-align: center;padding-left:0px;}
.endnav{display: none;}
.copyright{ text-align: center;}
.xs_wap{ display: block;}
.xs_web{ display: none;}
}


.banner{margin-top:70px;}
#slider{position:relative; margin:0 auto;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 5px; background:transparent; border-radius:50%;border:solid 2px #fff;}
#slider .owl-pagination .owl-page.active{background:#fff;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s; }
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}

#slider2{position:relative; margin:0 auto;}
#slider2 .item img{display:block; width:100%; height:auto;}
#slider2 .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider2 .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 5px; background:transparent; border-radius:50%;border:solid 2px #fff;}
#slider2 .owl-pagination .owl-page.active{background:#fff;}
#slider2 .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s; }
#slider2 .owl-buttons div:hover{opacity:.6;}
#slider2 .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider2 .owl-buttons .owl-next{right:30px; background-position:right top;}

/*首頁關於我們**/
.indexabout{padding-top:80px;}
.indexaboutline{border-top:solid 1px #000;width:100px;}
.indexabouttxt span{color:#888;display: block;margin-top:30px;font-size: 16px;font-family: 'Times New Roman', Times, serif;}
.indexabouttxt h3{margin-top:10px;color:#000;font-size: 34px;letter-spacing: 5px;margin-bottom:20px;font-weight: bold;}
.indexabouttxt h4{color:#937345;margin-bottom:10px;font-weight: bold;font-size: 18px;}
.indexabouttxt p{color:#ccc;margin-top:20px;}

.more{background-color: #957546;display: inline-block;padding:10px 20px;color:#fff;}

.indexaboutinfo{float: left;width:27%;}
.indeximg{float: left;width:50.5%;}
.indeximg img{box-shadow:0px 0px 8px #ccc;width:100%;}
.indeximg02{float:right;width:18%;}
.indeximg02 img{box-shadow:0px 0px 8px #ccc;width:100%;}
#mar50{margin-top:50px;}

.subbanner{margin-top:70px;}
.subbanner img{width:100%;}


.subnav{margin-top:50px;color:#959595;height:25px;line-height:25px;letter-spacing:2px;}
.subnav h2{display: inline-block; background-image: url(../images/home.png); background-repeat: no-repeat; font-size: 16px;color:#959595;text-indent:35px;line-height:25px;}
.subnav h2 a {color:#959595;}

.subcontent{margin-top:50px;}
.abouttxt{font-size:70px;font-family: 'Times New Roman', Times, serif;font-weight: bold;}

.aboutxt2{margin-top:50px;}
.aboutxt2 strong{background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
background-color: #E67850; color:#fff;display: inline-block;padding:15px 40px 10px 45px; letter-spacing:5px; border-radius: 50px; font-size:24px;line-height: 24px;}

.abouttxt3 p{margin-top:20px;}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}.video-container iframe { position: absolute; top:0;left: 0; width: 100%;height: 100%;}

.abouttxt4{margin-top:50px;border-bottom:solid 1px #848484;padding-bottom:50px;}
.abouttxt5 ul{margin-top:20px;}
.abouttxt5 ul li{margin-top:30px;float: left;width:30%;margin-right:5%;}
.abouttxt5 ul li img{width:100%;}
#abouttxtli{margin-right:0%;}


.indexworks{margin-top:50px;background-image: url(../images/12.jpg);padding-bottom:80px;padding-top:80px;}
.indexwroktitle{text-align: center;}
.indexwroktitle h3{font-weight: bold;font-size:40px;letter-spacing: 10px; }
.indexworkcate{text-align: center;margin-top:20px;}
.indexworkcate a{display:inline-block;margin-top:20px;background-color:#FFFAF4;border:solid 2px #957546; padding:4px 30px;
   color:#957546;font-weight: bold;}

.worklist{margin-top:50px;}
.imgwork{height:0; width:100%;  margin:0%;position: relative; padding-bottom:75%;  overflow: hidden;background-color: #666666;margin-top:20px;}
.imgwork img{cursor: pointer;position: absolute;  left: 0; top: 0;width: 100%  ; height:100%;display: block;transition: all .6s; }
.imgwork img:hover{transform: scale(1.2);}
.worklist h4{margin-top:18px;font-size: 18px;font-weight: bold;line-height:25px;height:25px;text-align: left;overflow: hidden;}
.worklist h4 a{color:#000;}
.worklist p{color:#959595;margin-top:10px;height:50px;text-align: left;overflow: hidden;}


.pager{margin-top:50px;}
.pager a{width:40px; height:40px; background-color: #D4CCC8;border-radius: 50px;margin-left:5px;margin-right:5px;display: inline-block;line-height: 40px;color:#7C6E6E;font-weight: bold;border:solid 1px #D4CCC8}
.pager a:hover{width:40px; height:40px; background-color: #fff;border-radius: 50px;margin-left:5px;margin-right:5px;display: inline-block;line-height: 40px;color:#7C6E6E;font-weight: bold;border:solid 1px #D4CCC8}
.pager strong{width:40px; height:40px; background-color: #fff;border-radius: 50px;margin-left:5px;margin-right:5px;display: inline-block;line-height: 40px;color:#7C6E6E;font-weight: bold;border:solid 1px #D4CCC8}

.newtxt01{background-color: #E3E3E3;font-size: 25px;letter-spacing: 5px; padding-top:20px;padding-bottom:20px;line-height: 40px; text-align: center;}
.newscontent img{width:100%;}
.back{margin-top:60px;}
.back a{ border:solid 1px #78675C; padding:8px 20px; max-width: 200px;margin: 0 auto; color:#78675C; display: block; text-align: center;font-weight: bold; position: relative;}
.back a img{transition: all 0.35s ease-in-out;position: absolute;
   top: 40%;
   left: 30%;
   margin: auto;transition: all 0.3s;opacity:0;}
.back a:hover img{ transform: translateX(-15px);opacity: 1;}


.fwxm{background-image: url(../images/serverbg.jpg);}
.fwtitle{width:85%;margin:0 auto;}
.fwxmright{float:right;width:55%;background-image: url(../images/s7.png);padding-bottom:80px;padding-top:80px;}
.fwcontent{width:85%;margin:0 auto;}

.fwlist{margin-top:50px;color:#fff;}
.fwcon{background-image: url(../images/s6.png); background-repeat: no-repeat;margin-top:20px;}
.fwcon h3{margin-left:30px;font-weight: bold;font-size: 22px;}
.fwcon p{margin-left:30px;margin-top:15px;line-height:30px;}
.fwicon img{margin-left:30px;}


.lxwm{padding-bottom:80px;padding-top:80px;background-color: #fff;}
.lxwmtitle{text-align: center;}
.lxwmtitle h3{font-weight: bold;font-size:40px;letter-spacing: 10px; }

.map{margin-top:50px;}
.map img{width:100%;}

.formcompanyjoin{width:100%;margin:0 auto;margin-top:50px;}
.formitemjoin{width:90%;margin:0 auto;margin-bottom:20px;}
.formitemjoin span{display: block;color:#655048;font-size: 16px;}
.formitemjoin span b{color:#FF0808;margin-right:10px;}
.formitemjoin input{width:100%;border-radius: 5px; margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;;border:solid 1px #AB8D61;}
.formitemjoin label{cursor:pointer;margin-top:10px;margin-right:25px;font-size: 18px;font-weight: lighter;color:#412D2C;}
.formitemjoin label input{margin-right:8px;}
.formitemjoin select{width:100%;margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;border:solid 1px #AB8D61;}
.formtishi{font-size: 13px;color:#A8A09B;margin-top:10px;}
.contentcontact{border-radius: 5px;  width:100%;margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;;border:solid 1px #AB8D61}
.joincompany{background-color: #957546;padding-top:15px;padding-bottom:15px;border:none; color:#fff;width:100%;max-width: 200px;letter-spacing: 20px;font-size: 18px; transition-duration: 0.4s;display: inline-block;;margin: 0 auto;display: block;}
.joincompany:hover{background-color: #957546;color:#fff;}

.gujia{padding-bottom:80px;padding-top:80px;background-image: url(../images/bg_bj.jpg);min-height:500px;}
.gujiatitle{text-align: center;}
.gujiatitle h3{font-weight: bold;font-size:40px;}

.gjtitle01{color:#a3742f; font-size:24px;margin-top:50px;}
.gjtitle01 span{color:#333}

.gjtitle02{color:#959595;margin-top:10px;font-size:20px;}
.xjline{margin-top:20px;width:100%;}
.xjline span{display:inline-block;font-size: 20px;font-weight: bold;width:70px;margin-top:10px;}
.xjline label{cursor: pointer;margin-right:30px;flex-grow: 2;}
.txt01{width:100%;border-radius: 5px; margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;;border:solid 1px #AB8D61;display: block;}

.txt02{border-radius: 5px; margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;;border:solid 1px #AB8D61;flex-grow: 2;display: inline-block;width:100%;}

.xjcontent{border-radius: 5px;  width:100%;margin-top:5px;padding:6px;background-color: #fff;border:none;padding-top:8px;padding-bottom:8px;;border:solid 1px #AB8D61;height:514px;}
.xjbtn{margin-top:50px;}
@media screen and (max-width:1616px){
  .fwxmright{width:75%;}
}
@media screen and (max-width:1200px){
  .fwxmright{width:100%;}
}
@media screen and (max-width:999px){
  .indexabout{padding-top:40px;}
.indexaboutinfo{float: none;width:100%;max-width:280px;margin:0 auto;}
.indeximg{float: none;width:100%;margin-top:30px;}
.indeximg02{float:none;width:100%;margin-top:30px;}
#mar50{margin-top:30px;}


.indexabout{padding-top:50px;}
.indexworks{padding-bottom:50px;padding-top:50px;}
.lxwm{padding-bottom:50px;padding-top:50px;}
.fwxmright{padding-bottom:50px;padding-top:50px;}
.gujia{padding-bottom:50px;padding-top:50px;}
}