@media only screen and (max-width: 1680px){}
@media only screen and (max-width: 1480px){}
@media only screen and (max-width: 1366px){
	.index-about-info-box{
		width: 530px;
	}
	.index-about-img-box{
		width: calc(100% -  530px);
	}
	.index-v-info-box{
		width: 700px;
		height: 700px;
		left: calc(50% - 350px);
    	top: calc(50% - 350px);
	}
	.index-v-round-bg{
	    right: calc(-50vw + 350px);
	    bottom: calc(-50vh + 350px);
	}
	.index-v-info{
		width: 400px;
	    height: 400px;
	    top: calc(50% - 200px);
	    left: calc(50% - 200px);
	}
	.index-v-info-icon{
		width: 60px;
		height: 60px;
	}
	.index-v-info-icon span{
		line-height: 60px;
     	font-size: 40px;
	}
	.index-v-info-icon:nth-child(1) {
	    top: -27px;
	    left: calc(50% - 30px);
	}
	.index-v-info-icon:nth-child(2) {
    top: calc(50% - 30px);
    right: -25px;
	}
	.index-v-info-icon:nth-child(3) {
	    bottom: -26px;
	    left: calc(50% - 30px);
	}
	.index-v-info-icon:nth-child(4) {
	    top: calc(50% - 30px);
	    left: -27px;
	}
	.index-v-info-s-box{
		width: 250px;
	    height: 250px;
	    top: calc(50% - 125px);
	    left: calc(50% - 125px);
	}
	.main-title-box{
		padding: 70px 0;
	}
	.index-about-img-box{
		height: 450px;
	}
}
@media only screen and (max-width: 1280px){
	.index-about-img-box{
		height: 415px;
	}
	.index-banner-slong-img-box{
		width: 350px;
	}
}
@media only screen and (max-width: 1200px){
	.about-main-box{
		width: 1000px;
	}
	.public-list{
		width: 314px;
		height: 314px;
	}
	.public_box{
		padding: 60px 0;
	}
	.products-class-list{
		width: 150px;
		margin: 0 5px;
	    font-size: 16px;
	}
	.patent-list{
		width: 290px;
    	height: 390px;
    	margin-bottom: 20px;
	}
	.patent-box .patent-list:nth-child(3n+2) {
	    margin: 0 20px;
	}
	.products-page-block{
		width: 1000px;
	}
}
@media only screen and (max-width: 1000px){
	
	.index-about-info-box,
	.index-products-list-box{
		transform: none;
	}
	.index-about-article-box{
		width: 100%;
	}
	.index-banner-slong-img-box{
		width: 300px;
	}
	.header-s-menu-mask{
		display: none;
	}
	.header-style5 .header-menu-s-list-box,
	.header-menu-list-ch{
		width: 100%;
	}
	.index-about-img-box{
		width: 100%;
	}
	.index-about-info-box{
		width: 100%;
		display: block;
		margin-top: 10px;
	}
	.products-page-block{
		width: 750px;
	}
	.achievement-edit-box, .about-back-box,.about-main-box,
	.main-title-en,.main-title-cn
	{
		animation: none;

	}
	.products-class-list a:hover{
		color: #d5082e;
	}
	.public-list-img-mask-box{
		top: 0;
		left: 0;
	}
	.header-style5 .header-member-box:hover{
		bottom:50px;
	}
	.header-s-menu{
		display: none;
	}
	
	.header-menu-list:hover .header-menu-ch{
      	transform:none;
	}
	.header-menu-list:hover .header-menu-en{
		transform: none;
	}
	.index-about-img-box,
	.index-about-info-box,
	.index-v-info-box,
	.index-v-info-icon,
	.index-products-list-box,
	.footer-box{
		opacity: 1!important;
		animation: none!important;
	}
	.header-style5.header2.rwd-active .header-logo img:nth-child(2){
		opacity: 0;
	}
	.header-style5.header2.rwd-active .header-logo img:nth-child(1){
		opacity: 1;
	}
	.header-style5 .header-logo{
		position: relative;
	    z-index: 1;
	    top: 0;
	}
	.header-style5 .header-s-menu{
		transform: scale(1,1);
		pointer-events: auto;
		position: static;
		padding-top: 0;
		width: 100%;
		transition: none;
	}
	.header-style5.header2 .header-menu-title{
		color: #FFF;
	}

	.header-style5 .header-s-menu-icon{
		display: none;
	}
	.header-style5 .header-menu-s-list-box{
		background-color: transparent;
		padding: 0;
		margin-top: 10px;
	}
	.header-style5.header2 .header-menu-s-list-box{
		box-shadow: none;
	}
	.header-style5 .header-s-menu li{
		color: #FFF;
		text-align: center;
		padding: 0;
	}

	.header-style5 .header-menu-title{
		font-size: 24px;
	}
	.header-style5 .header-menu-list{
		display: none;
		margin-bottom: 10px;
	}
	.header-style5 .header-menu.active .header-menu-list{
		display: block;
		width: 100%;
	}
	.header-style5 .header-menu .header-menu-list:nth-child(2){
		margin: 0;
		margin-bottom: 10px;
	}
	.header-style5 .header-menu-list:list-child{
		margin-bottom: 0px;
	}
	.header-style5 .header-menu{
		text-align: center;
	    font-size: 0;
	    padding: 15px 0;
	    transition: all .5s ease;
	    position: fixed;
	    height: 100vh;
	    overflow: auto;
	    display: flex;
	    display: -webkit-flex;
	    align-items: center;
	    -webkit-align-items: center;
	    justify-content: center;
	    -webkit-justify-content: center;
	    flex-direction:column;
	    -webkit-flex-direction:column;
	    background-color: rgba(0,0,0,0.7);
	    width: 100%;
	    top: 0;
	    left: 0;
	    opacity: 0;
	    pointer-events: none;
	}
	.header-style5 .header-menu.active{
		opacity: 1;
		pointer-events: auto;
	}
	.rwd-menu{
		display: block;
	}
	.header-menu{
		display: none;
	}
	.header-style5 .header-member-box{
		top: inherit;
		bottom: 10px;
		right: 10px;
		position: fixed;
		transition: all .5s ease;
	}
	.header-style5 .header-member-icon-box{
		border: 1px solid #000;
	
		color: #000;
		background-color: rgba(255,255,255,0.8);
	}
	.header-style5.header2 .header-member-icon-box{
		padding: 5px 0;
	}
	.header-style5.header2 .header-member-info-box {
	    box-shadow: rgba(0,0,0,0.5)0px 0px 4px;
	}
	.header-style5.header2 .rwd-menu span{
		background-color: #000;
	}
	.header-style5.header2 .rwd-menu.active span{
		background-color: #FFF;
	}
	.header-style5.header2 .rwd-menu{
		top: 10px;
	}
	.header-menu{
		position: fixed;
	}
	.header-style5 .header-s-menu li:hover, .header-member-info-link:hover{
		background-image: none;
	}
	.main-box{
		padding: 50px 0;
	}
	.about-main-box{
		width: 750px;
	}
	.public-list{
		width: 354px;
		height: 354px;
	}
	.public_box{
		width: 95%;
	}
	.patent-box .patent-list:nth-child(3n+2){
		margin: 0 ;
	}

	.patent-box .patent-list:nth-child(even) {
	    margin-left: 25px;
	}
	.patent-list{
		width: 317px;
		height: 420px;
	}
	.achievement-list{
		width: 100%;
		height: 375px;
		display: block;
	}
	.achievement-list-box .achievement-list:nth-child(4n+3), .achievement-list-box .achievement-list:nth-child(4n+4) {
	    direction: inherit;
	}
	.achievement-list-box .achievement-list:nth-child(even) {
	    direction: rtl;
	}
	.products-list-box{
		width: 95%;
	}
	.products-class-box{
		width: 95%;
		display: block;
		margin: 0 auto;
	    position: relative;
	    z-index: 3;
	}
	.rwd-products-class-title{
		width: 100%;
		display: block;
	    padding: 10px 0;
	    color: #d5082e;
	    background-color: #FFF;
	    font-weight: bold;
	    text-align: center;
	    letter-spacing: 2px;
	    border: 1px solid #d5082e;
	    box-sizing: border-box;    
    	font-size: 18px;
    	position: relative;
	}
	.rwd-products-class-title:after {
	    content: '';
	    width: 0px;
	    height: 0px;
	    margin: 0 auto;
	    border-right: 10px solid transparent;
	    border-top: 10px solid #d5082e;
	    border-left: 10px solid transparent;
	    display: block;
	    position: absolute;
	    bottom: 18px;
	    right: 2%;
	}
	.products-class-list{
		width: 100%;
		display: block;
		margin: 0;
		background: none;
	    border: 1px solid #d5082e;
	    box-sizing: border-box;
	    border-top: 0;
	}
	.date-sheet-list{
		width: 32%;
	}
	.products-list .date-sheet-list:nth-child(3n+2) {
	    margin: 0 2%;
	}
	.products-page-img-box{
		height: 228px;
	}
	.products-class-list-box{
		display: none;
		    position: absolute;
	    width: 100%;
	    background-color: #FFF;
	}
	.recruiter-page-box{
		width: 95%;
	}
	.member-list-box{
		width: 95%;
		margin: 0 auto;
		display: block;
		margin-top: 30px;
	}
	.contact-phone{
		width: calc(100% - 120px);
	}
	.index-about-img-box{
		height: 410px;
	}
	.recruiter-box{
		padding: 50px 0;
		width: 95%;
	}
	.header-fancybox-box{
		width: 750px;
	}
	.header-member-login-box{
		padding: 20px;
	}
	.header-member-login-info-input-box{
		width: 390px;
	}
	.header-member-login-info-link-box{
		width: calc(100% - 390px);
	}
	#contact .recruiter-page-box, .member-list-box,
	.about-line-box,
	.member-title{
		animation: none;
	}
	.header-member-info-link{
		padding: 0;
	}
	.header-member-info-link a{
		padding: 5px 0;
	}

	.index-v-info-box .header-menu-svg circle{
		stroke-dashoffset:0;
	}
	.footer-top-box span{
		transform: scale(1,1);
	}
	.products-page-list-pdf iframe {
	    height: 1100px;
	}
	.header-member-info-box{
		font-size: 0;
		padding: 0;
		background-color: #000;
	}
	.header-member-info-link{
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		color: #FFF;
	}
	.header-member-info-link a{
		display: block;
	}
	.header-member-box:hover .header-member{
		bottom: 0;
	}
	.header-member-arrow{
		display: none;
	}
	.header-member{
		width: 100%;
		transform: scale(1,1);
		pointer-events: auto;
		position: fixed;
		bottom: -40px;
		left: 0;
	}
	.footer-img-box span{
		width: 200px;
	}
}
@media only screen and (max-width: 750px){
	.index-banner-slong-img-box{
		width: 250px;
	}
	.products-page-block{
		width: 550px;
	}
	.products-page-list-pdf iframe {
	    height: 800px;
	}
	.index-v-info-box{
		width: 550px;
		height: 550px;
		left: calc(50% - 275px);
    	top: calc(50% - 275px);
	}
	.index-v-round-bg {
	    right: calc(-50vw + 275px);
	    bottom: calc(-50vh + 275px);
	}
	.index-products-list-box{
		height: 320px;
	}
	.index-about-img-box{
		display: none;
	}
	.index-about-info-box{
		display: block;
		margin: 0 auto;
	}
	.index-about-box{
		padding: 50px 0;
	}
	.about-main-box{
		width: 550px;
	}
	.public-list {
	    width: 254px;
	    height: 254px;
	}
	.products-page-img-box {
	    height: 167px;
	}
	.patent-box{
		padding: 20px 10px;
	}
	.patent-list {
	    width: 250px;
	    height: 420px;
	}
	.patent-box .patent-list:nth-child(even) {
	    margin-left: 10px;
	}
	.patent-list {
	    width: 260px;
	    height: 350px;
	    margin-bottom: 10px;
	}
	.achievement-list{
		height: 275px;
	}
	.header-fancybox-box{
		width: 550px;
	}
	.header-member-login-info-input-box,
	.header-member-login-info-link-box{
		width: 100%;
		display: block;
	}
	.header-member-login-info-link-box{
		text-align: center;
		margin-top: 10px;
	}
	.achievement-page-left-box, .achievement-page-right-box,
	.achievement-page-line-mid{
		height: 265px;
	}
	.achievement-page-box{
		padding: 0 10px;
		box-sizing: border-box;
	}
	


	
	.member-join-passward-ps{
		top: inherit;
		bottom: -22px;
	}
	.contact-form-list input,
	.contact-form-select{
		height: 45px;
	}
	.recruiter-page-box{
		margin-top: 50px;
	}
	.products-page-menu-box{
		top: inherit;
		right: 80px;
		bottom: 10px;
	}
	.products-page-menu-icon{
		display: inline-block;	
		margin-bottom: 0;
		margin-right: 10px;
	}
	.products-page-menu-back{
		margin-bottom: 0;
		margin-right: 50px;
	}
}
@media only screen and (max-width: 550px){
	.header-style5 .header-menu-title{
		font-size: 16px;
	}
	.index-banner-slong-img-box{
		width: 200px;
		bottom: 15%;
	}
	.products-page-block{
		width: 340px;
	}
	.member-title{
		padding: 30px 0;
	}
	.button{
		height: 40px;
	}
	.products-class-box{
		width: 250px;
	}
	.main-title .main-title-en{
		font-size: 30px;
	}
	.header-fancybox-box{
		width: 95%;
	}
	.rwd-menu span:nth-child(4){
		top: -18px;
	}
	.header-logo a{
		width: 120px;
		max-width: 100%;
		display: block;
		position: relative;
	}
	.header-style5.header2 .rwd-menu{
		top: 12px;
		width: 35px;
	}
	.rwd-menu span:nth-child(even){
		margin: 5px auto;
	}
	.header-style5{
		padding: 10px;
	}
	.index-v-info-box{
		width: 300px;
		height: 300px;
     	left: calc(50% - 150px);
    	top: calc(50% - 150px);
	}
	.index-v-round-bg {
	    right: calc(-50vw + 150px);
	    bottom: calc(-50vh + 150px);
	}
	.index-v-info{
		width: 230px;
	    height: 230px;
	    top: calc(50% - 115px);
	    left: calc(50% - 115px);
	}
	.index-v-info-s-box{
		width: 180px;
	    height: 180px;
	    top: calc(50% - 90px);
	    left: calc(50% - 90px);
	}
	.index-v-info-icon-bg{
		border: 1px solid #000;
	}
	.index-v-info {
	    width: 230px;
	    height: 230px;
	    top: calc(50% - 115px);
	    left: calc(50% - 115px);
	}
	.index-v-info-icon span {
	    line-height: 30px;
	    font-size: 20px;
	}
	.index-v-info-icon {
	    width: 30px;
	    height: 30px;
	}
	.index-v-info-icon:nth-child(1) {
	    top: -13px;
	    left: calc(50% - 15px);
	}
	.index-v-info-icon:nth-child(2) {
	    top: calc(50% - 15px);
	    right: -10px;
	}
	.index-v-info-icon:nth-child(3) {
	    bottom: -12px;
	    left: calc(50% - 15px);
	}
	.index-v-info-icon:nth-child(4) {
	    top: calc(50% - 15px);
	    left: -11px;
	}
	.footer-menu-box{
		display: none;
	}
	.web{
		letter-spacing: 1px;
		font-size: 11px;
	}
	.about-main-box{
		width: 320px;
	}
	.public-list {
	    width: 147px;
	    height: 147px;
	    margin: 4px;
	}
	.page p{
		font-size: 20px;
	}
	.page i{
		font-size: 20px;
	}
	.main-title-en{
		font-size: 30px;
	}
	.main-title-cn{
		font-size: 20px;
	}
	.public_page_back{
		font-size: 20px;
	}
	.products-page-img-box{
		height: 97px;
	}
	.date-sheet-title{
		font-size: 12px;
		letter-spacing: 1px;
	}
	.patent-list{
		width: 300px;
    	height: 408px;
    	display: block;
	}
	.patent-box .patent-list:nth-child(even),
	.patent-box .patent-list:nth-child(3n+2)  {
	    margin-left: 0px;
	    margin-bottom: 10px;
	}
	.achievement-list-info-box,
	.achievement-list-img-box{
		width: 100%;
		display: block;
		height: 320px;
	}
	.achievement-list {
	    height: inherit;
	}
	.achievement-page-left-box{
		display: block;
		width: 100%;
	}
	.achievement-page-line-mid{
		display: none;
	}
	.achievement-page-right-box{
		display: block;
		width: 100%;
	}
	.achievement-page-left-box{
		height: inherit;
		margin-bottom: 10px;
	}
	.achievement-page-left-box, .achievement-page-right-box, .achievement-page-line-mid{
		height: inherit;
	}
	.achievement-page-left, .achievement-page-right{
		display: block;
	}
	.achievement-page-title{
		margin-bottom: 0;
	}
	.achievement-edit-box{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.recruiter-link{
		width: 80px;
    	line-height: 28px;
    	height: 30px;
	}
	.recruiter-info-box{
		font-size: 16px;	
    	width: calc(100% - 135px);
	}
	.recruiter-list a{
		padding: 10px 0;
	}
	.recruiter-box{
		padding: 30px 0;
	}
	.recruiter-title{
		font-size: 20px;
	}
	.main-title-box {
	    padding: 40px 0;
	}
	#recruiter-page .about-main-box{
		width: 340px;
	}
	.recruiter-page-box{
		padding: 0 10px;
		padding-bottom: 20px;
	}
	.g-recaptcha> div{
		width: 100%!important;
		height: 100%!important;
	}
	.g-recaptcha iframe{
		width: 100%!important;
		height: 100%!important;
	}
	.index-v-info-article-title{
		font-size: 14px;
	}
	.index-v-info-article-title b{
		font-size: 22px;
	}
	.index-v-info-article-p{
		font-size: 13px;
	}
	.alert-info-box{
		width: 300px;
		max-width: 100%;
		text-align: center;
	}
	.contact-thanks, .alert-info{
		
		box-sizing: border-box;
		margin: 0 auto;
	}
	.contact-thanks-p{
		font-size: 20px;
	}
	.footer-move-box{
		display: none;
	}
	.contact-title{
		font-size: 15px;
	}
	.contact-title-ps{
		display: block;
	}
	.contact-form-list-textarea{
		height: 150px;
	}
	.recruiter-list-box{
		width: 95%;
		display: block;
		margin: 0 auto;
		padding-top: 10px;
	}
	.achievement-page-box{
		margin-top: 50px;
	}
	.public_page_style1 .public-page-title{
		font-size: 20px;
	}
	.public-list-title{
		height: 22px;
		overflow: hidden;
		text-align: center;
	}
	.google-verification-box{
		height: 78px;
	}
	.products-page-list-pdf iframe {
	  
	    height: 530px;
	}
	.footer-img-box{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.footer-img-box span{
		width: 150px;
	}
	.products-page-menu-box{
		bottom: 15px;
	}
	.products-page-menu-icon{
		width: 35px;
		height: 35px;
		line-height: 35px;
		margin-right: 5px;
		font-size: 18px;
	}
}
@media only screen and (max-width: 320px){}