@charset "utf-8";
@font-face {
  font-family: "蘋果儷中黑", "微軟正黑體", sans-serif;
  font-style: normal;
}

.black_overlay2{ 
	
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 150%; 
            background-color: black; 
            z-index:9999998; 
            -moz-opacity: 0.8; 
            opacity:.70; 
            filter: alpha(opacity=70); 
        } 
.white_content2{ 
            display: none; 
            position: absolute; 
            top: 35%; 
            left: 45%; 
            width: 138px; 
            height: 138px; 
            z-index:9999999; 
            overflow: auto;
			background:none;
        } 

/* ==============================
   Page loader
   ============================== */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 1;
}

.loader2{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -13px;
  font-size: 10px;
  z-index: 10000099;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==============================
   Page loader
   ============================== */


a{text-decoration: none;}
.close-cookie-BTN{
	width:180px;display:block;text-align: center; background: #5a7ea1; color: #ffffff;line-height: 45px;text-decoration: none; border-radius: 10px;
}
.close-cookie-BTN:hover{text-decoration: none;background: #184d81; }
body {	
	-webkit-text-size-adjust:none; 
	margin: 0;
	padding: 0;
	background: #ffffff;
}
samp {font-family: "Noto Sans TC", "Arial","黑體-繁","微軟正黑體", sans-serif;}

html {
	 scroll-behavior: smooth;
	 font-family: "Noto Sans TC","Arial","黑體-繁","微軟正黑體", sans-serif;
    background: #ffffff;
	-webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-weight: normal;
}
img {	
	width: 100%;
	float: left;
	height: auto;
	border-style: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* ==============================
   Page loader
   ============================== */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 1;
}

.loader2{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -13px;
  font-size: 10px;
  z-index: 10000099;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.wrapper{
	border-top: solid 3px #a4120b;
	width: 100%;
	float: left;
}


@media screen and (min-width: 1350px)  {/*針對超大桌機*/
	.out{width: 1300px; margin:0 auto 0 auto;}
	.logo{width: 298px; height: 81px; float: left; margin: 27px 0 24px 21px;}
	.buttom{width: 750px; float: right; margin: 0px 0 0 0;}
	.tab1{ float: right; margin: 10px 0 0 0;}
	.tab1 a{background: #dc271e; padding: 8px 12px 8px 12px; color: #ffffff; font-size: 15px; text-align: center; text-decoration: none;}
	.tab1 a:hover{background: #2a82c5;}
	.buttom2{width: 100%; float: right; margin: 25px 0 0 0;}
	.banner{width: 100%; float: left; }
	.banner img{width: 100%; float: left; height: auto;}
	.nav1{width: 100%; background:url("images/index/serbg.jpg") repeat; padding: 20px 0 20px 0; float: left;}
	.nav1-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav1-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab2{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab2 samp{width: 13%; float: left ; color: #0a0a0a; font-size: 15px; text-align: left; line-height: 35px;}
	.tab3-2{width: 87%; float: left;  }
	.tab4{width: 100%; border: solid 1px #dcdcdc; height: 35px;float: left;  }
	.tab5{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab5 a{background: url("images/index/icon1.png") no-repeat 42% center #080808; text-decoration: none; text-align: center; line-height:35px; color: #ffffff; font-size: 15px; display: block; }
	.tab5 a:hover{background: url("images/index/icon1.png") no-repeat 42% #166992;}
	.nav2{width: 100%; padding: 15px 0 30px 0; float: left;}
	.nav2-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav2-3{width: 100% ; margin: 0 auto 30px auto;}
	.tab6{width: 800px; float: left; background: #da251c; padding: 15px; color: #ffffff; font-size: 18px; line-height: 25px; letter-spacing: 1px; border-radius: 5px; margin: 15px 0 0 0;}
	.tab7{width:370px ; float: right; text-align: left; margin: 0 20px 0 0;}
	.tab7 img{width: 99px; float: left;}
	.tab8{width: 220px; margin:22px 0 0 24px; float: left; }
	.tab8 bo1{width: 100%; float: left;   }
	.tab8 bo1 a{display: block; text-decoration: none; box-shadow: 0px 0px 3px #cbc2c2;  height: 45px; line-height: 45px; text-align: center; color: #ffffff; font-size: 20px; background: url("images/index/icon3.png") no-repeat 12% #ea524e ; border-radius: 90px;}
	.tab8 bo1 a:hover{ background: url("images/index/icon3-2.png") no-repeat 12% #319ec2 ;box-shadow: 0px 0px 3px #06154b; }
	.tab8 bo2{width: 100%; float: left; margin: 10px 0 0 0; color: #000000; font-size: 18px; text-align: center;   }
	.nav3{width: 100%; float: left; margin: 40px 0 40px 0;}
	.nav3-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav3-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab9{width: 100%;  background: #818181; float: left;}
	.tab9 bo1{width:15%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo2{width:45%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo3{width:20%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo4{width:19.5%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; font-size: 15px; float: left;}
	.tab10{width: 100%;  background: #a1a1a1; float: left; border: solid 1px #a1a1a1; margin: 4px 0 0 0;}
	.tab10 bo1{width:15%;padding: 5px 0 5px 0; margin: 20px 0 0px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab10 bo2{width:45%; padding: 5px 0 5px 0; margin: 20px 0 0px 0;  text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab10 bo3{ }
	.tab10 bo3 a{width:20%; float: left; font-size: 15px;padding: 5px 0 5px 0; margin: 20px 0 0px 0; color: #fffc00; font-size: 15px; float: left;text-align: center; }
	.tab10 bo3 a:hover{color: #d6294a;}
	.tab10 bo4{width:19.5%;  text-align: center; float: right; background: #ffffff;display: flex; justify-content: center;  align-items: center;  }
	.tab10 bo4 img{width: 50px; text-align: center;margin: 7px auto 7px auto;}
	.nav3-4{width: 100% ; margin:50px 0 30px 0; float: left; text-align: center;}
	.nav3-4 img{width: 189px ; height: 53px; float: left; margin: 0 12px 0 0; }
	.tab11{width: 20%; margin:0 0px 0 35%; float: left;   display: inline-block; }
	.tab11 a{padding: 13px 45px 14px 45px;  background: url("images/index/icon6.png") 92% 50% no-repeat ;color: #ea524e; font-size: 15px; border: solid 3px #ea524e;display: inline-block; }
	.tab11 a:hover{ color: #2688a4; border: solid 3px #2688a4; background: url("images/index/icon6-2.png") 88% 50% no-repeat;}

	.tab12{ margin:0 0px 0 0;  display: inline-block;}
	.tab12 a{padding: 20px 65px 20px 65px;  background: url("images/index/icon5.png") 10% 50% no-repeat  #dcdcdc; color: #494848; font-size: 15px; border: solid 2px #a1a1a1; }
	.tab12 a:hover{ color: #ffffff; border: solid 2px #a1a1a1; background: url("images/index/icon5.png") 10% 50% no-repeat  #6b6b6b; }
	.nav4{width: 100%; float: left; margin: 20px 0 40px 0; background: url("images/index/bg1.png") #fcfcfc center top;  }
	.nav4-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav4-2 bo1{width:130px; float: left;  margin: 35px auto 25px 585px; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase; letter-spacing: 1px;}
	.nav4-2 bo2{width: 1300px; color: #484848;font-size: 16px ; line-height: 32px; text-align: left; float: left; margin: 0 0 34px 0;}
	.nav4-3{width: 100% ; margin:0px 0 30px 0; float: left; text-align: center;}
	.tab13{ margin:0 0px 0px 0;  display: inline-block; }
	.tab13 a{padding: 10px 45px 10px 45px; color: #ea524e; font-size: 15px; border: solid 1px #ea524e;display: inline-block; text-align: center;}
	.tab13 a:hover{ color: #247ed1; border: solid 1px #247ed1; }
	.nav5{width: 100%; float: left; margin: 0px 0 40px 0;   }
	.nav5-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav5-2 bo1{width:170px; float: left;  margin: 20px auto 40px 565px; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase; letter-spacing: 1px;}
	.nav5-3{width: 590px ; height: 305px;  float: left;box-sizing: border-box;}
	.nav5-3 img{width: 100%; float: left; height: auto; border: solid 1px #a1a1a1;}
	.nav5-4{width: 500px; float: left; margin: 15px 0 0 70px;}	
	.nav5-4 txt1{width:85px; float: left; text-align: right;  color: #222222; font-size: 18px; padding: 8px 0 8px 0; letter-spacing: 1px; }
	.nav5-4 txt2{width: 360px; color: #222222; font-size: 18px; text-align: left; float: left; padding: 8px 0 8px 0; letter-spacing: 1px;}
	.nav6{width: 100%; float: left; margin: 0px 0 0px 0; background: url("images/index/icon8.png") center top repeat-x; border-bottom: solid 6px #a4120b;}
	.nav6-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav6-2 bo1{width:514px ; }
	.nav6-2 bo1 img{width: 514px;  margin: 30px auto 29px 393px;}
	.nav6-3{width: 100%; float: left; color: #adadad; font-size: 15px ; line-height: 22px; text-align: center; margin-bottom:19px; }
	.banner2{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/about/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner2 txt{width:306px; color: #000000; font-size: 55px;text-align: center; margin: auto;}
	.nav7{width: 100%; padding: 30px 0 0px 0; float: left;}
	.nav7-2{width: 1300px ; margin: 0 auto 0 auto; text-align: right;font-size: 18px}
	.nav7-2 a{color: #262626; font-size: 18px ; text-decoration: none;}
	.nav7-2 a:hover{ color: #f28e2d;}
	.nav8{width: 100%; float: left; margin: 0px 0 20px 0;  }
	.nav8-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav8-2 bo1{width:224px; float: left;  margin: 35px auto 25px 538px; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase; letter-spacing: 1px;}
	.nav8-3{width: 100% ; margin: 0px auto 20px auto; float: left;}
	.nav8-4{width: 100%; float: left; border: solid 1px #cccccc;}
	.nav8-4 tab1{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; }
	.nav8-4 tab2{width: 100%; float: left; display: flex; }
	.text1{width: 85px ; margin: 10px; background: #a1a1a1; color: #ffffff; font-size: 45px ;text-align: center; float: left; display: flex;  align-items: center; justify-content: center;}
	.tab2-2{width: 1055px; float: left;  color: #545454; font-size: 15px; line-height: 20px; text-align: left;flex: 1; padding: 10px; }
	.nav9{width: 100%; float: left; margin: 20px 0 20px 0; background: url("images/about/b2.jpg") #fcfcfc center top;  }
	.nav9-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav9-2 bo1{width:130px; float: left;  margin: 35px auto 25px 585px; text-align: center; background: url("images/about/b2.jpg") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase; letter-spacing: 1px;}
	.nav9-2 bo2{width: 1300px; color: #484848;font-size: 16px ; line-height: 32px; text-align: left; float: left; margin: 0 0 34px 0;}
	.nav10{width: 100%; float: left; margin: 0px 0 20px 0;  }
	.nav10-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav10-2 bo1{width:250px; float: left;  margin: 35px auto 25px 525px; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase; letter-spacing: 1px;}
	.nav10-3{width: 100%;float: left; margin: 10px 0 30px 0;}
	.tab3{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; align-items: center; margin: 8px 0 8px 0;   }
	.tab3 cirle{width: 85px;  height: 85px;  border-radius: 50%;  background-color: #767676;  display: flex;  align-items: center;  justify-content: center;  color: #ffffff;  font-weight: bold;margin:0 20px 10px 0; font-size: 20px;float: left;}
	.tab3 bot{width:1180px; float: left; color: #2e2e2e;font-size: 20px;line-height: 25px; text-align: left; }
	.banner3{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/news/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner3 txt{width:306px; color: #000000; font-size: 55px;text-align: center; margin: auto;}
	.nav11{width: 100%; float: left; margin: 35px 0 20px 0;  }
	.nav11-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav11-3{width: 100% ; margin: 0 auto 40px auto; float: left;}
	.nav11-3 tab1{width: 99%; float: left; border-bottom: solid 1px #a1a1a1;border-top: solid 1px #a1a1a1;border-left: solid 1px #a1a1a1;margin: 0 0 20px 0; display: block; }
	.nav11-3 tab1 samp{ width:5%; float: left;display: flex;  align-items: center;  justify-content: center; text-align: center; color: #484747;  font-size: 25px; font-weight: bold; padding: 20px 0 0 0;}
	.nav11-3 tab1 txt1{width:91%; float: left; background: #da251c; padding:  25px 2% 25px 2%; color: #ffffff; font-size: 20px; line-height: 24px;}
	.nav11-3 tab2{width: 96%; float: left; margin:0px 2% 0 2%; }
	.nav11-3 tab2 txt1{width: 100%; float: left; margin:0;color: #3b3b3b; font-size: 18px; line-height: 26px; }
	.nav11-3 tab2 txt1 a{color: #3b3b3b; font-size: 18px; line-height: 26px; }
	.nav11-3 tab2 txt1 a:hover{  color: #20568F; font-size: 18px; line-height: 26px; }
	.nav11-4 {width: 100%; float: left; text-align: center; margin: 0 0 20px 0;}
	.nav11-4 tab1{}
	.nav11-4 tab1 a{margin: 0 2px 0 2px;text-decoration: none;padding:5px 10px 5px 10px; background: #ababac; color: #ffffff; font-size: 15px; text-align: center; }
	.nav11-4 tab1 a:hover{ background: #1465a9;}
	.banner4{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/product/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner4 txt{width:306px; color: #000000; font-size: 55px;text-align: center; margin: auto;}
	.nav11-5{width: 100% ; margin: 10px auto 20px auto; float: left;}
	.nav11-6{width: 100% ; margin: 30px auto 0px auto; float: left;}
	.nav11-7{width: 1300px ; margin: 0px auto 0px auto;  text-align: right;}
	.nav11-7 img{width: 189px ; height: 53px; float: right; margin: 0 12px 0 0; }
	.nav12{width: 100%; float: left; margin: 40px 0 40px 0;}
	.nav12-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav12-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav12-4{width: 100% ; margin: 0 auto 0 auto;float: left; background: #ededed; height: 64px;}
	.nav12-4 tab1{width: 15%; float: left; line-height: 64px; height: 64px ; text-align: center; color: #1b1b1b; font-size: 18px;}
	.nav12-4 tab2{width: 40%; float: left; line-height: 64px; height: 64px ; text-align: center; color: #1b1b1b; font-size: 18px;}
	.nav12-5{width: 100% ; margin: 0 auto 0 auto;float: left; border-bottom: solid 1px #ededed; height: 64px;}
	.nav12-5 tab1{width: 15%; float: left; text-align: center; color: #5a5a5a; font-size: 18px;height: 64px; line-height: 64px;}
	.nav12-5 tab2{width: 40%; float: left; text-align: center; color: #5a5a5a; font-size: 18px;height: 64px; line-height: 64px;}
	.banner5{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/contact/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner5 txt{width:306px; color: #000000; font-size: 55px;text-align: center; margin: auto;}
	.nav13{width: 100%; float: left; margin: 40px 0 40px 0;}
	.nav13-2{width: 1300px ; margin: 0 auto 0 auto;}
	.nav13-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav13-4{width: 98%; float: left; border-left: solid 20px #8e120c; background: #da251c;}
	.nav13-4 tab1{width: 95%; float: left; margin:5px 2% 15px 3%; }
	.nav13-4 tab1 a1{width: 100%; float: left; border-bottom: solid 1px #ffffff; line-height: 58px; color: #ffffff; font-size: 28px; text-align: left;}
	.nav13-4 tab1 a2{width: 50%; float: left; line-height: 32px; color: #ffffff; font-size: 22px; text-align: left; margin: 10px 0 0 0;}
	.nav13-4 tab1 a2 samp{width: 100%; float: left;line-height: 32px; color: #ffffff; font-size: 22px; text-align: left; }
	.nav13-5{width: 100% ; margin: 50px auto 20px auto;float: left;}
	.nav13-6{width: 580px ; margin: 0;float: right;}
	.nav13-6 tab1{width: 250px ; margin:0 0px 0 30px;float: left; }
	.nav13-6 tab1 img{width: 100% ; float: left; border: solid 9px #3baf36; margin: 0 0 15px ;}
	.nav13-6 tab1 txt1{width: 100% ; margin:0;float: left; text-align: center; color: #3baf36; font-size: 18px; line-height: 32px; }
	.nav13-7{width: 720px ; height: 305px;  float: left;box-sizing: border-box;}
	.nav13-7 img{width: 100%; float: left ; height: auto;border: solid 1px #a1a1a1;}
	.topbtn{		
		width: 75px;
		height: 75px;
		position: fixed;
		right:25px;
		bottom: 60px;
		z-index: 999999999;
	}
}


@media screen and (min-width: 1024px)and (max-width:1349px) {/*針對桌機*/
	.out{width: 100%; margin:0 auto 0 auto;}
	.logo{width: 20%;  float: left; margin: 27px 0 24px 2%;}
	.logo img{width: 100%; float: left; height: auto;}
	.buttom{width: 70%; float: right; margin: 4px 1% 10px 0;}
	.tab1{ float: right; margin: 0px 0 0 0;}
	.tab1 a{background: #dc271e; padding: 6px 10px 6px 10px; color: #ffffff; font-size: 15px; text-align: center; text-decoration: none;}
	.tab1 a:hover{background: #2a82c5;}
	.buttom2{width: 100%; float: right; margin: 10px 0 0 0;}
	.banner{width: 100%; float: left; }
	.banner img{width: 100%; float: left; height: auto;}
	.nav1{width: 100%; background:url("images/index/serbg.jpg") repeat; padding: 20px 0 20px 0; float: left;}
	.nav1-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav1-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab2{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab2 samp{width: 18%; float: left ; color: #0a0a0a; font-size: 15px; text-align: left; line-height: 35px;}
	.tab3-2 {width: 77%; float: right;  }
	.tab4{width: 100%; border: solid 1px #dcdcdc; height: 35px; }
	.tab5{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab5 a{background: url("images/index/icon1.png") no-repeat 42% center #080808; text-decoration: none; text-align: center; line-height:35px; color: #ffffff; font-size: 15px; display: block; }
	.tab5 a:hover{background: url("images/index/icon1.png") no-repeat 42% #166992;}
	.nav2{width: 100%; padding: 15px 0 20px 0; float: left;}
	.nav2-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav2-3{width: 100% ; margin: 0 auto 20px auto;}
	.tab6{width: 60%; float: left; background: #da251c; padding: 10px 15px 10px 15px; color: #ffffff; font-size: 18px; line-height: 25px; letter-spacing: 0.5px; border-radius: 5px; margin: 15px 0 0 0;}
	.tab7{width:35% ; float: right;  margin: 0;justify-content: flex-end; display: flex; }
	.tab7 img{width: 90px; float: left; margin: 0 10px 0 0; }
	.tab8{width: 220px; margin:22px 0 0 10px; float: right; }
	.tab8 bo1{width: 100%; float: left;   }
	.tab8 bo1 a{display: block; text-decoration: none; box-shadow: 0px 0px 3px #cbc2c2;  height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 20px; background: url("images/index/icon3.png") no-repeat 12% #ea524e ; border-radius: 90px;}
	.tab8 bo1 a:hover{ background: url("images/index/icon3-2.png") no-repeat 12% #319ec2 ;box-shadow: 0px 0px 3px #06154b; }
	.tab8 bo2{width: 100%; float: left; margin: 6px 0 0 0; color: #000000; font-size: 18px; text-align: center;   }
	.nav3{width: 100%; float: left; margin: 25px 0 25px 0;}
	.nav3-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav3-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab9{width: 100%;  background: #818181; float: left;}
	.tab9 bo1{width:15%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo2{width:45%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo3{width:20%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab9 bo4{width:19%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; font-size: 15px; float: left;}
	.tab10{width: 100%;  background: #a1a1a1; float: left; border: solid 1px #a1a1a1; margin: 4px 0 0 0;}
	.tab10 bo1{width:15%;padding: 5px 0 5px 0; margin: 20px 0 0px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab10 bo2{width:45%; padding: 5px 0 5px 0; margin: 20px 0 0px 0;  text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;}
	.tab10 bo3{ }
	.tab10 bo3 a{width:20%; float: left; font-size: 15px;padding: 5px 0 5px 0; margin: 20px 0 0px 0; color: #fffc00; font-size: 15px; float: left;text-align: center; }
	.tab10 bo3 a:hover{color: #d6294a;}
	.tab10 bo4{width:19%;  text-align: center; float: right; background: #ffffff;display: flex; justify-content: center;  align-items: center;  }
	.tab10 bo4 img{width: 50px; text-align: center;margin: 7px auto 7px auto;}
	.nav3-4{width: 100% ; margin:30px 0 10px 0; float: left; text-align: center;}
	.nav3-4 img{width: 189px ; height: 53px; float: left; margin: 0 12px 0 0; }
	.tab11{width: 20%; margin:0 0px 0 35%; float: left;   display: inline-block; }
	.tab11 a{padding: 13px 45px 14px 45px;  background: url("images/index/icon6.png") 88% 50% no-repeat ;color: #ea524e; font-size: 15px; border: solid 3px #ea524e;display: inline-block; }
	.tab11 a:hover{ color: #2688a4; border: solid 3px #2688a4; background: url("images/index/icon6-2.png") 92% 50% no-repeat;}

	.tab12{ margin:0 0px 0 0;  display: inline-block;}
	.tab12 a{padding: 20px 65px 20px 65px;  background: url("images/index/icon5.png") 10% 50% no-repeat  #dcdcdc; color: #494848; font-size: 15px; border: solid 2px #a1a1a1; }
	.tab12 a:hover{ color: #ffffff; border: solid 2px #a1a1a1; background: url("images/index/icon5.png") 10% 50% no-repeat  #6b6b6b; }
	.nav4{width: 100%; float: left; margin: 20px 0 30px 0; background: url("images/index/bg1.png") #fcfcfc center top;  }
	.nav4-2{width: 96% ; margin: 0 2% 0 2%; float: left;}
	.nav4-2 bo1{width:16%; float: left;  margin: 30px auto 25px 42%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 16px ; line-height: 26px; text-align: left; float: left; margin: 0 0 24px 0;}
	.nav4-3{width: 100% ; margin:0px 0 25px 0; float: left; text-align: center;}
	.tab13{ margin:0 0px 0px 0;  display: inline-block; }
	.tab13 a{padding: 10px 35px 10px 35px; color: #ea524e; font-size: 15px; border: solid 1px #ea524e;display: inline-block; text-align: center;}
	.tab13 a:hover{ color: #247ed1; border: solid 1px #247ed1; }
	.nav5{width: 100%; float: left; margin: 0px 0 40px 0;   }
	.nav5-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav5-2 bo1{width:16%; float: left;  margin: 0px auto 35px 42%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav5-3{width: 47% ;  float: left; margin: 0 0 0 0%;box-sizing: border-box;}
	.nav5-3 img{width: 100%; float: left; height: auto; border: solid 1px #a1a1a1;}
	.nav5-4{width: 52%; float: right; margin: 5px 0 0 0%;}	
	.nav5-4 txt1{width:20%; float: left; text-align: right;  color: #222222; font-size: 18px; padding: 5px 0 5px 0; letter-spacing: 1px; }
	.nav5-4 txt2{width: 80%; color: #222222; font-size: 18px; text-align: left; float: left; padding: 5px 0 5px 0; letter-spacing: 1px;}
	.nav6{width: 100%; float: left; margin: 0px 0 0px 0; background: url("images/index/icon8.png") center top repeat-x; border-bottom: solid 6px #a4120b;}
	.nav6-2{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1 img{width: 40%; height: auto;  margin: 25px auto 20px 30%;}
	.nav6-3{width: 100%; float: left; color: #adadad; font-size: 15px ; line-height: 20px; text-align: center; margin-bottom:19px; margin-left: 0%; }
	.banner2{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/about/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner2 txt{width:306px; color: #000000; font-size: 50px;text-align: center; margin: auto;}
	.nav7{width: 100%; padding: 25px 0 0px 0; float: left;}
	.nav7-2{width: 98% ; margin: 0 1% 0 auto; text-align: right;font-size: 17px}
	.nav7-2 a{color: #262626; font-size: 17px ; text-decoration: none;}
	.nav7-2 a:hover{ color: #f28e2d;}
	.nav8{width: 100%; float: left; margin: 0px 0 30px 0;  }
	.nav8-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav8-2 bo1{width:18%; float: left;  margin: 0px auto 25px 41%; text-align: center; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;background: url("images/index/icon7.png") no-repeat center bottom;}
	.nav8-3{width: 100% ; margin: 10px auto 20px auto; float: left;}
	.nav8-4{width: 100%; float: left; border: solid 1px #cccccc;}
	.nav8-4 tab1{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; }
	.nav8-4 tab2{width: 100%; float: left; display: flex; }
	.text1{width: 6% ; margin: 1%; background: #a1a1a1; color: #ffffff; font-size: 45px ;text-align: center; float: left; display: flex;  align-items: center; justify-content: center;}
	.tab2-2{width: 90%; float: left;  color: #545454; font-size: 15px; line-height: 20px; text-align: left;flex: 1; padding: 1%; margin-bottom: none; }
	.nav9{width: 100%; float: left; margin: 20px 0 30px 0; background: url("images/about/b2.jpg") #fcfcfc center top;  }
	.nav9-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav9-2 bo1{width:16%; float: left;  margin: 30px auto 25px 42%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav9-2 bo2{width: 100%; color: #484848;font-size: 16px ; line-height: 26px; text-align: left; float: left; margin: 0 0 24px 0;}
	.nav10{width: 100%; float: left; margin: 0px 0 30px 0;  }
	.nav10-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav10-2 bo1{width:20%; float: left;  margin: 0px auto 25px 40%; text-align: center; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;background: url("images/index/icon7.png") no-repeat center bottom;}
	.nav10-3{width: 100%; float: left; margin: 0 0 30px 0;}
	.tab3{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; align-items: center; margin: 8px 0 8px 0;   }
	.tab3 cirle{width: 85px;  height: 85px;  border-radius: 50%;  background-color: #767676;  display: flex;  align-items: center;  justify-content: center;  color: #ffffff;  font-weight: bold;margin:0 20px 10px 0; font-size: 20px;float: left;}
	.tab3 bot{width:90%; float: left; color: #2e2e2e;font-size: 20px;line-height: 25px; text-align: left; }
	.banner3{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/news/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner3 txt{width:306px; color: #000000; font-size: 50px;text-align: center; margin: auto;}
	.nav11{width: 100%; float: left; margin: 30px 0 20px 0;  }
	.nav11-2{width: 96% ; margin: 0 2% 0 2%;float: left;}
	.nav11-3{width: 100% ; margin: 0 auto 30px auto; float: left;}
	.nav11-3 tab1{width: 99%; float: left; border-bottom: solid 1px #a1a1a1;border-top: solid 1px #a1a1a1;border-left: solid 1px #a1a1a1;margin: 0 0 15px 0; display: block; }
	.nav11-3 tab1 samp{ width:5%; float: left;display: flex;  align-items: center;  justify-content: center; text-align: center; color: #484747;  font-size: 25px; font-weight: bold; padding: 15px 0 0 0;}
	.nav11-3 tab1 txt1{width:91%; float: left; background: #da251c; padding:  20px 2% 20px 2%; color: #ffffff; font-size: 18px; line-height: 22px;}
	.nav11-3 tab2{width: 96%; float: left; margin:0px 2% 0 2%; }
	.nav11-3 tab2 txt1{width: 100%; float: left; margin:0;color: #3b3b3b; font-size: 18px; line-height: 22px;  }
	.nav11-3 tab2 txt1 a{color: #3b3b3b; font-size: 18px; line-height: 22px; }
	.nav11-3 tab2 txt1 a:hover{color: #20568F;  }
	.nav11-4 {width: 100%; float: left; text-align: center; margin: 0 0 20px 0;}
	.nav11-4 tab1{}
	.nav11-4 tab1 a{margin: 0 2px 0 2px;text-decoration: none;padding:5px 10px 5px 10px; background: #ababac; color: #ffffff; font-size: 15px; text-align: center; }
	.nav11-4 tab1 a:hover{ background: #1465a9;}
	.banner4{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/product/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner4 txt{width:306px; color: #000000; font-size: 50px;text-align: center; margin: auto;}
	.nav11-5{width: 100% ; margin: 10px auto 15px auto; float: left;}
	.nav11-6{width: 100% ; margin: 30px auto 0px auto; float: left;}
	.nav11-7{width: 98% ; margin: 0px 1% 0px 1%;  text-align: right;}
	.nav11-7 img{width: 180px ; height: 50px; float: right; margin: 0 12px 0 0; }
	.nav12{width: 100%; float: left; margin: 30px 0 30px 0;}
	.nav12-2{width: 96% ; margin: 0 2% 0 2%; float: left;}
	.nav12-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav12-4{width: 100% ; margin: 0 auto 0 auto;float: left; background: #ededed; height: 64px;}
	.nav12-4 tab1{width: 15%; float: left; line-height: 64px; height: 60px ; text-align: center; color: #1b1b1b; font-size: 17px;}
	.nav12-4 tab2{width: 40%; float: left; line-height: 64px; height: 60px ; text-align: center; color: #1b1b1b; font-size: 17px;}
	.nav12-5{width: 100% ; margin: 0 auto 0 auto;float: left; border-bottom: solid 1px #ededed; height: 60px;}
	.nav12-5 tab1{width: 15%; float: left; text-align: center; color: #5a5a5a; font-size: 17px;height: 60px; line-height: 60px;}
	.nav12-5 tab2{width: 40%; float: left; text-align: center; color: #5a5a5a; font-size: 17px;height: 60px; line-height: 60px;}
	.banner5{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/contact/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner5 txt{width:306px; color: #000000; font-size: 50px;text-align: center; margin: auto;}
	.nav13{width: 100%; float: left; margin: 30px 0 30px 0;}
	.nav13-2{width: 96% ; margin: 0 2% 0 2%; float: left;}
	.nav13-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav13-4{width: 98%; float: left; border-left: solid 20px #8e120c; background: #da251c;}
	.nav13-4 tab1{width: 95%; float: left; margin:5px 2% 15px 3%; }
	.nav13-4 tab1 a1{width: 100%; float: left; border-bottom: solid 1px #ffffff; line-height: 58px; color: #ffffff; font-size: 24px; text-align: left;}
	.nav13-4 tab1 a2{width: 50%; float: left; line-height: 30px; color: #ffffff; font-size: 20px; text-align: left; margin: 10px 0 0 0;}
	.nav13-4 tab1 a2 samp{width: 100%; float: left;line-height: 30px; color: #ffffff; font-size: 20px; text-align: left; }
	.nav13-5{width: 100% ; margin: 30px auto 10px auto;float: left;}
	.nav13-6{width: 40% ; margin: 0;float: right;}
	.nav13-6 tab1{width: 44% ; margin:0 0px 0 4%;float: left; }
	.nav13-6 tab1 img{width: 100% ; float: left; border: solid 7px #3baf36; margin: 0 0 10px ;}
	.nav13-6 tab1 txt1{width: 100% ; margin:0;float: left; text-align: center; color: #3baf36; font-size: 18px; line-height: 32px; }
	.nav13-7{width: 59% ; height: 280px;  float: left;box-sizing: border-box;}
	.nav13-7 img{width: 100%; float: left ; height: auto;border: solid 1px #a1a1a1;}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:20px;
		bottom: 50px;
		z-index: 999999999;
	}
}



@media only screen and (min-width: 897px) and (max-width:1023px) {/*針對平板*/
	.out{width: 100%; margin:0 auto 0 auto;}
	.logo{width: 22%;  float: left; margin: 20px 0 20px 2%;}
	.logo img{width: 100%; float: left; height: auto;}
	.buttom{width: 65%; float: right; margin: 3px 1% 0 0;}
	.tab1{ float: right; margin: 0px 0 0 0;}
	.tab1 a{background: #dc271e; padding: 6px 10px 6px 10px; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none;}
	.tab1 a:hover{background: #2a82c5;}
	.buttom2{width: 100%; float: right; margin: 15px 0 0 0;}
	.banner{width: 100%; float: left; }
	.banner img{width: 100%; float: left; height: auto;}
	.nav1{width: 100%; background:url("images/index/serbg.jpg") repeat; padding: 20px 0 20px 0; float: left;}
	.nav1-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav1-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab2{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab2 samp{width: 23%; float: left ; color: #0a0a0a; font-size: 15px; text-align: left; line-height: 35px;}
	.tab3-2 {width: 72%; float: right;  }
	.tab4{width: 100%; border: solid 1px #dcdcdc; height: 35px; }
	.tab5{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab5 a{background: url("images/index/icon1.png") no-repeat 38% center #080808; text-decoration: none; text-align: center; line-height:35px; color: #ffffff; font-size: 15px; display: block; }
	.tab5 a:hover{background: url("images/index/icon1.png") no-repeat 38% #166992;}
	.nav2{width: 100%; padding: 15px 0 20px 0; float: left;}
	.nav2-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav2-3{width: 100% ; margin: 0 auto 15px auto;}
	.tab6{width: 56%; float: left; background: #da251c; padding: 8px 13px 8px 13px; color: #ffffff; font-size: 16px; line-height: 22px; letter-spacing: 0.2px; border-radius: 5px; margin: 0px 0 0 0;}
	.tab7{width:40% ; float: right;  margin: 0;justify-content: flex-end; display: flex; }
	.tab7 img{width: 85px; float: left; margin: 0 10px 0 0; }
	.tab8{width: 200px; margin:14px 0 0 10px; float: right; }
	.tab8 bo1{width: 100%; float: left;   }
	.tab8 bo1 a{display: block; text-decoration: none; box-shadow: 0px 0px 3px #cbc2c2;  height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 16px; background: url("images/index/icon3.png") no-repeat 10% #ea524e ; border-radius: 90px;}
	.tab8 bo1 a:hover{ background: url("images/index/icon3-2.png") no-repeat 10% #319ec2 ;box-shadow: 0px 0px 3px #06154b; }
	.tab8 bo2{width: 100%; float: left; margin: 6px 0 0 0; color: #000000; font-size: 16px; text-align: center;   }
	.nav3{width: 100%; float: left; margin: 0px 0 15px 0;}
	.nav3-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav3-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab9{width: 100%;  background: #818181; float: left;}
	.tab9 bo1{width:20%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo2{width:45%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo3{width:15%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo4{width:19%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; font-size: 14px; float: left;}
	.tab10{width: 100%;  background: #a1a1a1; float: left; border: solid 1px #a1a1a1; margin: 4px 0 0 0;}
	.tab10 bo1{width:20%;padding: 7px 0 7px 0; margin: 8px 0 8px 0; line-height: 40px; height: 40px; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;  align-items: center; }
	.tab10 bo2{width:45%; padding: 7px 0 7px 0;  margin: 8px 0 8px 0;height: 40px;  text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 15px; float: left;  align-items: center; }
	.tab10 bo3{ }
	.tab10 bo3 a{width:15%; float: left; font-size: 15px;padding: 7px 0 7px 0; margin: 8px 0 8px 0;height: 40px; color: #fffc00; font-size: 15px; float: left;text-align: center;   align-items: center;line-height: 40px; }
	.tab10 bo3 a:hover{color: #d6294a;}
	.tab10 bo4{width:19%;  text-align: center; float: right; background: #ffffff;display: flex; justify-content: center;  align-items: center;  }
	.tab10 bo4 img{width: 50px; text-align: center;margin: 9px auto 9px auto;}
	.nav3-4{width: 100% ; margin:30px 0 10px 0; float: left; text-align: center;}
	.nav3-4 img{width: 189px ; height: 53px; float: left; margin: 0 12px 0 0; }
	.tab11{width: 20%; margin:0 0px 0 35%; float: left;   display: inline-block; }
	.tab11 a{padding: 13px 45px 14px 45px;  background: url("images/index/icon6.png") 88% 50% no-repeat ;color: #ea524e; font-size: 15px; border: solid 3px #ea524e;display: inline-block; }
	.tab11 a:hover{ color: #2688a4; border: solid 3px #2688a4; background: url("images/index/icon6-2.png") 92% 50% no-repeat;}

	.tab12{ margin:0 0px 0 0;  display: inline-block;}
	.tab12 a{padding: 20px 65px 20px 65px;  background: url("images/index/icon5.png") 10% 50% no-repeat  #dcdcdc; color: #494848; font-size: 15px; border: solid 2px #a1a1a1; }
	.tab12 a:hover{ color: #ffffff; border: solid 2px #a1a1a1; background: url("images/index/icon5.png") 10% 50% no-repeat  #6b6b6b; }
	.nav4{width: 100%; float: left; margin: 20px 0 30px 0; background: url("images/index/bg1.png") #fcfcfc center top;  }
	.nav4-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav4-2 bo1{width:20%; float: left;  margin: 25px auto 20px 40%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 22px; text-align: left; float: left; margin: 0 0 20px 0;}
	.nav4-3{width: 100% ; margin:0px 0 20px 0; float: left; text-align: center;}
	.tab13{ margin:0 0px 0px 0;  display: inline-block; }
	.tab13 a{padding: 8px 35px 8px 35px; color: #ea524e; font-size: 15px; border: solid 1px #ea524e;display: inline-block; text-align: center;}
	.tab13 a:hover{ color: #247ed1; border: solid 1px #247ed1; }
	.nav5{width: 100%; float: left; margin: 0px 0 40px 0;   }
	.nav5-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav5-2 bo1{width:20%; float: left;  margin: 0px auto 30px 40%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 22px; text-align: left; float: left; margin: 0 0 20px 0;}
	.nav5-3{width: 50% ;   float: left; margin: 0 0 0 0%;box-sizing: border-box;}
	.nav5-3 img{width: 100%; float: left; height: auto; border: solid 1px #a1a1a1;}
	.nav5-4{width: 48%; float: left; margin: 2px 0 0 1%;}	
	.nav5-4 txt1{width:20%; float: left; text-align: right;  color: #222222; font-size: 16px; padding: 6px 0 6px 0; letter-spacing: 1px; }
	.nav5-4 txt2{width: 80%; color: #222222; font-size: 16px; text-align: left; float: left; padding: 6px 0 6px 0; letter-spacing: 1px;}
	.nav6{width: 100%; float: left; margin: 0px 0 0px 0; background: url("images/index/icon8.png") center top repeat-x; border-bottom: solid 6px #a4120b;}
	.nav6-2{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1 img{width: 50%; height: auto;  margin: 20px auto 15px 25%;}
	.nav6-3{width: 100%; float: left; color: #adadad; font-size: 15px ; line-height: 20px; text-align: center; margin-bottom:15px; margin-left: 0%; }
	.banner2{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/about/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner2 txt{width:306px; color: #000000; font-size: 40px;text-align: center; margin: auto;}
	.nav7{width: 100%; padding: 20px 0 0px 0; float: left;}
	.nav7-2{width: 98% ; margin: 0 1% 0 auto; text-align: right;font-size: 17px}
	.nav7-2 a{color: #262626; font-size: 17px ; text-decoration: none;}
	.nav7-2 a:hover{ color: #f28e2d;}
	.nav8{width: 100%; float: left; margin: 0px 0 0px 0;  }
	.nav8-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav8-2 bo1{width:20%; float: left;  margin: 0px auto 20px 40%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav8-3{width: 100% ; margin: 10px auto 20px auto; float: left;}
	.nav8-4{width: 100%; float: left; border: solid 1px #cccccc;}
	.nav8-4 tab1{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; }
	.nav8-4 tab2{width: 100%; float: left; display: flex; }
	.text1{width: 8% ; margin:1%; background: #a1a1a1; color: #ffffff; font-size: 45px ;text-align: center; float: left; display: flex;  align-items: center; justify-content: center;}
	.tab2-2{width: 88%; float: left;  color: #545454; font-size: 15px; line-height: 20px; text-align: left;flex: 1; padding: 1.5% 0% 1.5% 1%; margin-bottom: none; }
	.nav9{width: 100%; float: left; margin: 20px 0 30px 0; background: url("images/about/b2.jpg") #fcfcfc center top;  }
	.nav9-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav9-2 bo1{width:20%; float: left;  margin: 25px auto 20px 40%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav9-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 22px; text-align: left; float: left; margin: 0 0 20px 0;}
	.nav10{width: 100%; float: left; margin: 0px 0 0px 0;  }
	.nav10-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav10-2 bo1{width:22%; float: left;  margin: 0px auto 20px 39%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav10-3{width: 100%; float: left; margin: 0 0 20px 0;}
	.tab3{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; align-items: center; margin: 8px 0 8px 0;   }
	.tab3 cirle{width: 80px;  height: 80px;  border-radius: 50%;  background-color: #767676;  display: flex;  align-items: center;  justify-content: center;  color: #ffffff;  font-weight: bold;margin:0 15px 10px 0; font-size: 18px;float: left;}
	.tab3 bot{width:89%; float: left; color: #2e2e2e;font-size: 18px;line-height: 22px; text-align: left; }
	.banner3{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/news/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner3 txt{width:306px; color: #000000; font-size: 40px;text-align: center; margin: auto;}
	.nav11{width: 100%; float: left; margin: 30px 0 20px 0;  }
	.nav11-2{width: 98% ; margin: 0 1% 0 1%;float: left;}
	.nav11-3{width: 100% ; margin: 0 auto 30px auto; float: left;}
	.nav11-3 tab1{width: 99%; float: left; border-bottom: solid 1px #a1a1a1;border-top: solid 1px #a1a1a1;border-left: solid 1px #a1a1a1;margin: 0 0 15px 0; display: block; }
	.nav11-3 tab1 samp{ width:5%; float: left;display: flex;  align-items: center;  justify-content: center; text-align: center; color: #484747;  font-size: 25px; font-weight: bold; padding: 10px 0 0 0;}
	.nav11-3 tab1 txt1{width:91%; float: left; background: #da251c; padding:  15px 2% 15px 2%; color: #ffffff; font-size: 18px; line-height: 22px;}
	.nav11-3 tab2{width: 96%; float: left; margin:0px 2% 0 2%; }
	.nav11-3 tab2 txt1{width: 100%; float: left; margin:0;color: #3b3b3b; font-size: 16px; line-height: 22px;  }
	.nav11-3 tab2 txt1 a{color: #3b3b3b; font-size: 16px; line-height: 22px; }
	.nav11-3 tab2 txt1 a:hover{color: #20568F; }
	.nav11-4 {width: 100%; float: left; text-align: center; margin: 0 0 15px 0;}
	.nav11-4 tab1{}
	.nav11-4 tab1 a{margin: 0 2px 0 2px;text-decoration: none;padding:5px 10px 5px 10px; background: #ababac; color: #ffffff; font-size: 15px; text-align: center; }
	.nav11-4 tab1 a:hover{ background: #1465a9;}
	.banner4{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/product/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner4 txt{width:306px; color: #000000; font-size: 40px;text-align: center; margin: auto;}
	.nav11-5{width: 100% ; margin: 8px auto 12px auto; float: left;}
	.nav11-6{width: 100% ; margin: 15px auto 15px auto; float: left;}
	.nav11-7{width: 98% ; margin: 0px 1% 0px 1%;  text-align: right;}
	.nav11-7 img{width: 140px ; height: 39px; float: right; margin: 0 12px 0 0; }
	.nav12{width: 100%; float: left; margin: 20px 0 20px 0;}
	.nav12-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav12-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav12-4{width: 100% ; margin: 0 auto 0 auto;float: left; background: #ededed; height: 55px;}
	.nav12-4 tab1{width: 15%; float: left; line-height: 55px; height: 55px ; text-align: center; color: #1b1b1b; font-size: 16px;}
	.nav12-4 tab2{width: 40%; float: left; line-height: 55px; height: 55px ; text-align: center; color: #1b1b1b; font-size: 16px;}
	.nav12-5{width: 100% ; margin: 0 auto 0 auto;float: left; border-bottom: solid 1px #ededed; height: 55px;}
	.nav12-5 tab1{width: 15%; float: left; text-align: center; color: #5a5a5a; font-size: 16px;height: 55px; line-height: 55px;}
	.nav12-5 tab2{width: 40%; float: left; text-align: center; color: #5a5a5a; font-size: 16px;height: 55px; line-height: 55px;}
	.banner5{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/contact/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner5 txt{width:306px; color: #000000; font-size: 40px;text-align: center; margin: auto;}
	.nav13{width: 100%; float: left; margin: 20px 0 20px 0;}
	.nav13-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav13-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav13-4{width: 98%; float: left; border-left: solid 20px #8e120c; background: #da251c;}
	.nav13-4 tab1{width: 96%; float: left; margin:5px 2% 15px 2%; }
	.nav13-4 tab1 a1{width: 100%; float: left; border-bottom: solid 1px #ffffff; line-height: 44px; color: #ffffff; font-size: 18px; text-align: left;}
	.nav13-4 tab1 a2{width: 50%; float: left; line-height: 28px; color: #ffffff; font-size: 16px; text-align: left; margin: 10px 0 0 0;}
	.nav13-4 tab1 a2 samp{width: 100%; float: left;line-height: 28px; color: #ffffff; font-size: 16px; text-align: left; }
	.nav13-5{width: 100% ; margin: 30px auto 10px auto;float: left;}
	.nav13-6{width: 46% ; margin: 0;float: right;}
	.nav13-6 tab1{width: 44% ; margin:0 0px 0 4%;float: left; }
	.nav13-6 tab1 img{width: 100% ; float: left; border: solid 7px #3baf36; margin: 0 0 10px ;}
	.nav13-6 tab1 txt1{width: 100% ; margin:0;float: left; text-align: center; color: #3baf36; font-size: 18px; line-height: 32px; }
	.nav13-7{width: 52% ; height: 280px; float: left;box-sizing: border-box;}
	.nav13-7 img{width: 100%; float: left ; height: auto;border: solid 1px #a1a1a1;}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:15px;
		bottom: 50px;
		z-index: 999999999;
	}
}

@media screen and (min-width: 667px)and (max-width:896px) {/*針對橫著放的手機*/
	.out{width: 100%; margin:0 auto 0 auto;}
	.logo{width: 25%;  float: left; margin: 10px 0 20px 2%;}
	.logo img{width: 100%; float: left; height: auto;}
	.buttom{width: 70%; float: right; margin: 0px 0% 0 0;}
	.tab1{ float: right; margin: 7px 10px 0 0;}
	.tab1 a{background: #dc271e; padding: 10px 14px 10px 14px; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none;}
	.tab1 a:hover{background: #2a82c5;}
	.buttom2{width: 98%; float: left; margin: 10px 0% 0 0;}
	.banner{width: 100%; float: left; }
	.banner img{width: 100%; float: left; height: auto;}
	.nav1{width: 100%; background:url("images/index/serbg.jpg") repeat; padding: 10px 0 10px 0; float: left;}
	.nav1-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav1-3{width: 48% ; margin: 0 1% 0 1%; float: left;}
	.tab2{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab2 samp{width: 23%; float: left ; color: #0a0a0a; font-size: 15px; text-align: left; line-height: 35px;}
	.tab3-2 {width: 72%; float: right;  }
	.tab4{width: 100%; border: solid 1px #dcdcdc; height: 35px; }
	.tab5{width: 100%; float: left; margin: 0 0 10px 0;}
	.tab5 a{background: url("images/index/icon1.png") no-repeat 38% center #080808; text-decoration: none; text-align: center; line-height:35px; color: #ffffff; font-size: 15px; display: block; }
	.tab5 a:hover{background: url("images/index/icon1.png") no-repeat 38% #166992;}
	.nav2{width: 100%; padding: 15px 0 20px 0; float: left;}
	.nav2-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav2-3{width: 100% ; margin: 0 auto 15px auto;}
	.tab6{width: 98%; float: left; background: #da251c; padding: 5px; color: #ffffff; font-size: 15px; line-height: 20px; letter-spacing: 0.2px; border-radius: 5px; margin: 0px 0 0 0;}
	.tab7{width:50% ; float: left;  margin:10px 0 0 0;}
	.tab7 img{width: 75px; float: left; margin: 0 10px 0 0; }
	.tab8{width: 180px; margin:10px 0 0 10px; float: left; }
	.tab8 bo1{width: 100%; float: left;   }
	.tab8 bo1 a{display: block; text-decoration: none; box-shadow: 0px 0px 3px #cbc2c2;  height: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 16px; background: url("images/index/icon3.png") no-repeat 10% #ea524e ; border-radius: 90px;}
	.tab8 bo1 a:hover{ background: url("images/index/icon3-2.png") no-repeat 10% #319ec2 ;box-shadow: 0px 0px 3px #06154b; }
	.tab8 bo2{width: 100%; float: left; margin: 6px 0 0 0; color: #000000; font-size: 16px; text-align: center;   }
	.nav3{width: 100%; float: left; margin: 0px 0 15px 0;}
	.nav3-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav3-3{width: 100% ; margin: 0 0 15px 0; float: left;}
	.tab9{width: 100%;  background: #818181; float: left;}
	.tab9 bo1{width:20%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo2{width:45%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo3{width:15%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo4{width:19%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; font-size: 14px; float: left;}
	.tab10{width: 100%;  background: #a1a1a1; float: left; border: solid 1px #a1a1a1; margin: 4px 0 0 0;}
	.tab10 bo1{width:20%;text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 13px; float: left;  justify-content: center;  align-items: center; display: flex; height: 55px;}
	.tab10 bo2{width:45%; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 13px; float: left;  justify-content: center;  align-items: center; display: flex; height: 55px; }
	.tab10 bo3{ }
	.tab10 bo3 a{width:15%; float: left; font-size: 13px;color: #fffc00; font-size: 15px; float: left;justify-content: center;  align-items: center; display: flex; height: 55px; }
	.tab10 bo3 a:hover{color: #d6294a;}
	.tab10 bo4{width:19%;  text-align: center; float: right; background: #ffffff;display: flex; justify-content: center;  align-items: center;  height: 55px; }
	.tab10 bo4 img{width: 40px; text-align: center;}
	.nav3-4{width: 100% ; margin:30px 0 10px 0; float: left; text-align: center;}
	.nav3-4 img{width: 189px ; height: 53px; float: left; margin: 0 12px 0 0; }
	.tab11{width: 20%; margin:0 30px 0 35%; float: left;   display: inline-block; }
	.tab11 a{padding: 13px 45px 14px 45px;  background: url("images/index/icon6.png") 90% 55% no-repeat ;color: #ea524e; font-size: 15px; border: solid 3px #ea524e;display: inline-block; }
	.tab11 a:hover{ color: #2688a4; border: solid 3px #2688a4; background: url("images/index/icon6-2.png") 95% 55% no-repeat;}
	.tab12{ }
	.tab12 a{width: 38%; float: left;  background: url("images/index/icon5-2.png") 17% 55% no-repeat  #dcdcdc; color: #494848; font-size: 15px; border: solid 2px #a1a1a1;  height: 38px; line-height: 38px;margin: 0 5% 0px 5%; }
	.tab12 a:hover{ color: #ffffff; border: solid 2px #a1a1a1; background: url("images/index/icon5-2.png")  15% 55% no-repeat  #6b6b6b ; }
	.nav4{width: 100%; float: left; margin: 10px 0 20px 0; background: url("images/index/bg1.png") #fcfcfc center top;  }
	.nav4-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav4-2 bo1{width:24%; float: left;  margin: 15px auto 10px 38%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 24px; text-align: left; float: left; margin: 5px 0 15px 0;}
	.nav4-3{width: 100% ; margin:0px 0 20px 0; float: left; text-align: center;}
	.tab13{ margin:0 0px 0px 0;  display: inline-block; }
	.tab13 a{padding: 8px 35px 8px 35px; color: #ea524e; font-size: 15px; border: solid 1px #ea524e;display: inline-block; text-align: center;}
	.tab13 a:hover{ color: #247ed1; border: solid 1px #247ed1; }
	.nav5{width: 100%; float: left; margin: 0px 0 20px 0;   }
	.nav5-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav5-2 bo1{width:20%; float: left;  margin: 0px auto 25px 40%; text-align: center; background: url("images/index/icon7.png") no-repeat center bottom; height: 55px; line-height: 55px; color: #262626; font-size: 20px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 22px; text-align: left; float: left; margin: 0 0 20px 0;}
	.nav5-3{width: 98.5% ; float: left; margin: 0 0 0 0.5%;box-sizing: border-box}
	.nav5-3 img{width: 100%; float: left; height: auto; border: solid 1px #a1a1a1;}
	.nav5-4{width: 100%; float: left; margin: 15px 0 0 0%;}	
	.nav5-4 txt1{width:22%; float: left; text-align: right;  color: #222222; font-size: 16px; padding: 5px 0 5px 0; letter-spacing: 1px; }
	.nav5-4 txt2{width: 78%; color: #222222; font-size: 16px; text-align: left; float: left; padding: 5px 0 5px 0; letter-spacing: 1px;}
	.nav6{width: 100%; float: left; margin: 0px 0 0px 0; background: url("images/index/icon8.png") center top repeat-x; border-bottom: solid 6px #a4120b;}
	.nav6-2{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1{width: 100% ; margin: 10px auto 0 auto;float: left; }
	.nav6-2 bo1 img{width: 60%; height: auto;  margin: 15px auto 10px 20%;}
	.nav6-3{width: 100%; float: left; color: #adadad; font-size: 14px ; line-height: 18px; text-align: center; margin-bottom:12px; margin-left: 0%; }
	.banner2{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/about/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner2 txt{width:206px; color: #000000; font-size: 30px;text-align: center; margin: auto;}
	.nav7{width: 100%; padding: 15px 0 0px 0; float: left;}
	.nav7-2{width: 98% ; margin: 0 1% 0 auto; text-align: right;font-size: 16px}
	.nav7-2 a{color: #262626; font-size: 16px ; text-decoration: none;}
	.nav7-2 a:hover{ color: #f28e2d;}
	.nav8{width: 100%; float: left; margin: 10px 0 0px 0; }
	.nav8-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav8-2 bo1{width:24%; float: left;  margin: 0px auto 10px 38%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav8-3{width: 100% ; margin: 10px auto 20px auto; float: left;}
	.nav8-4{width: 100%; float: left; border: solid 1px #cccccc;}
	.nav8-4 tab1{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; }
	.nav8-4 tab2{width: 100%; float: left; display: flex; }
	.text1{width: 11% ; margin:1%; background: #a1a1a1; color: #ffffff; font-size: 45px ;text-align: center; float: left; display: flex;  align-items: center; justify-content: center;}
	.tab2-2{width: 85%; float: left;  color: #545454; font-size: 15px; line-height: 20px; text-align: left;flex: 1; padding: 1%; margin-bottom: none; }
	.nav9{width: 100%; float: left; margin: 10px 0 20px 0; background: url("images/about/b2.jpg") #fcfcfc center top;  }
	.nav9-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav9-2 bo1{width:24%; float: left;  margin: 15px auto 10px 38%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav9-2 bo2{width: 100%; color: #484848;font-size: 15px ; line-height: 24px; text-align: left; float: left; margin: 5px 0 15px 0;}
	.nav10{width: 100%; float: left; margin: 10px 0 0px 0; }
	.nav10-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav10-2 bo1{width:26%; float: left;  margin: 0px auto 10px 36%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav10-3{width: 100%;  float: left; margin: 5px 0 15px 0;}
	.tab3{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; align-items: center; margin: 8px 0 8px 0;   }
	.tab3 cirle{width: 65px;  height: 65px;  border-radius: 50%;  background-color: #767676;  display: flex;  align-items: center;  justify-content: center;  color: #ffffff;  font-weight: bold;margin:0 15px 10px 0; font-size: 17px;float: left;}
	.tab3 bot{width:87%; float: left; color: #2e2e2e;font-size: 16px;line-height: 20px; text-align: left; }
	.banner3{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/news/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner3 txt{width:206px; color: #000000; font-size: 30px;text-align: center; margin: auto;}
	.nav11{width: 100%; float: left; margin: 20px 0 15px 0;  }
	.nav11-2{width: 98% ; margin: 0 1% 0 1%;float: left;}
	.nav11-3{width: 100% ; margin: 0 auto 20px auto; float: left;}
	.nav11-3 tab1{width: 99%; float: left; border-bottom: solid 1px #a1a1a1;border-top: solid 1px #a1a1a1;border-left: solid 1px #a1a1a1;margin: 0 0 10px 0; display: block; }
	.nav11-3 tab1 samp{ width:5%; float: left;display: flex;  align-items: center;  justify-content: center; text-align: center; color: #484747;  font-size:  25px; font-weight: bold; padding: 8px 0 0 0;}
	.nav11-3 tab1 txt1{width:91%; float: left; background: #da251c; padding:  15px 2% 15px 2%; color: #ffffff; font-size: 17px; line-height: 20px;}
	.nav11-3 tab2{width: 96%; float: left; margin:0px 2% 0 2%; }
	.nav11-3 tab2 txt1{width: 100%; float: left; margin:0;color: #3b3b3b; font-size: 15px; line-height: 20px; }
	.nav11-3 tab2 txt1 a{color: #3b3b3b; font-size: 15px; line-height: 20px; }
	.nav11-3 tab2 txt1 a:hover{color: #20568F;  }
	.nav11-4 {width: 100%; float: left; text-align: center; margin: 0 0 15px 0;}
	.nav11-4 tab1{}
	.nav11-4 tab1 a{margin: 0 2px 0 2px;text-decoration: none;padding:5px 10px 5px 10px; background: #ababac; color: #ffffff; font-size: 15px; text-align: center; }
	.nav11-4 tab1 a:hover{ background: #1465a9;}
	.banner4{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/product/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner4 txt{width:206px; color: #000000; font-size: 30px;text-align: center; margin: auto;}
	.nav11-5{width: 100% ; margin: 6px auto 10px auto; float: left;}
	.nav11-6{width: 100% ; margin: 15px auto 15px auto; float: left;}
	.nav11-7{width: 98% ; margin: 0px 1% 0px 1%;  text-align: right;}
	.nav11-7 img{width: 130px ; height: 36px; float: right; margin: 0 6px 0 0; }
	.nav12{width: 100%; float: left; margin: 20px 0 20px 0;}
	.nav12-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav12-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav12-4{width: 100% ; margin: 0 auto 0 auto;float: left; background: #ededed; }
	.nav12-4 tab1{width: 17%; float: left; line-height: 50px; height: 50px ; text-align: center; color: #1b1b1b; font-size: 15px;}
	.nav12-4 tab2{width: 32%; float: left; line-height: 50px; height: 50px ; text-align: center; color: #1b1b1b; font-size: 15px;}
	.nav12-5{width: 100% ; margin: 0 auto 0 auto;float: left; border-bottom: solid 1px #ededed;}
	.nav12-5 tab1{width: 17%; float: left; text-align: center; color: #5a5a5a; font-size: 15px;padding: 15px 0 15px 0;line-height: 16px;}
	.nav12-5 tab2{width: 32%; float: left; text-align: center; color: #5a5a5a; font-size: 15px;padding: 15px 0 15px 0; line-height: 16px;}
	.banner5{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/contact/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner5 txt{width:206px; color: #000000; font-size: 30px;text-align: center; margin: auto;}
	.nav13{width: 100%; float: left; margin: 20px 0 20px 0;}
	.nav13-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav13-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav13-4{width: 98%; float: left; border-left: solid 10px #8e120c; background: #da251c;}
	.nav13-4 tab1{width: 96%; float: left; margin:5px 2% 15px 2%; }
	.nav13-4 tab1 a1{width: 100%; float: left; border-bottom: solid 1px #ffffff; line-height: 40px; color: #ffffff; font-size: 16px; text-align: left;}
	.nav13-4 tab1 a2{width: 50%; float: left; line-height: 20px; color: #ffffff; font-size: 14px; text-align: left; margin: 8px 0 0 0; }
	.nav13-4 tab1 a2 samp{width: 100%; float: left;line-height: 20px; color: #ffffff; font-size: 14px; text-align: left; }
	.nav13-5{width: 100% ; margin: 30px auto 10px auto;float: left;}
	.nav13-6{width: 100% ; margin: 25px 0 0 0;float: left;}
	.nav13-6 tab1{width: 44% ; margin:0 2% 0 3%;float: left; }
	.nav13-6 tab1 img{width: 100% ; float: left; border: solid 7px #3baf36; margin: 0 0 10px ;}
	.nav13-6 tab1 txt1{width: 100% ; margin:0;float: left; text-align: center; color: #3baf36; font-size: 18px; line-height: 32px; }
	.nav13-7{width: 99.5% ; float: left;box-sizing: border-box;}
	.nav13-7 img{width: 100%; float: left ; height: auto;border: solid 1px #a1a1a1;}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:10px;
		bottom: 50px;
		z-index: 999999999;
	}
}
@media only screen and (max-width: 666px) {/*針對手機*/
	.out{width: 100%; margin:0 auto 0 auto;}
	.logo{width: 32%;  float: left; margin: 15px 0 10px 1%;}
	.logo img{width: 100%; float: left; height: auto;}
	.buttom{width: 65%; float: right; margin: 0px 0% 0 0;}
	.tab1{ float: right; margin: 0px 10px 0 0;}
	.tab1 a{background: #dc271e; padding: 5px 10px 5px 10px; color: #ffffff; font-size: 13px; text-align: center; text-decoration: none;}
	.tab1 a:hover{background: #2a82c5;}
	.buttom2{width: 98%; float: left; margin:5px 0% 0 0;}
	.banner{width: 100%; float: left; }
	.banner img{width: 100%; float: left; height: auto;}
	.nav1{width: 100%; background:url("images/index/serbg.jpg") repeat; padding: 15px 0 15px 0; float: left;}
	.nav1-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav1-3{width: 100% ; margin: 0 ; float: left;}
	.tab2{width: 100%; float: left; margin: 0 0 5px 0;}
	.tab2 samp{width: 23%; float: left ; color: #0a0a0a; font-size: 15px; text-align: left; line-height: 35px;}
	.tab3-2 {width: 75%; float: right;  }
	.tab4{width: 100%; border: solid 1px #dcdcdc; height: 35px; }
	.tab5{width: 100%; float: left; margin: 5px 0 5px 0;}
	.tab5 a{background: url("images/index/icon1.png") no-repeat 38% center #080808; text-decoration: none; text-align: center; line-height:35px; color: #ffffff; font-size: 15px; display: block; }
	.tab5 a:hover{background: url("images/index/icon1.png") no-repeat 38% #166992;}
	.nav2{width: 100%; padding: 15px 0 20px 0; float: left;}
	.nav2-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav2-3{width: 100% ; margin: 0 auto 15px auto;}
	.tab6{width:98%; float: left; background: #da251c; padding: 5px; color: #ffffff; font-size: 15px; line-height: 20px; letter-spacing: 0.2px; border-radius: 5px; margin: 0px 0 0 0;}
	.tab7{width:100% ; float: left;  margin:10px 0 0 0; }
	.tab7 img{width: 75px; float: left; margin: 0 10px 0 0; }
	.tab8{width: 180px; margin:10px 0 0 10px; float: left; }
	.tab8 bo1{width: 100%; float: left;   }
	.tab8 bo1 a{display: block; text-decoration: none; box-shadow: 0px 0px 3px #cbc2c2;  height: 36px; line-height: 36px; text-align: center; color: #ffffff; font-size: 16px; background: url("images/index/icon3.png") no-repeat 10% #ea524e ; border-radius: 90px;}
	.tab8 bo1 a:hover{ background: url("images/index/icon3-2.png") no-repeat 10% #319ec2 ;box-shadow: 0px 0px 3px #06154b; }
	.tab8 bo2{width: 100%; float: left; margin: 6px 0 0 0; color: #000000; font-size: 16px; text-align: center;   }
	.nav3{width: 100%; float: left; margin: 0px 0 15px 0;}
	.nav3-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav3-3{width: 100% ; margin: 0 0 20px 0; float: left;}
	.tab9{width: 100%;  background: #818181; float: left;}
	.tab9 bo1{width:18%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo2{width:42%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo3{width:18%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 14px; float: left;}
	.tab9 bo4{width:21%; margin: 3px 0 3px 0; text-align: center; color: #ffffff; font-size: 14px; float: left;}
	.tab10{width: 100%;  background: #a1a1a1; float: left; border: solid 1px #a1a1a1; margin: 4px 0 0 0;}
	.tab10 bo1{width:18%; text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 13px; float: left; justify-content: center;  align-items: center; display: flex; ;height: 50px; }
	.tab10 bo2{width:42%;  text-align: center; color: #ffffff; border-right: solid 1px #ffffff; font-size: 13px; float: left;  justify-content: center;  align-items: center; display: flex;height: 50px; }
	.tab10 bo3{ }
	.tab10 bo3 a{width:18%; float: left; font-size: 13px; color: #fffc00; font-size: 15px; float: left;justify-content: center;  align-items: center; display: flex;height: 50px; }
	.tab10 bo3 a:hover{color: #d6294a;}
	.tab10 bo4{width:21%;  text-align: center; float: right; background: #ffffff;display: flex;align-items: center; justify-content: center; height: 50px;  }
	.tab10 bo4 img{width: 40px; text-align: center;flex: 1; height: auto;}
	.nav3-4{width: 100% ; margin:10px 0 10px 0; float: left; text-align: center;}
	.nav3-4 img{width: 189px ; height: 53px; float: left; margin: 0 0px 0 0; }
	.tab11{width: 20%; margin:0 40px 0 20%; float: left;   display: inline-block; }
	.tab11 a{padding: 13px 45px 13px 45px;  background: url("images/index/icon6.png") 90% 55% no-repeat ;color: #ea524e; font-size: 15px; border: solid 3px #ea524e;display: inline-block; }
	.tab11 a:hover{ color: #2688a4; border: solid 3px #2688a4; background: url("images/index/icon6-2.png") 95% 55% no-repeat;}
	.tab12 a{width: 100%; float: left;  background: url("images/index/icon5-2.png") 32% 55% no-repeat  #dcdcdc; color: #494848; font-size: 15px; border: solid 2px #a1a1a1;  height: 38px; line-height: 38px;margin: 0 0% 0 0%; }
	.tab12 a:hover{ color: #ffffff; border: solid 2px #a1a1a1; background: url("images/index/icon5-2.png")  33% 55% no-repeat  #6b6b6b ; }
	.nav4{width: 100%; float: left; margin: 10px 0 10px 0; background: url("images/index/bg1.png") #fcfcfc center top;  }
	.nav4-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav4-2 bo1{width:30%; float: left;  margin: 10px auto 10px 35%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 14px ; line-height: 20px; text-align: left; float: left; margin: 5px 0 15px 0;}
	.nav4-3{width: 100% ; margin:0px 0 20px 0; float: left; text-align: center;}
	.tab13{ margin:0 0px 0px 0;  display: inline-block; }
	.tab13 a{padding: 8px 35px 8px 35px; color: #ea524e; font-size: 15px; border: solid 1px #ea524e;display: inline-block; text-align: center;}
	.tab13 a:hover{ color: #247ed1; border: solid 1px #247ed1; }
	.nav5{width: 100%; float: left; margin: 0px 0 20px 0;   }
	.nav5-2{width: 98% ; margin: 0 auto 0 auto;}
	.nav5-2 bo1{width:40%; float: left;  margin: 10px auto 20px 30%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav4-2 bo2{width: 100%; color: #484848;font-size: 14px ; line-height: 20px; text-align: left; float: left; margin: 0 0 20px 0;}
	.nav5-3{width: 98.5% ;   float: left; margin: 0 0 0 1%;box-sizing: border-box;}
	.nav5-3 img{width: 100%; float: left; height: auto; border: solid 1px #a1a1a1;}
	.nav5-4{width: 100%; float: left; margin: 15px 0 0 0%;}	
	.nav5-4 txt1{width:22%; float: left; text-align: right;  color: #222222; font-size: 16px; padding: 5px 0 5px 0; letter-spacing: 1px; }
	.nav5-4 txt2{width: 78%; color: #222222; font-size: 16px; text-align: left; float: left; padding: 5px 0 5px 0; letter-spacing: 1px;}
	.nav6{width: 100%; float: left; margin: 0px 0 0px 0; background: url("images/index/icon8.png") center top repeat-x; border-bottom: solid 6px #a4120b;}
	.nav6-2{width: 100% ; margin: 0 auto 0 auto;float: left; }
	.nav6-2 bo1{width: 100% ; margin: 10px auto 0 auto;float: left; }
	.nav6-2 bo1 img{width: 70%; height: auto;  margin: 15px auto 10px 15%;}
	.nav6-3{width: 98%; float: left; color: #adadad; font-size: 13px ; line-height: 16px; text-align: center; margin-bottom:10px; margin-left: 1%; }
	.banner2{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/about/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner2 txt{width:206px; color: #000000; font-size: 20px;text-align: center; margin: auto;}
	.nav7{width: 100%; padding: 10px 0 0px 0; float: left;}
	.nav7-2{width: 98% ; margin: 0 1% 0 auto; text-align: right;font-size: 15px}
	.nav7-2 a{color: #262626; font-size: 15px ; text-decoration: none;}
	.nav7-2 a:hover{ color: #f28e2d;}
	.nav8{width: 100%; float: left; margin: 0px 0 10px 0; }
	.nav8-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav8-2 bo1{width:40%; float: left;  margin: 10px auto 10px 30%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav8-3{width: 100% ; margin: 10px auto 20px auto; float: left;}
	.nav8-4{width: 100%; float: left; border: solid 1px #cccccc;}
	.nav8-4 tab1{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; }
	.nav8-4 tab2{width: 100%; float: left; display: flex; }
	.text1{width: 15% ; margin:1%; background: #a1a1a1; color: #ffffff; font-size: 45px ;text-align: center; float: left; display: flex;  align-items: center; justify-content: center;}
	.tab2-2{width: 100%; float: left;  color: #545454; font-size: 15px; line-height: 20px; text-align: left;flex: 1; padding: 1%; margin-bottom: none; }
	.nav9{width: 100%; float: left; margin: 10px 0 10px 0; background: url("images/about/b2.jpg") #fcfcfc center top;  }
	.nav9-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav9-2 bo1{width:30%; float: left;  margin: 10px auto 10px 35%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav9-2 bo2{width: 100%; color: #484848;font-size: 14px ; line-height: 20px; text-align: left; float: left; margin: 5px 0 15px 0;}
	.nav10{width: 100%; float: left; margin: 0px 0 10px 0; }
	.nav10-2{width: 96% ; margin: 0 auto 0 auto;}
	.nav10-2 bo1{width:60%; float: left;  margin: 10px auto 10px 20%; text-align: center; background: url("images/index/icon7-2.png") no-repeat center bottom; height: 40px; line-height: 40px; color: #262626; font-size: 18px;text-transform: uppercase;}
	.nav10-3{width: 100%;  float: left; margin: 5px 0 15px 0;}
	.tab3{width: 100%; float: left; border-bottom: dashed 1px #d1d1d1; display: flex; align-items: center; margin: 8px 0 8px 0;   }
	.tab3 cirle{width: 55px;  height: 55px;  border-radius: 50%;  background-color: #767676;  display: flex;  align-items: center;  justify-content: center;  color: #ffffff;  font-weight: bold;margin:0 10px 10px 0; font-size: 16px;float: left;}
	.tab3 bot{width:83%; float: left; color: #2e2e2e;font-size: 15px;line-height: 18px; text-align: left; margin-bottom: 8px;   }
	.banner3{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/news/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner3 txt{width:206px; color: #000000; font-size: 20px;text-align: center; margin: auto;}
	.nav11{width: 100%; float: left; margin: 20px 0 15px 0;  }
	.nav11-2{width: 98% ; margin: 0 1% 0 1%;float: left;}
	.nav11-3{width: 100% ; margin: 0 auto 20px auto; float: left;}
	.nav11-3 tab1{width: 99%; float: left; border-bottom: solid 1px #a1a1a1;border-top: solid 1px #a1a1a1;border-left: solid 1px #a1a1a1;margin: 0 0 10px 0; display: block; }
	.nav11-3 tab1 samp{ width:8%; float: left;display: flex;  align-items: center;  justify-content: center; text-align: center; color: #484747;  font-size:  25px; font-weight: bold; padding: 8px 0 0 0;}
	.nav11-3 tab1 txt1{width:88%; float: left; background: #da251c; padding:  15px 2% 15px 2%; color: #ffffff; font-size: 17px; line-height: 20px;}
	.nav11-3 tab2{width: 96%; float: left; margin:0px 2% 0 2%; }
	.nav11-3 tab2 txt1{width: 100%; float: left; margin:0; color: #3b3b3b; font-size: 15px; line-height: 20px; }
	.nav11-3 tab2 txt1 a{color: #3b3b3b; font-size: 15px; line-height: 20px; }
    .nav11-3 tab2 txt1 a:hover{color: #20568F;  }
	.nav11-4 {width: 100%; float: left; text-align: center; margin: 0 0 15px 0;}
	.nav11-4 tab1{}
	.nav11-4 tab1 a{margin: 0 2px 0 2px;text-decoration: none;padding:5px 10px 5px 10px; background: #ababac; color: #ffffff; font-size: 15px; text-align: center; }
	.nav11-4 tab1 a:hover{ background: #1465a9;}
	.banner4{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/product/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner4 txt{width:206px; color: #000000; font-size: 20px;text-align: center; margin: auto;}
	.nav11-5{width: 100% ; margin: 5px auto 7px auto; float: left;}
	.nav11-6{width: 100% ; margin: 15px auto 15px auto; float: left;}
	.nav11-7{width: 98% ; margin: 0px 1% 0px 1%;  text-align: right;}
	.nav11-7 img{width: 130px ; height: 36px; float: right; margin: 0 4px 0 0; }
	.nav12{width: 100%; float: left; margin: 0px 0 20px 0;}
	.nav12-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav12-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav12-4{width: 100% ; margin: 0 auto 0 auto;float: left; background: #ededed; }
	.nav12-4 tab1{width: 17%; float: left; text-align: center; color: #5a5a5a; font-size: 14px;padding: 10px 0 10px 0;line-height: 16px;}
	.nav12-4 tab2{width: 32%; float: left; text-align: center; color: #5a5a5a; font-size: 14px;padding: 10px 0 10px 0; line-height: 16px;}
	.nav12-5{width: 100% ; margin: 0 auto 10px auto;float: left; border-bottom: solid 1px #ededed; }
	.nav12-5 tab1{width: 17%; float: left; text-align: center; color: #5a5a5a; font-size: 14px;padding: 10px 0 10px 0;line-height: 16px;}
	.nav12-5 tab2{width: 32%; float: left; text-align: center; color: #5a5a5a; font-size: 14px;padding: 10px 0 10px 0; line-height: 16px;}
	.banner5{width:100%;float: left; aspect-ratio: 1920 / 238;background-image: url("images/contact/b1.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}
	.banner5 txt{width:206px; color: #000000; font-size: 20px;text-align: center; margin: auto;}
	.nav13{width: 100%; float: left; margin: 15px 0 5px 0;}
	.nav13-2{width: 98% ; margin: 0 1% 0 1%; float: left;}
	.nav13-3{width: 100% ; margin: 0 auto 0 auto;float: left;}
	.nav13-4{width: 98%; float: left; border-left: solid 8px #8e120c; background: #da251c;}
	.nav13-4 tab1{width: 96%; float: left; margin:5px 2% 15px 2%; }
	.nav13-4 tab1 a1{width: 100%; float: left; border-bottom: solid 1px #ffffff; line-height: 32px; color: #ffffff; font-size: 15px; text-align: left;}
	.nav13-4 tab1 a2{width: 100%; float: left; line-height: 18px; color: #ffffff; font-size: 14px; text-align: left; margin: 8px 2% 0 0%; }
	.nav13-4 tab1 a2 samp{width: 80%; float: left;line-height: 18px; color: #ffffff; font-size: 14px; text-align: left; }
	.nav13-5{width: 100% ; margin: 20px auto 10px auto;float: left;}
	.nav13-6{width: 100% ; margin: 15px 0 0 0;float: left;}
	.nav13-6 tab1{width: 42% ; margin:0 3% 0 4%;float: left; }
	.nav13-6 tab1 img{width: 100% ; float: left; border: solid 4px #3baf36; margin: 0 0 0px ;}
	.nav13-6 tab1 txt1{width: 100% ; margin:0;float: left; text-align: center; color: #3baf36; font-size: 18px; line-height: 32px; }
	.nav13-7{width: 99.5% ;   float: left;box-sizing: border-box;}
	.nav13-7 img{width: 100%; float: left ; height: auto;border: solid 1px #a1a1a1;}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:5px;
		bottom: 50px;
		z-index: 999999999;
	}
}