@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  .sec1{
	  padding: 3.85% 0 4%;
  }
  .sec1 .inner{
	  -webkit-display: flex;
	  -webkit-align-items: flex-start;
	  -webkit-justify-content: space-between;
	  -webkit-flex-direction: row;
	  display: flex;
	  align-items: flex-start;
	  justify-content: space-between;
	  flex-direction: row;
  }
  
  .sec1 .left-part{
	  width: 19.4%;
	  margin-left: 4.4%;
	  position: sticky;
	  top: calc(9.375em + 3.85%);
  }
  .sec1 .left-part h3{
	  font-size: 2em;
	  color: #000;
	  font-weight: 500;
	  border-bottom: 2px solid #cecece;
	  padding-bottom: 3.98%;
	  margin-bottom: 7.95%;
  }
  .sec1 .left-part a{
	  font-size: 1.25em;
	  color: #000;
	  border-bottom: 1px solid #f0f0f0;
	  display: block;
	  padding: 3.69% 0;
	  position: relative;
  }
  .sec1 .left-part a.active,.sec1 .left-part a:hover{
	  color: #00b8ff;
  }
  .sec1 .left-part a .icon{
	  width: 1.7em;
	  vertical-align: middle;
	  margin-right: 1.6em;
	  background-repeat: no-repeat;
	  background-size: auto 200%;
	  background-position: center top;
  }
  .sec1 .left-part a:hover .icon,.sec1 .left-part a.active .icon{
	  background-position: center bottom;
  }
  .sec1 .left-part a .icon1{
	  background-image: url(../images/contact_sec1_left_icon1.png);
  }
  .sec1 .left-part a .icon2{
	  background-image: url(../images/contact_sec1_left_icon2.png);
  }
  .sec1 .left-part a .icon3{
	  background-image: url(../images/contact_sec1_left_icon3.png);
  }
  .sec1 .left-part a .icon4{
	  background-image: url(../images/contact_sec1_left_icon4.png);
  }
  .sec1 .left-part a .arrow{
	  background-repeat: no-repeat;
	  background-image: url(../images/contact_sec1_left_arrow_bg.png);
	  background-position: center top;
	  background-size: auto 200%;
	  width: auto;
	  height: 0.65em;
	  position: absolute;
	  right: 0;
	  top: 50%;
	  margin-top: -0.325em;
  }
  .sec1 .left-part a:hover .arrow,.sec1 .left-part a.active .arrow{
	  background-position: center bottom;
  }
  
  
  .sec1 .right-part{
	  width: 73.2%;
  }
  .sec1 .right-part h1{
	  font-size: 2em;
	  color: #000;
	  font-weight: 500;
	  border-bottom: 1px solid #e8e8e8;
	  padding-bottom: 1.13%;
	  margin-bottom: 2.7%;
  }
  .sec1 .right-part .tip{
	  font-size: 1.125em;
	  color: #000;
	  text-align: center;
	  line-height: 1.56;
	  margin-bottom: 3%;
  }
  .sec1 .right-part .tips{
	  text-align: left;
  }
  .sec1 .right-part .content{
	  width: 965px;
	  max-width: 100%;
  }
  .sec1 .right-part table{
	  width: 100%;
	  font-size: 1em;
	  color: #000;
	  margin-bottom: 5%;
  }
  .sec1 .right-part table:last-child{
	  margin-bottom: 0;
  }
  .sec1 .right-part th,.sec1 .right-part td{
	  padding-top: 1em;
	  padding-bottom: 1em;
  }
  .sec1 .right-part th{
	  text-align: right;
	  padding-right: 3.125em;
	  width: 32.7%;
	  font-weight: normal;
  }
  .sec1 .right-part th.v-top{
	  vertical-align: top;
  }
  .sec1 .right-part th h5{
	  font-size: 1.5em;
	  color: inherit;
	  font-weight: normal;
	  text-align: left;
  }
  .sec1 .right-part th p{
	  font-size: 1.125em;
	  color: inherit;
	  line-height: 1.5;
  }
  .sec1 .right-part th.v-top p{
	  margin-top: 0.7em;
  }
  .sec1 .right-part th.v-top p.top0{
	  margin-top: 0;
  }
  .sec1 .right-part th p span{
	  font-size: 0.5em;
	  vertical-align: middle;
  }
  .sec1 .right-part td{
	  position: relative;
  }
  .sec1 .right-part td.tri::after{
		font-family: 'FontAwesome';
	  content: "\f04b";
	  color: #919191;
	  position: absolute;
	  right: 1em;
	  top: 50%;
	  margin-top: -0.5em;
	  -webkit-transform: rotate(90deg);
	  transform: rotate(90deg);
	  pointer-events: none;
  }
  .sec1 .right-part td input[type="text"],.sec1 .right-part td input[type="date"],.sec1 .right-part td textarea{
	  border: 1px solid #8a8a8a;
	  width: 100%;
	  font-size: 1.125em;
	  padding-left: 2em;
	  padding-right: 2em;
	  line-height: 1.56;
	  padding-top: 0.5em;
	  padding-bottom: 0.5em;
  }
  .sec1 .right-part td .select-box{
	  position: absolute;
	  left: 0;
	  top: 0;
	  z-index: 1;
	  background-color: #fff;
		box-shadow: 0 0 1em 0.01em rgba(94, 208, 252, 0.43);
		border-radius: 0.625em;
		border: 1px solid #e8e8e8;
		width: 100%;
		max-height: 70vh;
		overflow-y: auto;
		overflow-x: hidden;
		display: none;
  }
  .sec1 .right-part td .select-box .scroll-box{
	  padding: 6.3% 7.7%;
  }
  .sec1 .right-part td .select-box .slide-box{
	  margin-top: 0.625em;
	  display: none;
  }
  .sec1 .right-part td .select-box .box-level1{
	  margin-bottom: 1.75em;
  }
  .sec1 .right-part td .select-box .box-level1:last-child{
	  margin-bottom: 0;
  }
  .sec1 .right-part td .select-box .box-level2{
	  margin-bottom: 0.625em;	
  }
  .sec1 .right-part td .select-box .box-level2:last-child{
	  margin-bottom: 0;
  }
  .sec1 .right-part td .select-box .box-level3{
	  display: none;
  }
  .sec1 .right-part td .select-box .box-level3.visible{
	  display: block !important;
  }
  .sec1 .right-part td .select-box h4{
	  font-size: 1em;
	  font-weight: normal;
	  line-height: 1.5;
	  cursor: pointer;
  }
  .sec1 .right-part td .select-box h4 span{
	  color: #979797;
	  margin-left: 1.5em;
	  font-size: 0.5em;
	  vertical-align: middle;
  }
  .sec1 .right-part td .select-box h5{
	  font-size: 0.875em;
	  font-weight: normal;
	  line-height: 1.57;
	  margin-bottom: 1em;
	  margin-left: 1.5em;
	  cursor: pointer;
  }
  .sec1 .right-part td .select-box h5 span{
	  color: #979797;
	  margin-left: 1.5em;
	  font-size: 0.5em;
	  vertical-align: middle;
  }
  .sec1 .right-part td .select-box a{
	  font-size: 0.75em;
	  line-height: 1.5;
	  margin-bottom: 1.17em;
	  margin-left: 3.4em;
	  display: block;
  }
  .sec1 .right-part td .select-box a:last-child{
	  margin-bottom: 0;
  }
  .sec1 .right-part td textarea{
	  resize: none;
	  height: 8.7em;
  }
  .sec1 .right-part td textarea.small{
	  height: 4.5em;
  }
  .sec1 .right-part td .radio-box{
	  margin-right: 4.75em;
	  display: inline-block;
	  vertical-align: middle;
  }
  .sec1 .right-part td .radio-box.mrsmall{
	  margin-right: 1em;
  }
  .sec1 .right-part td .radio-box:last-child{
	  margin-right: 0;
  }
  .sec1 .right-part td .radio-box input[type="radio"]{
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -o-appearance: none;
	  appearance: none;
	  width: 1.125em;
	  height: 1.125em;
	  border-radius: 50%;
	  border: 1px solid #8a8a8a;
	  cursor: pointer;
	  margin-right: 1.125em;
  }
  .sec1 .right-part td .radio-box input[type="radio"]:hover{
	  border-color: #00b4fa;
  }
  .sec1 .right-part td .radio-box input[type="radio"]:checked{
	  background-color: #00b4fa;
	  border-color: #00b4fa;
  }
  .sec1 .right-part td .radio-box label{
	  cursor: pointer;
	  font-size: 1.125em;
	  vertical-align: middle;
  }
  .sec1 .right-part td .radio-box label span.red{
	  color: #ff0000;
  }
  .sec1 .right-part td .addnewproduct,.sec1 .right-part td .removenewproduct{
	  color: #919191;
  }
  .sec1 .right-part td .addnewproduct:hover,.sec1 .right-part td .removenewproduct:hover{
	  color: #000;
  }
  .sec1 .right-part td .addnewproduct{
	  margin-right: 2em;
  }
  .sec1 .right-part td .uptip{
	  color: #999;
	  line-height: 1.5;
	  font-size: 0.75em;
  }
  .sec1 .right-part .file-box{
	  position: relative;
	  border: 1px solid #8a8a8a;
	  width: 4.75em;
	  height: 4.75em;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
	  display: none;
	  vertical-align: top;
	  margin-right: 1em;
  }
  .sec1 .right-part .file-box:last-child{
	  margin-right: 0;
  }
  .sec1 .right-part .file-box.active{
	  display: inline-block;
  }
  .sec1 .right-part .file-box.empty.all{
	  background-image: url(../images/contact_filebg_all.png);
  }
  .sec1 .right-part .file-box.empty.img{
	  background-image: url(../images/contact_filebg_img.png);
  }
  .sec1 .right-part .file-box.empty.video{
	  background-image: url(../images/contact_filebg_video.png);
  }
  .sec1 .right-part .file-box .close{
	  position: absolute;
	  right: -1em;
	  top: -1em;
	  cursor: pointer;
	  width: 2em;
	  height: 2em;
	  border-radius: 50%;
	  background-color: #d8d8d8;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 0.5em;
  }
  .sec1 .right-part .file-box.empty .close{
	  display: none;
  }
  .sec1 .right-part .file-box .close::after{
		font-family: 'FontAwesome';
	  content: "\f00d";
	  color: #000;
	  font-size: 2em;
	  -webkit-text-stroke: 0.15em #d8d8d8;
  }
  .sec1 .right-part .file-box .overflow{
	  overflow: hidden;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
  }
  .sec1 .right-part .file-box canvas{
	  position: absolute;
	  left: 0;
	  top: 0;
  }
  .sec1 .right-part .file-box input{
	  pointer-events: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -o-appearance: none;
	  appearance: none;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  opacity: 0;
  }
  .sec1 .right-part .file-box.empty input{
	  pointer-events: initial;
  }
  .sec1 .right-part .file-box.img img{
	  opacity: 0;
  }
  .sec1 .right-part td .submit{
	  width: 6.875em;
	  height: 2.125em;
	  color: #000;
	  background-color: #d3edfb;
	  border: 1px solid #00b4fa;
	  -webkit-display: flex;
	  -webkit-align-items: center;
	  -webkit-justify-content: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .sec1 .right-part td .submit:hover{
	  background-color: #00b4fa;
	  color: #fff;	
  }
  .sec1 .right-part td .submit span{
	  font-size: 1.125em;
  }
  
  
  #cover{
	  position: fixed;
	  left: 0;
	  top: 0;
	  z-index: 100;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0,0,0,0.5);
	  -webkit-display: flex;
	  -webkit-align-items: center;
	  -webkit-justify-content: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  visibility: hidden;
  }
  #cover.active{
	  visibility: visible;
  }
  #cover p{
	  font-size: 3em;
	  color: #fff;
  }
  #cover .complete{
	  display: block;
	  position: absolute;
	  left: 50%;
	  bottom: 10vh;
	  margin-left: -4em;
	  width: 8em;
	  height: 2.5em;
	  color: #000;
	  background-color: #d3edfb;
	  border: 1px solid #00b4fa;
	  -webkit-display: flex;
	  -webkit-align-items: center;
	  -webkit-justify-content: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  visibility: hidden;
  }
  #cover .complete:hover{
	  background-color: #00b4fa;
	  color: #fff;	
  }
  #cover .complete.active{
	  visibility: visible;
  }
  @media only screen and (max-width:1600px){
	  .sec1 .left-part h3{
		  font-size: 1.9375em;
	  }
	  .sec1 .right-part h1{
		  font-size: 1.9375em;
	  }
  }
  @media only screen and (max-width:1366px){
	  .sec1{
		  font-size: 0.75em;
	  }	
  }
  @media only screen and (min-width:1024px){
	  .sec1 .right-part .file-box.video video{
		  opacity: 0;
	  }
  }
  @media only screen and (max-width:1024px){
	  .sec1 .right-part .file-box.video canvas{
		  opacity: 0;
	  }
	  .sec1 .right-part .file-box video{
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  max-width: 100%;
		  max-height: 100%;
		  transform: translate(-50%,-50%);
	  }
  
	  
	  .sec1{
		  padding: 10% 0;
	  }
	  .sec1 .inner{
		  -webkit-display: block;
		  display: block;
	  }
	  .sec1 .left-part{
		  width: 80%;
		  margin-left: 0;
		  position: fixed;
		  top: 50%;
		  left: -80%;
		  z-index: 100;
		  -webkit-transition: left 0.5s;
		  transition: left 0.5s;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
	  }
	  .sec1 .left-part.active{
		  left: 0;
		  box-shadow: 0 0 1em rgba(0,0,0,0.5);
	  }
	  .sec1 .left-part .scroll-box{
		  overflow-y: auto;
		  padding: 6% 4%;
		  height: 100%;
		  background-color: #fff;
		  position: relative;
	  }
	  .sec1 .left-part h3{
		  font-family: inherit;
		  border-bottom: 0 none;
		  padding-bottom: 0;
		  margin-bottom: 0;
		  position: absolute;
		  left: 100%;
		  top: 50%;
		  background-color: #d3edfb;
		  width: 1em;
		  height: 2em;
		  font-weight: normal;
		  box-shadow: 0 0 0.25em rgba(0,0,0,0.5);
		  -webkit-display: flex;
		  -webkit-align-items: center;
		  -webkit-justify-content: center;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  cursor: pointer;
		  margin-top: -1em;
	  }
	  .sec1 .left-part.active h3{
		  background-color: #fff;
	  }
	  .sec1 .left-part h3::before{
		  font-family: 'FontAwesome';
		  content: "\f105";
		  vertical-align: top;
		  -webkit-transition: transform 0.5s;
		  transition: transform 0.5s;
	  }
	  .sec1 .left-part.active h3::before{
		  -webkit-transform: rotate(-180deg);
		  transform: rotate(-180deg);
	  }
  
  
	  .sec1 .right-part{
		  width: 100%;
	  }
	  .sec1 .right-part .content{
		  width: 100%;
	  }
	  .sec1 .right-part th,.sec1 .right-part td{
		  display: block;
		  vertical-align: top;
		  width: 100%;
		  padding-top: 0.5em;
		  padding-bottom: 0.5em;
	  }
	  .sec1 .right-part th{
		  text-align: left;
		  padding-right: 0;
	  }
	  .sec1 .right-part th.empty{
		  padding: 0;
	  }
	  .sec1 .right-part td.upload{
		  padding-bottom: 0;
	  }
	  .sec1 .right-part th.v-top p{
		  margin-top: 0;
	  }
	  .sec1 .right-part td .submit{
		  margin: 0 auto;
	  }
	  .sec1 .right-part .file-box{
		  margin-bottom: 0.75em;
	  }	
	  #cover p{
		  font-size: 2em;
	  }
  }