@charset "utf-8";
/* css document */
@media screen and (max-width: 1220px) {
    .i-news .prev,.i-news .next{
    	width: 20%;
    }
    .i-about .list li{
    	margin: 0 2% 5px;
    	width: 20%;
    }
    .i-about .list li .box{
    	width: auto;
    }
    .i-industries .main-box .link{
    	position: relative;
    	bottom: -30px;
    	padding: 0 30px;
    	width: auto;
    }
    .news-info{
    	width: 60%;
    	padding: 0 4%;
    }
    .i-title p{
    	max-width: 80%;
    }
    footer .footer-top dl{
    	width: 13%;
    	margin-left: 1%;
    }
    .w1200{
    	width: 90%;
    }
    .m1200{
    	min-width: 0;
    }
    .about-overview .bot li{
    	margin-bottom: 10px;
    }
    .about-overview .bot li:nth-child(4) .line{
		display: block;
    }
    .about-banner .text .ico{
    	top: 140px;
    }
    .about-org .box{
    	float: left;
    	width: 40%;
    }
    .about-org .img{
    	width: 100%;
    }
    .about-org .text{
    	width: 55%;
    	margin-left: 5%;
    }
    .about-org .img-list{
    	width: 100%;
    	margin-top: 10px;
    }
    .about-org .img-list img{
    	width: 48%;
    }
    .about-org .img-list img:nth-child(2n){
		margin-left: 2%;
    }
    .about-speech .text{
    	width: 60%;
    }
    .about-speech .img{
    	width: 30%;
    	margin-right: 5%;
    }
    .sales-main{
    	padding-bottom: 30px;
    }
    .sales-main .title{
    	padding: 30px 0 40px;
    }
    .sales-main .list li{
    	width: 50%;
    }
    .news-main .list li{
    	width: 30%;
    	padding-right: 5%;
    }
    .news-main .list li:nth-child(4n){
    	padding-right: 5%;
    }
    .news-main .list li:nth-child(3n){
    	padding-right: 0;
    }
    .news-main .list li .box{
    	width: auto;
    	height:  auto ;
    }
    .news-main .list li .center img{
    	width: 100%;
    	height: auto;
    }
    .product-main li{
    	width: 32%;
    	page-break-after: 2%;
    }
    .product-main li .bot .title h4{
		font-size: 20px;
	}
	.product-main li .bot .title p{
		font-size: 14px;
	}
	.product-main li .bot .con a{
		font-size: 14px;
	}
	.product-info .info-box .list li{
		width: 30%;
		padding-right: 5%;
	}
	.product-info .info-box .list li:nth-child(3n){
		padding-right: 0;
	}
	.product-info .info-box .list li .box .img img{
		width: 100%;
		height: auto;
	}
	.product-info .info-box .list li .box .mask h4{
		font-size: 14px;
		line-height: 24px;
	}
	.jobs-idea .img{
		width: 45%;
	}
	.jobs-idea .text{
		width: 48%;
	}
	.jobs-idea .text .p{
		margin-top: 25px;
	}
	.jobs-growing .box{
		width: 45%;
		height:  auto;
	}
	.jobs-join .list li{
		width: 48%;
		padding-right: 2%;
	}
	.jobs-join .list li .box .p{
		height:  auto;
	}
	.jobs-join .list li .box{
		height:  auto ;
	}
	.jobs-join .list li .box .text{
		padding: 20px 25px;
	}
	.social-cause .cause-top .list li{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	.social-cause .cause-top .list li:nth-child(2n){
		margin-right: 0;
	}
	.social-email .info-box .left{
		width: 32%;
	}
	.social-email .info-box .left .box{
		padding: 40px 20px 44px;
	}
	.social-email .info-box .left .box .top{
		padding-bottom: 15px;
	}
	.social-email .info-box .right{
		width: 66%;
	}
	.social-email .info-box .right table td .text{
		width: 90%;
		padding: 10px 5%;
	}
	.social-email .info-box .right table td textarea{
		width: 80%;
		padding: 10px 10%;
	}
	.contact-main .contact-list li{
		width: 32%;
		margin-right: 2%;
		margin-left: 0;
	}
	.contact-main .contact-list li:nth-child(3){
		margin-right: 0;
	}
	.contact-main .contact-list .li2 .text{
		padding-top: 12px;
	}
	.contact-main .contact-list .li3 .text{
		padding-top: 12px;
	}
	.core-main .con{
		width: 80%;
	}
	.core-main .con .list{
		width: 60%;
	}
	.core-main .con .other{
		bottom: -8%;
	}
	.core-main .con .text{
		width: 33%;
	}
	.i-industries .main-box .list li{
		width: 20%;
		padding: 0 2%;
	}
	.about-overview .bot li{
		width: 25%;
	}
}
@media screen and (max-width: 1035px){
	footer .footer-bot p{
		float: left;
	}
	.i-contact li{
		min-width: 40%;
		margin-bottom: 5px;
		padding: 0;
		border-right: 0 none;
	}
	.i-about .list li{
		width: 40%;
		margin: 0 2% 10px;
	}
	.i-industries{
		background: rgba(0,0,0,0.2);
	}
	header .menu-slide .list dl{
		margin: 0 33px 6.6%;
	}
	.news-info{
    	width: 100%;
    	padding: 0 0;
    }
	.news-side{
		display: none;
	}
}
@media screen and (max-width: 930px){
	.social-email .info-box .right table td{
		width: 100%;
		padding-right: 0;
		display: block;
	}
	.i-banner li h3{
		display: none;
	}
	.social-email .info-box .right table td textarea{
		width: 90%;
		padding: 10px 5%; 
	}
	.contact-main .contact-list li{
		width: 100%;
		margin: 0 0 10px;
	}
	.core-main .con .other .img a{
		width: 30%;
		margin-right: 3%;
		height: auto;
	}
	.core-main .con .other .img a img{
		height: auto;
		width: 100%;
	}
	.i-industries .main-box .link a img{
		display: none;
    }
    .i-industries .main-box .link a span{
    	display: inline;
    }
}
@media screen and (max-width: 767px) {
	#fp-nav{
		width: 10px !important;
		right: 7px !important;
	}
	.core-main .con .text .p .ps-scrollbar-y-rail{
	  display: block;
	  background: #eee;
	  opacity: 0;
	}
	.core-main .con .text .link-box a{
		border-color: #0171da;
		color: #0171da;
	}
	.core-main .con .text .link-box a i{
		border-color: #0171da transparent transparent;
	}
	.core-main .con .text .link-box a.cur{
		background: #0171da;
		color: #fff;
	}
	#fp-nav ul li, .fp-slidesnav ul li{
		width: 10px !important;
	}
	.social-care .list .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.i-contact li h4{
		font-weight: bold;
	}
	.news-info .bot .back{
		position: relative;
		top: 5px;
		right: 0;
		display: block;
	}
	.i-banner .ul1{
		display: none;
	}
	.i-banner .ul2{
		display: block;
	}
    .i-news .prev,.i-news .next{
    	display: none;
    }
    .i-title h3{
    	font-size: 14px;
    }
    .i-title h2{
    	font-size: 16px;
    }
    .i-title p{
    	font-size: 12px;
    }
    header.cur{
    	height: 46px;
    }
    header h1{
    	left: 18px;
    	top: 12px;
    	width: 98px;
    	height: 22px;
    }
    header h1 img{
    	width: 98px;
    	height: 22px;
    }
    header .menu-slide{
    	padding-top: 55px;
    }
    header .menu-slide .list{
    	padding: 0 15px;
    }
    header .menu-slide .list dl{
    	display: block;
    	margin: 0 0 6.6%;
    	width: 100%;
    }
    header .menu-slide .list dt{
    	font-size: 18px;
    	line-height: 28px;
    	padding: 5px 0;
    	border-bottom: 1px solid #1e5eb5;
    	background: url(/uploads/image/swimg/x_down.png) no-repeat right center;
    	background-size: 15px 8px;
    }
    header .menu-slide .list dd{
    	display: none;
    	padding: 7px 0;
    }
    footer{
    	display: none;
    }
    .phone-footer{
    	display: block;
    }
    .menu-push{
    	top: 7px;
    	right: 18px;
    	transform: scale(0.8);
    }
    header .home-btn{
    	top: 11px;
    	/*right: 60px;*/
    	right: 114px;
    }
    header .langage-box{
    	top: 13px;
    	right: 74px;
    }
    .i-contact li{
    	border-right: 0 none;
    	width: 80%;
    	padding: 0 20px;
    }
    .i-contact li p{
    	font-size: 14px;
    	line-height: 24px;
    }
    .i-contact li h4{
    	font-size: 14px;
    	line-height: 24px;
    	background-size: 12px 10px !important;
    	background-position: 8px 6px !important;
    }
    .i-contact .link a{
    	height: 45px;
    	line-height: 45px;
    	margin-bottom: 5px;
    	font-size: 14px;
    	background-size: 15px 15px !important;
    	width: 60%;
    }
    .i-contact .link a i{
    	background-size: 6px 12px !important;
    }
    .i-news .more{
    	width: 160px;
    	height: 22px;
    	line-height: 22px;
    	font-size: 12px;
    }
    .i-news .main-box{
    	height:  auto;
    }
    .i-industries .main-box .list{
    	padding: 0 20px;
    }
    .i-industries .main-box .list li{
		/*height: 60px;*/
		/*background: #fff;*/
		width: 48%;
		padding: 10px 0 15px;
		/*margin: 0 0 5px;*/
		margin: 0;
		height: auto;
		vertical-align: top;
    }
    .i-industries .main-box .list .li1{
    	border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .i-industries .main-box .list .li2{
    	border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .i-industries .main-box .list .li2::after{
    	display: none;
    }
    .i-industries .main-box .list li .box{
    	padding: 0;
    	position: relative;
    	text-align: center;
    	width: 100%;
    	top: auto;
    	right: auto;
    	left: auto;
    	bottom: auto;
    	display: block;
    	height: 100%;
    }
    .i-industries .main-box .list li .bg{
		display: none;
    }
    .i-industries .main-box .list li i{
		width: 40px;
		height: 40px;
		background-size: 40px 40px !important;
		margin: 10px auto;
    }
	.i-industries .main-box .list li h3{
		font-size: 14px;
		margin-top: 5px;
		font-weight: bold;
	}
	.i-industries .main-box .list li h4{
		font-size: 12px;
	}
	.i-industries .main-box .list li h5{
		font-size: 12px;
		margin-top: 0;
	}
	.i-industries .main-box .list li::after{
		height: 100%;
		top: 0;
	}
	.i-about .list li{
		width: 80%;
		margin: 0 10% 5px;
	}
	.i-about .list li .box{
		padding-top: 5px;
		padding-left: 9px;
		height: 50px;
	}
	.i-about .list li .box i{
		margin: 5px 5px 0 0;
		float: right;
	}
	.i-about .list li .box h3{
		font-size: 14px;
		line-height: 24px;
	}
	.about-overview .bot li:nth-child(3) .line{
		display: none;
	}
	.about-banner{
		height: 250px;
		text-align: center;
	}
	.about-banner .banner-bg{
		height: 100%;
		width: auto;
		display: none;
	}
	.about-banner .text h2{
		font-size: 20px;
		line-height: 30px;
	}
	.about-banner .text h3{
		font-size: 16px;
		line-height: 26px;
	}
	.about-overview{
		padding: 20px 0 24px;
	}
	.about-overview .top h3{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.about-overview .bot{
		margin-top: 20px;
	}
	.about-overview .bot li{
		width: 49%;
	}
	.about-overview .bot li .line{
		display: none !important;
	}
	.about-overview .bot li h4{
		font-size: 24px;
		line-height: 30px;
	}
	.about-overview .bot li h4 sup{
		vertical-align: 0;
	}
	.about-banner .text .ico{
		width: 27px;
		height: 27px;
		background-size: 27px 27px;
		top: 60px;
		margin-left: -13px;
	}
	.about-org .box{
		float: none;
		width: 100%;
	}
	.about-org .img{
		float: none;
		width: 100%;
	}
	.about-org .img-list{
		width: 100%;
	}
	.about-org .text{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.about-org{
		padding: 30px 0 43px;
	}
	.about-speech{
		padding: 30px 0 25px;
	}
	.about-speech .img{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	.about-speech .text{
		width: 100%;
	}
	.about-speech .text h3{
		font-size: 20px;
		line-height: 1.5;
	}
	.about-speech .text h4{
		font-size: 16px;
		line-height: 1.5;
		margin: 5px 0;
	}
	.about-speech .text .line{
		margin: 15px 0;
	}
	.about-history .top{
		padding: 32px 0 20px;
	}
	.about-history .top h3{
		font-size: 24px;
		line-height: 34px;
	}
	.about-history .bot{
		padding: 30px 0 24px;
	}
	.sales-main .list li{
		width: 100%;
		border-bottom: 1px solid #efefef;
	}
	.sales-main .list li .line{
		display: none;
	}
	.sales-main .list li .box{
		padding: 20px 0 25px;
		height:  auto ;
	}
	.sales-main .list li:hover .btn{
		display: none;
	}
	.news-main{
		padding: 20px 0 40px;
	}
	.news-main .list{
		margin-top: 21px;
	}
	.news-main .list li{
		float: none;
		width: 100%;
		padding: 0 0 16px;
	}
	.news-main .list li .box{
		width: 100%;
		margin: 0 auto 0;
		box-sizing:border-box;
	}
	.news-main .list li .center{
		height:  auto;
	}
	.news-main .choose a{
		margin: 0 0px 5px;
		width: 25%;
		box-sizing:border-box;
		font-size: 14px;
	}
	.news-info .top h3{
		font-size: 18px;
		line-height: 28px;
	}
	.news-info .bot p em{
		display: none;
	}
	.product-main li{
		width: 100%;
		padding-right: 0;
	}
	.product-main li{
		margin-bottom: 10px;
	}
	.product-info .info-box .list li{
		width: 100%;
		padding-right: 0;
	}
	.product-info .info-box .list li .box .mask{
		position: relative;
		height: auto;
		overflow: visible !important;
		max-height: auto;
		display: block;
	}
	.product-info .info-box .title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.product-info .info-box .title .more{
		height: 28px;
		line-height: 28px;
	}
	.jobs-idea{
		padding-top: 30px;
	}
	.jobs-idea .w1200{
		padding-bottom: 30px;
	}
	.jobs-idea .text{
		width: 100%;
		margin-bottom: 20px;
	}
	.jobs-idea .img{
		width: 100%;
	}
	.jobs-idea .text h3{
		font-size: 20px;
		line-height: 30px;
	}
	.jobs-idea .text h4{
		font-size: 16px;
	}
	.jobs-idea .text .p{
		margin-top: 10px;
		font-size: 13px;
		line-height: 22px;
	}
	.jobs-growing{
		height:  auto ;
		padding: 30px 0 40px;
	}
	.jobs-growing .box{
		width: 100%;
		margin-bottom: 10px;
	}
	.jobs-growing .title{
		margin-bottom: 25px;
	}
	.jobs-growing .title h3{
		font-size: 24px;
		line-height: 34px;
	}
	.jobs-growing .box .con{
		padding: 20px 22px;
	}
	.jobs-growing .box .p{
		overflow: visible;
		height: auto;
	}
	.jobs-join{
		padding-bottom: 40px;
	}
	.jobs-join .list li{
		width: 100%;
		padding-right: 0;
	}
	.jobs-join .title{
		padding: 35px 0 25px;
	}
	.jobs-join .title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.jobs-join .list li .box h4{
		font-size: 18px;
		line-height: 28px;
	}
	.jobs-join .page{
		margin-top: 0;
	}
	.social-cause .cause-top{
		padding: 20px 0 35px;
	}
	.social-cause .cause-top .title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.social-cause .cause-top .title p{
		margin-top: 13px;
	}
	.social-cause .cause-top .list{
		margin-top: 30px;
	}
	.social-cause .cause-top .list li{
		width: 100%;
		margin-right: 0;
	}
	.social-cause .cause-top .list li p{
		min-height: 0;
	}
	.social-cause .cause-top .list li .box{
		padding: 15px 20px;
	}
	.social-cause .cause-bot .list li{
		width: 300px;
	}
	.social-cause .cause-bot .list li img{
		width: 100%;
		height: auto;
	}
	.social-cause .cause-bot .list li .text{
		padding: 15px 15px 10px;
	}
	.social-cause .cause-bot .list li .text p{
		height:  auto;
	}
	.social-cause .cause-bot .list li .text em{
		left: 15px;
		bottom: 10px;
	}
	.social-cause .cause-bot{
		padding: 39px 0 32px;
	}
	.social-cause .cause-bot .list{
		padding-bottom: 20px;
	}
	.social-care{
		padding: 20px 0 30px;
	}
	.social-care .title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.social-care .title .p{
		margin-top: 10px;
	}
	.social-care .title .btn{
		margin-top: 10px;
	}
	.social-care .list{
		margin-top: 20px;
	}
	.social-care .list .swiper-slide .box{
		margin-bottom: 20px;
	}
	.social-email{
		padding: 30px 0 40px;
	}
	.social-email .title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.social-email .title p{
		margin-top: 10px;
	}
	.social-email .info-box .left{
		width: 100%;
	}
	.social-email .title{
		margin-bottom: 30px;
	}
	.social-email .info-box .left .box{
		padding: 20px 10px;
	}
	.social-email .info-box .right{
		width: 100%;
	}
	.social-email .info-box .right .box{
		padding: 20px 10px;
	}
	.social-email .info-box .right table td .text{
		font-size: 14px;
	}
	.social-email .info-box .right table td textarea{
		font-size: 14px;
	}
	.contact-main{
		padding-top: 60px;
	}
	.contact-main .title h2{
		font-size: 24px;
		line-height: 34px;
	}
	.contact-main .title p{
		font-size: 22px;
		line-height: 30px;
	}
	.contact-main .contact-list{
		margin-top: 20px;
	}
	.contact-main .contact-list{
		padding-bottom: 40px
	}
	.core-nav .w1200{
		width: 100%;
	}
	.core-nav .list li{
		height: auto;
	}
	.core-nav .list li .box{
		padding-top: 5px;
		height: auto ;
	}
	.core-nav .list li .box img{
		width: 50%;
		height: auto ;
	}
	.core-nav .list li p{
		margin-top: 0;
		padding: 5px 0;
		font-size: 12px;
	}
	.core-main{
		padding: 20px 0 30px;
		background: none;
	}
	.core-main .title{
		padding-left: 0;
		text-align: center;
		margin-bottom: 13px;
	}
	.core-main .title h2{
		font-size: 25px;
		line-height: 35px;
	}
	.core-main .con{
		width: 100%;
		background: none;
		box-shadow:none;
		height:auto;
	}
	.core-main .con .text{
		width: 100%;
		padding: 0;
	}
	.core-main .con .text .line{
		display: none;
	}
	.core-main .con .text .p{
		font-size: 12px;
		color: #666666;
		line-height: 20px;
		height:  auto ;
	}
	.core-main .con .text .btn{
		width: 100%;
		box-shadow: none;
		background: #264ab9 url(/uploads/image/swimg/core_ico2.png) no-repeat 63% center;
		background-size: 8px 8px;
		text-align: center;
		color: #fff;
		text-indent: 0px;
		margin-top: 15px;
		line-height: 30px;
		height: 30px;
		font-size: 12px;
	}
	.core-main .con .list{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 17px;
	}
	.core-main .con .list .btns{
		margin-top: 9px;
	}
	.core-main .con .list .btns span{
		width: 5px;
		height: 5px;
		background: #818182;
	}
	.core-main .con .other{
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.core-main .con .other .line{
		display: none;
	}
	.core-main .con .other h3{
		color: #333;
		font-size: 14px;
		font-weight: normal;
	}
	.core-main .con .other .img{
		margin-top: 10px;
	}
	.core-main .con .other .img a{
		box-shadow: none;
	}
	#fp-nav{
		right: 0;
	}
	.about-logo{
		padding: 35px 0 30px;
	}
	.about-logo .top{
		margin-bottom: 30px;
	}
	.about-logo .top h3{
		font-size: 24px;
		line-height: 34px;
	}
	.about-logo .center{
		padding: 0;
	}
	.about-logo .center .img{
		float: none;
		width: 100%;
		padding-right: 0;
		border-right: 0 none;
		text-align: center;
		margin-bottom: 10px;
	}
	.about-logo .center .text{
		float: none;
		width: 100%;
	}
	.about-logo .bot{
		margin-top: 30px;
	}
	.about-logo .bot img{
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 400px){
	.about-banner{
		height: 200px;
	}
	.i-industries .main-box .link{
		bottom: -10px;
	}
}