	
	
	@media only screen and (max-width: 1700px) {
		.newsinside-info {
			margin: 70px 0 40px 20px;
		}
		.newsinside-head {
			margin-bottom: 80px;
		}
		.container {
			width: 80%;
		}
		.pro-info-tab a {
			font-size: 16px;
		}
		.proinfo-img {
			margin-right: 2%;
		}
		.section_input label {
			font-size: 18px;
			width: 110px;
		}
		.brand-box .w60 {
			width: 60%;
		}
		.section_input:nth-child(2n) {
			margin-left: 3%;
		}
		.dbx-ul li span {
			font-size: 50px;
		}
		.dbx-ul li em {
			font-size: 22px;
		}
		.w60 {
			width: 70%;
		}
		.history-banner-p {
			font-size: 22px;
			line-height: 32px;
		}
		.history-banner-time,
		.history-banner-img-txt {
			font-size: 26px;
		}
		.history-banner-img {
			width: 90px;
			height: 90px;
		}
		.history-banner-time span:before,
		.history-banner-time span:after {
			width: 20px;
			height: 17px;
		}
		.z-sy6-p1 {
			font-size: 20px;
			height: 25px;
			line-height: 25px;
			width: 60px;
		}
		.z-sy6-o1 {
			width: 13px;
			height: 13px;
		}
		.news-box-info .txt{
			height: 170px;
		}
	}
	
	@media only screen and (max-width: 1500px) {
		.history-banner-p {
			font-size: 20px;
			line-height: 30px;
		}
		.news-box .w60 {
			width: 70%;
		}
		.history-banner-time,
		.history-banner-img-txt {
			font-size: 24px;
		}
		.history-banner-box {
			padding: 140px 0;
		}
		.section_input input {
			height: 50px;
			line-height: 50px;
			font-size: 16px;
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 28px;
		}
		.personnel-problem {
			padding-top: 60px;
		}
		.personnel {
			padding: 40px 50px;
		}
		.personnel-problem h2 {
			font-size: 26px;
		}
		.all-show a,
		.problem-ul li p {
			font-size: 22px;
		}
		.recruit-title h2 {
			font-size: 28px;
		}
		.recruit-head-box h2,
		.section_box h2 {
			font-size: 22px;
		}
		.recruit-txt {
			font-size: 16px;
		}
		.newsinside-info {
			margin: 80px 0 100px 20px;
		}
		.container {
			width: 85%;
		}
		.w60 {
			width: 85%;
		}
		.culture-center {
			width: 30%;
			/*height: 330px;*/
		}
		.nav li a {
			font-size: 20px;
			height: 70px;
			line-height: 70px;
			padding: 0 15px;
		}
		.nav li .nav_second a {
			font-size: 18px;
		}
		.ht {
			padding-top: 70px;
		}
		.suspension {
			top: 70px;
			width: 130px;
		}
		.search-page img {
			width: 17px;
		}
		.about-text {
			font-size: 18px;
		}
		.c-title h1 {
			font-size: 28px;
		}
		.c-title p {
			font-size: 16px;
			margin-top: 10px;
		}
		.news-box-info h2,
		.product-box h2,
		.contact-txt h2,
		.newsinfo-head h2,
		.switch-info h3,
		.switch-all span,
		.img-info p,
		.img-del,
		.zwinfor-info h2,
		.aboutinside .title p,
		.glory-img .img_item .msg .title {
			font-size: 22px;
		}
		.file-name {
			font-size: 18px;
		}
		.news-box-info .txt {
			font-size: 16px;
			line-height: 28px;
			height: 166px;
		}
		.jump-btn,
		.product-txt,
		.aboutinside-text,
		.glory-img .img_item .msg div {
			font-size: 16px;
		}
		.msg div {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.culture-center h2,
		.culture-ul li em {
			font-size: 22px;
		}
		.culture-center p,
		.culture-ul li>* {
			font-size: 16px;
		}
		.culture-ul li:nth-child(2n) {
			float: right;
			width: 30%;
		}
		.form-left,
		.form-right {
			height: 200px;
		}
		.contact-form input {
			height: 50px;
			line-height: 50px;
			margin-bottom: 0;
		}
		.search-head-con input {
			font-size: 30px;
		}
		.search-head-con {
			height: 80px;
		}
		.search-ht {
			padding-top: 150px;
		}
		.banner-inside {
			height: 300px;
		}
		.banner-inside h1 {
			font-size: 30px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 28px;
		}
		.contact_form h1 {
			margin-bottom: 50px;
		}
		.contactinside_head_p {
			font-size: 22px;
			margin: 30px 0;
		}
		.contactinside_box {
			margin: 100px 0;
		}
		.pro-tab a {
			font-size: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 70px;
		}
		.pro-tab a:before {
			height: 40px;
		}
		.pro-tab a:after {
			height: 2px;
		}
		.infotext {
			font-size: 18px;
		}
		.inside-title {
			margin: 40px 0;
		}
		.inside-title h2 {
			font-size: 26px;
		}
	}
	@media only screen and (max-width: 1400px){
		.news-box-info .txt{
			height: 155px;
		}
	}
	@media only screen and (max-width: 1366px){
		.culture-center {
		    width: 20%;
		    /*height: 210px;*/
		}
		.news-box-info .txt{
			height: 144px;
		}
		.contact-form {
    width: 94%;
}
.contact-txt {
    margin: 20px 0;
}
.contact-p {
    margin-top: 10px;
}
.form-left, .form-right {
    height: 150px;
}
.contact-form input{
	height: 40px;
	line-height: 40px;
}
.contact-form textarea{
	padding: 10px;
}
	}
	@media only screen and (max-width: 1300px) {
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 26px;
		}
		.newsinside-box-head h2 {
			font-size: 22px;
		}
		.newsinside-box-head p {
			padding: 15px 0;
			font-size: 16px;
		}
		.newsinside-info .txt {
			font-size: 16px;
			margin: 20px 0;
		}
		.newsinside-info {
			margin: 80px 0 70px 20px;
		}
		.nav li a {
			font-size: 17px;
		}
		.nav {
			margin-left: 25%;
		}
		.about-text {
			-webkit-line-clamp: 8;
			margin: 20px 0 40px;
		}
		.news-box-info h2,
		.product-box h2,
		.contact-txt h2,
		.newsinfo-head h2,
		.switch-info h3,
		.switch-all span,
		.img-info p,
		.img-del,
		.zwinfor-info h2,
		.aboutinside .title p,
		.glory-img .img_item .msg .title {
			font-size: 20px;
		}
		.file-name {
			font-size: 16px;
		}
		.news-box-info .txt {
			font-size: 14px;
			line-height: 26px;
			height: 118px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			overflow: hidden;
		}
		.news-box-info .jump-btn {
			font-size: 14px;
			bottom: 20px;
			right: 20px;
		}
		.product-txt {
			font-size: 14px;
			line-height: 25px;
			margin: 10px 0;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.contact-p p {
			margin-right: 20px;
		}
		.contact-form {
			width: 85%;
		}
		.insidecontact-form {
			width: 100%;
		}
		.search-head-con input {
			font-size: 28px;
		}
		.banner-inside {
			height: 280px;
		}
		.banner-inside h1 {
			font-size: 28px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 26px;
		}
		.contact_form h1 {
			margin-bottom: 40px;
		}
		.contactinside_head_p {
			font-size: 20px;
		}
		.proinfo-top-right h2 {
			font-size: 20px;
		}
		.proinfo-top-right p {
			font-size: 18px;
			margin: 10px 0;
		}
		.pro-nav a {
			font-size: 18px;
		}
	}
	
	@media only screen and (max-width: 1200px) {
		.recruit-head-box:first-child {
			height: 120px;
		}
		.pro-text {
			padding: 10px;
			height: 75px;
		}
		.pro-text p {
			font-size: 18px;
		}
		.searchbox input[type="text"] {
			width: 95px;
		}
		.searchbox input[type="submit"] {
			background-size: 16px;
		}
		.z-sy6-p1 {
			font-size: 16px;
			width: 50px;
			height: 22px;
			line-height: 22px;
		}
		.z-sy6-o1 {
			width: 10px;
			height: 10px;
		}
		.history {
			padding-bottom: 90px;
		}
		.history-banner {
			padding: 100px 0;
		}
		.history-banner-img {
			width: 80px;
			height: 80px;
		}
		.history-banner-time,
		.history-banner-img-txt {
			font-size: 22px;
		}
		.history-banner-box {
			padding: 120px 0;
		}
		.history-banner-p {
			font-size: 18px;
			line-height: 28px;
			width: 220px;
		}
		.line {
			margin-left: 10px;
		}
		.line:before {
			width: 8px;
			height: 7px;
			z-index: 9999;
		}
		.history-banner-time span:before, .history-banner-time span:after {
			width: 15px;
			height: 12px;
		}
		.dbx-ul li span {
			font-size: 45px;
		}
		.dbx-ul li em {
			font-size: 20px;
		}
		.dbxbox {
			padding-bottom: 80px;
		}
		.cultureinside .culture-box {
			padding: 150px 0;
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 24px;
		}
		.all-show a {
			font-size: 18px;
			width: 340px;
		}
		.personnel-problem h2 {
			font-size: 24px;
		}
		.problem-ul li p {
			font-size: 18px;
		}
		.recruit {
			padding-bottom: 100px;
		}
		.recruit-ul li a {
			padding: 30px;
		}
		.recruit-ul-span {
			margin: 30px 0 20px;
		}
		.recruit-zy span {
			font-size: 16px;
			padding: 0 15px;
		}
		.recruit-ul-span span {
			font-size: 14px;
		}
		.recruit-ul-top-tit>* {
			font-size: 16px;
		}
		.recruit-ul-top-p {
			font-size: 25px;
			margin-top: 15px;
		}
		.zwinfor-xl {
			margin: 10px 0;
		}
		.zwinfor-txt {
			font-size: 16px;
		}
		.zwinfor-xl>span {
			font-size: 15px;
		}
		.recruit-title h2 {
			font-size: 26px;
		}
		.switch-box img {
			width: 20px;
		}
		.switch-info {
			margin: 0 10px;
		}
		.switch-info span {
			margin: 10px 0;
			font-size: 16px;
		}
		.switch-all {
			width: 120px;
		}
		.info-txt {
			font-size: 16px;
		}
		.newsinfo-head p {
			font-size: 16px;
		}
		.wejoy_page a {
			width: 30px;
			height: 30px;
			line-height: 30px;
		}
		.newsinside-ul li h2 {
			font-size: 22px;
		}
		.newsinside-ul-p {
			font-size: 16px;
			margin-top: 15px;
		}
		.brand-ul li {
			/*height: 195px;*/
		}
		.hbox1 .brand-ul li:nth-child(n 9) {
			display: none;
		}
		.about-text {
			font-size: 16px;
			line-height: 28px;
		}
		.news-box-info {
			padding: 20px;
		}
		.news-box-info h2,
		.product-box h2,
		.contact-txt h2,
		.newsinfo-head h2,
		.switch-info h3,
		.switch-all span,
		.img-info p,
		.img-del,
		.zwinfor-info h2,
		.aboutinside .title p,
		.glory-img .img_item .msg .title {
			font-size: 18px;
		}
		.file-name {
			font-size: 14px;
		}
		.product-box h2 {
			padding: 10px 0;
		}
		.product-box span {
			display: block;
			width: 40px;
		}
		.news-box-info .txt {
			height: 80px;
			line-height: 22px;
			margin-bottom: 40px;
		}
		.contact-form input,
		.contact-form textarea {
			font-size: 14px;
		}
		.search-head-con input {
			font-size: 26px;
		}
		.clean-search {
			right: 40px;
		}
		.pro-tab a {
			font-size: 18px;
			height: 60px;
		}
		.contactinside-text,
		.contactinside-text p {
			margin-top: 20px;
		}
		.contactinside-text h3 {
			font-size: 20px;
		}
		.contactinside-text p {
			font-size: 18px;
		}
		.newsinside-head {
			margin-bottom: 25px;
		}
	}
	
	@media only screen and (max-width: 1140px) {
		.nav li a {
			padding: 0 13px;
		}
		.recruit-head-box {
			margin-top: 50px;
		}
	}
	
	@media only screen and (max-width: 1080px) {
		.league-box-head {
			padding: 30px 0;
		}
		.league-ul {
			margin-bottom: 30px;
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 22px;
		}
		.newsinside-info {
			margin: 80px 0 40px 20px;
		}
		.newsinside-box-head h2 {
			font-size: 20px;
		}
		.newsinside-box-head p {
			padding: 10px 0;
			font-size: 14px;
		}
		.newsinside-info .txt {
			font-size: 14px;
			margin: 10px 0;
			line-height: 25px;
		}
		.container {
			width: 90%;
		}
		.nav li a {
			font-size: 16px;
		}
		.nav li .nav_second a {
			font-size: 14px;
		}
		.nav {
			margin-left: 23%;
		}
		.about-text {
			-webkit-line-clamp: 6;
		}
		.pro-text p {
			line-height: 26px;
		}
		.nav_second {
			padding: 20px 0;
		}
		.nav li .nav_second a {
			font-size: 15px;
		}
	}
	
	@media only screen and (max-width: 1000px) {
		.aboutinside-box {
			display: block;
		}
		.aboutinside-img img {
			vertical-align: top;
		}
		.container {
			width: 93%;
		}
		.pro-info-tab a {
			font-size: 14px;
			margin-bottom: 5px;
			margin-right: 5px;
		}
		.pro-ul {
			padding: 30px 0;
		}
		.pro-info-tab {
			margin-top: 40px;
			flex-wrap: wrap;
			justify-content: initial;
		}
		.newsinside-info {
			margin: 70px 0 30px 20px;
		}
	}
	
	@media only screen and (max-width: 914px) {
		.section_input label {
			font-size: 16px;
			width: 88px;
		}
		.section_input input {
			height: 45px;
			line-height: 45px;
			padding: 0 15px;
		}
		.section_btn {
			height: 75px;
		}
		.submit-ht {
			padding-bottom: 75px;
		}
		.recruit-txt {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.switch-all {
			width: 100px;
		}
		.newsinside-info {
			margin: 50px 0 20px 20px;
		}
		.phide {
			display: block;
		}
		.header,
		.header .container {
			height: 70px;
		}
		.nav {
			position: fixed;
			right: 0;
			top: 50px;
			background: #fff;
			width: 100%;
			padding: 40px 0;
			display: none;
			height: calc(100% - 50px);
		}
		.nav-ul {
			margin: 0 20px;
		}
		.nav li {
			width: 100%;
			padding-left: 0;
			border-bottom: solid 1px #e6e6e6;
			float: none;
		}
		.nav li a {
			height: 60px;
			line-height: 60px;
		}
		.nav li.active a,
		.nav li:hover a {
			background: none;
			color: #4a82fe;
		}
		.nav_second {
			position: static;
			padding: 0 30px;
		}
		.nav li .nav_second a {
			text-align: left;
			font-size: 14px;
			color: #333;
		}
		.nav ul li>a.icon1 {
			background: url(/uploads/image/tdlimages/icon2.png) no-repeat 92% center;
			background-size: 15px;
		}
		.head-right {
			text-align: right;
			flex: 1;
			margin-right: 50px;
		}
		.header .logo {
			width: 25%;
		}
		.sidebar {
			right: 30px;
		}
		.c-title h1 {
			font-size: 25px;
		}
		.c-title p {
			font-size: 15px;
		}
		.news-box-info {
			width: 100%;
		}
		.culture-center h2,
		.culture-ul li em {
			font-size: 20px;
		}
		.culture-center p,
		.culture-ul li>* {
			font-size: 14px;
		}
		.culture-ul li {
			height: 80px;
		}
		.contact-p p {
			margin-right: 0;
			float: none;
			margin-bottom: 15px;
		}
		.contact-txt {
			margin: 30px 0 10px;
		}
		.search-head-con input {
			font-size: 22px;
		}
		.search-head,
		.search-head .container {
			height: auto;
		}
		.search-head-top {
			padding: 10px 0;
		}
		.search-head-con {
			height: 60px;
		}
		.search-ht {
			padding-top: 115px;
		}
		.clean-search {
			right: 20px;
		}
		.clean-search:after,
		.clean-search:before {
			width: 2px;
			height: 26px;
		}
		.banner-inside {
			height: 200px;
		}
		.banner-inside h1 {
			font-size: 26px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 24px;
		}
		.contactinside_head_p {
			font-size: 18px;
		}
		.contactinside_box {
			margin: 80px 0;
		}
		.news-box-info h2{
			padding: 15px 0;
		}
		
	}
	
	@media only screen and (max-width: 800px) {
		.section_input label {
			width: 80px;
		}
	}
	@media only screen and (max-width: 768px) {
		html,
		body {
			overflow: auto!important;
		}
		
		.foot-p .foot-box {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.foot-p .ewm {
			display: none;
		}
		.foot-box p {
			padding-right: 0;
			width: 75%;
		}
		.wrap-ewm {
			display: block;
			width: 20%;
		}
		.z-sy6-p1 {
			display: none;
		}
		.map-ul {
			display: block;
		}
		.map-ul span {
			width: 14%
		}
		.history {
			padding-bottom: 70px;
		}
		.history-banner-time,
		.history-banner-img-txt {
			font-size: 20px;
		}
		.history-banner {
			padding: 80px 0;
		}
		.history-banner-img {
			width: 75px;
			height: 75px;
		}
		.league-ul {
			margin-bottom: 20px;
		}
		.league-box-head {
			padding: 20px 0;
		}
		.league-box {
			margin-bottom: 10px;
		}
		.leaguebuilding {
			padding-bottom: 80px;
		}
		.cultureinside .culture-box {
			padding: 80px 0;
		}
		.dbxbox {
			padding-bottom: 20px;
		}
		.dbx-ul li span {
			font-size: 35px;
		}
		.dbx-ul li em {
			font-size: 16px;
		}
		.dbx-ul li p {
			font-size: 14px;
		}
		.glory-img-3 .img_item .msg div {
			line-height: 22px;
		}
		.glory-img .img_item .msg div {
			font-size: 14px;
			height: 45px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			width: 100%;
		}
		.glory-img-3 .img_item>div {
			padding: 0;
		}
		.glory-img .img_item .msg .title {
			padding: 5px 0;
		}
		.glory-box {
			padding: 40px 0 100px;
		}
		.glory-box .c-title p {
			margin: 30px 0 40px
		}
		.aboutinside {
			padding: 40px 0;
		}
		.aboutinside-box {
			margin-top: 20px;
		}
		.section_input {
			width: 100%;
		}
		.section_input:nth-child(2n) {
			margin-left: 0;
		}
		.img-add,
		.img-info-box {
			width: 150px;
			height: 150px;
			line-height: 150px;
		}
		.resume {
			padding: 30px 0
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 20px;
		}
		.recruit {
			padding-bottom: 80px;
		}
		.all-show a {
			font-size: 16px;
			width: 260px;
			height: 40px;
			line-height: 40px;
		}
		.personnel-problem h2 {
			font-size: 22px
		}
		.problem-btn {
			margin-top: 20px;
		}
		.problem-ul li a{
			padding: 20px 0 10px;
		}
		.personnel .page {
			font-size: 20px;
			padding: 3px 10px 13px 28px;
		}
		.problem-btn a {
			font-size: 16px;
			width: 165px;
			height: 35px;
			line-height: 35px;
		}
		.problem-ul li p {
			font-size: 16px;
		}
		.all-show a span:before,
		.all-show a span:after {
			height: 15px;
		}
		.recruit-ul {
			padding: 30px 0;
		}
		.recruit-ul-top-p {
			font-size: 24px;
		}
		.recruit-btn {
			font-size: 18px;
		}
		.recruit-ul-span {
			margin: 30px 0 20px;
		}
		.recruit-img,
		.recruit-info {
			width: 100%;
			padding: 0;
		}
		.recruit-head {
			background-size: 100%;
			background-color: #2a3753;
		}
		.recruit-txt {
			color: #fff!important;
		}
		.recruit-info {
			margin: 20px 0;
		}
		.recruit-head-box {
			margin-top: 0;
			margin: 10px 0;
			height: auto;
		}
		.recruit-head-box:first-child {
			height: auto;
		}
		.recruit-title {
			margin: 30px 0;
		}
		.recruit-title h2 {
			font-size: 22px;
		}
		.recruit-head {
			padding-top: 30px;
		}
		.recruit-head-box h2 {
			font-size: 18px;
			margin-bottom: 10px;
		}
		.recruit-txt {
			font-size: 14px;
			line-height: 22px;
		}
		.switch {
			padding: 10px 0;
			display: block;
		}
		.switch-box img {
			display: none;
		}
		.switch-info span {
			text-align: left!important;
		}
		.switch-all {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translatey(-50%);
		}
		.newsinside-ul li h2 {
			font-size: 18px;
		}
		.newsinside-ul-p {
			font-size: 14px;
			margin-top: 10px;
		}
		.newsinside-info {
			margin: 25px 0 0 20px;
		}
		.newsinside-box-head h2,
		.section_box h2 {
			font-size: 18px;
		}
		.newsinside-info .txt {
			font-size: 12px;
			line-height: 20px;
			min-height: 140px;
		}
		.jump-btn,
		.product-txt {
			font-size: 14px;
		}
		.newsinside-img {
			top: 20px;
		}
		.newsinside-head {
			margin-bottom: 60px;
		}
		.product-ul li {
			height: auto;
		}
		.news-ul li {
			margin-top: 20px;
		}
		.header .logo {
			width: 30%;
		}
		.suspension {
			width: 70px;
			right: 30px;
		}
		.about {
			padding-bottom: 30px;
		}
		.c-title {
			height: 200px;
		}
		.foot-box {
			padding: 10px 0;
		}
		.culture-box {
			padding-bottom: 30px;
		}
		.brand {
			background-size: 100%;
		}
		.brand-box {
			padding: 30px 0;
		}
		.about-box {
			display: block;
			padding-top: 0;
		}
		.about-box:before {
			display: none;
		}
		.about-img {
			margin-top: 20px;
		}
		.about-img:before {
			display: none;
		}
		.about .morebtn a {
			margin: 0 auto;
			width: 80%;
		}
		.title h1 {
			font-size: 22px;
		}
		.title p {
			font-size: 16px;
		}
		.culture-ul li {
			float: none !important;
			width: 100% !important;
			height: auto;
			margin-bottom: 15px;
		}
		.culture-ul li span {
			margin-bottom: 5px;
		}
		.culture-ul li div {
			max-width: 100% !important;
			margin-left: 0 !important;
		}
		.culture-center {
			position: static;
			width: 50%;
			margin: 30px auto;
			transform: translate(0);
		}
		.culture-box .w60 {
			display: flex;
			flex-flow: column-reverse;
		}
		.yytext-box span {
			width: 30px;
		}
		.img2 {
			display: block;
		}
		.img1 {
			display: none;
		}
		.product .product-box h2 {
			color: #fff;
		}
		.product .product-txt {
			color: #fff;
		}
		.product .product-ul li .product-box h2:after {
			background-color: #fff!important;
		}
		.product .product-mask {
			background-color: rgba(0, 0, 0, .4)!important;
		}
		.product-txt {
			margin: 10px 0;
			line-height: 20px;
		}
		.yytext-box {
			padding: 20px;
		}
		.yytext .product-txt {
			width: 100%;
		}
		.news-box {
			height: auto;
		}
		.foot-p {
			position: static;
			height: auto;
		}
		.hbox1 .brand-ul li:nth-child(n 5) {
			/*width: 23.5%;*/
			/*padding-left: 0;*/
			/*padding-right: 0;*/
			/*float: left;*/
			/*height: 100px;*/
			/*margin-right: 10px;*/
		}
		.brand-ul li:nth-child(4n) {
			margin-right: 0;
		}
		.brand-ul li:nth-child(n 7) {
			display: block;
		}
		.pro-text {
			padding: 10px;
		}
		.pro-text p {
			font-size: 16px;
			line-height: 24px;
		}
		.banner-inside {
			height: 180px;
		}
		.banner-inside h1 {
			font-size: 24px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 22px;
		}
		.contactinside_head_p {
			font-size: 16px;
			margin: 20px 0;
		}
		.contact_form h1 {
			margin-bottom: 30px;
		}
		.contactinside_box {
			margin: 60px 0;
		}
		.pro-tab a {
			height: 45px;
		}
		.pro-tab a:before {
			height: 25px;
		}
		.proinfo-top-right h2 {
			font-size: 18px;
			line-height: 24px;
		}
		.proinfo-top-right p {
			font-size: 16px;
		}
		.pro-nav div>* {
			padding: 20px 0;
		}
		.pro-nav a {
			font-size: 16px;
		}
		.pro-nav a:before {
			width: 7px;
			height: 12px;
			margin: 0 5px;
		}
		.pro-nav a img {
			width: 15px;
		}
		.infotext {
			font-size: 16px;
			line-height: 26px;
		}
		.product-box {
			margin: 0;
		}
		.inside-title {
			margin: 30px 0;
		}
		.inside-title h2 {
			font-size: 22px;
		}
		.contact_form {
			padding: 40px 0;
		}
		.league-ul-2 li {
			margin-bottom: 10px;
		}
		.contactinside-text h3 {
			font-size: 18px;
		}
		.contactinside-text,
		.contactinside-text p {
			margin-top: 15px;
		}
		.contactinside-text p {
			font-size: 16px;
		}
		.newsinfo-box {
			padding: 30px 0 100px;
		}
		.news .news-box {
			padding-bottom: 30px;
		}
		.dbx-ul {
			background-image: url(/uploads/image/tdlimages/dbx_bg2.png)!important;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			padding: 20px 0;
		}
		.dbx-ul li {
			width: 33%;
		}
      .w60{
      	width: auto!important;
      }
	}
	
	@media only screen and (max-width: 600px) {
		.news-ul{
			width: auto;
		}
		.dbx-ul li span {
			font-size: 30px;
		}
		.dbx-ul li em {
			font-size: 14px;
		}
		.dbx-ul li p {
			font-size: 12px;
		}
		.cultureinside .culture-box {
			padding: 40px 0;
		}
		.dbxbox {
			padding-bottom: 0;
			padding-top: 40px;
		}
		.newsinside-box-head h2 {
			font-size: 16px;
		}
		.newsinside-box-head p {
			padding: 5px 0;
		}
		.jump-btn,
		.product-txt {
			font-size: 14px;
		}
		.jump-btn {
			padding: 6px;
			right: 15px;
		}
		.newsinside-head {
			margin-bottom: 30px;
		}
		.newsinside-img {
			top: 50%;
			transform: translatey(-50%);
		}
		.culture-center {
			width: 55%;
		}
		.culture-center h2,
		.culture-ul li em {
			font-size: 18px;
		}
		.culture-center p,
		.culture-ul li>* {
			font-size: 12px;
		}
		.brand-ul li {
			/*height: 65px;*/
			/*width: 23.1%;*/
		}
		.w60 {
			width: auto;
			margin: 0 20px;
		}
		.fbox {
			display: block;
		}
		.product-ul .fbox {
			display: flex;
		}
	}
	
	@media only screen and (max-width: 480px) {
		.culture-center {
			margin: 40px auto;
			/*height: 175px;*/
		}
		.culture-box {
			padding-bottom: 10px;
		}
		.culture-ul li {
			margin-bottom: 10px;
		}
		.product .product-box span {
			width: 35px;
		}
		.product-ul li a{
			padding: 50px 15px;
		}
		.news-ul li {
			margin-top: 10px;
		}
		.news .news-box {
			padding-bottom: 20px;
		}
		.z-sy6-o1 {
			width: 6px;
			height: 6px;
		}
		.map-ul {
			margin-top: 30px
		}
		.map-ul span {
			font-size: 14px;
			margin-bottom: 5px;
			margin-right: 5px;
		}
		.map-ul span {
			width: 15%;
		}
		.glory-box .c-title p {
			margin: 20px 0 30px;
		}
		.glory-box {
			padding-top: 25px;
		}
		.history {
			padding-bottom: 40px;
		}
		.z-sy6-p1 {
			font-size: 12px;
			width: 35px;
			height: 19px;
			line-height: 19px;
		}
		.history-banner-box {
			padding: 85px 0;
		}
		.history-banner-img {
			width: 65px;
			height: 65px;
		}
		.history-banner-p {
			font-size: 14px;
			line-height: 19px;
		}
		.history-banner-time,
		.history-banner-img-txt {
			font-size: 16px;
		}
		.history-banner-img:before {
			width: 10px;
			height: 10px;
		}
		.history-banner .swiper-slide:nth-child(2n) .history-banner-img:before {
			bottom: -20px;
		}
		.history-banner-img:before {
			top: -20px;
		}
		.history-banner-time span:before,
		.history-banner-time span:after {
			width: 15px;
			height: 13px;
		}
		.history-banner {
			padding: 50px 0;
		}
		.league-ul li {
			padding: 0 5px
		}
		.league-ul {
			margin-left: -5px;
			margin-right: -5px;
		}
		.cultureinside .culture-box {
			padding: 10px 0;
		}
		.cultureinside {
			padding-bottom: 60px;
		}
		.dbx-ul li em {
			font-size: 12px;
		}
		.dbx-ul li p {
			font-size: 10px;
		}
		.cultureinside .culture-box .w60 {
			margin: 0;
		}
		.img_item {
			margin-bottom: 10px;
			padding: 0 5px;
		}
		.w60 {
			margin: 0 10px!important
		}
		.footer .foot-box {
			padding: 10px 0 !important;
		}
		.glory-img .img_item .msg div {
			font-size: 13px;
			line-height: 18px;
			height: 36px;
		}
		.glory-img-3 {
			margin-top: 10px;
		}
		.aboutinside {
			padding: 30px 0;
		}
		.aboutinside-box {
			margin-top: 10px;
		}
		.aboutinside-text {
			font-size: 14px;
			line-height: 24px;
		}
		.section_input input {
			height: 35px;
			line-height: 35px;
			padding: 0 10px;
		}
		.section_input label,
		.section_input input {
			font-size: 14px;
		}
		.img-add,
		.img-info-box {
			width: 120px;
			height: 120px;
			line-height: 120px;
		}
		.file-name {
			margin-top: 10px;
		}
		.section_box_info {
			margin-top: 20px;
		}
		.section_input {
			margin-bottom: 15px;
		}
		.section_btn {
			height: 65px;
		}
		.submit-ht {
			padding-bottom: 65px;
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 18px;
		}
		.personnel-problem {
			padding-top: 45px;
		}
		.personnel {
			padding: 20px 30px;
		}
		.personnel-problem h2 {
			font-size: 16px;
		}
		.problem-ul li input[type="radio"] {
			width: 15px;
			height: 15px;
			margin-right: 5px;
		}
		.problem-ul li {
			padding: 15px 0 5px;
		}
		.problem-ul li p {
			font-size: 14px;
		}
		.problem-ul li input[type="text"] {
			max-width: 50px;
		}
		.problem-btn a {
			font-size: 12px;
			width: 101px;
			height: 30px;
			line-height: 30px;
			margin: 0 7px;
		}
		.problem-btn a img {
			width: 10px;
		}
		.problem-btn a:first-child img {
			margin-right: 5px;
		}
		.problem-btn a:last-child img {
			margin-left: 5px;
		}
		.recruit-ul li a {
			padding: 25px;
		}
		.recruit-ul-top-tit>* {
			font-size: 14px;
		}
		.recruit-ul-top-p {
			font-size: 18px;
			margin-top: 10px;
		}
		.recruit-ul-span {
			margin: 20px 0 10px;
		}
		.recruit-ul-span span {
			font-size: 12px;
			height: 25px;
			line-height: 25px;
		}
		.recruit-ul {
			padding: 20px 0 0;
		}
		.all-show a {
			width: 200px;
		}
		.recruit {
			padding-bottom: 50px;
		}
		.recruit-zy {
			padding: 10px 0;
		}
		.recruit-zy span {
			font-size: 14px;
			padding: 0 10px;
		}
		.recruit-btn {
			font-size: 14px;
			margin-top: 10px;
			height: 30px;
			line-height: 30px;
		}
		.recruit-head-box h2,
		.section_box h2 {
			font-size: 16px;
		}
		.recruit-txt {
			font-size: 12px;
		}
		.recruit-title {
			margin: 20px 0;
		}
		.recruit-title h2 {
			font-size: 18px;
		}
		.pro-nav a {
			font-size: 14px;
		}
		.proyy-ul li {
			display: block;
		}
		.yyimg,
		.yytext {
			width: 100%;
		}
		.proyy {
			padding-bottom: 0;
		}
		.switch-all {
			width: 65px;
		}
		.switch-info span {
			font-size: 14px;
			margin: 5px 0;
		}
		.switch-info h3 {
			width: 200px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.newsinfo-box {
			padding: 10px 0 70px;
		}
		.wejoy_page a {
			margin: 0 2px;
			width: 25px;
			height: 25px;
			line-height: 25px;
		}
		.newsinside-ul li h2 {
			font-size: 16px;
		}
		.newsinside-ul li {
			padding: 10px 0;
		}
		.newsinside-ul-p:before {
			margin-right: 10px;
		}
		.newsinside-head {
			margin-bottom: 20px;
		}
		.header,
		.header .container {
			height: 50px;
		}
		.ht {
			padding-top: 50px;
		}
		.suspension {
			top: 50px;
			width: 70px;
			right: 20px;
		}
		.head-right {
			margin-right: 30px;
		}
		.header .logo {
			width: 40%;
		}
		.btn {
			font-size: 12px;
		}
		.search-page {
			padding-left: 10px;
		}
		.title h1 {
			font-size: 20px;
		}
		.title p {
			font-size: 14px;
		}
		.about-text {
			font-size: 14px;
			line-height: 24px;
			margin: 10px 0 20px;
		}
		.about {
			padding-bottom: 20px;
		}
		.morebtn img {
			width: 10px!important;
			margin-left: 10px!important;
			vertical-align: baseline!important;
		}
		.pro-ul li {
			margin-bottom: 10px;
		}
		.sidebar {
			right: 20px;
			bottom: 50px;
		}
		.sidebar a {
			width: 33px;
		}
		.c-title h1 {
			font-size: 22px;
		}
		.c-title p {
			font-size: 14px;
		}
		.news-ul {
			margin-left: -20px;
			margin-right: -20px;
		}
		.news-box-info h2,
		.product-box h2,
		.contact-txt h2,
		.newsinfo-head h2,
		.switch-info h3,
		.switch-all span,
		.img-info p,
		.img-del,
		.zwinfor-info h2,
		.aboutinside .title p,
		.glory-img .img_item .msg .title {
			font-size: 16px;
		}
		.news-box-info h2 {
			padding: 10px 0;
			margin-bottom: 10px;
		}
		.news-box-info .txt {
			line-height: 20px;
			height: 80px;
		}
		.news-box-info .jump-btn {
			padding: 6px 10px;
			font-size: 12px;
			right: 10px;
		}
		.product-txt {
			font-size: 12px;
		}
		.news-box-info {
			padding: 15px;
		}
		.brand-ul li {
			/*width: 48%;*/
			/*margin-right: 4%;*/
			margin-bottom: 10px;
		}
		.brand-ul li:nth-child(2n) {
			margin-right: 0;
		}
		.contact-p p {
			font-size: 14px;
			margin-bottom: 10px;
		}
		.contact-form {
			width: 95%;
		}
		.insidecontact-form {
			width: 100%;
		}
		.c-title {
			height: 150px;
		}
		.brand-box {
			padding: 20px 0
		}
		.about-box {
			margin-top: 20px;
		}
		.news-box {
			height: 80%;
		}
		.news-box .w60 {
			margin: 0 10px!important;
		}
		.hbox1 {
			height: 94%;
		}
		.form-left {
			height: auto;
		}
		.contact-form input {
			margin-bottom: 10px;
			height: 40px;
			line-height: 40px;
		}
		.contact-form input:last-child {
			margin-bottom: 10px;
		}
		.form-left,
		.form-right {
			width: 100%;
		}
		.form-right {
			height: 90px;
		}
		.contact-txt {
			margin: 20px 0 10px;
		}
		.morejump button,
		.morejump a {
			width: 150px;
			height: 30px;
			line-height: 30px;
		}
		.search-head-top {
			padding: 10px 0;
		}
		.search-head,
		.search-head .container {
			height: auto;
		}
		.search-head-con input {
			font-size: 16px;
		}
		.search-head-con {
			height: 40px;
		}
		.search-ht {
			padding-top: 90px;
		}
		.pro-text {
			padding: 10px;
			height: 60px;
		}
		.pro-text p {
			font-size: 14px;
			line-height: 20px;
		}
		.clean-search:after,
		.clean-search:before {
			height: 20px;
		}
		.clean-search {
			right: 5px;
		}
		.banner-inside {
			height: 130px;
		}
		.banner-inside h1 {
			font-size: 22px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 18px;
		}
		.contactinside_head h2,
		.contactinside-right h2 {
			padding-bottom: 10px;
		}
		.contact_form h1 {
			margin-bottom: 20px;
		}
		.contactinside_box {
			margin: 30px 0;
		}
		.contactinside_head_p {
			font-size: 14px;
			margin: 10px 0;
		}
		.menu span {
			height: 3px;
		}
		.pro-tab a {
			font-size: 14px;
		}
		.pro-ul {
			padding: 20px 0 10px;
		}
		.pro-info-tab {
			margin-top: 20px;
		}
		.pro-box {
			padding-bottom: 50px;
		}
		.sidebar {
			right: 10px;
			bottom: 90px;
		}
		.pro-nav div>* {
			padding: 10px 0;
		}
		.proinfo {
			padding: 20px 0;
		}
		.proinfo-img {
			width: 48%;
		}
		.proinfo-top-right h2 {
			font-size: 16px;
			line-height: 20px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.proinfo-top-right p {
			font-size: 14px;
			margin: 5px 0;
		}
		.infotext {
			font-size: 14px;
			line-height: 22px;
		}
		.inside-title {
			margin: 20px 0;
		}
		.inside-title h2 {
			font-size: 16px;
		}
		.nav {
			padding: 20px 0;
			height: calc(100% - 50px);
			overflow: auto;
			z-index: 111;
		}
		.nav li a {
			height: 45px;
			line-height: 45px;
		}
		.contact_form {
			padding: 30px 0;
		}
		.contactinside_box .row {
			flex-flow: column-reverse;
		}
		.contactinside-right,
		.map-box {
			width: 100%;
			padding: 0;
		}
		.map-box {
			transform: translate(0);
			margin-bottom: 0;
		}
		.contactinside_box {
			padding: 10px 0 30px;
		}
		.contactinside-text h3 {
			font-size: 14px;
		}
		.contactinside-text p {
			font-size: 12px;
		}
		.newsinside-img {
			position: static;
			transform: translatey(0);
			width: 100%;
			margin-top: 20px;
			padding: 0;
		}
		.newsinside-info {
			width: 100%;
			margin: 20px 0;
			padding: 0;
		}
		.newsinside-info .txt {
			min-height: auto;
			padding-bottom: 30px;
		}
		.zwinfor-info {
			padding-top: 25px!important;
		}
		.zwinformation-box {
			padding-bottom: 80px;
		}
		.zwinfor-info .recruit-ul-span span {
			margin-right: 10px;
		}
		.zwinfor-xl>span {
			font-size: 14px;
		}
		.zwinfor-txt {
			font-size: 14px;
			line-height: 24px;
		}
		.league-ul {
			margin-bottom: 15px;
		}
		.league-ul-2 {
			margin-bottom: 0;
		}
		.league-box-head {
			padding: 15px 0;
		}
		.leaguebuilding {
			padding-bottom: 40px;
		}
		.section_box h2:before {
			height: 20px;
			width: 2px;
			margin-right: 10px;
		}
		.glory-img {
			margin-top: -100px!important;
		}
		.glory-img-3 {
			margin-top: 10px!important;
		}
		.wejoy_page img {
			width: 7px;
		}
		.resume {
			margin-top: 20px!important;
		}
		.redbtn a,
		.redbtn button {
			 height: 30px;
			 line-height: 30px;
		 }
		.redbtn input {
			height: 30px;
			line-height: 30px;
		}

		.all-show a {
			font-size: 14px;
			height: 30px;
			line-height: 30px;
		}
		.newsinfo-head p {
			font-size: 14px;
		}
	}
	
	@media only screen and (max-width: 360px) {
		.section_input label {
			font-size: 12px;
		}
		.section_input input {
			max-width: 70%;
		}
		.img-add,
		.img-info-box {
			width: 100px;
			height: 100px;
			line-height: 100px;
		}
		.file-name {
			font-size: 12px;
		}
		.section_box h2,
		.img-info p,
		.img-del,
		.zwinfor-info h2,
		.aboutinside .title p,
		.glory-img .img_item .msg .title {
			font-size: 14px;
		}
		.resume h1,
		.aboutinside .title h1,
		.glory-box .c-title h1 {
			font-size: 16px;
		}
		.newsinside-ul li h2 {
			font-size: 14px;
		}
		.newsinside-ul-p {
			font-size: 12px;
		}
		.banner-inside {
			height: 110px;
		}
		.banner-inside h1 {
			font-size: 18px;
		}
		.contactinside_head h2,
		.contactinside-right h2,
		.contact_form h1 {
			font-size: 16px;
		}
		.contactinside_head_p {
			font-size: 12px;
		}
		.contact_form h1 {
			margin-bottom: 10px;
		}
		.pro-text {
			height: 50px;
		}
		.pro-text p {
			font-size: 12px;
			line-height: 16px;
		}
		.pro-tab a,
		.pro-info-tab a {
			font-size: 12px;
		}
		.w60 {
			margin: 0 15px!important;
		}
		.cultureinside {
			padding-bottom: 40px;
		}
		.dbxbox {
			padding-top: 20px;
		}
		.culture-center {
			/*height: 235px;*/
		}
		.about {
			padding-bottom: 20px!important;
		}
		.title h1 {
			font-size: 18px;
		}
		.c-title h1 {
			font-size: 20px;
		}
		.switch-info h3 {
			font-size: 14px;
		}
		.resume {
			margin-top: 20px!important;
		}
		.newsinfo-box {
			padding-bottom: 40px;
		}
	}
	@media only screen and (min-width: 768px) {
		.about-text{
			max-height: 300px;
		}
	}

	.about-img video {
		height: 490px;
	}