*{margin: 0;padding: 0}
a{text-decoration: none;}
ol,li{list-style: none;}
html{font-size: 62.5%;}
body{width: 100%;height: 100%;}

#menu {padding: 0;width: 700px;min-width: 620px;}
#menu li {font-size: 14px;}
#menu a {padding: 0 20px;color: #fff; text-decoration: none;}
#menu .active a { color: #5995e0;}
.section2{background:  no-repeat center;background-size: cover;}
.section3{background:  no-repeat center;background-size: cover;text-align: center; position: relative; }
.section4{background:  no-repeat center;background-size: cover;position: relative;}
.section5{background:  no-repeat center;background-size: cover;position: relative;}
.section6{background:  no-repeat center;background-size: cover;position: relative;}
/*.section {color: #fff;}*/
.slide1{background:  no-repeat center;background-size: cover;}
.slide2{background:  no-repeat center;background-size: cover;}
.slide3{background:  no-repeat center;background-size: cover;}
.imgbox3{position: relative;height: 100%;width: 100%;}
.imgbox3>img{position: absolute;z-index: 2;left: 0;}
.imgbox3>img:nth-child(3){left: 0;bottom: 0;z-index: 1;}
.imgbox3>span{position: absolute;left: 55%;display: block;top: 40%;text-align: center;}
.imgbox3>span>img:nth-child(1){display: block;margin: 0 auto -55%;}

.imgbox{margin: 0 auto;padding-top: 10%;width: 40%;position: relative;margin-top: 35%}
.imgbox>img{width: 100%;position: absolute;bottom: 0;left: -220%;}
.imgbox>span{width:72%;font-size: 0;display: inline-block;position: absolute;bottom: 30px;left: 17%;}
.imgbox>span>img{width: 8%;position: absolute;bottom: 5%;left: 300%;}

.imgbox>span>span{font-size: 16px;}

.about_him{margin:0 auto;color: gray;padding: 3%;min-width: 350px;}
.about_him h1{color:black;text-align:center;}
.about_him p{font-size: 16px;line-height: 30px;}
.about_him a{display: inline-block;padding: 5px 10px;border: 2px solid white;color: white;float: right;margin-top: 20px;}
.abuot_info{text-indent:33px;}
.titleen{font-size: 22px;text-align:center;color:black;}
.protitle{padding-top: 35px;overflow: hidden;position: absolute;bottom: 0px;display: block;width: 100%;height: calc(30% - 2px);transition:all 0.3s linear}

.protitle a{font-size: 20px;color: white;padding: 0 10px;}
.protitle i{display: inline-block;height: 1px;width: 20%;background: white;}
 
.about_video{position: absolute;right: -120%;top: 150px;}
.about_video{width: 70%;margin: 0;}

.about_text{font-size:30px; text-align:center;}
.about_text li{display:inline-block;text-align:center;font-size:30px;margin:0;line-height:50px;width:300px;}
.about_text li a{display:block;width:200px;height:200px;border-radius:50%;margin:0 auto;line-height:200px;}
.about_text li span{display:block;font-size:14px;color:gray;}

.about_text1{font-size:30px; text-align:center;}
.about_text1 li{display:inline-block;text-align:center;font-size:30px;margin:0;line-height:50px;width:24%;}
.about_text1 li a{display:block;width:200px;height:200px;border-radius:50%;margin:0 auto;line-height:200px;}
.about_text1 li span{display:block;font-size:14px;color:gray;}


.section3>div>div{
	width: 280px;height: 400px;display: inline-block; background: #5995e0;margin: 0 1%;position: relative;overflow: hidden;
	box-shadow: 5px 5px 15px #888888;;
	}
.section3>div>div:nth-child(1){left: 0%;}
.section3>div>div:nth-child(2){bottom: 0%;}
.section3>div>div:nth-child(3){right: 0%;}

.section3>div>div>span{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 4px solid #5995e0;display: none;}
.section3>div>div:hover span{display: inline-block;}
.section3>div img{height: 70%;width: 100%;position: absolute;left: 0;}
.section3>div img:nth-child(2){top: -70%;padding: 45px;background: rgba(255,255,255,1);transition:top 0.5s;}
.section3>div>div:hover .bannerbg3 img:nth-child(2){top: 0;}
/* .section3>div>div:hover .protitle{background: white;} */
/* .section3>div>div:hover .protitle a{color: black;} */
/* .section3>div>div:hover .protitle a.ena{color: lightgray;} */
/* .section3>div>div:hover .protitle i{background: black;} */

.newsabout{
	width: 553px;height: 275px;background:  no-repeat;position: absolute;top: 14%;left: 17%; 
	font-size: 35px;color: white;text-align: center;padding: 50px 50px 0 0;
}
.newsdown{
	width: 404px;height: 200px;background:  no-repeat;position: absolute;bottom: 3%;right: 16%;
	font-size: 35px;color: white;text-align: center;vertical-align: bottom;padding: 110px 50px 0 0;
	}
	
.newslist_index{width:1200px;height:300px;border:2px solid #85e5fb;margin:172px auto 0;background:rgba(255,255,255,0.7);border-radius:5px;position:relative;z-index:9999;}
.newslist_index div{display:inline-block;vertical-align:top;width:33%;margin-top:5px;height:97%;}
.newslist_index div:nth-child(1){float:left;margin-left:5px;}
.newslist_index div:nth-child(2){float:right;margin-right:5px;}
.newslist_index div p{font-size:24px;padding:10px 0 10px 10px;margin:0;}
.newslist_index div li{font-size:18px;padding:5px 0;margin: 3px 0;border-radius: 5px;background: white;border: 3px solid #6f8a614a;}
.newslist_index div li i{display:inline-block;padding:0 5px;}
.newslist_index div li span:nth-child(1){color:black;}
.newslist_index div li span:nth-child(2){float:right;font-size:14px;color:gray;padding-right:3px;}
	
#productshow{overflow: hidden;width: 80%;height: 900px;margin: 0 auto;padding-top: 5%;}
#productshow ul{height: 380px;}
#productshow ul li{float: left;padding: 0 3px;height: 380px; text-align:center;}
#productshow ul li a{display: block;text-align: center;width: 262px;height: 380px;}
#productshow ul li a img{display: block;width: 220px;height: 320px;}

.section6{background:  no-repeat center;background-size: cover;position: relative;}
.section6>div{display:block;width: 1080px;margin: 0 auto;padding-top: 10%;}
.section6>div>div{display: inline-block;}


.linkleft{height: 258px;background: url(/uploads/image/sicontent/line.png) no-repeat right;text-align: right;padding:70px 50px;}
.linkleft p{font-size: 28px;}
.linkright{font-size: 28px;margin-left: 50px;width: 380px;}
.linkright a{display: inline-block;}

.footer{position: absolute;bottom: 20px;font-size: 16px;color: gray;text-align: center;width: 100%;line-height: 40px;background:black;padding-top:20px;}
.footer ul li{display:inline-block;}
.footer a{color: gray;}
.footerother{height: 165px;line-height: 30px;padding-top:20px;}
.footerother ul li{display:inline-block;}
.page_product li{
    display: inline;
}

.tuijian{ margin-top:40px;}
.tuijian ul li{ float:left; display:block; width:480px; height:30px;}
.main_content{ font-size:16px; line-height:26px;}
.main_content p{ line-height:26px; margin-top:8px;}