@charset "utf-8";
					/* Reset css*/
					body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
					body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53;}
					body{_overflow:auto;_height:100%;margin:0 auto;}
					html{_overflow:hidden}
					i{font-style: normal;}
					h1,h2,h3,h4,h5,h6{font-size:100%}
					address,cite,dfn,em,var,i{font-style:normal}
					code,kbd,pre,samp{font-family:courier new,courier,monospace}
					small{font-size:12px}
					ul,ol,li,dl,dt,dd{list-style:none}
					sup{vertical-align:text-top}
					sub{vertical-align:text-bottom}
					legend{color:#000}
					fieldset,img{border:0}
					button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
					table{border-collapse:collapse;border-spacing:0}					
					/*a*/
					a{ text-decoration:none;}
					a:hover{text-decoration:none;}					
					/*title*/				
					/*通用样式结束*/

					.qcfd:before,
					.qcfd:after {
					  display: table;
					  content: " ";
					}
					.qcfd:after {
					  clear: both;
					}
    	@media only screen and (min-width: 320px) and (max-width: 740px) {
				.bx{width: 80% !important; margin:0 auto;}		 
				.head ul,.footer .product{display: none !important;}
				html {font-size: 13.514vw;}
				.form .biaodan input,.gongsi,.form .biaodan textarea{font-size: 12px !important;}
				.form .inp{width: 100% !important;}
				.form .tex textarea{height: 2rem !important;}
				.flogo img{width: 25% !important;}
				.head .logo{width: 85% !important;margin-top: 0.1rem;}
				.footer .contactus h2{font-size: 16px !important;}
				.footer .contactus .lxfs li a{font-size: 14px !important;}
				.footer .contactus .lxfs li a i{font-size: 18px !important;}
				.footer .sns li i{font-size: 16px !important;}
				.footer .sns li{width: 25px !important;height: 25px !important;line-height: 25px !important;}
				.case ul li:nth-child(n+3) {display: none !important;}
				.case ul li{width: 100%;margin-bottom: 0.3rem;}
				.case ul li h3{font-size:16px;}
				.case ul li p,.news .list ul li h3,.case ul li span,.news .list .tu .zi h3 {font-size: 14px !important;}
					}					
		@media only screen and (min-width: 741px) and (max-width:1200px) {	
				.bx{width: 95%; margin:0 auto;}												   
                #right-panel-link,.phonefooternav{display: none;}  
				  html { font-size: 8.3333vw;}
				  .footer .product .oil {width: 48%;}
				  .case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.13rem),1fr));
				      grid-gap: 0.13rem 0.13rem;}
				  	.case ul li h3{font-size:0.18rem;}
				  	.case ul li p{font-size: 0.16rem;}
				  	.case ul li span{font-size:0.16rem;}
					}
		@media only screen and (min-width: 1200px)  {
			html {font-size: 100px;}		
			  #right-panel-link,.phonefooternav{display: none;}  
			  .bx{width: 1200px; margin:0 auto;}
			  .footer .product .oil {width: 48%;}
			  .case .world .text{width: 4.17rem;}
			  .case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.13rem),1fr));
			      grid-gap: 0.13rem 0.13rem;}
			  	.case ul li h3{font-size:0.18rem;}
			  	.case ul li p{font-size: 0.16rem;}
			  	.case ul li span{font-size:0.16rem;}
					}	
		
		#right-panel-link{position: fixed;right: 4%;top:20px;z-index: 999999;}
		.panel {display: none;width: 240px;background-color: #333;color: #fff;box-shadow: inset 0 0 5px 5px #222;}
		#close-panel-bt{margin:20px 0 0 20px;}			
		.panel ul li{width: 100%;text-align: center;margin: 14% 0;}
		.panel ul li a{color: #FFFFFF;font-size: 16px;}
		.panel ul li .erji{background: #3a3a3a;margin-top: 10%;}
		.panel ul li .erji li{padding: 6% 0;font-size: 14px;margin: 0;}
		.panel ul li .sanjiao{display: inline-block;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent;vertical-align: 2px;margin-left: 5px;}
		body{position: relative;}
		.head{z-index: 100;position:absolute;width: 100%;left: 0;top: 0;}
		.head{background: linear-gradient(to bottom,rgba(0, 0, 0, 0.78),rgba(0, 0, 0, 0.58),rgba(0, 0, 0, 0.20),rgba(0, 0, 0, 0.05));}
		.head .bx{display: flex;align-items: center;}
		.head img{max-width: 100%;height: auto;margin-right: 0.2rem;}
		.head ul{display: flex;}
		.head ul li{position:relative;}
		.head ul li a{color: #fff;font-size: 0.18rem;display: block;padding: 0.48rem 0.2rem;} 
		.head ul li a:hover{color: #699D3E;}
		
		.head ul li .merji{position:absolute;top:100%;left:0;z-index:999;background:#fff;width:max-content;border-radius:10px;overflow:hidden;display:none;}
        .head ul li:hover .merji{display:block;}
        .head ul li .merji dd a{font-size:0.16rem;color:#333;display:flex;justify-content: space-between;font-weight: bold;
        margin:0.1rem 0.24rem;padding: 4px 0;border-bottom:3px solid #699D3E;align-items: center;}
        .head ul li .merji dd a .arrow-right {display: inline-block;
  width: 0;margin-left: 30px;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #333;
}
        .head ul li .merji dd a:hover{color:#699D3E;}

		
		
		.gongsi{text-align: center;font-size: 0.15rem;color: #BFBFBF;margin: -0.05rem 0 0.53rem 0;}
		.bt h1{font-size: 0.5rem;color: #333;text-align: center;}
		.form {margin: 0.63rem 0 1.13rem 0;}
		.form .biaodan{display: flex;flex-wrap: wrap;justify-content: space-between;}
		.form .inp{width: 49%;margin-bottom: 0.19rem;}
		.form .inp input{width: -webkit-fill-available;font-size: 0.16rem;padding: 0.18rem 0.19rem;border-radius: 5px;border: 1px solid #7D7D7D;}
		.form .tex{width: 100%;}
		.form .tex textarea{width: -webkit-fill-available;height: 1.18rem;font-size: 0.16rem;padding: 0.18rem 0.19rem;border-radius: 5px;border: 1px solid #7D7D7D;}
		.form button{width: 3rem;height: 0.64rem;margin: 0.22rem auto;font-size: 0.18rem;
		line-height: 0.64rem;text-align: center;background: #699D3E;border: 2px solid #699D3E;border-radius: 5px;color: #fff;}
		.form button i{font-size: 0.4rem;vertical-align: bottom;margin-right: 5px;}
		.form button:hover{color: #699D3E;border: 2px solid #699D3E;background:none;}
		.flogo{background: #DDDEDF;padding: 1px 0 0.25rem 0;margin-bottom: 3px;}
		.flogo img{display: block;max-width: 100%;height: auto;margin: -0.69rem auto 0 auto;}
		.footer{background: #DDDEDF;padding: 0.55rem 0 0 0;}
		.footer .bx{display: flex;justify-content: space-between;border-bottom:2px solid #fff;padding-bottom: 0.1rem;}
		.footer .product{width: 70.33%;}
		.footer .product img{max-width: 100%;height: auto;margin-top: 0.32rem;}
		.footer .product .box{display: flex;justify-content: space-between;}
		.footer h2{font-size: 0.24rem;color: #5a5a5a;font-weight: 400;margin-bottom: 0.11rem;}
		
		.footer .product .oil h3{font-size: 0.15rem;color: #5a5a5a;font-weight: 400;margin-bottom: 0.12rem;}
		.footer .product .oil ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.2rem),1fr));grid-gap: 0.16rem 0.2rem;}
		.footer .product .oil ul li a{font-size: 13px;color: #5a5a5a;}
		.footer .product .oil ul li a:hover{color: #699D3E;}
		.footer .product .oil ul li a i{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #5a5a5a;vertical-align: 2px;margin-right: 6px;}
		.footer .contactus .lxfs li{margin-bottom: 0.15rem;}
		.footer .contactus .lxfs li a{font-size: 0.15rem;color: #5a5a5a;}
		.footer .contactus .lxfs li a:hover{color: #699D3E;}
		.footer .contactus .lxfs li i{font-size: 0.22rem;color: #5A5A5A;vertical-align: middle;margin-right: 0.13rem;}
		.footer .sns{display: flex;margin-bottom: 0.4rem;}
		.footer .sns li{width: 0.32rem;height: 0.32rem;margin-right: 0.13rem;transition: 0.3s;
		text-align: center;line-height: 0.32rem;border-radius: 10px;}
		.footer .sns li i{font-size: 0.2rem;color: #fff;}
		.footer .sns li:nth-of-type(1){background: #3C5CA3;}
		.footer .sns li:nth-of-type(2){background: #0577b5;}
		.footer .sns li:nth-of-type(3){background: #f40003;}
		.footer .sns li:nth-of-type(4){background: #ca2128;}
		.footer .sns li:nth-of-type(5){background: #41a9e1;}
		.footer .sns li:nth-of-type(6){background: #e4007f;}
		.footer .sns li:hover{transform: translateY(-3px);}
		.footer .bottom .gs{font-size:0.3rem;color:#5A5A5A;font-weight:bold;text-align:center;border-bottom:1px solid #7D7D7D;padding:0.14rem 0;}
		.footer .bottom .copy{font-size: max(12px, 0.18rem);color:#5A5A5A;text-align:center;padding:4px;}
		
		.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
		.phonefooternav ul{display:flex;}
		.phonefooternav ul li {width: 33.4%;background: #494949;}
		.phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;border-right: 1px solid #666;}
		.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
		.phonefooternav ul li a i{margin-right: 5px;vertical-align: -2px;}     
		.top2{position:fixed;bottom:60px;right:7px;cursor:pointer;visibility:hidden;}
		.case{margin: 0.63rem 0 0 0;}
		/* .case .heng2{width: 67.33%;height: 2px;background: #699D3E;margin: 0 auto;}
		.case .world{box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.22);border-radius: 6px;display: flex;margin: 0.47rem 0;
		padding: 0.74rem 0.68rem 0.82rem 0.28rem;}
		
		.case .world .text{text-align: center;flex-shrink: 0;margin: 0.52rem 0;}
		.case .world .text h2{font-size: 0.4rem;color: #333;font-weight: 400;}
		.case .world .text p{font-size: 0.24rem;color: #707070;margin: 0.04rem 0 -0.04rem 0;}
		.case .world .text i{font-size: 0.62rem;color: #707070;} */
		
		.case ul li .heng3{width: 95.14%;height: 2px;background: #699D3E;margin-bottom: 0.24rem;}
		.case ul li img{width: 100%;height: auto;}
		.case ul li h3{color: #5A5A5A;}
		.case ul li p{color: #5A5A5A;margin: 0.13rem 0;}
		.case ul li span{color: #5A5A5A;}
		.case ul li:hover h3{color: #699D3E;}
		.case ul li:hover span{color: #699D3E;}
		.case h2{font-size: 0.4rem;color: #333;font-weight: 900;text-align: center;}
		.case .daxie{text-align: center;font-size: max(12px, 0.16rem);color: #BFBFBF;text-transform:uppercase;margin-bottom: 0.35rem;}