@charset "utf-8";
 .aligncenter{text-align:center;}
  .neibt{font-size: 0.24rem;font-weight: bold;color: #FFFFFF;background: #143680;padding: 0.11rem 0 0.11rem 0.4rem;margin-bottom: 0.37rem;text-align:left;}
  .neibt i{margin-right:0.2rem;font-size:0.38rem;vertical-align: sub;}
  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,button,input,select,textarea{font:18px/1.5 arial,tahoma,\5b8b\4f53;}
					body{_overflow:auto;_height:100%;margin:0 auto;}
					html{_overflow:hidden}
					i{font-style: normal;}
					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;}		 
				.menu,.footer{display: none !important;}
				.case ul li{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;}  
.top .bx{display: flex;justify-content: space-between;}
		.case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.36rem),1fr));
		    grid-gap: 0rem 0.36rem;}
		.contact ul{width: 6.44rem;margin: 0 auto;}
		.phonefooternav{display:none;}
					}
		@media only screen and (min-width: 1200px)  {
			  #right-panel-link{display: none;}  
			  .bx{ width: 1200px;margin:0 auto;}
		.top .bx{display: flex;justify-content: space-between;}
		.case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.36rem),1fr));
		    grid-gap: 0rem 0.36rem;}
		.contact ul{width: 6.44rem;margin: 0 auto;}
		.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;}
		.top{background: #F0F2F3;padding: 0.1rem 0;}
		
		.top .logo {display: flex;align-items: center;}
		.top .logo img{max-width: 100%;height: auto;margin-right: 0.16rem;}
		.top .logo .name h2{font-size: 0.24rem;font-weight: bold;color: #1A2640;}
		.top .logo .name p{ font-size: 0.14rem;color: #1A2640;}
		.top .language{font-size: 0.16rem;color: #1A2640;display: flex;align-items: center;}
		.top .language svg{display: block;margin-left: 0.13rem;}
		.menu{background: #1A2640;position: relative;}
		.menu::after {
		  content: "";
		  position: absolute;
		  right: 0;
		  top: 0;
		  width: 26.56%;
		  height: 100%; 
		  background: #F19E00; 
		  clip-path:polygon(19% 0%, 100% 0, 100% 100%, 0 100%);
		}
		.menu .menus{display: flex;}
		.menu .bx{display: flex;justify-content: space-between;padding: 0.1rem 0;align-items: center;}
		.menu .menus li a{color: #F0F2F3;font-size: 0.18rem;margin-right: 0.39rem;}
		.menu .menus li a:hover{color: #F19E00;}
		.menu .menus li .active{color: #F19E00;}
		.menu .cot{z-index: 99;width: 1.8rem;text-align: center;line-height: 0.45rem;}
		.menu .cot a{display: block;background: #F0F2F3;border: 2px solid #F0F2F3;font-size: 0.16rem;color: #1A2640;display: block;}
		.menu .cot a:hover{background: #132843;color: #FFFFFF;text-decoration: underline;}
		.case{background: rgba(244,244,244,0.85);padding: 0.43rem 0 0.54rem 0;}
		.case h2{text-align: center;font-size: 0.4rem;color: #1A2640;font-weight: 900;margin: 0.41rem 0;}
		.case ul li {border-radius: 5px;background: #FFFFFF;overflow: hidden;}
		.case ul li img{display: block;width: 100%;height: auto;transition: all 0.6s;}
		.case ul li:hover img{transform: scale(1.1);}
		.case ul li h3{color: #1A2640;font-size: 0.18rem;}
		.case ul li p{color: #292929;font-size: 0.15rem;margin: 0.12rem 0 0.19rem 0;}
		.case ul li span{font-size: 0.18rem;color: #292929;}
		.case ul li .text{padding: 0.1rem 0.17rem;}
		.case .more{display: block;width: 2.64rem;height: 0.56rem;border: 2px solid #1A2640;background: #1A2640;text-align: center;line-height: 0.56rem;margin: 0.34rem auto;font-size: 0.22rem;color: #F0F2F3;font-weight: bold;}
		.case .more:hover{color: #1A2640;text-decoration: underline;background: none;}
		.contact{background: #555e71;padding: 0.86rem 0 0.67rem 0;}
		.contact h2{text-align: center;font-size: 0.4rem;color: #F0F2F3;font-weight: 900;}
		.contact .tha{color: #F0F2F3;font-size: 0.18rem;text-align: center;margin: 0.16rem 0 0.24rem 0;}
		.contact ul{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto auto; gap: 0.26rem;}
		.contact ul li:nth-of-type(1), .contact ul li:nth-of-type(2) {grid-row: 1; }
		.contact ul li:nth-of-type(3) {grid-row: 2;grid-column: 1 / -1;}
		.contact ul li:nth-of-type(4){grid-row: 3;grid-column: 1 / -1;}
		.contact ul button{grid-row: 4;grid-column: 1 / -1;}
		.contact ul li input,.contact ul li textarea{border: 1px solid #7D7D7D;width: -webkit-fill-available;font-size: 0.15rem;padding: 0.11rem 0.14rem;}
		.contact ul li textarea{height: 0.78rem;}
		.contact ul button{width:1.8rem;text-align: center;height: 0.36rem;line-height: 0.3rem;background: #F19E00;border: 2px solid #FDB338;
border-radius: 0.18rem 0px 0.18rem 0px;font-size: 0.16rem;color: #fff;font-weight: bold;margin: 0.21rem auto 0.21rem auto;}
		.contact ul button:hover{background: #fff;text-decoration: underline;color: #FDB338;border: 2px dashed #FDB338;}
		.footer{background: #1A2640;padding: 0.85rem 0 0.62rem 0;}
		.footer h2{font-size: 0.35rem;color: #fff;font-weight: 900;text-align: center;}
		.footer p{font-size: 0.2rem;color: #fff;text-align: center;margin: 0.15rem 0 0.32rem 0;}
		.footer .box{display: flex;justify-content: space-between;padding: 0 1.12rem;}
		.footer .fol .sns{display: flex;}
		.footer .fol .sns a{margin-right: 0.26rem;}
		.footer .sns a{display: block;height:32px;width:32px;background:url(../images/sns.png) no-repeat;}
		 .footer .sns .facebook{background-position: 0 -96px;}
		 .footer .sns .linkedin{background-position: 0 -64px;}
		 .footer .sns .twitter{background-position: 0 -32px;}
		 .footer .sns .instagram{background-position: 0 -128px;}
		 .footer .sns .pinterest{background-position: 0 0px;}
		.footer .box h3{font-size: 0.25rem;font-weight: bold;color: #FFFFFF;margin-bottom: 0.28rem;}
		.footer .box ul li{margin-bottom: 0.22rem;display: flex;}
		.footer .box ul li a{font-size: 0.18rem;color: #FFFFFF;vertical-align: middle;margin-left: 6px;}
		.footer .box ul li a:hover{color:#FDB338;}
		.footer .box .pro ul li i{font-size: 0.12rem;color: #fff;line-height: 0.25rem;}
		.footer .box .con ul li i{font-size: 0.23rem;color: #fff;line-height: 0.31rem;margin-top: -2px;}
		.footer .box .con {width: 23%;}
		.footer .box .fol h3{margin-bottom: 0.07rem;}
		.footer .box .fol img{display: block;margin: 0.2rem auto 0 auto;}
		.footer img{max-width: 100%;height: auto;}
		.bottom{border-top: 1px solid #707070;text-align: center;background: #1A2640;padding: 0.14rem 0;}
		.bottom div{font-size: 0.18rem;color: #fff;}
		.bottom p{font-size: 0.15rem;color: #fff;}
		
		.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;}
		.xia{display: none;background: #fff;position: absolute;left: 12%;top: 70%;padding: 0.21rem 0.41rem;width: 6.54rem;justify-content: space-between;z-index:99999999;}
		         .xia .xia1 h3{padding-bottom:0.13rem;}
		         .xia .xia1 h3 a{font-size: 0.16rem;font-weight: 600;color: #000;}
		          .xia .xia1 h3:hover a{color:#F19E00;}
		          .xia .xia1 h3 .sanjiao{display:inline-block; width: 0;
		            height: 0;
		            margin: 0 7px 0 -15px;
		            vertical-align: sub;
		            border-left: 9px solid #F19E00;
		            border-top: 9px solid transparent;
		            border-bottom: 9px solid transparent;}
		         .xia .xia1 ul li{font-size: 0.14rem;margin-bottom: 0.12rem;}
		         .xia .xia1 ul li a{color: #000;display: block;}
		         .xia .xia1 ul li:hover a{color: #F19E00;}
		         .xia .xia1 .vmore{font-size:0.14rem;color: #F19E00;}