@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;}

table{margin-bottom:10px;border-collapse:collapse;display:table;}
td,th{padding: 5px 10px;border: 1px solid #DDD;}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
th{border-top:1px solid #BBB;background-color:#F7F7F7;}
table tr.firstRow th{border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.ue-table-interlace-color-double{ background-color: #f7faff; }
td p{margin:0;padding:0;}

.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}

.pager{margin-top:50px;margin-bottom:50px;}
.pager a{ margin-left:5px;margin-right:5px;background-color:#ccc;width:30px;height:30px;line-height:30px;display:inline-block;color:#000;}

/**** top ****/
#nav{height:100px;background-color:#fff;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: 25px; margin-bottom: 15px;width:100%;max-width:170px;}
#navigation{ float:right;width:50%;margin-right:4%;margin-top:20px;}
#navigation li{ display:inline-block; position:relative; }
#navigation li > a{display:block; padding:18px 20px; font-weight: bold; color:#333333; 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:#134D49}
#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:#134D49; color:#fff;}
.searchform{float:right;width:280px;box-shadow: inset 0px 0px 15px #ECECEC;border-radius:50px;height:32px;overflow: hidden;margin-top:35px;}
.searchtxt{float: left;width:200px;border-radius:50px 0px 0px 50px;height:32px;padding-left:15px;border:none;background-color: transparent;}
.searchbtn{float:right;width:65px;background-color:#134D49;border-radius:0px 50px 50px 0px;border:none;height:32px;background-image: url(../images/find.png);background-repeat: no-repeat;background-position:center;cursor: pointer;}

@media screen and (max-width:1205px){
  #logo{width:15%;}
  #navigation{width:55%;}
  #navigation li > a{padding-left:18px;padding-right: 18px; }
  .searchform{width:200px;}
  .searchtxt{width:135px;}
  .searchbtn{width:50px;}
}
@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: #fff; z-index: 10000;height:93px;display: none;padding-top:20px;padding-bottom:20px;height:93px;}
.wap_logo{margin-left:25px;}

#mobi-btn{position:absolute; top:28px; 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;margin-top:30px;}
#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;}


.banner{margin-top:168px;}
.bannerzuo{float:left;width:40%;position: relative;}
.bannerright{float:right;width:55%;}

.bannertxt01{font-size:24px;font-weight: bold; letter-spacing: 5px; text-align: center;margin-top:100px;}
.bannertxt02{font-family: 'Times New Roman', Times, serif;font-size:80px;font-weight: bold;letter-spacing: 5px; text-align: center;margin-top:10px;line-height: 80px;}
.bannertxt03{color:#727272; text-align: center;margin-top:10px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:18px;font-weight: bold;}

.bannermore{ text-align: center;margin-top:15px;}
.bannermore a{display: inline-block;background-color: #E67952; color:#fff;border-radius: 50px;padding:10px 80px 10px 40px; font-size:20px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: center right;font-weight: bold;letter-spacing: 3px;}
.bannermore a img{vertical-align: top;}
.bannermore a:hover{background-color: #F19270;}
.bannersrcoll{ text-align: center;margin-top:50px;height:245px;overflow: hidden;}

.bannerimgbg{background-image: url(../images/banner_bg.png);background-repeat:no-repeat;width:618px;height:622px;background-position: bottom;margin-top:20px;}

.bannerimg{position: relative;}
.bannerimg01{position:absolute;right:-107px;top:-20px;z-index:2;width:720px;}
.bannerimg01 img{width:100%;}
.bannerimg02{position:absolute;left:58px;top:60px;z-index:2;width:598px}
.bannerimg02 img{width:100%}

.bannerimg_k{position: relative;display:none;}
.bannerimg03{position:absolute;left:-130px;top:100px;z-index:1;width:649px}
.bannerimg03 img{width:100%;}
.bannerimg04{position:absolute;right:-110px;top:-20px;z-index:2;width:630px }
.bannerimg04 img{width:100%;}

.bannerbtn{position: absolute;bottom:0px;text-align: right;width:100%;height:50px;z-index:5;}
.bannerbtn span{width:12px;height:12px;background-color:#F19270;border-radius: 50px;line-height: 8px; display:inline-block;margin-left:3px;margin-right:3px; cursor: pointer;}
#slide02{margin-right:50px;}

@media screen and (max-width:1340px){
.bannerimgbg{background-image: url(../images/banner_bg_mid.png);width:450px;height:453px;margin:0 auto;margin-top:20px;}
.bannerimg01{right:-80px;top:-20px;width:480px;}
.bannerimg02{left:58px;top:30px;z-index:2;width:430px}
.bannerimg03{left:-110px;top:90px;width:460px}
.bannerimg04{right:-80px;top:20px;width:380px }

.bannertxt01{font-size:20px;margin-top:50px;}
.bannertxt02{font-size:60px;line-height:60px;}
.bannertxt03{font-size:16px;}
.bannersrcoll{ height:145px;}

}




/**** 主頁產品項目 ***/
.indexproitem{padding-top:80px;}
.proitemzuo{float:left;width:35%;}
.proitemzuo h3{width:68%;margin:0 auto;font-family: 'Times New Roman', Times, serif;font-size:70px; font-weight: bold; letter-spacing: 5px; line-height: 80px;}
.proitemright{float:right;width:60%;}
.proitemright ul{width:90%;margin:0 auto;}
.proitemright ul li{float:left;width:18%;margin-left:1.5%;position: relative;cursor: pointer;}
.proitemright ul li img{width:100%;}
.prohover{position: absolute;top:0px;left:0px;width:100%;background-color: #333;opacity: 0.8;height:100%;border-radius: 50%;display:none;}
.prohover span{width:80%;display: block;margin:0 auto;margin-top:40%;color:#fff;font-weight: bold;text-align: center;}
.proitemright ul li:hover .prohover{display:block;}
.proitemc{margin-top:60px;}
.proitc{background-image:url(../images/bg_c.png);padding-top:100px;padding-bottom:80px;margin-left:50.4%;width:35%;}
.proitc article{margin-left:80px;margin-right:80px;}
.proitc h3{font-size:26px;letter-spacing: 5px; font-weight: bold;}
.proitc h5{font-size:30px;font-family: 'Times New Roman', Times, serif;;margin-top:10px;color:#4D4D4D }
.proitc hr {border-top: 1px solid #4D4D4D;}
.proic{ font-weight: bold;}

.promore{ margin-top:80px;}
.promore a{display: inline-block;background-color: #E67952; color:#fff;border-radius: 50px;padding:10px 80px 10px 40px; font-size:20px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: center right;font-weight: bold;letter-spacing: 3px;}
.promore a img{vertical-align: top;}
.promore a:hover{background-color: #F19270;}

.indexproimg{display:none;}
.indexproimg img{width:100%;}




@media screen and (max-width:1200px){
  .proitc{background-image:url(../images/bg_c.png);padding-top:100px;padding-bottom:80px;margin-left:auto;width:65%;margin-right:auto;}
  .proitemzuo h3{width:80%;font-size:60px; letter-spacing: 5px; line-height:60px;}
}
 
/**** 首頁專業服務 ****/
.indexzhuanye{padding-top:80px;}
.zytitle{ text-align: center;}
.zytitle h3{font-size:24px;letter-spacing: 5px; font-weight: bold;margin-top:0px;}
.zytitle h5{font-size:70px;font-family: 'Times New Roman', Times, serif;;margin-top:10px; font-weight: bold; }
.zyfwlist{margin-top:80px;}
.zyfwlist ul li{float: left;width:25%;position: relative;}
.zyfwlist ul li img{width:100%;}

.zytit01{position:absolute;top:38%;width:100%;text-align:center;}
.zytit01 h4{font-size:24px;}
.zytit01 h6{font-size:26px;margin-top:5px;letter-spacing: 5px; font-weight: bold;}
.zytit01 a{background-color: #134D49; color:#fff;display: inline-block;margin-top:10px;padding-left:20px;padding-right:20px;font-size:15px;line-height:15px;padding-top:8px;padding-bottom:8px;letter-spacing: 2px; font-weight: bold;}
.zytit01 a:hover{background-color: #E87B54;}


.zyfwlist01{}
.zyfwlist01_z{width:50%; float: left;}
.zyfwlist01_z img{width:100%;}
.zyfwlist01_m{width:25%;float: left;position: relative;}
.zyfwlist01_m img{width:100%;}


/*首頁關於我們*/
.indexabout{padding-top:80px;}
.indexabout  h3{font-size:70px;font-family: 'Times New Roman', Times, serif;;margin-top:10px; font-weight: bold; }
.indexabout article p{margin-top:30px;font-size:16px;}

.aboutmore{ margin-left:80px;margin-top:30px;}
.aboutmore a{display: inline-block;background-color: #E67952; color:#fff;border-radius: 50px;padding:10px 80px 10px 40px; font-size:20px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: center right;font-weight: bold;letter-spacing: 3px;}
.aboutmore a img{vertical-align: top;}
.aboutmore a:hover{background-color: #F19270;}


footer{margin-top:80px;background: -moz-linear-gradient(top,#F9CCBC, #F7B697);background:-webkit-linear-gradient( top, #F9CCBC, #F7B697);
  padding-top:50px;padding-bottom: 50px;}
.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:#000; font-weight: bold;}

.copyright{margin-top:20px;position:relative;}
.copyright a{color:#000;}

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



.endline{width:75px;position: absolute;right:20px;top:-10px;}



#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;
}


/**************** 内页开始 *************/
.subbanner{margin-top:100px;}
.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%;}

.aboutmap{margin-top:80px;}
.mapleft{float: left;width:58%; background-image: url(../images/about_leftbg.png);padding-bottom:100px;padding-left:20%;height:450px;}
.mapright{float:right;width:42%;height:450px;}

.bannertxt01{font-size:24px;font-weight: bold; letter-spacing: 5px; text-align: center;margin-top:100px;}
.bannertxt02{font-family: 'Times New Roman', Times, serif;font-size:80px;font-weight: bold;letter-spacing: 5px; text-align: center;margin-top:10px;line-height: 80px;}
.bannertxt03{color:#727272; text-align: center;margin-top:10px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:18px;font-weight: bold;}

.bannermore{ text-align: center;margin-top:15px;}
.bannermore a{display: inline-block;background-color: #E67952; color:#fff;border-radius: 50px;padding:10px 80px 10px 40px; font-size:20px;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: center right;font-weight: bold;letter-spacing: 3px;}
.bannermore a img{vertical-align: top;}
.bannermore a:hover{background-color: #F19270;}

.marcenter{display: none;}

.oempic{margin-top:50px; text-align: center;}
.oempic img{width:100%;max-width: 1097px;margin:0 auto;}


.oemtxt01{margin-top:50px;}
.oemtxt01 strong{float:left; display:inline-block;background-color:#134D49;color:#fff;font-size:22px;letter-spacing: 3px;width:30%;text-align: center;padding-top:15px;padding-bottom:15px;}
.oemtxt01 article{float: right;width:65%;font-weight: bold;}

.oemtxt02{margin-top:50px;}
.oemtxt03{margin-top:20px;color:#727272}


/*** 產品列表 ***/

.listproimg{position: relative;}
.listproimg01{width:100%;max-width: 100%;height: auto;}


.listprotxt{width:100%;margin-top:18%;}
.listprotxt h3{font-size: 22px;font-weight: bold;letter-spacing:5px;}
.listprotxt h5{font-size: 30px;margin-top:15px;letter-spacing:2px;border-bottom: solid 1px #959595;padding-bottom:15px;font-family: 'Times New Roman', Times, serif;}
.listprotxt h6{font-size: 17px;padding-top:20px;line-height: 25px;}

.listproimg_overlay_text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;opacity: 0; transition: 0.5s ease;}
.listproimg_overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;transition: 0.5s ease;background-color: rgba(62, 62, 62, 0);}
.listproimg_overlay:hover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;transition: .5s ease; background-color: #3e3e3e;opacity: 0.75;}
.listproimg_overlay:hover .listproimg_overlay_text{opacity: 1;}
#topprotxt{margin-top:10%;}


/** 產品詳細***/
.detailprotxt{margin-top:30px;}
.detailprotxt h3{text-align: center;letter-spacing:8px;font-size: 26px;font-weight: bold;}
.detailprotxt h5{text-align: center;letter-spacing:1px;font-size: 60px;margin-top:10px;font-family: 'Times New Roman', Times, serif;color:#4d4d4d}
.detailprotxt p{text-align: center;margin-top:10px;font-family: 'Times New Roman', Times, serif;color:#727272;font-size: 18px;}

.detailpimg{margin-top:30px}
.detailpimg img{width:100%;max-width:180px;display: block;margin:0 auto;}
.detailpimg:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);
  transform: scale(1.1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.detailptxt{width:90%;margin:0 auto;margin-top:30px;max-width:220px;}
.detailptxt h3{background-color: #134D49; text-align: center;color:#fff;font-size:20px;padding-top:10px;padding-bottom:10px;letter-spacing: 3px;}
.detailptxt p{margin-top:20px;font-size: 16px;line-height: 28px;height:150px;}

.back{ text-align: center;padding-top:60px;}
.back a{display: inline-block;background-color: #E67952; color:#fff;border-radius: 50px;padding:10px 40px 10px 80px; font-size:20px;background-image: url(../images/back.png);background-repeat: no-repeat;background-position: center left;font-weight: bold;letter-spacing: 3px;}
.back a img{vertical-align: top;}
.back a:hover{background-color: #F19270;}

/*** 產業趨勢 ***/
.newslist{margin-top:50px;}
.newslist ul li{background-color:#F9CDBE;padding-top:20px;padding-bottom:20px;position: relative;}
.newslist ul li span{width:30px;height:30px;background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
  background-color: #E67850;border-radius: 50%;text-align: center;line-height: 30px;color:#fff;margin-left:15px; font-weight: bold;display: inline-block;display: block;margin: 0 auto;}
.newstxt{letter-spacing: 2px;line-height: 30px;}
.newslist ul li a{color:#000;}

.newslist ul li:hover{background-color: #F1F1F1;}
.newslist ul li:nth-child(even){background-color: #FCFDFD;}
.newslist ul li:nth-child(even):hover{background-color: #F1F1F1;}
.newli{float: left;width:8%;}
.newstxt{float: left;width:60%;}
.newsmore{position:absolute;right:30px;bottom:35%;}
.newsmore img{width:100%;max-width:29px;}

#subnav{margin-top:150px}


/*** 產業趨勢詳細 ***/
.newtxt01{background-color: #E3E3E3;font-size: 35px;padding-top:25px;padding-bottom:25px;line-height: 40px}
.newtxt02{ color:#134D49; font-size:28px;margin-top:70px;}
.newtxt03{margin-top:20px;font-weight: bold;font-size:24px; line-height: 38px;border-bottom:solid 1px #959595;padding-bottom:30px;}
.newtxt04{margin-top:20px;border-bottom:solid 1px #959595;padding-bottom:30px;}
.newtxt05 {width:100%;max-width: 201px;display: block;margin: 0 auto;}
.newtxt06 {width:100%;max-width: 450px;display: block;margin-top:20px;}
.newtxt07{color:#E37148;font-weight: bold;}

/***  常見問答 ***/
.newli h3{width:100;text-align: center;font-family: 'Times New Roman', Times, serif; font-size: 35px;}
.qaheight{height:80px;}
        
.expert{width:100%;}
.expert a{ cursor:pointer;background-color: #E3E3E3;display: block; padding-bottom:15px;padding-top:15px; color:#000;position: relative;}
.expert_jieshao { border:solid 1px #E3E3E3;padding-top:20px;padding-bottom:20px; display: none;}

/***聯絡我們 ***/
.formcompanyjoin{width:100%;margin:0 auto;margin-top:30px;padding-bottom:40px;}
.formitemjoin{margin-top:20px;}
.formitemjoin span{display:inline-block;color:#4d4d4d;
  text-align-last:justify;
  text-justify: inter-ideograph;
  font-size: 16px;text-align:justify;width:75px;font-weight: bold;}
.formitemjoin  b{color:#FF0808;margin-left:10px;}
.formitemjoin input{width:100%;margin-top:5px;padding:6px;background-color: #f1F1F1;border:none;padding-top:8px;padding-bottom:8px;border-radius: 5px;}

.formtishi{font-size: 16px;margin-top:10px;}
.formtishi span{color:red;}

.formjogbtn{margin-top:40px; text-align: center;color:#848484;}
.formjogbtn label{font-weight: lighter; cursor: pointer;display: block;margin-bottom:10px;}
.formjogbtn label a{color:#2C76E3}
.joincompany{border-radius: 30px;padding-top:15px;padding-bottom:15px;border:none; color:#fff;width:100%;max-width: 330px;letter-spacing: 20px;font-size: 18px;background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
  background-color: #E67850;}

.contentcontact{width:100%;margin-top:5px;padding:6px;background-color: #f1F1F1;border:none;padding-top:8px;padding-bottom:8px;border-radius: 5px;}


@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%;}

}


.know_item {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  margin: 15px auto 30px auto;
  padding: 10px 2px;
}

.know_item_title {
	font-size: 1.7em;
	color: #287B00;
	padding-bottom: 8px;
	line-height: 1.2em;
}
.know_item section {
	padding: 5px;
}
.know_item img {
	padding: 8px 5px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width:999px){
  #subnav{margin-top:120px}
  .qaheight{height:50px;}

  /** 產品詳細 **/
  .detailprotxt{padding-top:20px;}
  .detailprotxt h3{font-size: 20px;}
  .detailprotxt h5{font-size:38px;}
  .detailptxt{width:100%;margin-top:20px}
  .detailptxt h3{font-size:16px;}
  .detailptxt p{margin-top:10px;}
  .detailptxt p{height:100px;}

   #nav{display: none;}
   #nav_wap{display: block;}

  .searchform{float:none;margin:0 auto;width:280px;}
  .searchtxt{width:200px;}
  .searchbtn{width:65px;}

  .banner{margin-top:120px;}

  .bannerzuo{float:none;width:100%;margin-top:50px;}
  .bannerright{float:none;width:100%;}

  .bannerimgbg{background-image: url(../images/banner_bg_wap.png);width:290px;height:292px}
  .bannerimg01{right:-50px;top:-10px;width:330px;height:254px}
  .bannerimg02{left:38px;top:33px;z-index:2;width:270px;height:260px;}
  .bannerimg03{left:-55px;top:70px;width:259px;}
  .bannerimg04{right:-50px;top:-5px;width:274px; }

  .bannerbtn{position: absolute;top:-40px;text-align: center;}
   #slide02{margin-right:0px;}

  .bannertxt01{font-size:18px;margin-top:10px;}
  .bannertxt02{font-size:48px;line-height:40px;}
  .bannertxt03{font-size:15px;line-height: 25px;}
  .bannersrcoll{ height:100px;margin-top:20px;}

  .proitemzuo{float:none;width:100%;}
  .proitemzuo h3{width:100%;margin:0 auto;font-size:48px; line-height:48px;text-align: center;}
  .proitemright{float:none;width:100%;margin-top:30px;}
  .proitemright ul li:hover .prohover{display:none;}
  .indexproimg{display:block;}
  .proitemc{margin-top:30px;background-size:cover;}
  .proitc{width:100%;;padding-top:40px;padding-bottom:40px;margin-left:0px;}
  .proitc article{margin-left:20px;margin-right:20px;}
  .proitc h3{font-size:20px;}
  .proitc h5{font-size:26px; }
  .promore{ margin-top:50px;}
  .indexproitem{padding-top:40px;}

  .indexzhuanye{padding-top:40px;}
  .zyfwlist ul li{width:50%;}
  .zytitle h3{font-size:20px;}
  .zytitle h5{font-size:48px;}
  .zyfwlist{margin-top:30px;}

  .zyfwlist01_z{width:100%; float: none;}
  .zyfwlist01_m{width:50%;}

footer{margin-top:60px;}
  .indexabout{padding-top:20px;}
.indexabout  h3{font-size:48px; text-align: center; }
.indexabout article p{margin-top:15px;}
.aboutmore{ margin-left:auto;margin-top:15px; margin-right:auto; text-align: center;}


.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;}

.subnav{margin-top:25px; text-align: center;}
.subcontent{margin-top:40px;}
.abouttxt{font-size:48px; text-align: center;}

.abouttxt5 ul li{margin-top:30px;width:47.5%;}
#abouttxtli02{margin-right:0%;}
#abouttxtli{margin-right:5%;}

.aboutxt2{margin-top:30px;}
.aboutxt2 strong{padding:15px 30px 10px 35px; font-size:16px;line-height: 16px;}
.abouttxt4{margin-top:30px;padding-bottom:30px;}
.abouttxt5 ul{margin-top:0px;}

.aboutmap{margin-top:40px;}
.mapleft{float: none;width:100%; background-image: url(../images/about_bg_wap1.png);padding-top:50px; padding-bottom:0px;padding-left:0%;background-size:cover;height:auto;background-position: bottom;}
.mapright{float:none;width:100%;height:450px;}
.marcenter{float: none;width:100%;display: block;}
.marcenter img{width:100%;}

.oempic{ text-align: center;}
.oempic img{max-width: 398px;}


.oemtxt01 strong{float:none; width:100%;}
.oemtxt01 article{float: none;width:100%;margin-top:30px;}
.oemtxt02{margin-top:30px;}


.listprotxt{margin-top:30px}
#topprotxt{margin-top:30px;}


.newli{width:10%;}
.newslist{margin-top:20px;}


/*產業趨勢詳細**/
.newtxt01{font-size: 25px;line-height:40px}
.newtxt02{font-size:20px;margin-top:30px;}
.newtxt03{font-size:16px; line-height: 28px;padding-bottom:20px;}
.newtxt04{margin-top:10px;}
.newtxt05 {max-width: 260px;margin-top:15px;}
.endline{width:75px;position:relative;margin-top:30px;width:85px;}

}



@media screen and (max-width:600px){
  .zytit01{top:28%;}
  .zytit01 h4{font-size:16px;font-weight: bold;}
  .zytit01 h6{font-size:20px;}

  .endlogo img{width:100%;max-width: 130px;}
 

  .bannertxt02{font-size:38px;}

  .back{padding-top:110px;}

  .newli{width:15%;}
  .newsmore{bottom:10%;}

  #newsmore{bottom:30%;}
 }

@media screen and (max-width:420px){
 .bannerimgbg{background-image: url(../images/banner_bg_s.png);width:220px;height:222px}
 .bannerimg01{right:-40px;top:-10px;width:254px;}
 .bannerimg02{left:38px;top:13px;z-index:2;width:222px;}
 .bannerimg03{left:-45px;top:60px;width:190px;}
 .bannerimg04{right:-40px;top:-5px;width:223px; }
 .zytitle h5{font-size:40px;}
 .zytit01 a{padding-left:10px;padding-right:10px;letter-spacing: 1px; font-size: 13px;line-height: 13px; }


 .listprotxt h3{font-size:20px;}
.listprotxt h5{font-size: 24px;}
.listprotxt h6{font-size: 16px;}

.newli{width:18%;}

}