.top h1 {  color:#333; }

.box_100 {width:100%; display:inline-block; float:left;}

.in {width:100%; max-width:1300px; margin:0 auto; }

.color_bk {color:#333 !important}


h2.h2_tit {font-size:3rem; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-0.5px; font-family:'Montserrat'; margin-bottom:30px;}

h3 {font-size:1.3rem; font-weight:500; color:#333; line-height:1.3em}
.main_section {width:100%; display:inline-block;  padding:120px 3%; box-sizing:border-box}
.eng {font-family:'Montserrat'; letter-spacing:0 !important}

h3.h3_tit {font-size:2.3rem; color:#259a05; font-weight:700; margin-top:10px }

.big_f {font-size:1.25em;}

.product  .in {padding:0px 3%; box-sizing:border-box; }

.product  { background-color:#f1f1f1; text-align:center; background:url('/common/img/main/prod_bg.png') no-repeat center; background-attachment: fixed; font-size:1.2rem; line-height:1.5em;  color:#fff; text-shadow:3px 3px 2px rgba(0,0,0,.2); padding:0;}

.prod_bg {background-color:rgba(0,0,0,.3); padding:80px 3%; width:100%; display:inline-block; box-sizing:border-box;}
.product b {font-size:1.9rem; line-height:1.18em; font-weight:500; color:#fff ; width:92%; display:block; margin:0 auto;}
.prod_bg p {font-weight:300; opacity:0.92}


.sero_line {width:1px; height:35px; background:url('/common/img/common/line.png'); display:inline-block; text-align:center; margin-top:20px; }
.sero_line2 {height:50px; width:1px; background:#333; display:block; margin:0 auto; margin:15px 0;}


.prod_list1x3 {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap}
.prod_list1x3>li {;width: 33.33333%; padding: 0px; box-sizing:border-box; padding:15px 0; }
.prod_list1x3 img {display: block; max-width: 88px;  text-align:center; margin:0 auto; }
.prod_list1x3 p {padding-top:10px; box-sizing:border-box; font-weight:500; color:#fff; line-height:1.5; font-size:1.4rem; }


.line_p {width:35px; height:1px; background:#fff; display:block; margin-bottom:30px;}

.navigatonBox {  width:100%; display:inline-block;  position:relative;   text-align:center; background:url('/sian/img/li_line.png') repeat-x bottom;  margin:30px 0 45px 0;  }


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}


.navButton a {  padding:0 0;  margin:0 13px; box-sizing:border-box;  color:#555 !important; text-align:center; display:flex;  line-height:1.3em; justify-content:center; align-items:center; font-weight:600;  height:60px; font-size:1.7rem;    line-height:60px}

.buttonGroup .navButton:first-child a {margin-left:0;  }
.navigatonBox .navButton:last-child  a{margin-right:0}

.navButton a.ov {font-weight:600; color:#259a05 !important; border-bottom:3px solid #259a05 ; line-height:54px; height:54px;  }


.label_wrap {width:100%; display:flex; margin-top:30px; margin-bottom:20px;   justify-content:space-between }
.product .label {border:3px solid #259a05; color:#259a05; border-radius:50px;  width:32%; font-size:1.3rem; font-weight:600; display:flex; justify-content:center; align-items:center; text-align:center; padding:10px 10px; line-height:1.15em;  box-sizing:border-box; }


.s_line {width:15px; height:1px; background-color:#fff; display:block; margin-bottom:20px;  }


.span_br {display:block;}

/* global */
.global {padding:8%  0; background:url('/common/img/main/global_bg.png') no-repeat center; background-position:-200px -50px; background-size:cover;background-color:#254370}

.global_ul {position:relative; width:100%; display:flex;margin-top:30px;}
.global_ul li {position:relative; margin:0 2.5% 0 0; padding:12px 4%;  display:inline-block;box-sizing:border-box; border:1px solid rgba(255,255,255,0.2); border-radius:5px;}
.global_ul li a  {font-size:1.2rem;  color:rgba(255,255,255,0.85); box-sizing:border-box;  display:block; font-weight:500; }
.global_ul li:hover  {background:#fff; color:#333; transition:all 0.5s}
.global_ul li:hover a  {color:#333;}

.global h3 {color:#fff; font-size:1.6rem; line-height:1.5; font-weight:500; }
.global_ul p {font-size:1rem; color:#fff;}


/*.global_ul li:hover {margin-top:-30px; transition:all 0.3s}*/
/*.introduce  li:first-child {width:250px; font-size:1.5rem; font-weight:600; font-family:'Montserrat'; }*/

.global_ul  li img {width:100%; max-width:60px; vertical-align:middle; vertical-align:middle; margin-right:15px;}

.global_ul .btn {
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  font-size: 28px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  box-sizing:border-box;
  transition: all 1s;
}

.global_ul .btn:after, .btn:before {
  content: " ";
  width: 16px;
  height: 16px;
  position: absolute;
  border: 0px solid #fff;
  transition: all 1s;
}
.global_ul .btn:after {
  top: -1px;
  left: -1px;
  border-top: 6px solid #222;
  border-left: 6px solid #222;
}
.global_ul .btn:before {
  bottom: -1px;
  right: -1px;
  border-bottom:6px solid #222;
  border-right: 6px solid #222;
}
.global_ul .btn:hover {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.global_ul .btn:hover:before, .btn:hover:after {
  width: 100%;
  height: 100%;
}

 @media all and (max-width:1200px) {
		.global {padding:10% 3%; box-sizing:border-box; }


   }


@media all and (max-width:1000px) {
       .m_top {  background:#fff;   }
       .m_top h1 { color:#333; }
	   	/* global */

		.big_f {font-size:1em;}
     }

 @media all and (max-width:800px) {
	 h2.h2_tit {font-size:2rem; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:-0.5px; font-family:'Montserrat'; margin-bottom:20px;}
		.product .in {padding:80px 3%;}
		.main_section {padding:80px 3%; }

		h2 {font-size:1.8rem; letter-spacing:-0.5px ; line-height:1.2em }
		.global h3 {font-size:1.2rem}
		h3.h3_tit {font-size:1.5rem; color:#1c8201; font-weight:700; }

		.navigatonBox {    margin:20px 0 25px 0;  }
		.span_br {display:inline;}

		.global  {background:url('/common/img/main/m_global_bg.png') no-repeat center;  }
		.global_ul {position:relative; width:100%; flex-wrap:wrap;}
		.global_ul li {position:relative; width:100%;}

		.product .in {width:100%; display:inline-block}

		.product .box li  h3 {font-size:1.2rem}

		.prod_bg {background-color:rgba(0,0,0,.3); padding:0px 3%; width:100%; display:inline-block; box-sizing:border-box;}
		.prod_list1x3 img {display: block; max-width: 60%; margin:0 auto}
		.prod_list1x3 p {font-size:1.1rem; line-height:1.2em}

		.navButton a {font-size:1.3rem; line-height:35px; height:35px; padding:0 0; margin:0 7px;}
		.navButton a.ov { font-size:1.3rem;  line-height:35px; height:35px}

     }


footer {background-color:#444; color:rgba(255,255,255,.7) }