@charset "gb2312";
/* CSS Document */
.none{display: none;}
/* 针对大屏幕设备（如桌面显示器）的样式 */
@media (min-width: 1201px) {
    .sy_top{width:100%; height:80px; background: #297a4c;}
    .sy_topBox{width:1200px; height:80px; margin: 0 auto;}
    
    .sy_logo{float:left; width:200px; height:80px; }
    .sy_logo img{width:200px;}
    
    .sy_menu{float:left; width:600px; margin-left:300px}
    .sy_menu a{float:left; width:120px; font-size:16px; line-height:80px; color:#ffffff; text-align: center;margin:0; display: inline-block; background: #297a4c;}
    .sy_menu a:hover{background: #37995f;}
    .sy_menu a.act{background: #37995f;}
    
    .sy_en{float:right; width:100px; color:#ffffff; }
    .sy_en a{float:left; font-size:14px; width:50px; line-height:80px; color:#ffffff; padding:0; display:inline-block; background: #297a4c; text-align: center;}
    .sy_en a:hover{background: #37995f;}
    .sy_en a.act{background: #37995f;}
    
    /*轮播图*/
    .th_banner{position:relative;float:left; width:100%; height:650px; margin:0 auto;  overflow: hidden; }
    .th_bannerPic{position:absolute; top:0; left:0; width:100%; height:650px;}
    .th_bannerPic a{width:100% height:650px; }
    .th_bannerPic a img{width:100%; height:650px; }
    .ht_bannerPic p{position:absolute; bottom:0; left:0; width:100%; height:40px; line-height: 40px; background:url(../img/mask_85.png);font-size:14px; color:#ffffff;  text-indent: 40px;}
    
    .th_bannerTag{position:absolute; bottom:0; right:50%; margin-left:-70px; width:70px; height:50px; z-index: 999; text-align: center; }
    .th_bannerTag a{float:left; width:10px; height:10px; border-radius:5px; background:#bf8464; display:inline-block; margin:0 5px; }
    .th_bannerTag a.act{width:10px; height:10px; background: #bf8464;}
    .th_bannerTag a.act2{width:25px; height:10px;border-radius: 5px;}
    
    
    .sy_mainBG{width:100%; height:100%; background: url(../image/bg.jpg) no-repeat; background-size:cover;overflow: hidden;}
    
    .sy_banner{width:100%; height:720px; background: url(../image/banner-bg.jpg) center;}
    .sy_bannerEJ{width:100%; }
	.sy_bannerEJ img{width:100%; }
    
    
    .sy_company{width:1200px; margin: 0 auto; margin-top:50px; overflow: auto; }
    .sy_copL{float:left; width:50%; padding-top:50px;}
    .sy_copL h1{font-size:48px; line-height: 60px; color:#333333; font-weight: normal;  }
    .sy_copL h2{font-size:32px; line-height: 48px; color:#E1E1E1; font-weight: lighter; letter-spacing:2px; }
    .sy_copL p{font-size:16px; line-height: 36px; color:#333333; margin-top: 15px;}
    .sy_copR{float:right; margin-top:180px; }
    
    .sy_oem{float:left; width:100%; height:720px; text-align: center;margin-top: 50px;}
    
    .sy_pro{width:100%; margin: 0 auto;  overflow: hidden; background: #F8f8f8;}
    .sy_pro h1{font-size:48px; line-height: 60px; color:#333333; font-weight: normal; text-align: center; }
    .sy_pro h2{font-size:18px; line-height: 48px; color:#999999; font-weight: lighter; text-align: center; }
    
    .sy_proList{width:1200px; margin: 0 auto; padding-top:50px;}
    .sy_proList ul li{float:left; width:280px;  margin:10px; border-radius: 12px; box-shadow: 0px 0px 10px #eeeeee; background: #ffffff;}
    .sy_proList ul li img{width:280px; height:280px; border-radius: 12px;}
    .sy_proList ul li p{font-size:18px; line-height: 80px; color:#333333;  text-align: center;}
    .sy_proList ul li:hover{box-shadow: 0px 0px 10px #d2d2d2; }
    
    .sy_moreBtn{float:left; width:100%; margin: 0 auto; padding:30px 0; text-align: center;}
    .sy_moreBtn a{width:300px; height:50px; background: #297a4c; border-radius: 50px; text-align: center; color:#ffffff; font-size:18px; line-height: 50px; display: inline-block;}
    .sy_moreBtn a:hover{background: #37995f;}
    
    .sy_Title{width:100%; margin: 0 auto; padding-top:50px; overflow: hidden; }
    .sy_Title h1{font-size:48px; line-height: 60px; color:#333333; font-weight: normal; text-align: center; }
    .sy_Title h2{font-size:18px; line-height: 48px; color:#999999; font-weight: lighter; text-align: center; }
    
    .sy_sever{width:100%; margin: 0 auto; padding-bottom:50px; overflow: hidden; background: #ffffff;}
    .sy_fwBox{width:1200px; margin: 0 auto; margin-top: 50px; overflow: hidden;}
    .sy_fwBox dl{float:left; width:580px; height:200px; overflow: hidden; box-shadow: 0px 0px 10px #eeeeee; padding:10px; box-sizing: border-box; margin:10px;border-radius: 8px;}
    .sy_fwBox dl dt{float:left; width:300px; background: #ffffff; margin-right: 15px;;}
    .sy_fwBox dl dt img{width:300px; height:180px }
    .sy_fwBox dl dd{float:left; width:240px; }
    .sy_fwBox dl dd h1{font-size:20px; line-height: 36px; color:#333333;  text-align: left; }
    .sy_fwBox dl dd p{font-size:16px; line-height:26px; color:#666666;  text-align: left;}
    
    .sy_zhengshu{width:100%; margin: 0 auto; padding-bottom:50px; overflow: hidden; background: #F8f8f8;}
    .sy_ZsList{width:1200px; margin: 0 auto; padding-top:50px; }
    .sy_ZsList.pb{column-count: 4;}
    .sy_ZsList ul li{float:left; width:280px;  padding:10px; margin:10px 60px; border-radius: 12px; box-shadow: 0px 0px 10px #eeeeee; background: #ffffff; box-sizing: border-box;}
    .sy_ZsList ul li img{width:280px; border-radius: 12px; border:solid 1px #E1E1E1}
    .sy_ZsList ul li p{font-size:18px; line-height: 50px; color:#333333;  text-align: center;}
    .sy_ZsList ul li:hover{box-shadow: 0px 0px 10px #d2d2d2; }
    
    .sy_foot{width:100%; margin: 0 auto; overflow: hidden; background: #297a4c; padding:20px 0;}
    .sy_addMsg{width:1200px; margin: 0 auto; }
    .sy_addMsg dl{float:left; width:100%; }
    .sy_addMsg dl dt{float:left; width:450px;}
    .sy_addMsg dl dd{float:right; padding-top:30px;}
    .sy_addMsg dl dd p{color:#ffffff;font-size:16px; line-height: 32px;}
    
    .sy_banquan{width:100%; margin: 0 auto; overflow: hidden; text-align: center; background:#37995f ; }
    .sy_banquan p{color:#ffffff;font-size:14px; line-height: 50px;}
    
    .sy_proDetail{width:1200px; margin: 0 auto; }
    .sy_proImg{float:left; width:100%; margin:0 auto; margin-top:50px; }
    .sy_proImg dl dt{float:left; width:480px; height:480px; border:solid 1px #E1E1E1; border-radius: 20px;}
    .sy_proImg dl dt img{width:480px; height:480px; border-radius: 20px;}
    .sy_proImg dl dd{float:right; width:650px;}
    .sy_proImg dl dd h1{font-size:24px; line-height: 50px; color:#333333; padding-top:20px; }
    .sy_proImg dl dd p{font-size:16px; line-height: 35px; color:#666666;}
    .sy_proImg dl dd b{ width:50px;}
    .sy_proImg dl dd p span{border:solid 1px #E1E1E1; padding:0 10px; border-radius: 5px; margin-right:5px; display: inline-block; margin-top:5px;}
    
    .sy_proMsg{float:left; width:100%;  margin-top:50px; margin-bottom: 50px;; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px #d2d2d2;padding:50px; box-sizing: border-box;}
    
    .sy_proMsg h1{font-size:32px; line-height: 64px; color:#333333;}
    .sy_proMsg h2{font-size:16px; line-height: 30px; color:#333333; font-weight: normal;}
    .sy_proMsg p{font-size:16px; line-height: 30px; color:#666666; padding-top:20px; text-align: center;}
    .sy_proMsg p img{width:1200px; text-align: center;}
    
    .sy_dir{float:left; width:100%; margin: 0 auto; height:50px;}
    
    /*二级页面-产品*/
    .sy_proMenu{width:1200px; margin:0 auto; margin-top:20px; overflow: hidden; text-align: left;}
    .sy_proMenu ul li{display: inline-block;}
    .sy_proMenu ul li a{font-size:16px; display: inline-block; border-radius: 50px; border:solid 1px #e1e1e1; padding:10px 30px; margin:10px; background: #ffffff;}
    .sy_proMenu ul li a:hover{background: #0071F8; color:#ffffff;border:solid 1px #0071F8;}
    .sy_proMenu ul li a.act{background: #0071F8; color:#ffffff;border:solid 1px #0071F8; }
    
    .sy_sev{width:1200px; margin: 0 auto; height:600px; padding:10px; box-sizing: border-box;}
    .sy_sev dl{float:left; width:100%;}
    .sy_sev dl dt{float:left; width:50%;}
    .sy_sev dl dt img{width:600px; height:300px;}
    .sy_sev dl dd{float:left; width:50%; padding:30px; box-sizing: border-box; }
    .sy_sev dl dd h1{font-size:36px; color:#333333; line-height: 100px;}
    .sy_sev dl dd p{font-size:18px;color:#333333; line-height: 36px;}
    
    .sy_sev.bantu{background: url(../image/sev_1.jpg) center no-repeat;}
    .sy_sev.zhikong{background: url(../image/sev_3.jpg) center no-repeat;}
    
}

@media (max-width: 600px) {
	
	.sy_top{width:100%; margin: 0 auto;  background: #297a4c; overflow: hidden; }
	.sy_topBox{width:100%;  margin: 0 auto; }
	
	.sy_logo{float:left; width:100%;  margin:0 auto; text-align: center; padding:10px 0;overflow: hidden;}
	.sy_logo img{width:40%;}
	
	.sy_menu{ float:left; width:100%;border-top:solid 1px #37995f}
	.sy_menu a{float:left; width:25%; font-size:14px; line-height:50px; color:#ffffff; text-align: center;margin:0; display: inline-block; background: #297a4c;}
	.sy_menu a:hover{background: #37995f;}
	.sy_menu a.act{background: #37995f;}
	
	.sy_en{position: fixed; top:0; right:0; width:80px; color:#ffffff; }
	.sy_en a{float:left; font-size:14px; width:50%; line-height:50px; color:#ffffff; padding:0; display:inline-block; background: #297a4c; text-align: center;}
	.sy_en a:hover{background: #37995f;}
	.sy_en a.act{background: #37995f;}
	
	/*轮播图*/
	.th_banner{position:relative;float:left; width:100%; margin:0 auto;  overflow: hidden; }
	.th_bannerPic{position:absolute; top:0; left:0; width:100%; }
	.th_bannerPic a{width:100%  }
	.th_bannerPic a img{width:100%; }
	.ht_bannerPic p{position:absolute; bottom:0; left:0; width:100%; height:40px; line-height: 40px; background:url(../img/mask_85.png);font-size:14px; color:#ffffff;  text-indent: 40px;}
	
	.th_bannerTag{position:absolute; bottom:0; right:50%; margin-left:-50%; width:70px; height:20px; z-index: 999; text-align: center; }
	.th_bannerTag a{float:left; width:5px; height:5px; border-radius:5px; background:#bf8464; display:inline-block; margin:0 5px; }
	.th_bannerTag a.act{width:5px; height:5px; background: #bf8464;}
	.th_bannerTag a.act2{width:10px; height:5px;border-radius: 5px;}
	
	
	.sy_mainBG{width:100%; height:100%; background: url(../image/bg.jpg) no-repeat; background-size:cover;overflow: hidden;}
	
	.sy_banner{width:100%; background: url(../image/banner-bg.jpg) center; }
	
	.sy_bannerEJ{float:left; width:100%;  margin:0 auto;}
	.sy_bannerEJ img{width:100%;}
	
	.sy_company{float:left; width:100%; margin: 0 auto; margin-top:10px; overflow: auto; }
	.sy_copL{width:100%; padding-top:10px;}
	.sy_copL h1{width:100%; font-size:32px; line-height: 60px; color:#333333; font-weight: normal; text-align: center; }
	.sy_copL h2{font-size:24px; line-height: 48px; color:#E1E1E1; font-weight: lighter; letter-spacing:2px;text-align: center; }
	.sy_copL p{font-size:16px; line-height: 36px; color:#333333; margin-top: 15px; padding:0 10px;}
	.sy_copR{width:100%; margin-top:10px; padding:10px; box-sizing: border-box;}
	.sy_copR img{width:100%;}
	
	.sy_oem{width:100%; text-align: center; margin-top: 50px; padding:10px; box-sizing: border-box;}
	.sy_oem img{width:100%;}
	
	.sy_pro{width:100%; margin: 0 auto; overflow: hidden; background: #F8f8f8; }
	.sy_pro h1{font-size:32px; line-height: 60px; color:#333333; font-weight: normal; text-align: center; }
	.sy_pro h2{font-size:16px; line-height:32px; color:#999999; font-weight: lighter; text-align: center; padding:0 20px; box-sizing: border-box; }
	
	.sy_proList{width:100%; margin: 0 auto; padding-top:20px;}
	.sy_proList ul{float:left; width:100%; overflow:hidden; padding:0 10px; box-sizing: border-box;}
	.sy_proList ul li{ float:left; width: 100%; margin: 0 auto; margin:5px 0px; border-radius: 12px; box-shadow: 0px 0px 10px #eeeeee; background: #ffffff;}
	.sy_proList ul li img{width:100%; border-radius: 12px;}
	.sy_proList ul li p{font-size:16px; line-height: 80px; color:#333333;  text-align: center;}
	.sy_proList ul li:hover{box-shadow: 0px 0px 10px #d2d2d2; }
	
	.sy_moreBtn{float:left; width:100%; margin: 0 auto; padding:30px 0 ; text-align: center;}
	.sy_moreBtn a{width:90%; height:50px; background: #297a4c; border-radius: 50px; text-align: center; color:#ffffff; font-size:18px; line-height: 50px; display: inline-block;}
	.sy_moreBtn a:hover{background: #37995f;}
	
	.sy_Title{width:100%; margin: 0 auto; padding-top:30px; overflow: hidden; }
	.sy_Title h1{font-size:32px; line-height: 60px; color:#333333; font-weight: normal; text-align: center; }
	.sy_Title h2{width:80%; margin:0 auto; font-size:16px; line-height: 32px; color:#999999; font-weight: normal; text-align: center; }
	
	.sy_sever{width:100%; margin: 0 auto; padding-bottom:50px; overflow: hidden; background: #ffffff;}
	.sy_fwBox{width:100%; margin: 0 auto; margin-top: 20px; overflow: hidden;}
	.sy_fwBox dl{float:left; width:100%; overflow: hidden; box-shadow: 0px 0px 10px #eeeeee; padding:10px; box-sizing: border-box; margin:10px 0;border-radius: 8px;}
	.sy_fwBox dl dt{float:left; width:100%; background: #ffffff; ;}
	.sy_fwBox dl dt img{width:100%; text-align: center; }
	.sy_fwBox dl dd{float:left; width:100%; padding:10px; box-sizing: border-box;}
	.sy_fwBox dl dd h1{font-size:24px; line-height: 50px; color:#333333;  text-align: left; }
	.sy_fwBox dl dd p{font-size:15px; line-height:30px; color:#666666;  text-align: left;}
	
	.sy_zhengshu{width:100%; margin: 0 auto; padding-bottom:50px; overflow: hidden; background: #F8f8f8;}
	.sy_ZsList{width:100%; margin: 0 auto; padding-top:50px; }
	.sy_ZsList.pb{column-count: 4;}
	.sy_ZsList ul li{ width:80%;  padding:10px; margin:0 auto; margin-top:10px; border-radius: 12px; box-shadow: 0px 0px 10px #eeeeee; background: #ffffff; box-sizing: border-box; text-align: center;}
	.sy_ZsList ul li img{width:100%; border-radius: 12px; border:solid 1px #E1E1E1}
	.sy_ZsList ul li p{font-size:18px; line-height: 50px; color:#333333;  text-align: center;}
	.sy_ZsList ul li:hover{box-shadow: 0px 0px 10px #d2d2d2; }
	
	.sy_foot{width:100%; margin: 0 auto; overflow: hidden; background: #297a4c; padding:20px 0;}
	.sy_addMsg{width:100%; margin: 0 auto; }
	.sy_addMsg dl{float:left; width:100%; }
	.sy_addMsg dl dt{float:left; width:100%;}
	.sy_addMsg dl dd{float:right; padding-top:30px;}
	.sy_addMsg dl dd p{color:#ffffff;font-size:16px; line-height: 32px; padding:0 10px}
	
	.sy_banquan{width:100%; margin: 0 auto; overflow: hidden; text-align: center; background:#37995f ; }
	.sy_banquan p{color:#ffffff;font-size:14px; line-height: 30px; padding:0 10px}
	
	.sy_proDetail{width:100%; margin: 0 auto; }
	.sy_proImg{float:left; width:100%; margin:0 auto; margin-top:20px; }
	.sy_proImg dl dt{width:98%; margin:0 auto;  border:solid 1px #E1E1E1; border-radius: 20px;}
	.sy_proImg dl dt img{width:100%;  border-radius: 20px;}
	.sy_proImg dl dd{width:100%; padding:0 10px; overflow: hidden; box-sizing: border-box;}
	.sy_proImg dl dd h1{font-size:24px; line-height: 50px; color:#333333; padding-top:20px }
	.sy_proImg dl dd p{font-size:16px; line-height: 35px; color:#666666;}
	.sy_proImg dl dd b{ width:50px;}
	.sy_proImg dl dd p span{border:solid 1px #E1E1E1; padding:0 10px; border-radius: 5px; margin-right:5px; display: inline-block; margin-top:5px;}
	
	.sy_proMsg{float:left; width:100%;  margin-top:50px; margin-bottom: 50px;; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px #d2d2d2; padding:20px; box-sizing: border-box;}
	
	.sy_proMsg h1{font-size:32px; line-height: 64px; color:#333333;}
	.sy_proMsg h2{font-size:16px; line-height: 30px; color:#333333; font-weight: normal;}
	.sy_proMsg p{font-size:16px; line-height: 30px; color:#666666; padding-top:20px; text-align: center;}
	.sy_proMsg p img{width:100%; text-align: center;}
	
	.sy_dir{float:left; width:100%; margin: 0 auto; height:50px;}
	
	/*二级页面-产品*/
	.sy_proMenu{width:100%; margin:0 auto; margin-top:20px; overflow: hidden; text-align: left;}
	.sy_proMenu ul li{display: inline-block;}
	.sy_proMenu ul li a{font-size:16px; display: inline-block; border-radius: 50px; border:solid 1px #e1e1e1; padding:10px 30px; margin:10px; background: #ffffff;}
	.sy_proMenu ul li a:hover{background: #0071F8; color:#ffffff;border:solid 1px #0071F8;}
	.sy_proMenu ul li a.act{background: #0071F8; color:#ffffff;border:solid 1px #0071F8; }
	
	.sy_sev{width:100%; margin: 0 auto; height:600px; padding:10px; box-sizing: border-box;}
	.sy_sev dl{float:left; width:100%;}
	.sy_sev dl dt{float:left; width:100%;}
	.sy_sev dl dt img{width:100%}
	.sy_sev dl dd{float:left; width:100%; padding:10px; box-sizing: border-box; }
	.sy_sev dl dd h1{font-size:24px; color:#333333; line-height: 50px;}
	.sy_sev dl dd p{font-size:16px;color:#333333; line-height: 30px;}
	
	.sy_sev.bantu{background: url(../image/sev_1.jpg) center no-repeat;}
	.sy_sev.zhikong{background: url(../image/sev_3.jpg) center no-repeat;}
   
}

/* /* 针对中等屏幕设备（如平板）的样式 */
@media (min-width: 601px) and (max-width: 1200px) {
    body {
        background-color: lightgreen;
    }
}

 */