@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: SimHei;
    src: url("../font/simhei.ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: MicrosoftYaHei;
    src: url("../font/chinese.msyh.ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: FZLTXHK;
    src: url("../font/FZLTXHK.ttf"); /* TTF file for CSS3 browsers */
	font-weight:400;
}


.right_container::-webkit-scrollbar{
    width: 13px;
}
.right_container::-webkit-scrollbar-thumb{
background-color:#9fe1e5;
border-radius:10px;
}
.right_container::-webkit-scrollbar-thumb:hover{
background-color:#9fe1e5;
border:1px solid #9fe1e5;
}
.right_container::-webkit-scrollbar-thumb:active{
background-color:#9fe1e5;
border:1px solid #9fe1e5;
}

.right_container::-webkit-scrollbar-track{
background-color:#ededed;
border:1px solid #ededed;
} 
 

body,html {
  margin:0;
  padding:0;
  width: 100vw;
  height: 47.22vw;/* height:width ratio = 680/1440 = .4722  */
}

#container{
  width: 100vw;
  height: 47.22vw;/* height:width ratio = 680/1440 = .4722  */
  min-height: 100vh;
  min-width: 211.76vh;/* width:height ratio = 1440/680 = 2.1176  */
  
}

.top_bar{
	width: 100%;
	height: 11.8%;
	position:relative;
	left:0;
	right:0;
	top:0;
	margin:0;
	padding:0;	
}
.top_bar img{
	width: 100%;
	height: 100%;
}

.bottom_bar{
	width: 100%;
	height: 5.1%;
	position:relative;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;	
}

.bottom_bar img{
	width: 100%;
	height: 100%;
}

.bg{
	width: 100%;
	height: 83.1%;
	background:#f6f6f6;
	position:relative;
	left:0;
	right:0;
	top:0;
}


ul{
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	left:15.28%;
	top:2.4%;
	width:84.72%;
}

ul li{
  display: inline;
  padding-right:0.3%;
}

ul li img{
  width:5.3%;
  height:5.3%;
}


#fqy{
  position:relative;
  left:0;
  top:0;
  width:56.07%;
  height:39.25%;
  cursor: pointer;
}
#fqy img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#fqy span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 30px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:36%;
  top:10%;
  z-index:999;
  cursor: pointer;
}

#about_us{
  position:relative;
  left:60%;
  top:-39.2%;
  width:39.94%;
  height:11.05%;
  cursor: pointer;
}
#about_us img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#about_us span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 20px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:20%;
  top:-105%;
  z-index:999;
  cursor: pointer;
}

#philosophy{
  position:relative;
  left:60%;
  top:-36.2%;
  width:39.94%;
  height:11.05%;
  cursor: pointer;
}
#philosophy img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#philosophy span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 20px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:15%;
  top:-105%;
  z-index:999;
  cursor: pointer;
}

#history{
  position:relative;
  left:60%;
  top:-33.2%;
  width:39.94%;
  height:11.05%;
  cursor: pointer;
}
#history img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#history span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 20px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:24%;
  top:-105%;
  z-index:999;
  cursor: pointer;
}

#coop{
  position:relative;
  left:0;
  top:-29.8%;
  width:100%;
  height:12.11%;
  cursor: pointer;
  cursor: pointer;
}

#coop img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#coop span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 23px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:14%;
  top:-100%;
  z-index:999;
  cursor: pointer;
}

#changhui{
  position:relative;
  left:0;
  top:-26.4%;
  width:56.07%;
  height:27.32%;
  cursor: pointer;
}

#changhui img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#changhui span#first{
  font-family: 'SimHei';
  color: #fff;
  font-size: 28px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:24%;
  top:-26%;
  z-index:999;
  cursor: pointer;
}
#changhui span#second{
  font-family: 'SimHei';
  color: #fff;
  font-size: 2.2vw;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:40%;
  top:0;
  z-index:999;
  cursor: pointer;

}

#product{
  position:relative;
  left:60%;
  top:-53.8%;
  width:39.94%;
  height:12.08%;
  cursor: pointer;
}

#product img{
  width:100%;
  height:100%;
  cursor: pointer;
}
#product span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 22px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:22%;
  top:-95%;
  z-index:999;
  cursor: pointer;
}

#equipment{
  position:relative;
  left:60%;
  top:-50.6%;
  width:39.94%;
  height:12.08%;
  cursor: pointer;
}

#equipment img{
  width:100%;
  height:100%;
  cursor: pointer;
}

#equipment span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 21px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:15%;
  top:-100%;
  z-index:999;
  cursor: pointer;
}


#contact_us{
  position:relative;
  left:0;
  top:-47.2%;
  width:100%;
  height:12.11%;
  cursor: pointer;
}

#contact_us img{
  width:100%;
  height:100%;
  cursor: pointer;
}

#contact_us span{
  font-family: 'SimHei';
  color: #fff;
  font-size: 25px;
  font-weight:bold;
  line-height: 141.667px;
  position:absolute;
  left:32%;
  top:-95%;
  z-index:999;
}

.left_container{
  height:80.52%;
  width:26.04%;
  position:relative;
  left:15.28%;
  top:3%;
  z-index:99;
}

.right_container{
  height:80.52%;
  width:41.7%;
  position:relative;
  background-color: #fff;
  border:1px solid #dbdee8;
  left:43%;
  top: -77.5%;
  z-index:9999;
  overflow:scroll;
  text-align:center;
  overflow-x: hidden;
 }

#fqy_content{
  position:relative;
  top:6%;
  bottom:6%;
  left:16%;
  right:16%;
  height:86%;
  width:68%;

}

#fqy_content img{
   height:100%;
   width:100%;
}


#about_us_content h2{
   text-align:center;
   font-family: 'FZLTXHK';
   color: #37b3bd;
   font-size:3vmin;
}

#about_us_content p{
   text-indent:24px;
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #9B9B9B;
   font-size: 2vmin;
   margin-top: 0;
   margin-bottom: 0;
   margin-left:4%;
   margin-right:4%;
   line-height: 2;
}

#philosophy_content h1{
   text-align:center;
   font-family: 'MicrosoftYaHei';
   color: #37b3bd;
   font-size: 2.6vmax;
   margin-top:15%;
}

#philosophy_content p{
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #9B9B9B;
   font-size: 1.5vmax;
   margin-left:16%;
   line-height: 1;
   margin-top:5%;
}

#history_content{
   text-align:left;
}


#history_content h3{
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #37b3bd;
   font-size: 3.8vmin;
   margin-left:7%;
   margin-top:3.5%;

}


#history_content img{
   width: 94%;
   height: auto;
   margin-left:7%;

}

#coop_content {
   height:100%;  
}

#coop_content table{
   height:90%;
   width: 98%;
   margin-left:1.8%;
   margin-top:1%;   
}

#coop_content table tr{
   font-family: 'MicrosoftYaHei';
   color: #686868;
   font-size: 0.85vmax;
   text-align:left;   
}


#coop_content p{
   text-align:right;
   font-family: 'MicrosoftYaHei';
   color: #999999;
   font-size: 0.85vmax;
   margin-top:-1.5%;

}

#changhui_content h2{
   text-align:center;
   font-family: 'FZLTXHK';
   color: #37b3bd;
   font-size:3vmin;
}

#changhui_content p{
   text-indent:24px;
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #9B9B9B;
   font-size: 2vmin;
   margin-left:6%;
   margin-right:5%;
   line-height: 2;
   margin-top: 0;
   margin-bottom: 0;
}


#contact_us_content h3{
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #37b3bd;
   font-size:1.4vw;
   margin-left:7%;
   margin-top:9%;
}

#contact_us_content hr{
   border:0;
   border-top: 1px solid #dbdee8;
   margin-left:7%;
   margin-right:6%;
   margin-top:6%;

}

#contact_us_content p{
   text-indent:24px;
   text-align:left;
   font-family: 'MicrosoftYaHei';
   color: #9B9B9B;
   font-size: 1vw;
   margin-left:3.5%;
   line-height: 1;
}


#dropdown ul li{
  display: inline;
  padding:0;
  color:#6d6d6d;

}