@charset "utf-8";
  table{width: 100%;}
  table tr:nth-of-type(2n) td{background:#fff;}
  table tr:nth-of-type(2n+1) td{background:#e5e5e5;}
table tr td{border: 1px solid #858585 !important;vertical-align: middle;padding:0.15rem 0 0.15rem 0.4rem !important;;color:#333;font-size:0.18rem;}
		.screen-reader-response {
    display: none;
}
					/* 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*/				
					/*通用样式结束*/
					html {
			        font-size: 100px; /* 10÷16=62.5% */
					}		
					.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;}		 
                    .header .top,.header .menu{display: none !important;}
					.footer .pro{display: none;}
					.footer img{max-width: 100%;}
					.bd .support,div#wpcf7-f5-o1{width: 100%;}
					.bd .support{margin-bottom: 0.3rem;}
					}					
		@media only screen and (min-width: 741px) and (max-width:1200px) {	
					.bx{width: 95%; margin:0 auto;}												   
                     #right-panel-link{display: none;}  
					 .bd .support{width: 33.33%;}
					  /*.bd .form{width: 52.67%;}*/
					   div#wpcf7-f5-o1 {width: 52.67%;}
					   .phonefooternav{display:none;}
					}
		@media only screen and (min-width: 1200px)  {
			  #right-panel-link{display: none;}  
			  .bx{width: 1200px; margin:0 auto;}
			 .bd .support{width: 33.33%;}
			 /*.bd .form{width: 52.67%;}*/
			 div#wpcf7-f5-o1 {width: 52.67%;}
			 .phonefooternav{display:none;}
					}	
		#right-panel-link{position: fixed;right: 4%;top:38px;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%;display: none;}
		.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;}
		.header .top{background: #292929;padding: 6px 0;}		
		.header .top .bx{display: flex;justify-content: space-between; align-items: center;}
		.header .top .conmpany{font-size: 0.15rem;color: #fff;}
	.header .top .sns{display: flex;}
		.header .top .sns a{color: #fff;opacity: 0.8;font-size: 0.15rem;margin-left: 0.15rem;}
		.header .top .sns a i{font-size: 0.24rem;vertical-align: sub;}
		.header .translate{position: relative;margin-left:0.25rem;}
      .header .translate .tran{width: 1.21rem;text-align: center;color: #fff;font-size: 0.16rem;padding: 3px 0;border: 1px solid #fff;border-radius: 5px;opacity: 0.8;}
      .translate .lanz{position: absolute;background: #fff; top: 100%;left: 0;width: -webkit-fill-available; border: 1px solid #333;border-radius: 14px;padding: 0.1rem 0.3rem;z-index: 9999999;display: none;}
    
      .translate:hover .lanz{display:block;}
      .translate .lanz li{margin-bottom: 0.1rem;}
      .translate .lanz li a{font-size:0.14rem;color: #333 !important;margin-left:0 !important;}
      .translate .lanz li:hover a{color:#D8842A !important;}
      .translate .tran .sanjiao{display: inline-block;width: 0;
    height: 0;margin-left: 0.04rem;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #fff;}
		.header .head .bx{display: flex;justify-content: space-between; align-items: center;padding: 0.11rem 0;}
		.header .head .menu{display: flex;justify-content: space-between;}
		.header .head .menu li{position:relative;padding:0.27rem 0;}
		.header .head .menu li .yiji{font-size: 0.18rem;color: #292929;margin-left: 0.35rem;}
		.header .head .menu li:hover .yiji{color: #D8842A;}
	  .header .head .menu li dl{position: relative;position: absolute;display: block;background: #DCDCDC;width: 350px;top: 60px;left: 0;z-index: 999;padding:10px 0;display:none;}
	  .header .head .menu li:hover dl{display:block;}
	  .header .head .menu li dd:hover .erji{background:#D8842A;color:#fff;}
	  .header .head .menu li dd div a:hover{background:#D8842A;color:#fff;}
	  .header .head .menu li dl dd {display: block;}
	  .header .head .menu li dl a {color: #000000;display: block;padding: 5px 20px;text-align: left;white-space: nowrap;font-size: 0.15rem;}
	  .header .head .menu li dl dd div { position: absolute;left: 100%;top: 0;background: #EEEEEE;display: none;min-height: -webkit-fill-available;height: auto;padding:10px 0;}
	  .header .head .menu li dl dd:hover div{display:block;}
	  .header .head .menu li dd .erji .sanjiao{width:0;height:0;float: right;margin-top: 5px;
	       border-left:10px solid #fff;
            border-right:0px solid transparent;
            border-top:7px solid transparent;
            border-bottom:7px solid transparent;
	      
	  }
		
		.footer{background: #292929;padding: 0.37rem 0 0.3rem 0;}
		.footer .bx{display: flex;justify-content: space-between;color: #bfbfbf;}
		.footer .logo img:nth-of-type(1){margin-bottom: 0.22rem;}
		.footer .logo img{display: block;margin: 0 auto;}
		.footer .pro h2{font-size: 0.25rem;margin-bottom: 0.15rem;}
		.footer .pro ul li a{font-size: 0.16rem;color: #bfbfbf;}
		.footer .pro ul li i{font-size: 0.21rem;}
		.footer .pro ul li {margin-bottom: 0.09rem;}
		.footer .pro ul li:hover a{color: #D8842A;}
		.footer .fol h2{text-align: center;font-size: 0.16rem;font-weight: 400;}
		.bottom{background: #eeeeee;text-align: center;font-size: 0.18rem;color: #292929;padding: 5px 0;}
		.bd h2{font-size: 0.5rem;font-weight: bold;color: #fff;background: #292929;text-align: center;padding: 0.14rem 0;}
		.bd .bx{display: flex;justify-content: space-between;padding: 0.72rem 0 0.78rem 0;flex-wrap: wrap;}
		.bd .support h3{font-size: 0.22rem;color: #292929;}
		.bd .support h3 i{font-size: 0.74rem;color: #D8842A;font-weight: 400;vertical-align: middle;margin-right: 0.21rem;}
		.bd .support p{font-size: 0.2rem;color: #292929;line-height: 0.31rem;}
		.bd .support p span{color: #D8842A;}
		.bd ul li{width: 100%;margin-bottom: 0.31rem;}
		.bd ul li textarea{width: -webkit-fill-available;height: 1.14rem;font-size: 0.18rem;border: 1px solid #c2c2c2;padding: 0.09rem 0.06rem;margin: 8px 0;}
		.bd ul li input{width: -webkit-fill-available;border-radius: 5px;border: 1px solid #c2c2c2;font-size: 0.18rem;
		padding: 0.09rem 0.06rem;}
		.bd  button{display: block;margin: 0 auto;width: 2.06rem;background: #D8842A;color: #FFFFFF;text-align: center;padding: 0.09rem 0;font-size: 0.25rem;border: none;margin-top: 0.17rem;}
		.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;}