@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}
		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;
		}
	 .bx{width: 1200px;margin: 0 auto;}
	  .header{width: 100%;padding: 24px 0;}
      .header .bx{display: flex;justify-content: space-between;align-items: center;}
	  .header .left{display: flex;align-items: center;}
      .header .nav{;display: flex;margin-left: 24px;}
      .header .nav li{font-size: 16px;margin-left: 44px;}
      .header .nav li a{color: #333;}
	  .header .nav li:hover a{font-weight: 600;}
      .header .translate{position: relative;}
      .header .translate .tran{color: #333;font-size: 14px;padding: 6px 13px;border: 1px solid #333;border-radius: 32px;cursor: pointer;}
      .translate .lanz{position: absolute;background: #fff; top: 100%;left: 0;width: -webkit-fill-available; border: 1px solid #333;border-radius: 14px;padding: 10px 30px;z-index: 9999999;display: none;}
      .translate:hover .lanz{display:block;}
      .translate .lanz li{margin-bottom: 10px;}
      .translate .lanz li a{font-size:14px;color: #333;}
      .translate .lanz li:hover a{color:#FDB213;}
      .translate .tran svg{vertical-align: middle;margin-right: 4px;}
	  .banner img{display: block;width: 100%;height: 100%;}
	  .product {padding: 41px 0;}
	  .product .bx{display: flex;justify-content: space-between;}
	  .product .lbt{width: 50%;margin-right: 30px;}
	  .product .lbt h1{font-size: 36px;color: #333;margin-bottom: 15px;}
	  .product .swiper{position: relative;}
	  .product .swiper-num{position: absolute;top: 19px;right: 14px;z-index: 999;font-family: Montserrat;font-size: 16px;color: #999;}
	  .product .swiper-pagination{background: #FFFFFF;box-shadow: 0px 3px 27px 0px rgba(6,0,1,0.04);position: relative !important;
	  width: 479px !important;margin: -23px auto 0 auto;padding:10px 0 8px 0;}
	  .product .swiper-pagination::after{content: ""; width: 425px;height: 1px;background: #EEEEEE;position: absolute;top: 33px;left: 27px;z-index: -1;}
	  .product .swiper-pagination-bullet{background: #fff !important;padding: 0 10px;
	  width: auto !important;height: auto !important;opacity: 1 !important;}
	  .product .swiper-pagination-bullet:nth-of-type(2){margin: 0 92px !important;}
	  .product .swiper-pagination-bullet div{font-size: 16px;color: #999;margin-top: -6px;}
	  .product .swiper-pagination-bullet svg{fill: #999999;}
	  .product .swiper-pagination-bullet-active div{color: #1A58A9 !important;}
	  .product .swiper-pagination-bullet-active svg{fill: #1A58A9 !important;}
	  .product .text h2{font-size: 18px;color: #333;margin-top: 7px;}
	  .product .text .heng{width: 63px;height: 2px;background: #999999;margin: 11px 0 17px 0;}
	  .product .text ul li{font-size: 16px;color: #666;margin-bottom: 26px;}
	  .product .text ul li span{display: inline-block;width: 5px;height: 5px;margin-right: 8px;vertical-align: middle;
	  border-radius: 100%;background: #999999;position: relative;}
	  .product .text ul li span::before{content: "";display: block; width:7px;height: 15px;border: 1px solid #999999;
	  border-radius: 100% 0 0 100%/50%;border-right: none;position: absolute;top: -6px;left: -5px;}
	  .product .text p{font-size: 16px;color: #1A58A9;line-height: 24px;font-weight: bold;margin: -8px 0 28px 0;}
	  .pro h1{text-align: center;font-size: 0.36rem;color: #333;margin: 0.43rem 0 0.39rem 0;}
	 .product .text a{display: block;width: 246px;height: 45px;text-align: center;line-height: 45px;background: #1a58a9;color: #fff;
box-shadow: 0px 3px 9px 0px rgba(6,0,1,0.08);font-size: 16px;color: #F8F6F7;}
	.product .text a svg{vertical-align: -7px;margin-right: 3px;}
	.bands h1{font-size: 30px;color: #333;margin: 13px 0 27px 0;}
	.bands ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 13px),1fr));
		grid-gap: 16px 13px;}
	.bands ul li{background: rgba(238, 238, 238, 0.63);}
	.bands ul li img{display: block;width: 100%;height: auto;}
	.bands ul li h2{font-size:16px;font-weight: 400;margin: 0 13px 0 18px;padding: 22px 0 20px 0;
	color: #333333;line-height: 18px;border-bottom: 1px solid rgba(153, 153, 153, 0.4);}
	.workshop {margin: 66px 0 37px 0 ;}
	.workshop .bx{display: flex;justify-content: space-between;}
	.workshop .video{width: 75%;}
	.workshop h1{font-size: 36px;color: #333;}
	.workshop p{font-size: 16px;color: #333;line-height: 30px;margin: 0 0 31px 0;}
	.workshop .video iframe{border: none;width: 100%;height: 506px;}
	.workshop .tu img{display: block;max-width: 100%;height: auto;margin-bottom: 11px;}
	.cert .bx{display: flex;justify-content: space-between;}
	.cert .left{width: 75%;}
	.cert .left h1{font-size: 36px;color: #333;margin-bottom: 18px;}
	.cert .left p{font-size: 16px;color: #666;background: #F8F6F7;padding: 12px 17px 200px 35px;}
	.cert .left p span{display: inline-block;width: 6px;height: 6px;background: #333333;border-radius: 50%;vertical-align: 2px;margin-right: 6px;}
	.cert .left img{max-width: 100%;height: auto;margin: -191px 0 0 31px;}
	.cert .right img{display: block;max-width: 100%;height: auto;margin-top: 10px;}
	.faq {margin: 39px 0 47px 0;}
	.faq h1{font-size: 36px;color: #333;width: 1200px;margin: 0 auto;}
	.faq .bx{display: flex;justify-content: space-between;}
	.faq ul {width: 568px;}
	.faq ul li {border-bottom: 1px solid rgba(153, 153, 153, 0.41);margin-bottom: 17px;}
	.faq ul li:nth-of-type(1){height: 103px;}
	.faq ul li:nth-of-type(2){height: 127px;}
	.faq ul li:nth-of-type(3){height: 76px;}
	.faq ul li:nth-of-type(4){border-bottom: none !important;}
	.faq ul li .ques{font-size: 18px;color: #333;line-height: 24px;margin-bottom: 13px;}
	.faq ul li .ans{font-size: 16px;color: #666;line-height: 24px;}
	.faq .left{padding: 20px 0 0 0;}
	.faq .left a{display: block;width: 210px;height: 41px;background: #1A58A8;text-align: center;line-height: 41px;font-size: 16px;color: #fff;font-weight: bold;}
	.faq .right{background: #FFFFFF;box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.1);padding: 20px 0 5px 25px;}
	
	.contact{background: url(../images/contactbg.jpg) no-repeat;background-size: cover;padding: 0.34rem 0 0.73rem 0;}
	.contact h1{font-size: 0.36rem;color: #fff;text-align: center;}
	.contact .to{font-size: 0.2rem;color: #fff;margin: 2px 0 0.32rem 0.17rem;text-align: center;}
	.contact .to a{color: #FFD20A;}
	.contact .ema{font-size: 0.14rem;color: #333333;margin-left: 0.17rem;}
	.contact .ema a{font-weight: bold;color: #1A58A8;}
	.contact ul{background: #fff;border-radius: 10px;padding: 0.2rem 0 0.17rem 0;margin: 0.1rem 0 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.contact ul li{width: 45%;border-bottom: 1px solid rgba(153, 153, 153, 0.28);display: flex;
	padding:0.1rem 0 0.18rem 0.44rem;margin-bottom: 0.15rem;}
	.contact ul li:nth-of-type(2n+3){padding:0.1rem 0.44rem 0.18rem 0 !important;}
	.contact ul li span{font-size: 0.16rem;color: #333;display: block;width: 1.26rem;flex-shrink: 0;}
	.contact ul li span i{color: #CD0000;}
	.contact ul li input,.contact ul li select{width: 100%;border: none;background:none;color: #333;font-size:0.16rem;outline: none;}
	.contact ul li select option:first-of-type {display: none !important;}
	.contact ul li input::placeholder{font-size: 0.14rem;color: #B1B1B1;}
	.contact ul .request{width: 48.48%;font-size: 0.22rem;font-weight: bold;color: #1A58A8;margin: 0 0 0.07rem 0;}
	.contact ul .request span{font-size: 0.16rem;font-weight: 400;color: #666666;display:block;}
	.contact ul .upload{padding: 0 0.44rem;width: 100%;}
	.contact ul .upload .write{font-size: 0.18rem;color: #333;font-weight: bold;margin: 0.12rem 0 0.2rem 0;}
	.contact ul .upload .write i{color: #CD0000;}
	.contact ul .shangchuan{background: #F2F2F2;padding: 0.28rem 0.3rem;border-radius: 10px;display: flex;}
	.contact ul .shangchuan .tu{width: 21.4%;}
	.contact ul .shangchuan .tu img{display: block;width: 100%;height: auto;}
	.contact ul .shangchuan textarea{width: 75%;height:1.74rem; font-size: 0.16rem;font-weight: 400;color: #333;margin-left: 0.33rem;border: none;outline: none;background: #F2F2F2;}
	.contact ul .shangchuan textarea::placeholder{font-size: 0.16rem;color: #B1B1B1;}
	.contact ul button{border: none;width: 46.3%;background: #1A58A8;box-shadow: 0px 2px 3px 0px rgba(26,88,168,0.44);
border-radius: 5px;font-size: 0.18rem;font-weight: bold;color: #FFFFFF;padding: 0.17rem 0;margin: 0.27rem auto;}
	.contact ul button svg{vertical-align: sub;}
	.wpcf7-response-output{font-size: 0.18rem;color:#fff;}
	.screen-reader-response{ display: none !important;}
	.contact ul .shangchuan #my_file{ display: none !important;}