@charset "UTF-8";

 
.sub_in {width:1200px; margin:0 auto;}
 
 .guide { text-align:center; font-size:30px; line-height:55px; font-weight:700; color:#333; border-bottom:1px solid #ddd; margin-bottom:30px;}

 .sub_vi {width:100%; float:left;   height:420px; text-align:center; background:url('/common/img/common/sub_bg.png') no-repeat top center; min-width:1200px; background-color:#ddd; margin-top:-200px; box-sizing:border-box; padding-top:250px;}
 .sub_vi .t1 {font-size:35px; font-weight:800; color:#333;letter-spacing:-1px;}
 .sub_vi .t1 span {color:#7ab704}
.sub_vi .t2 {font-size:22px; font-weight:500; color:#555 }

.content {  margin-bottom:50px;  width:100%; float:left;}
.dash_line {width:100%; float:left; height:1px; border-bottom:1px dashed #ddd; margin:30px 0;}
.line {width:100%; float:left; height:1px; background-color:#ddd; margin:15px 0;}


.content .text1 {font-size:35px; font-weight:700; text-align:center; color:#333; line-height:1.3em; width:100%;   padding-bottom:10px; }
.content .text2 {font-size:20px; font-weight:500; text-align:center; color:#555; line-height:1.5em;  width:100%; padding-bottom:10px;}
.content .text3 {font-size:17px; font-weight:400; text-align:center; color:#666; line-height:1.6em;}
.content .text4 {font-size:23px; font-weight:500; text-align:center; color:#333; line-height:1.6em;}

.product {font-size:16px; color:#555; line-height:1.3em}

 h4 {font-size:23px; font-weight:600; color:#333; line-height:1.3em; display:inline-block; width:100%;}
 h4 span.one {width:20px; margin-right:5px; border-radius:50%;  height:20px; border:5px solid #7ab704; box-sizing:border-box; display:inline-block; vertical-align:-2px;}

.product .info_box1 {width:100%; float:left; background-color:#f8fbf2; border:1px solid #cce39f; box-sizing:border-box; padding:20px; font-size:17px;  line-height:1.5em; color:#444; }
.product .info_box1 ul li {width:50%; float:left; padding:2px 0; }
.product .info_box1 ul li  span {font-size:20px; font-weight:700; color:#7ab704;}

.product .info_box2 {width:100%; float:left;  box-sizing:border-box;  }
.product .info_box2 table  {width:100%; float:left;}

.product .info_box2 table td {  font-size:16.5px; line-height:1.5em; color:#666; font-weight:400;  }
.product .info_box2 table td b {font-size:19px; font-weight:500; color:#444; width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:7px; }
 .product .info_box2 table td.bg {width:50px; background:url('/common/img/sub/next_icon.jpg') no-repeat center;  }
 .product .info_box2 table td:nth-child(3) div {border:5px solid #cce39f; box-sizing:border-box;  width:100%;  float:left; padding:20px; }
.product .info_box2 table td:nth-child(5) div {border:5px solid #cce39f; padding:20px; }
 .product .info_box2 table td img {border-radius:50%;}
 .product .info_box2 table td b.bg_b {background-color:#7ab704;  float:none; color:#fff; width:auto; padding:4px 10px;}




 

.foreign {font-size:16px; color:#555; line-height:1.3em}
.foreign .info_box1 {width:100%; float:left; background-color:#f8fbf2; border:1px solid #cce39f; box-sizing:border-box; padding:20px; font-size:17px;  line-height:1.5em; color:#444; }
 .foreign .info_box1 h4 {font-size:20px; font-weight:600; color:#333; line-height:1.3em; display:inline-block; width:100%;}
.foreign .info_box1 h4 {padding-bottom:5px; }
 .foreign .border_info {border:5px solid #cce39f; box-sizing:border-box;  width:100%;  float:left; padding:5px; }
.foreign .bg1,.bg2 { padding:12px 0; box-sizing:border-box; width:100%; float:left; }
.foreign  b {font-weight:500; font-size:18px; line-height:1.4em;}
.foreign ul li {color:#fff !important;}

 .foreign h5 {font-size:20px; font-weight:500; color:#333; line-height:1.3em; display:inline-block; width:100%;}


.foreign2 {width:100%; float:left; font-size:17px; color:#666; line-height:1.4em; }
.foreign2 .col-2 {border:7px solid #f1f1f1; box-sizing:border-box; padding:23px; width:49%; }
.foreign2 ul {width:100%; float:left; margin-top:20px;}
.foreign2 ul li {float:left; width:33.3333%;  font-size:15.5px; font-weight:400; text-align:Center;  box-sizing:border-box; margin-bottom:5px;  }
.foreign2 ul li  p {width:90%; height:200px; border:1px solid #ddd;  display:inline-block; margin-bottom:5px;   }
.foreign2 ul li img {margin-bottom:10px; width:80%;}

.history {width:70%; float:right; background:url('/common/img/sub/line.jpg') repeat-y top center; padding:30px 0;}
.history ul {width:100%; float:left;}
.history ul  li {width:50%;position:relative;  float:left; box-sizing:border-box; font-size:18px; color:#7ab704; font-weight:700  }
.history ul  li p {font-size:16px; color:#333; line-height:1.3em;  width:90%; float:left; box-sizing:border-box;  font-weight:400; margin-top:5px; }

.history ul  li:nth-child(1) { }
.history ul  li:nth-child(2) { margin-top:90px;}

.history ul  li span {width:20px;  border-radius:50%;  height:20px; border:5px solid #7ab704; box-sizing:border-box; display:inline-block; vertical-align:-4px; background-color:#fff; }

.organization {width:80%; margin-left:10%; float:left; position:relative; height:430px; margin-top:15px; }
.organization p.box {position:absolute;  background:linear-gradient(to bottom, #7ab704, #5d8d00);  border-radius:3px;  color:#fff;  display:inline-block; line-height:50px; text-align:center; font-size:1.1em; font-weight:600;}
.organization p.type1 {left:50%; margin-left:-100px; width:200px;}
.organization p.type2 {  top:100px; }
 .organization ul {width:100%;  float:left;   }
/*.organization ul li {width:25%; float:left; text-align:center;  }*/
.organization ul li {width:33.333%; float:left; text-align:center;  }
.organization ul li div {width:96%; margin-left:2%;  font-size:1em;  line-height:1.2em; display:inline-block;  font-weight:600; background-color:#555; color:#fff; box-sizing:border-box;}
.organization ul li div span {padding:12px 0; width:100%; display:inline-block; }
.organization ul li p {width:100%; background-color:#f9f9f9; font-size:0.95em; padding:10px 0;  color:#666; font-weight:400; border-bottom:1px solid #ddd;}
.organization .organization_line {display:inline-block; background-color:#ddd;}

.map_info  {width:400px; height:300px; float:right; margin-top:-300px; position:relative; background-color:rgba(0,0,0,.7); color:#fff; text-align:center; box-sizing:border-box; padding-top:90px; font-size:16px; line-height:1.4em;}

.about5 ul {width:100%; float:left; margin-bottom:1em;}
.about5 ul li {width:33.3333%; float:left; text-align:center; font-size:17px; line-height:1.3em; color:#555 }
.about5 ul li img {width:80%; border:1px solid #ddd; margin-bottom:10px; }


.box_100_1{position: absolute; top:59%; z-index: -1;}
.box_bottom{height: 134px; padding:0.8em 0}
.box_bottom > span{padding:8px 0 !important;}


.business_box {width:80%; margin:0 auto}
.business_box ul {width:100%; margin-top:25px; }
.business_box li {width:32%; margin:0 0.5%;  box-sizing:border-box; background:url('/common/img/sub/business_bg1.png') no-repeat top center; text-align:center; padding:230px 0; height:500px; float:left; color:#333;}
.business_box li:nth-child(2) {background:url('/common/img/sub/business_bg2.png') no-repeat top center; }
.business_box li:nth-child(3) {background:url('/common/img/sub/business_bg3.png') no-repeat top center; }
.business_box li  p {font-size:30px; font-weight:800}
.business_box li  span {font-size:18px; font-weight:400}
 

