@charset "utf-8";



body { font: 14px "微軟正黑體",Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Microsoft YaHei',sans-self; margin: 0; padding: 0; min-width:310px;}

a { text-decoration: none; color: #666; cursor: pointer; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; outline:none; }

img { border: 0; }

div { border: 0; margin: 0; padding: 0; }

.container {position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease; }

.clear { clear: both; }

input, textarea { font-family: "微軟正黑體"; font-size: 14px; }

.hide { display: none; }

.show { display: block; }

.fl{ float:left;}

.fr{ float:right;}



ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend, span, a ,form{ padding: 0; margin: 0; border: 0; }

ul, li { list-style-type: none; text-transform: capitalize; }

/********************************header**********************************************/

.header{ height:90px; background:#100503; margin:0 auto;background:rgba(16,5,3,0.6);position:fixed; z-index:9998; top:0; left:0; width:100%;}

.headerm{ height:100%; width:1280px; margin:0 auto;}

.logo{ padding-top:8px; height:80px; float:left; height:77px; padding-left:7px;}

.logo img{ height:100%;}

.headbtn{ padding-top:9px; width:71px; height:100%; float:right;}

.headbtn a{ padding-left: 20px; white-space: nowrap; display: block; line-height: 16px; height: 16px; background: url(../images/in_header_01.png) no-repeat left center; font-size:15px; color:#e2e1da;}

.headbtn a:hover{color:#fe7950;}

.nav{ height:100%; float:right; margin-right:70px;}

.navli{height:100%; float:left; margin-right:14px; white-space:nowrap; position:relative;}

.nava{ padding-left:12px; padding-right:12px; padding-top:50px; height:40px; line-height:28px; font-size:20px; color:#e2e1da; display:block;}

a.nava:hover{ background:#c45f45;color:#fff;}

.navactive{background:#c45f45;color:#fff;}

.navli:hover a.nava{background:#c45f45;color:#fff;}

.navli ul{ position:absolute; width:100%; top:90px; left:0; display:none;}

.navli li{ height:24px; line-height:24px; text-align:center; font-size:16px; background:#100503;}

.navli li a{ color:#fff;}

.navli li a:hover{ color:#fe7950;}



/*********************************banner***********************************************/

.swiper-container { width: 100%;margin-left: auto; margin-right: auto; position:relative; z-index:2; }

.p_banner img { width: 100%; height:100%; background-size: cover }

.product-launch { padding: 20px 0; background: #eee; border: 1px solid #ddd; }

.launch-inner { position: relative; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 0 0 5px #ddd; overflow: hidden; }

.main .list .p_img { position: relative; width: 100%; height: 100%; float: left; }

.main .list .p_img img { width: 100%; height: 100%; }

.banner_txtbtn{cursor:pointer; position:absolute; left:50%; bottom:15px; margin-left:-38px; width: 76px; height: 40px; line-height: 16px;text-align:center; font-size: 14px; color: #fff; background: url(../images/in_banner_01.png) no-repeat center bottom; z-index:3;}

/*********************************point***********************************************/

.point{ border-top: solid 22px #e2e2e2; padding-top:24px; padding-bottom:70px;}

.pointm{ width:1280px; margin:0 auto;}

.search{ height:37px;}

.searchm{ width:283px; height:33px; border:solid 1px #d8c696; float:right; border-radius:16px;}

.searchtxt{ border-radius:16px; padding-left:17px; border:0; margin:0; height:31px; float:left; width:200px;  line-height:31px; font-size:16px; color:#a97c04; outline:none; }

.searchm a{ height: 33px; width: 33px; float: right; background: url(../images/in_point_01.png) no-repeat center center; display:block; margin-right:9px;}

.pointt{ height:90px; position:relative;}

.pointtlinl{ width:39.0625%; border:solid 1px #a97c04; position:absolute; top:29px; left:0;}

.pointtlinr{ width:39.0625%; border:solid 1px #a97c04; position:absolute; top:29px; right:0;}

.pointtm{ text-align:center; line-height:54px; font-size:30px; color:#a97c04;}

.pointb a{ display:block; width:47.2656%; border: solid 1px #dfdddf;}

.pointb a:hover{ border: solid 1px #deae1c;}

.pointb a img{display:block; max-width:100%;}

.pointba1{ float:left; margin-left:1.1%;}

.pointba2{ float:right; margin-right:1.1%;}

/*********************************new***********************************************/

.new{ padding-top: 43px; padding-bottom: 138px; background: url(../images/in_new_01.jpg) no-repeat center top; background-size:100% 100%; }

.newm{ width:1280px; margin:0 auto;}

.newt{ height:107px;position:relative;zoom:1; z-index:2;}

.slidea{ display:block; border:solid 0px #515151; width:298px; height:410px; padding-top:0px; text-align:center;}

.slidea img{ display:block; max-width:100%; margin:0 auto; clear:both;}

.slideanum{ padding-top:20px; height:30px; line-height:18px; text-align:center; font-size:16px; color:#c3ac6f;}

.slideaintro{ line-height:24px; font-size:18px; color:#474747; font-family:Arial;}

.slideh{ display:none;  position:absolute; text-align:center; top:0; left:0; padding-top:7px; height:11px;  border:solid 1px #ac8518; width:288px; height:406px; background:rgba(222,174,28,0.79); z-index:5; padding-left:10px;}

.slide:hover .slideh{ display:block;}

.slide:hover .slidea{background:none;}

.slidehd{ width:273px; padding-top:171px; height:220px; border:solid 3px #ddcc97;}

.slidehdt{ height:79px;}

.slidehdt span{ display:block; width: 132px; height: 41px; line-height: 41px; font-size: 20px; color: #fff; background: url(../images/in_new_04.png) no-repeat right top; text-align:left; margin:0 auto; }

.slidehdb{ padding-left:18px; padding-right:18px; line-height:24px; font-size:20px; color:#fff; text-align:left; height:59px;}

.slidehdc{ padding-left:26px; padding-right:26px; line-height:24px; font-size:20px; color:#fff; text-align:center;}

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; background:#757575;text-align:center;}

.forbid span.forbidt{ height: 65px; line-height: 65px; text-align: center; width: 860px; margin: 0 auto; clear: both; background: url(../images/in_forbid_01.jpg) no-repeat 230px center; font-size:36px; color:#fff; display:block; white-space:nowrap; }

.forbid span.forbidb{ height: 28px; line-height: 28px; text-align: center; font-size:24px; color:#fff; clear:both; }

/*********************************footer***********************************************/

.footer{ padding-top:27px; height:342px; background:#363636; position:relative;zoom:1;}

.footerm{ width:1280px; margin:0 auto;}

.footl{ width:350px; height:320px; float:left; font-size:24px; line-height:49px;}

.footl a{color:#fff; white-space:nowrap;} 

.footl a span{ font-size:16px; color:#b4b3b3;}

.footl a:hover{color:#fe7950; } 

.footl a:hover span{  color:#fe7950;}

.footc{ padding-top: 230px; width: 265px; position:absolute; z-index:6; left:50%; top:28px; margin-left:-133px; background: url(../images/in_footer_01.png) no-repeat center top; float:left;}

.footctxt{ height:41px; line-height:40px; background:#b02323; font-size:24px; color:#f7f7f7; white-space:nowrap; text-align:center;}

.footr{ width:415px; float:right; height:333px; padding-top:5px;}

.footrt{ line-height:39px; font-size:20px; color:#f7f7f7; height:282px;}

.footrb{ height:48px; padding-right:25px;}

.footrb a{ display:block; margin-right:10px; height:46px; width:46px; float:right;}

.footrb a.footshare4{ background: url(../images/in_footer_05.png) no-repeat center center; }

.footrb a.footshare1{ background: url(../images/in_footer_04.png) no-repeat center center; }

.footrb a.footshare2{ background: url(../images/in_footer_03.png) no-repeat center center; }

.footrb a.footshare3{ background: url(../images/in_footer_02.png) no-repeat center center; }

.footcp{ text-align:center; width:300px; position:absolute; height:26px; line-height:26px; left:50%; margin-left:-150px; bottom:0; font-size:14px; color:#bcbcbc;}

.footcp a {color: #bcbcbc;text-decoration: none;}

.footcp a:hover {color: #fe7950;text-decoration: underline;}

/*****************************返回顶部***************************************/

.p_gotop{ position:fixed; z-index:9999;bottom:40px; width:50px;height:50px; right:50%; margin-right:-720px; background:url(../images/top.png) no-repeat;background-size:50px 50px; cursor:pointer;}

/**自适应**/

@media(max-width: 1470px) {

.p_gotop{ position:fixed; z-index:9999;bottom:40px; width:50px;height:50px; right:40px; margin-right:0; background:url(../images/top.png) no-repeat;background-size:50px 50px; cursor:pointer;} 

    }

@media(max-width: 1320px) {

/********************************header**********************************************/

.headerm{width:96%;}

.nav{  margin-right:40px;}

.navli{ margin-right:6px; }

.nava{ padding-left:10px; padding-right:10px;font-size:18px; }

/*********************************point***********************************************/

.pointm{ width:96%;}

/*********************************new***********************************************/

.newm{ width:96%; margin:0 auto;}

/*********************************footer***********************************************/

.footer{  height:342px; background:#363636; position:relative;zoom:1;}

.footerm{ width:96%; margin:0 auto;}

    }

@media(max-width: 1170px) {

 .footl{ width:316px; height:320px; font-size:20px; line-height:49px;}    

 .footr{ width:330px;  height:333px; padding-top:5px;} 

 .footrt{ font-size:16px;}   

     }   

@media(max-width: 1060px) {

/********************************header**********************************************/

.headerm{width:96%;}

.logo{padding-top:16px; height:58px; padding-left:0px;}

.nav{  margin-right:20px;}

.navli{ margin-right:4px; }

.nava{ padding-left:4px; padding-right:4px;font-size:16px; }  

.navli li{ font-size:14px;}

.headbtn{ padding-top:9px; width:62px;}

.headbtn a{ padding-left: 16px;  background: url(../images/in_header_01.png) no-repeat left center; font-size:13px; background-size:15px 13px; }   

    

    }

@media(max-width: 1000px) {

 .footer{ height:696px;}

.footl{ width:316px; height:320px; float:none; font-size:20px; line-height:49px;}    

 .footr{ width:330px;  height:333px;float:none; padding-top:30px;}    

 .footc{ padding-top: 230px; width: 265px; position:absolute; z-index:6; right:2%; top:28px; margin-left:0; left:auto; background: url(../images/in_footer_01.png) no-repeat center top; float:left;}   

 .footrb a { float:left;}   

    }    

@media(max-width: 870px) {

 /********************************header**********************************************/   

.nav{  margin-right:8px;}

.navli{ margin-right:4px; }

.nava{ padding-left:2px; padding-right:2px;font-size:15px; }     

.navli li{ font-size:13px;}    

/*********************************point***********************************************/

.point{ border-top: solid 22px #e2e2e2; padding-top:24px; padding-bottom:70px;}

.searchm{ width:250px; height:30px; border:solid 1px #d8c696; float:right; border-radius:16px;}

.searchtxt{ border-radius:16px; padding-left:15px;  height:28px; float:left; width:182px;  line-height:28px; font-size:15px; color:#a97c04;  }

.searchm a{ height: 30px; width: 30px; float: right; background: url(../images/in_point_01.png) no-repeat center center; display:block; margin-right:9px;}

.pointt{ height:70px;}

.pointtm{  line-height:54px; font-size:20px; }  

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; background:#757575;text-align:center;}

.forbid span.forbidt{ height: 65px; line-height: 65px; text-align: center; width: 700px; margin: 0 auto; clear: both; background: url(../images/in_forbid_01.jpg) no-repeat 187px center; font-size:30px; color:#fff; display:block; white-space:nowrap; background-size:50px 50px; }

.forbid span.forbidb{ height: 28px; line-height: 28px; text-align: center; font-size:24px; color:#fff; clear:both;}  





    }

 @media(max-width: 769px) {

 /********************************header**********************************************/   

.navbtn{ margin-top:10px; width: 40px; height: 36px; float: left; background: url(../images/in_head_06.png) no-repeat center center; }    

.headerm{ position:relative; zoom:1;}



.navli{ height:auto; line-height:40px; text-align:center; float:none; margin-right:0; white-space:nowrap; background:#100503;position:relative; clear:both; } 

.navli ul{ position:relative;  width:100%;top:0px; display:none;z-index:9001;}

.navli li{ height:28px; line-height:28px; font-size:14px;}

.navli ul a{ display:block; height:28px;background:#636363; width:100%;}

.navli ul a:hover{ background:#c45f45; color:#fff;}

.headbtn{ padding-top:9px; width:62px;}

.headbtn a{ padding-left: 16px;  background: url(../images/in_header_01.png) no-repeat left center; font-size:13px; background-size:15px 13px;} 

.header{ height:60px; }

.logo{padding-top:0; height:50px; position:absolute;width:98px; z-index:8888; top:5px; left:50%; margin-left:-49px; }

.logo img{ width:98px; height:50px;}

.nav{ height:auto; float:none; margin-right:0; width:100%; position:absolute; z-index:9999; top:60px; display:none;}

.nava{ padding-left:0; padding-right:0; padding-top:0; height:40px; line-height:40px; font-size:16px; color:#e2e1da;}

.navli:nth-child(4) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 14px; }

.navli:nth-child(4) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 14px; }

.navli:nth-child(5) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 14px; }

.navli:nth-child(5) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 14px; }

.navli:nth-child(6) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 14px; }

.navli:nth-child(6) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 14px; }

/*********************************banner***********************************************/

.swiper-container { height:400px; }

.banner_txtbtn{ bottom:6px; margin-left:-38px; width: 76px; height: 30px; line-height: 16px; font-size: 14px; }

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; background:#757575;text-align:center;}

.forbid span.forbidt{ height: 65px; line-height: 65px; text-align: center; width: 558px; margin: 0 auto; clear: both; background: url(../images/in_forbid_01.jpg) no-repeat 151px center; font-size:24px; color:#fff; display:block; white-space:nowrap; background-size:36px 36px; }

.forbid span.forbidb{ height: 28px; line-height: 28px; text-align: center; font-size:20px; color:#fff; clear:both;}      

.p_gotop{ position:fixed; z-index:9999;bottom:30px; width:40px;height:40px; right:30px; margin-right:0; background:url(../images/top.png) no-repeat;background-size:40px 40px; cursor:pointer;}     

     }

  @media(max-width: 640px) {

 .footr{ width:330px;  height:333px;float:none; padding-top:30px;}    

 .footc{ padding-top: 230px; width: 265px; position:absolute; z-index:6; margin-right:-133px; right:50%; top:auto; bottom:30px; margin-left:0; left:auto; background: url(../images/in_footer_01.png) no-repeat center top; float:none;}   

 .footrb a { float:left;}    

 .footl{ width:300px; height:264px; float:none; font-size:18px; line-height:42px;}      

 .footrt { line-height: 33px; height: 240px;}     

 .footer{ height:846px;}     

      }

   @media(max-width: 580px) {

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; }

.forbid span.forbidt{ height: 56px; line-height: 56px; width: 420px; background: url(../images/in_forbid_01.jpg) no-repeat 112px center; font-size:18px; background-size:30px 30px; }

.forbid span.forbidb{ height: 18px; line-height: 18px; text-align: center; font-size:16px; }       

 .new{ padding-bottom:100px;}      

 .footrb a { width:36px; height:36px;}

 .footrb a.footshare1{ background: url(../images/in_footer_04.png) no-repeat center center; background-size:36px 36px; }

.footrb a.footshare2{ background: url(../images/in_footer_03.png) no-repeat center center; background-size:36px 36px; }

.footrb a.footshare3{ background: url(../images/in_footer_02.png) no-repeat center center; background-size:36px 36px; } 

 .footc{ padding-top: 170px; width: 220px; position:absolute; z-index:6; margin-right:-110px; right:50%; top:auto; bottom:30px; margin-left:0; left:auto; background: url(../images/in_footer_01.png) no-repeat center top; background-size:160px 160px; } 

.footctxt{ height:41px; line-height:40px;  font-size:20px;}   

 .footer{ height:828px;}    

       }

   @media(max-width: 480px) {

.navli{height:auto; line-height:32px; }  

.navli li{ font-size:14px;}

.navli ul{  position:relative;  width:100%;top:0px; display:none;z-index:9001;}

.navli li{ height:28px; line-height:28px;}

.navli ul a{ display:block; height:28px;background:#636363; width:100%;}

.navli ul a:hover{ background:#c45f45; color:#fff;}     

.nava{ font-size:14px; line-height:32px; height:32px;}     

.navbtn{ margin-top:13px; width: 36px; height: 32px;  background: url(../images/in_head_06.png) no-repeat center center; background-size:36px 32px; } 

.navli:nth-child(4) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 10px; }

.navli:nth-child(4) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 10px; }

.navli:nth-child(5) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 10px; }

.navli:nth-child(5) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 10px; }

.navli:nth-child(6) .nava{ background: #100503 url(../images/in_nav_01.png) no-repeat right 10px; }

.navli:nth-child(6) .nava:hover{ background: #c45f45 url(../images/in_nav_01.png) no-repeat right 10px; }

/*********************************banner***********************************************/

.swiper-container { height:320px; }

.banner_txtbtn{ bottom:6px; margin-left:-38px; width: 76px; height: 30px; line-height: 16px; font-size: 14px; }

/*********************************point***********************************************/

.point{ border-top: solid 18px #e2e2e2; padding-top:24px; padding-bottom:70px;}

.pointt{ height:70px;}

.pointtm{  line-height:54px; font-size:17px; } 

.pointtlinl{ width:36%;}

.pointtlinr{ width:36%; }   

.pointb a{ display:block; width:96%; border: solid 1px #dfdddf; margin-left:auto; margin-right:auto; clear:both;}

.pointba1{ float:none; margin-left:0;}

.pointba2{ float:none; margin-right:0; margin-top:30px;}

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; }

.forbid span.forbidt{ height: 56px; line-height: 56px; width: 344px; background: url(../images/in_forbid_01.jpg) no-repeat 89px center; font-size:15px; background-size:30px 30px; }

.forbid span.forbidb{ height: 18px; line-height: 18px; text-align: center; font-size:13px; }     

       } 

   @media(max-width: 365px) {

/*********************************forbid***********************************************/

.forbid{ padding-top:8px; padding-bottom:10px; }

.forbid span.forbidt{ height: 56px; line-height: 56px; width: 300px; background: url(../images/in_forbid_01.jpg) no-repeat 75px center; font-size:13px; background-size:30px 30px; }

.forbid span.forbidb{ height: 18px; line-height: 18px; text-align: center; font-size:13px; }        

 .footl{ width:286px;font-size: 16px; margin-right:0;}         

 .footrt {font-size: 14px;}      

 .footr{ width:286px;}  

.pointtlinl{ width:30%; left:2%;}

.pointtlinr{ width:30%; right:2%;} 

.newm{ width:100%;}  

.newt{ width:96%; margin:0 auto;}  

       }