@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}



@media only screen and (min-width: 1200px){
	
}
/** max-width:1440 **/
@media only screen and (max-width: 1440px){
	.footer5 {
	    float: left;
	    margin-left: 60px;
	}
	.footer6 a {
	    margin-left: 32px;
	}
	.nav ul li {
	    margin-right: 32px;
	}
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	
	.header_m{
		display: block;
	}
	.language{
		line-height: 30px;
		margin-right: 16px;
	}
	.banner3 {
	    font-size: 20px;
	}
	.banner4 {
	    font-size: 12px;
	    margin-top: 0px;
	}
	.banner5 {
	    margin-top: 8px;
	}
	.banner5 a {
	    width: 140px;
	    height: 36px;
	    border-radius: 18px;
	    line-height: 36px;
	    font-size: 14px;
	}
	.banner2{
		min-width: 80%;
	}
	.banner .swiper-pagination {
	    bottom: 10px;
	}
	.banner .swiper-pagination-bullet {
	    width: 6px;
	    height: 6px;
	    border-radius: 3px;
	}
	.banner .swiper-pagination-bullet-active {
	    width: 16px;
	}
	.product {
	    margin-top: 36px;
	}
	.product2 {
	    font-size: 18px;
	}
	.product3 ul li {
	    width: 49%;
	    margin-top: 20px;
		padding-bottom: 0;
	}
	.product3 ul li:nth-child(3n) {
	    margin-right: 2%;
	}
	.product3 ul li:nth-child(2n) {
	    margin-right: 0;
	}
	.product5{
		font-size: 14px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.product7{
		padding: 0;
		height: auto;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.more {
	    margin-top: 25px;
	}
	.app {
	    padding: 30px 0;
	    margin-top: 35px;
	}
	.app2 ul li{
		margin-right: 2%;
		width: 32%;
		margin-top: 15px;
	}
	.app2 ul li:nth-child(5n){
		margin-right: 2%;
	}
	.app2 ul li:nth-child(3n){
		margin-right: 0;
	}
	.case {
	    margin-top: 30px;
	}
	.case2 {
	    margin-top: 0;
	}
	.case2 ul li{
		width: 49%;
	    margin-top: 15px;
	}
	.case2 ul li:nth-child(3n){
		margin-right: 2%;
	}
	.case2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.case4 {
	    padding: 14px 10px 16px;
	}
	.contact {
	    margin-top: 50px;
	}
	.contact2 {
	    font-size: 14px;
	}
	.contact3{
		margin-top: 0;
	}
	.contact4{
		margin-top: 30px;
	}
	.contact4a {
	    font-size: 16px;
	}
	.contact4b {
	    font-size: 14px;
	}
	.contact4b span {
	    font-size: 20px;
	}
	.contact4c {
	    font-size: 14px;
	}
	.contact4d {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.contact5{
		width: 100%;
		margin-top: 20px;
		height: 300px;
	}
	.footer5{
		margin-left: 0;
	}
	.footer6 a{
		margin-left: 0;
		margin-right: 12px;
	}
	.inner_banner img{
		height: 200px;
	}
	.inner_banner2 {
	    font-size: 18px;
	}
	.inner_banner3 {
	    margin: 20px auto 0;
	}
	.ability ul li {
	    width: 50%;
	    padding: 10px;
	}
	.ability2{
		width: 100%;
	}
	.ability2a {
	    font-size: 14px;
	}
	.ability2b {
	    font-size: 12px;
	}
	.ability {
	    margin: -36px auto 0;
	}
	.question {
	    margin-top: 30px;
	}
	.question2 {
	    font-size: 16px;
	}
	.question3 {
	    margin-top: 30px;
	}
	.question4{
		width: 100%;
	}
	.question5{
		width: 100%;
	}
	.question5 ul li span {
	    width: 32px;
	    height: 32px;
	    font-size: 16px;
	    line-height: 32px;
	    margin-right: 9px;
	}
	.question5 ul li {
	    font-size: 16px;
	    line-height: 32px;
	    margin-top: 16px;
	}
	.build {
	    margin-top: 40px;
	}
	.build2{
		font-size: 12px;
		padding: 0 5%;
	}
	.build3{
		margin-top: 30px;
		padding: 20px 0 45px;
	}
	.build5 {
	    position: relative;
	    top: auto;
	    left: auto;
	    width: 100%;
	}
	.build6{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.build7 {
	    font-size: 14px;
	}
	.build8 {
	    margin-top: 0;
	}
	.build8 ul li {
	    width: 100%;
	    font-size: 14px;
	    margin-top: 20px;
	}
	.build8 ul li span {
	    font-size: 20px;
	}
	.site {
	    margin-top: 32px;
	}
	.site2 {
	    margin-top: 0;
	}
	.site2 ul li {
	    width: 49%;
	}
	.site2 ul li:nth-child(3n) {
	    margin-right: 2%;
	}
	.site2 ul li:nth-child(2n) {
	    margin-right: 0;
	}
	.site4 {
	    font-size: 14px;
	    margin-top: 20px;
	}
	.site5 {
	    margin-top: 9px;
	    font-size: 12px;
	}
	.message3 {
	    font-size: 16px;
	    line-height: 32px;
	}
	.message4{
		float: left;
	}
	.message4a {
	    font-size: 16px;
	    line-height: 32px;
	}
	.message4b {
	    font-size: 14px;
	    line-height: 24px;
	}
	.message5 {
	    margin-top: 16px;
	    font-size: 14px;
	}
	.message5 span{
		margin-right: 0;
		display: block;
	}
	.message6a{
		width: 100%;
	}
	.message6b{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.message6c{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.message6d{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.process {
	    padding: 40px 0;
	}
	.process3 {
	    margin-top: 32px;
	}
	.app_main {
	    padding: 30px 0 40px;
	}
	.app_main2 {
	    margin-top: 25px;
	}
	.app_main2 ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.life {
	    margin-top: 30px;
	    padding: 30px 25px 25px;
	}
	.life1 {
	    margin-top: 30px;
	}
	.life1 ul li{
		width: 100%;
		margin-right: 0;
		padding: 0;
		margin-top: 20px;
	}
	.life3 {
	    font-size: 16px;
	    margin-top: 14px;
	}
	.life4 {
	    font-size: 12px;
	    height: auto;
	}
	.custome {
	    padding: 30px 0 15px;
	}
	.custome2 a.on:before{
		width: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
	.custome5{
		width: 100%;
		text-align: center;
	}
	.custome6b2 {
	    font-size: 16px;
	}
	.custome6b2 span {
	    font-size: 14px;
	}
	.custome6b3 {
	    font-size: 12px;
	}
	.custome6b1 {
	    margin-right: 20px;
	}
	.custome7 {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 20px;
	}
	.tool {
	    margin-top: 30px;
	}
	.tool2 ul li{
		width: 100%;
		margin-top: 20px;
	}
	.tool4 {
	    padding: 20px 16px 30px;
	    height: auto;
	}
	.tool4a {
	    font-size: 12px;
	    line-height: 24px;
	}
	.about3{
		width: 100%;
	}
	.about {
	    margin-top: 30px;
	}
	.about4{
		margin-top: 20px;
	}
	.about7{
		margin-right: 15px;
		font-size: 14px;
	}
	.about7 span{
		margin-left: 10px;
	}
	.about5a{
		font-size: 16px;
	}
	.h3_tit01_en{
		margin-left: 10px;
	}
	.inner_contact {
	    margin-bottom: -70px;
	    margin-top: 40px;
	    padding: 40px 0;
	}
	
	.inner_case{
		margin-top: 30px;
	}
	.inner_case2{
		font-size: 16px;
	}
	.inner_case2 a{
		margin: 0 15px;
	}
	.page a {
	    width: 36px;
	    height: 36px;
	    font-size: 14px;
	    line-height: 36px;
	}
	
	
	
	
	
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/