@charset "utf-8";

a { color: #333333;}

body { font-size: 1.3rem;}

a:hover,a:active,a:link {color: #333333;}

img {max-width: 100%;}

.bg{ position:fixed; left:0px; z-index: 0; top:0px; width: 100%; height: 100%;}

.nrq{ position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0;}

.dh{ width: 100%; background: #0098fd; text-align: center;}

.dh p{ color: #ffffff; line-height: 4.5rem; font-size: 1.5rem; margin: 0 auto;}

.dh i{ color: #FFFFFF; font-size: 1.8rem; position: absolute; z-index: 999; left: 1rem; top: 1rem;}

.mybanner.am-slider-default .am-control-nav { bottom: 8px;}

.mybanner.am-slider-default .am-control-nav li { margin: 0 3px;}

.mybanner.am-slider-default .am-control-nav li a.am-active {background-color: #0098fd; }

.mybanner.am-slider-default .am-control-nav li a {background-color: #FFFFFF; box-shadow: none; -webkit-box-shadow:none;}

.mybanner{ margin: 0 auto;}

.curriculum{ margin-top: 0.5rem;}

.curriculum img{ width: 65%;}

.understand img{ width: 65%; float: right;}

.publish{ text-align: center; clear:right;}

.publish span{ color: #FFFFFF; line-height: 2rem;}

.tup img{ width: 60%; padding-bottom: 1rem; padding-top: 0.5rem;}

.tup{ text-align: center;}

.jxts{ margin-top: 0.5rem; text-align: center; padding-right:2%; }

.jxts img{ width: 50%; float: left; padding-top: 2%; padding-left: 2%;} 

.wenz{ text-align: center; clear:left; padding-top: 2rem;}

.wenz span{ color: #FFFFFF; line-height: 1.5rem;}

.ysyr{ margin-top: 0.5rem;}

.ysyr img{ width: 70%;}

.yssr img{ width: 70%; float: right;}

.honey img{ width: 70%;}

.Product{width:95%; min-height: 38rem; background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%;}

.Product ul{ margin: 0 auto; padding: 0; padding-left: 0.5rem;}

.Product ul li{ width: 50%; list-style-type:none; float: left; padding-right: 0.5rem; padding-top: 0.5rem;} 

.Product ul li img{ width: 100%;}

.Product span{ font-size: 1.4rem; line-height: 3rem;}

.Exhibition{width:95%; min-height: 38rem; background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%; text-align: center;}

.Exhibition h2{ line-height: 5.5rem; font-weight: bold; font-size: 1.7rem; margin: 0 auto;}

.Exhibition img{ padding-left: 0.5rem; padding-right: 0.5rem;}

.Exhibition p{ text-align: left; font-size: 1.4rem; color: #666666; padding-left: 0.5rem; padding-right: 0.5rem; 
               line-height: 2.5rem; margin: 0 auto; padding-top: 1rem;}

.bition_xq{width:95%; min-height: 38rem; background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%; text-align: center;}

.bition_xq h2{ margin: 0 auto; padding-top: 1.5rem; }

.bition_xq span{ line-height: 3rem;}

.bition_xq img{ padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 1rem;}

.company{ width:95%; min-height: 38rem; background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%; text-align: center;}

.company p{ text-align:left; font-size:1.4rem; padding-left:0.5rem; padding-right:0.5rem; line-height:2.5rem;/* padding-top:1rem;*/}

.video_db{ width:95%;  background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%;}

.video_vcd{ margin-top: 1.5rem;}

.video_db span{ font-size:1.8rem; font-weight: bold; padding-left: 1rem; padding-top: 2rem;}

.video_db ul{ padding: 0; margin: 0 auto; margin-left: 2.5rem; text-align: center; margin-top: 1rem; }

.video_db ul li{ list-style-type:none; float: left; width: 16%;margin-bottom: 1.5rem;}

.video_db ul li a{ font-size: 1.6rem;}
 


.Product1{width:95%;  background:rgba(255,255,255,0.6); margin: 0 auto; margin-top: 0.8rem; border-radius:0.5rem; 
           float: left; margin-left: 2.5%;}

.Product1 ul{ margin: 0 auto; padding: 0; padding-left: 0.5rem;}

.Product1 ul li{ width: 100%; list-style-type:none; float: left; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem ;} 

.Product1 ul li img{ width: 45%; float: left;}

.Product1 span{ font-size: 1.4rem; line-height: 2rem; padding-left: 1rem; font-weight: bold;}

.Product1 p{ font-size: 1.2rem; line-height: 2rem; padding-left: 1rem; margin: 0; overflow: hidden; height: 6rem;}


@media (max-width:320px) { 
	 .dh p{ color: #ffffff; line-height: 4rem; font-size: 1.4rem;}
	 
	 .dh i{ color: #FFFFFF; font-size: 1.8rem; position: absolute; z-index: 999; left: 1rem; top: 0.7rem;}
	 
	 .Product{width:95%; min-height: 34rem; background:rgba(255,255,255,0.6); margin: 0 auto; margin-top:1rem; 
	                     border-radius:0.5rem; float: left; margin-left: 2.5%;}
	                     
     .Product ul li{ width: 50%; list-style-type:none; float: left; padding-right: 0.5rem;} 
     
     .Product span{ font-size: 1.2rem; line-height: 3rem;}
     
     .Exhibition p{ text-align: left; font-size: 1.4rem; color: #666666; padding-left: 0.5rem; padding-right: 0.5rem; 
               line-height: 2.5rem; margin: 0 auto; padding-top: 1rem; padding-bottom: 1rem;}
               
     .Product1 p{ font-size: 1.2rem; line-height: 1.6rem; padding-left: 1rem; margin: 0; overflow: hidden; height: 5rem;}
	 }