@charset "UTF-8";

 /* Page Title */

 html {
      height: 100%;
    }
    body {
  
      height: 100%;
      -webkit-font-smoothing: antialiased;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
  
   .main_page section .page_container {
      position: relative;
      top: 25%;
      margin: 0 auto 0;
      max-width: 950px;
      z-index: 3;
    }
    

   body, html {
   -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
}

body, .onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}

.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
  width:100%;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 7.5px;
}

.header {  position:fixed;    }

 h3 {width:100%; text-align:center; font-size:35px; font-weight:700; color:#333;  }
 .guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }

.main_vi {width:100%; float:left;     height:100%; text-align:center;  box-sizing:border-box;  }
   

.main_vi_t {width:100%; float:left;  height:100%; padding-left:5%; padding-top:200px;  box-sizing:border-box;}

.main_vi_t .t1 {font-size:60px; font-weight:800; line-height:1.3em;   margin-top:30px;  color:#fff; text-align:left; letter-spacing:-2px; }
.main_vi_t .t2  {font-size:33px; font-weight:500; margin-top:20px;  color:#fff; line-height:1.3em;  text-align:left; }

 .main_vi .item:nth-child(2) .t1 {color:#111;}
 .main_vi .item:nth-child(2) .t2 {color:#444;}


  



.in .about_bn {width:100%; float:left; margin:0 0 40px 0; background:url('/sian/img/bn_bg.png') center top ; height:300px; background-size:cover; text-align:left; }
.in .about_bn div  {background-color:rgba(0,0,0,0); width:100%; box-sizing:border-box; padding:70px 30px;  height:300px; color:#333; font-size:19px;  font-weight:400; line-height:1.5em; }


  h3 {width:100%; text-align:center; font-size:35px; font-weight:700; color:#333;  }

 h4.tt {font-size:22px; font-weight:800; width:100%; float:left; line-height:1.3em; color:#333;}
 h3.tt {font-size:57px;  font-weight:600; width:100%; float:left;  line-height:1.3em; color:#333;}
 p.tt {font-size:37px; font-weight:500; width:100%; float:left;   line-height:1.3em; color:#333;}


 
section#wrap1 {background-color:#fff;  width:100%; height:100%;  float:left; box-sizing:border-box;}

.business {width:90%; margin:0 auto;  text-align:center;  padding-top:8%; } 
 
.business ul {width:100%; float:left; margin-top:4%;}
.business li {float:left; width:25%; text-align:center; position:relative; transition:all 0.3s ease-out; top:0;}
.business li:hover{top:-15px;}
 .business li .img {width:95%; height:220px;  overflow:hidden; margin-bottom:20px;  box-shadow:2px 2px 2px #ddd;}
 .business li  img.product_img {width:100%;   } 

.business li div.title {width:100%; float:left;   line-height:1.2em; vertical-align:middle;  font-size:20px; font-weight:600; color:#333; margin:5px 0 6px 0;}
 
.business li p.t {font-size:16px; color:#666; line-height:1.3em; font-weight:400}

.business .label1 {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block;}
 

 a.main_btn {font-size:19px; background-color:#212962; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; transition:all 0.3s ease-out; top:0; position:relative; }

 a.main_btn:hover{top:-10px;}



 section#wrap2 {background:url('/common/img/common/company_bg.png') no-repeat  center;  background-size:cover;   width:100%; height:100%;  float:left; box-sizing:border-box;}

.height_line {width:100%; height:200px; float:left;}
.height_line  span {width:1px; height:200px; background-color:#fff; display:inline-block}
  .company {width:100%; float:left; text-align:center;  } 
  .company h4 {color:#fff !important;  }
  .company h3 {color:#fff !important;  }
  .company p {color:#fff !important;  }


.icon_wrap {width:500px; margin:0 auto;}

.icon_wrap p {width:33.333333%; float:left;  box-sizing:border-box;    text-align:center; display:inline-block}




section#wrap3 {background-color:#f9f9f9;  width:100%; height:100%;  float:left; box-sizing:border-box;}

.customer {width:100%; float:left;   padding-top:8%;  } 

.customer div.info_t {font-size:18px; width:100%; font-weight:400;  color:#555; text-align:center; line-height:90px;  margin-top:-350px;  float:left; }
.customer div.info_t span {font-weight:600; font-size:1.3em;}

.customer div.map_layer {width:90%; height:350px; background:rgba(255,255,255,.0);  top:-350px; position:relative; margin-left:5%; float:left; }



#footer {position:absolute; bottom:-1px; height:180px;}