/* CSS Document */
@import url("index2.css");

#container { padding:60px 0 }
.height60 { height:60px }
.center3 {width:100%; max-width:1240px; margin:0 auto;padding: 0 20px;}
.center2 {width:100%; max-width:1720px; margin:0 auto;padding: 0 20px;}
.about_h1 { font-size:30px; color:#333; line-height:normal }
.about_h1 font { display:block; color:#de0713; font-size:40px }
.about_h1 span { display:block }
#container .about_center { font-size:14px; line-height:22px }
/* #container .center { width:87.4% } */
.p1 { font-size:19px; font-weight:700 }
.p2 p { display:block; position:relative; padding-left:74px; margin-bottom:8px }
.p2 span { display:inline-block; position:absolute; left:0; top:0; background:#7d7d7d; color:#fff; padding:0 15px; margin-right:15px }
.back { background:#000; height:300px }
.table_p td { padding-bottom:30px }
.back_02 { background:#000; padding:50px 0; font-size:20px; color:#fff }
.back_02 .p_h1 { font-size:30px; line-height:normal; margin-bottom:15px }
.back_02 p span { font-size:16px; color:#979797; margin-right:15px }
.back_02 p { line-height:35px; display:block }
.tips { display:block; padding-top:15px }
.tips a { font-size:13px; color:#333 }
.tips a:hover { color:#ce050b }
.table_ul { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap }
.table_ul div.item { width:380px; float:left; margin-right:30px; padding-bottom:30px }
.table_ul div.item img { width:100%; height:auto }
.table_ul div.odd { float:right; margin-right:0 }
.table_ul div.clear_two { display:none }
#show_product { width:890px; padding:22px 22px; float:left; background:#fff }
#codie_right { width:226px; float:right }
#bannger_bgsfs { width:1160px }
#banner_bag { width:100% }
#codie_right img { display:block }
#bannger_innn { padding-right:226px }
#out_about { margin-top:-150px }
.bannerbg_01 { height:422px }
.bannerbg_02 { height:422px }
.bannerbg_03 { height:210px; padding-top:80px }
.contact_lt { width:790px; float:left }
#form_submit { float:right; width:100%; margin-top:50px; margin-bottom:30px }
.kefu_ts { text-align:center }
.kefu_ts a { vertical-align:top; color:#828181 }
#form_submit label { display:none; color:#333; padding-bottom:5px }
#form_submit input[type=text] { border:0; border-bottom:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 0; display:block; width:100% }
#form_submit li { float:left; width:23.5%; margin-right:2% }
#form_submit li.li_select { margin-right:0 }
#form_submit li.li_content { width:100%; margin-right:0 }
#form_submit li select { border:0; border-bottom:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 0; display:block; width:100% }
#form_submit li textarea { border:1px solid rgba(0, 0, 0, .2); font-size:14px; padding:15px 15px; display:block; width:100%; min-height:180px }
#form_submit li { float:left; margin-bottom:30px; position:relative }
#form_submit input[type=text].Validform_error { border-bottom:1px solid red }
#form_submit li.submit input { background:#d80000; width:198px; height:55px; border:0; cursor:pointer; color:#fff }
#form_submit .h5_title { font-size:16px; margin-bottom:15px }
.Validform_checktip { margin-left:0; padding:0 6px; font-size:12px; color:red }
.info { border:1px solid red; padding:2px 20px 2px 5px; border-radius:2px; color:red; margin-top:-15px; position:absolute; display:none; line-height:20px; background-color:#fff }
.dec { bottom:-8px; display:block; height:8px; overflow:hidden; position:absolute; left:10px; width:17px }
.dec s { font-family:simsun; font-size:16px; height:19px; left:0; line-height:21px; position:absolute; text-decoration:none; top:-9px; width:17px }
.dec .dec1 { color:red }
.dec .dec2 { color:#fff; top:-10px }
.Validform_right { display:none }
#about_us { background:#fff; position:relative; z-index:800 }
#about_adv { background:url(../images/about/about2.jpg) no-repeat center center fixed; padding:60px 0; color:#7f7f7f; font-size:17px; line-height:2; text-align:center }
#about_adv .about_h2, #about_adv .about_h2 span { color:#fff }
.about_h2 { text-align:center; display:block; font-size:24px; color:#000; margin-bottom:35px }
.about_h2 span { display:block; text-transform:uppercase; color:#7f7f7f; font-size:14px }
.about_lt { float:left; width:540px; padding-top:10px;display: none; }
.about_rt { float:right; width:100%; color:#666; font-size:14px; line-height:1.8;}
.about_rt .about_h5 { font-size:20px }
.company_title { margin-bottom:20px; display:block }
.contact_llt { margin:60px 0; font-size:15px; line-height:1.8 }
.address_l li { width:566px; float:left; padding-left:82px; position:relative }
.address_l li:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact1.jpg) no-repeat }
.address_l li font { display:block }
.address_l li p { margin-bottom:8px }
.address_l li.tel { width:250px; margin-left:151px }
.address_l li.tel:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact2.jpg) no-repeat }
.address_l li.email { width:202px; float:right }
.address_l li.email:before { width:65px; height:65px; content:""; position:absolute; left:0; top:0; background:url(../images/about/contact3.jpg) no-repeat }
.sales_l { border-top:1px solid #dedede; border-bottom:1px solid #dedede; float:left; width:100%; margin-top:50px; padding:30px 0 }
.sales_l li { float:left; width:50%; text-align:center; position:relative }
.sales_l li.s2,.sales_l li.s4 { border-left:1px solid #dedede;}
.sales_l li.s4,.sales_l li.s3{ margin-top:35px;}
.sales_l li a { vertical-align:top; color:#828181 }
.kefu_qq { margin-top:10px }
.kefu_qq a { width:21px; height:21px; display:inline-block; margin:0 5px; background:url(../images/about/qq.png) no-repeat; background-size:100% 100% }
.kefu_qq a.wangwang { background:url(../images/about/www.png) no-repeat }
@media screen and (max-width:1300px) {
#container .center {
width:100%;
padding:0 45px
}
.about_lt {
float:left;
width:45%
}
.about_lt img {
display:block;
width:100%;
height:auto
}
.address_l li.tel {
margin-left:150px
}
.address_l li.email {
float:left;
margin-left:150px;
margin-top:35px
}
}
@media screen and (max-width:1300px) {
.address_l li.tel {
margin-left:100px
}
.address_l li.email {
float:left;
margin-left:100px;
margin-top:35px
}
}
@media screen and (max-width:1000px) {
#about_adv {
padding:40px 0
}
#container {
padding:40px 0
}
.height60 {
height:40px
}
.about_h2 {
margin-bottom:25px
}
.about_lt {
width:100%;
margin-bottom:20px
}
.about_rt {
font-size:14px;
line-height:1.6;
width:100%;
padding-left:0
}
#about_adv {
font-size:14px;
line-height:1.8
}
.about_h1 font, .about_h1 span {
font-size:24px
}
.address_l li.tel {
margin-left:80px
}
.address_l li.email {
float:left;
margin-left:80px;
margin-top:35px
}
.contact_llt {
margin:40px 0
}
}
@media screen and (max-width:970px) {
.address_l li.ad {
width:100%
}
.address_l li.tel {
margin-left:0;
margin-top:25px
}
.address_l li.email {
float:left;
margin-left:80px;
margin-top:25px
}
}
@media screen and (max-width:800px) {
.sales_l {
margin-top:30px
}
.contact_llt {
margin:30px 0
}
#about_adv {
padding:30px 0
}
#container {
padding:30px 0
}
.height60 {
height:30px
}
#container .center {
width:100%;
padding:0 25px
}
#hm_t_undefined {
display:none
}
}
@media screen and (max-width:700px) {
.sales_l li.s2 {
border:1px solid #dedede;
border-left:0;
border-right:0;
padding:15px 0;
margin:15px 0
}
.sales_l li.s3,.sales_l li.s4{ margin-top:0}
.sales_l li.s4{ border-left:0;border-top:1px solid #dedede; margin-top:15px; padding-top:15px;}
.sales_l li {
width:100%
}
#form_submit li.li_email, #form_submit li.li_name {
width:48%;
margin-right:0
}
#form_submit li.li_mobile, #form_submit li.li_select {
width:48%;
margin-right:0;
float:right
}
}
@media screen and (max-width:600px) {
.address_l li.tel {
width:100%
}
#form_submit li.submit {
width:100%;
margin-right:0;
margin-bottom:0
}
.address_l li.email {
margin-left:0;
width:100%
}
#form_submit li.submit input {
width:100%;
display:block
}
}
@media screen and (max-width:450px) {
#form_submit li.li_email, #form_submit li.li_name {
width:100%;
margin-right:0
}
#form_submit li.li_mobile, #form_submit li.li_select {
width:100%;
margin-right:0;
float:right
}
}
@media screen and (max-width:400px) {
.address_l li {
padding-left:65px
}
.address_l li.email:before, .address_l li.tel:before, .address_l li:before {
width:50px;
height:50px;
background-size:50px 50px
}
.address_l li.email, .address_l li.tel {
margin-top:15px
}
.contact_llt {
font-size:14px;
line-height:1.6
}
.about_rt .about_h5 {
font-size:16px
}
#container .about_center, .about_rt, .adv_p {
font-size:12px;
line-height:1.8
}
}




/*new about*/


#banner_page {
			position: relative;
		}

		#banner_page img {
			display: block;
			width: 100%;
			height: auto;
			min-height: 140px;
		}

		#banner_page .justify-content {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 200;
			width: 100%;
			height: 100%;
			color: #fff;
			text-align: center;
		}

		.justify-content {
			margin: 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		}

		.justify-content .h2_title {
			font-size: 38px;
			line-height: 50px;
		}
		#about_page {
			padding: 183px 0 205px;
		}
		
		#about_page *,#about_team *{
			color: #565656;
		}
		
		/* #about_page ul {
			width: 897px;
			margin: 0 auto;
			margin-top: 150px;
			margin-bottom: 80px;
		} */
		
		#about_page li {
			font-size: 17px;
			color: rgba(0, 0, 0, .6);
			float: left;
			padding: 0 35px;
			text-align: center;
		}
		
		#about_page li i {
			color: #e60012;
			font-size: 55px;
			font-family: "GL";
			font-style: normal;
		}
		
		#about_page li span {
			display: block;
			font-size: 14px;
		}
		
		#about_page .aboutimg img {
			width: 100%;
		}
		
		#about_team img{
			display: block;
			width: 100%;
		}
		
		div.c-left {
			float: left;
			width: 40%;
			font-size: 14px;
			line-height: 1.8;
		}
		
		div.c-right {
			float: right;
			width: 51%;
			padding-right: 5%;
			font-size: 14px;
			line-height: 1.8;
		}
		.m300{
			margin-bottom: 300px;
		}
		
		.m40{
			margin-bottom: 40px;
		}
		
		#about_team .h2_title{
			padding: 60px 0;
			font-size: 38px;
			line-height: 50px;
		}
		
		
		.ul-list{
			padding: 60px 0;
		}
		.ul-list ul{
			float: left;
			width: 33.3%;
			padding-right: 2%;
		}
		
		
		@media screen and (max-width:1440px) {
			.justify-content .h2_title {
			    font-size: 30px;
			    line-height: 40px;
			}
		}
		
		
		@media screen and (max-width:1280px) {
			.justify-content .h2_title {
			    font-size: 24px;
			    line-height: 35px;
			}
		}
		
		@media screen and (max-width:1182px) {
			.justify-content .h2_title {
			    font-size: 22px;
			    line-height: 30px;
			}
			#about_page{
				padding: 25px 0;
			}
			#about_page ul {
			    width: 100%;
			    margin: 0 auto;
			    margin-top: 20px;
			    margin-bottom: 20px;
			}
			
			#about_page li {
			    font-size: 15px;
			    width: 50%;
			    margin-bottom: 20px;
				padding: 0 5px;
			}
			
			#about_page li i{
				font-size: 26px;
			}
			
			#about_page li span{
				font-size: 12px;
			}
			
			div.c-right,div.c-left{
				width: 100%;
				padding: 15px 0;
			}
			
			
			.m300,.m40{
				margin-bottom: 25px;
			}
			
			.center{
				width: 100%;
				padding: 0 20px;
			}
			
			.ul-list ul{
				width: 100%;
				margin-bottom: 25px;
			}
			
			#about_team .h2_title {
			    padding: 25px 0;
			    font-size: 20px;
			    line-height: 30px;
			}
			
			.ul-list{
				padding: 30px 0;
			}
		}
		
		
		
		/*新关于我们*/
		#about_page .about_left{
			float: left;
			width: 340px;
		}
		
		#about_page ul{
			width: unset;
			margin: unset;
		}
		
		#about_page li {
		    font-size: 17px;
		    color: rgba(0, 0, 0, .6);
		    float: left;
		    padding: 0;
		    text-align: left;
		    float: left;
		    width: 106px;
			height: 75px;
			margin-top: 75px;
		}
		
		#about_page li:nth-child(1),
		#about_page li:nth-child(2){
			margin-top: 0;
		}
		
		#about_page li:nth-child(1),
		#about_page li:nth-child(3){
			margin-right: 50px;
		}
		
		#about_page li i{
			font-size: 30px;
			font-family: "OR";
		}
		
		#about_page .about_rt{
			float: right;
			width: 570px;
		}
		
		#about_page .about_rt .rt-tit .p1{
			font-size:47px;    
			line-height: 50px;
		}
		
		#about_page .about_rt .rt-tit .p2{
			font-size:31px;
			margin-bottom: 70px;
		}
		
		* .top-cate{
			font-size: 36px;
			text-align: center;
			margin-bottom: 75px;
			font-family: "GL";
			line-height: 40px;
			padding: 0 20px;
		}
		
		* .top-cate p{
			font-size: 24px;
			font-family: "OR";
		}
		
		
		@media screen and (max-width:1440px) {
			#about_page .about_rt .rt-tit .p1{
				font-size:36px;
			line-height: 36px;
			}
			
			#about_page .about_rt .rt-tit .p2{
				font-size:22px;
				margin-bottom: 70px;
			}
		}
		
		@media screen and (max-width:1182px) {
			
			* .top-cate{
				text-align: left !important;
			}
			
				#about_page .about_left,#about_page .about_rt{
					width: 100%;
				}
				#about_page .about_left{
					margin-bottom: 10px;
				}
				#about_page{
					padding: 30px 0;
				}
				#about_page li{
					width: 50%;
					margin-right: 0 !important;
					margin-top: 25px;
					padding-right: 10px;
				}
				* .top-cate {
				    font-size: 28px;
				    margin-bottom: 25px !important;
				    line-height: 30px;
				}
				* .top-cate p {
				    font-size: 18px;
				}
				#about_page .about_rt .rt-tit .p1{
					font-size:30px;
				}
				
				#about_page .about_rt .rt-tit .p2{
					font-size:20px;
					margin-bottom: 30px;
				}
				
				
		}
		@media screen and (max-width:600px) {
			
			#about_page li i {
			    font-size: 22px;
			}
			
			#about_page .about_rt .rt-tit .p1{
				font-size:24px;
			line-height: 24px;
			}
			#about_page .about_rt .rt-tit .p2 {
			    font-size: 16px;
			    margin-bottom: 30px;
			}
		}
		
		
		
		
		#about_team .ncenter2{
			padding: 130px 20px 80px;
		}
		#about_team .c-left{
			margin-top: 150px;
		}
		#about_team .c-left img{
			display: block;
			width: 100%;
		}
		
		.ncenter2 {
			width: 100%;
			max-width: 1113px;
			margin: 0 auto;
		}
		
		.top-cate.top-cate2{
			margin-bottom: 64px;
			text-align: left;
			padding: 0 0px;
		}
		
		.c-center .top-cate{
			padding: 0 0;
		}
		
		@media screen and (max-width:1182px) {
			#about_team .c-left{
				display: none;
			}
			#about_team .ncenter2 {
			    padding: 30px 20px 30px;
			}
		}
		
		
		
		#brand_logic{
			padding: 130px 0 140px;
		}
		.ncenter3{
			width: 100%;
			padding: 0 20px;
			max-width: 1622px;
			margin: 0 auto;
		}
		.ncenter3 .c-center>p {
		    font-size: 16px;
		    line-height: 30px;
		    max-width: 1190px;
		    width: 100%;
		    text-align: center;
		    margin: 0 auto;
		}
		
		@media screen and (max-width:1182px) {
			#brand_logic {
			    padding: 30px 0 30px;
			}
			.ncenter3 .c-center>p{
				font-size: 14px;
				line-height: 28px;
				text-align: left;
			}
		}
		
		
		#brand_box {
			padding-bottom: 100px;
		}
		#brand_box .list-box .list {
		    float: left;
		    width: 23.7%;
		    margin-right: 1.73%;
		    background-color: #fff;
		    padding: 40px 42px;
		    transition: all 0.4s;
		    -webkit-transition: all 0.4s;
		    outline: 1px solid #eee;
			position: relative;
			top: 0;
		}
		
		#brand_box .list-box .list *{
			transition: all 0.4s;
			-webkit-transition: all 0.4s;
		}
		
		#brand_box .list-box .list:nth-child(4){
			margin-right: 0;
		}
		
		#brand_box .list-box .list:hover{
			background-color:#a2a2a2;
			outline: 1px solid #a2a2a2;
			top:-15px;
			box-shadow: 0px 0px 10px 3px #ccc;
		}
		
		#brand_box .list-box .list:hover *{
			color: #fff;
		}
		
		#brand_box .list-box .list .img{
			display: flex;
			width: 100%;
			text-align: center;
		}
		
		#brand_box .list-box .list .img img{
			display: block;
			max-width: 93px;
			margin: 0 auto;
		}
		
		
		#brand_box .list-box .list .img img:nth-child(2){
			display: none;
		}
		
		
		#brand_box .list-box .list:hover .img img:nth-child(1){
			display: none;
		}
		#brand_box .list-box .list:hover .img img:nth-child(2){
			display: block;
		}
		
		
		#brand_box .list-box .list .num{
			font-size: 38px;
			text-align: center;
			line-height: 50px;
			margin: 28px 0 20px;
			font-family: "GL";
		}
		
		#brand_box .list-box .list .tit{
			font-size: 33px;
			text-align: center;
			line-height: 40px;
			color: #4a4a4a;
		}
		
		
		#brand_box .list-box .list .tit b{
			color: #2a2a2a;
		}
		
		#brand_box .list-box .list:hover .tit{
			color: #fff;
		}
		
		#brand_box .list-box .list .des {
		    font-size: 18px;
		    line-height: 20px;
		    text-align: center;
		    color: #282828;
		    margin: 28px 0 33px;
		}
		
		
		#brand_box .list-box .list:hover .des{
			color: #fff;
		}
		
		#brand_box .list-box .list .con{
			font-size: 15px;
			line-height: 30px;
			height: 155px;
			color: #6c6c6c;
		}
		
		
		
		#brand_box .list-box .b_button {
		    display: block;
		    text-align: center;
		    padding: 26px 0;
		    font-size: 24px;
		    margin: 0 auto;
		    border: 1px solid #4a4a4a;
		    margin-top: 100px;
		    transition: all 0.3s;
		    width: 450px;
		    padding-right: 110px;
		    background-image: url(/images/jth.png);
		    background-repeat: no-repeat;
		    background-position: 280px 32px;
		}
		
		
		#brand_box .list-box .b_button:hover{
			color: #fff;
			background-color:#a2a2a2;
			border-color: #a2a2a2;
			background-image: url(/images/jth2.png);
		}
		
		
		#brand_box .list-box .list:hover *{
			color: #fff !important;
		}
		
		
		@media screen and (max-width: 1560px){
			#brand_box .list-box .list .tit {
			    font-size: 28px;
			}
			#brand_box .list-box .list .des {
			    font-size: 16px;
			}
		}
		
		@media screen and (max-width: 1440px){
			
			#brand_box .list-box .list .img {
			    padding: 10px 0;
			}
			
			#brand_box .list-box .list .num {
			    font-size: 30px;
			        line-height: 35px;
			        margin-bottom: 20px;
			}
			
			#brand_box .list-box .list .tit {
			    font-size: 28px;
			}
			#brand_box .list-box .list .des {
			    font-size: 16px;
			    line-height: 25px;
			    margin: 20px 0;
			}
			
			
			#brand_box .list-box .list .con {
			    font-size: 14px;
			}
			
			#brand_box .list-box .list {
			    padding: 15px;
			}
		}
			
		@media screen and (max-width: 1182px){
			#brand_box {
			    padding-bottom: 30px;
			}
			
			#brand_box .list-box .list {
			    width: 49%;
				margin-bottom: 20px;
			}
			#brand_box .list-box .list:nth-child(2n){
			    margin-right:0;
			}
			
			#brand_box .list-box .list .img img {
			    max-width: 70px;
			}
			
			#brand_box .list-box .list .num {
			    font-size: 25px;
			    line-height: 30px;
			    margin-bottom: 15px;
				color: #4a4a4a;
			}
			
			#brand_box .list-box .list .tit {
			    font-size: 25px;
				color: #4a4a4a;
			}
			
			#brand_box .list-box .list .des {
			    font-size: 16px;
			    line-height: 25px;
			    margin: 10px 0;
			    text-align: center;
			}
			
			#brand_box .list-box .list .con {
			    font-size: 13px;
			    line-height: 23px;
			}
			
			#brand_box .list-box .b_button {
			    width: 245px;
			    padding: 25px;
			    font-size: 20px;
			    margin: 0 auto;
			    margin-top: 25px;
			}
			
			#brand_box .list-box {
			    margin-bottom: 0px;
			}
			
		}
		
		@media screen and (max-width: 600px){
			#brand_box .list-box .list {
			    width: 100%;
				margin-right: 0;
			}
			#brand_box .list-box .list .img img {
			    max-width: 60px;
			}
			#brand_box .list-box .list .num {
			    font-size: 20px;
			    line-height: 30px;
			    margin: 5px 0 5px;
			    color: #4a4a4a;
			}
			#brand_box .list-box .list .tit {
			    font-size: 20px;
			}
			#brand_box .list-box .list .des {
			    font-size: 14px;
			    line-height: 20px;
			    margin: 5px 0;
			}
			
			
			#brand_box .list-box .list .con {
			    height: auto;
			}
			
			#brand_box .list-box .b_button {
			    width: 215px;
			    padding: 15px;
			    font-size: 16px;
			    margin-top: 15px;
			}
		}
		
		#cust_about{
			padding: 0px 0 150px;
		}
		#cust_about .ncenter3{
			margin: 0 auto;
		}
		
		#cust_about .ncenter3 .list{
			float: left;
			margin-bottom: 15px;
			width: 10%;
			margin-right: 1.25%;
			display: flex;
			height: 120px;
			justify-content: center;
			align-items: center;
		}
		
		#cust_about .ncenter3 .list:nth-child(9n){
			margin-right: 0;
		}
		
		#cust_about .ncenter3 .list img{
			display: block;
			width: auto;
			margin: 0 auto;
			max-width: 100%;
		}
		
		@media screen and (max-width:1182px) {
			#cust_about {
			    padding: 0px 0 30px;
			}
			#cust_about .ncenter3 .list{
				float: left;
				margin-bottom: 15px;
				width: 18%;
				margin-right: 2.5%;
				height: 50px;
			}
			
			#cust_about .ncenter3 .list:nth-child(9n){
				margin-right: 2.5%;
			}
			
			#cust_about .ncenter3 .list:nth-child(5n){
				margin-right: 0%;
			}
		}
		
		/*新关于我们 end*/