body,html{height: 100%;,margin: 0;padding: 0;}
*{list-style: none;padding: 0;margin: 0;}
#home_wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* head common start */
.head_common{
	width: 90%;
	height: 15%;
	overflow: hidden;
	/* background-color: greenyellow; */
	margin: 0 auto;
	font-family: 'Microsoft YaHei';
}
.head_content{
	width: 100%;
	height: 84%;
	top: 8%;
	position: relative;
}
.head_change{
	position: absolute;
	right: 0;
	top: 0;
}
.head_change>span{
	display: inline-block;
	color: rgb(48,82,145);
	letter-spacing: 2px;
	cursor: pointer;
	font-size: 14px;
	float: left;
}
.img_logo{
	height: 100%;
	position: absolute;
	left: 0;
}
.nav{
	width: 87%;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	position: absolute;
	bottom: 2px;
	right: 0;
	}
.nav li{
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
}

.nav li:hover{
	border-bottom: 1px solid black;
}
.addnav{
	border-bottom: 1px solid black;
}
/* head end */

/*home mid */
.home_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	/* background-color: yellow; */
	position: relative;
	font-family: 'Microsoft YaHei';
}
.home_sw{height: 100%}
/* .mid_img{width: 100%;height:auto;} */
.mid_img{
	background-image: url(../img/index_b.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  background-color: white;
}
.arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  background-color: white;
}
.home_fonts{
	position: absolute;
	width: 90%;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	font-size: 30px;
	font-family:'Microsoft Yahei';
	color: white;
	/* background: yellowgreen; */
}
.home_fonts span{display: block;}
.home_fonts span:nth-of-type(1){margin-left: 0;}
.home_fonts span:nth-of-type(2){margin-left: 187px;}
.home_fonts span:nth-of-type(3){margin-left: 268px;}

/* home mid */

/* contact us  */
.contactus_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	background-image: url(../img/contactus.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	font-family: 'Microsoft YaHei';
}
.contactus_bg{
	position: absolute;
	left: 0;
	width: 30%;
	height: 100%;
	background: rgba(250,250,250,0.2);
}
.contactusfonts{
	width: 90%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.contactus_content{
	/* width: 24%; */
	width: 300px;
	height: 100%;
	display: block;
	margin-top: 10%;
	/* letter-spacing: 1px; */
	font-size: 14px;
	
}
/* contact us end */


/* ourservices mid */
.ourservices_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	position: relative;
/* 	background: greenyellow; */
font-family: 'Microsoft YaHei';
}
.ourservies_bg{
	font-size: 0px;
	width: 100%;

}
.ourservides_items{
	width: 100%;
	margin-top: 5%;
}
.ourservivices_items{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
}
.ourservivices_items li{
	margin: 4px 0;
}
.ourservicesspfonts{
	cursor: pointer;
}
.ourseraddstyle{
	display: inline-block;
	border-bottom: 1px solid black;
	transform: scaleX(1.05);
	transition: 0.3s;
}

.ourservivices_nav{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
}
.ourservivices_nav li{margin: 4px 0;}
.ourservivices_nav li>img{vertical-align: middle;margin-right: 4px;}
.ourservices_back{
	width: 90%;
	
	/* position: absolute; */
	/* bottom: 3%; */
	/* left: 0; */
	/* right: 0; */
	margin: 0 auto;
}
.ourback{width: 5%;float: right;cursor: pointer;}
/* ourservices mid end  */


/* ourcsr mid  */

.ourcsr_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	background-image: url(../img/ourcsr.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	font-family: 'Microsoft YaHei';
}
.ourcsr_bg{
	position: absolute;
	left: 0;
	width: 30%;
	height: 100%;
	background: rgba(250,250,250,0.2);
}
.ourcsrfonts{
	width: 90%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ourcsr_content{
	/* width: 24%; */
	height: 100%;
	display: block;
	margin-top: 10%;
	/* letter-spacing: 1px; */
	font-size: 14px;
    width: 300px;
}
.ourcsr_content >p{
	word-wrap: break-word;
	text-align: left;
	/* text-align:justify; */
	/* white-space:pre-wrap; */
}
/* ourcsr end */


/* ourclient mid */
.ourclient_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	background-image: url(../img/ourclients.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	font-family: 'Microsoft YaHei';
}
.ourclient_bg{
	position: absolute;
	left: 0;
	width: 30%;
	height: 100%;
	background: rgba(220,220,220,0.4);
}
.ourclientfonts{
	width: 90%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
}
.ourclient_content{
	/* width: 24%; */
	height: 100%;
	display: block;
	margin-top: 10%;
	/* letter-spacing: 1px; */
	/* word-break: break-all */
	width: 300px;
	
	
}
.ourclient_content>p{
	word-wrap: break-word;
	text-align: left;
	/* text-align:justify; */
	/* white-space:pre-wrap; */
	 
}
/* ourclient mid end */


/* about us mid */
.aboutus_mid{
	width: 100%;
	height: 81%;
	overflow: hidden;
	background-image: url(../img/aboutus.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	font-family: 'Microsoft YaHei';
}
.aboutfonts_bg{
	position: absolute;
	left: 0;
	width: 30%;
	height: 100%;
	background: rgba(250,250,250,0.3);
}
.aboutfonts{
	width: 90%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
}
.aboutus_content{
	/* width: 24%; */
	width: 300px;
	height: 100%;
	display: block;
	margin-top: 10%;
	/* letter-spacing: 1px; */
	float: left;
}
.aboutus_content>p{
	word-wrap: break-word;
	text-align:justify;
	/* white-space:pre-wrap; */
	
	
}
@font-face{
	 font-family:newfonts;	
	 src:url('./segoesc-2.ttf')
	}
.aboutus_rightcontent{
	display: block;
	float: right;
	margin-top: 4%;
	margin-right: 15px;
	font-size: 25px;
	font-weight: 600;
	
	font-family:'Segoe Script','newfonts';
}
/* about us mid  end*/

/* footer common*/
.footer{
	width: 100%;
	height: 4%;
	display:table;
	background-color: rgb(47,47,47);
}
.footer_content{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 12px;
	letter-spacing: 3px;
        cursor:pointer;
}

/* .isAndroidone{
	margin-left: 95px;
}
.isAndroidtwo{
	margin-left: 134px;
}
.isIosone{
	margin-left: 91px;
}
.isIostwo{
	margin-left: 125px;
} */

/* 媒体查询适配 */


@media screen and (min-width:879px)  and (max-width: 992px) {
	.aboutus_content{
		width: 210px;
		font-size: 12px;
	}
	.contactus_content{
		width: 210px;
		font-size: 12px;
	}
	.ourcsr_content{
		width: 215px;
		font-size: 11px;
	}
	.ourclient_content{
		width: 210px;
		font-size: 12px;
	}
	.head_common{width: 94%;}
	.img_logo {height: 90%;}
	.nav{bottom: 11px;}
	.head_change>span{
		font-size: 12px;
	}
	.home_fonts{
		font-size: 26px;
	}
	.home_fonts span:nth-of-type(2){margin-left: 164px;}
	.home_fonts span:nth-of-type(3){margin-left: 234px;}
	.nav li{
		font-size: 14px;
	}
	.footer_content{
		font-size: 12px;
	}
	.aboutfonts{font-size: 14px;}
	.aboutus_rightcontent{font-size: 20px;}
	/* .ourclientfonts{font-size: 14px;} */
	/* .ourcsr_content{font-size: 14px;} */
	/* .contactus_content{font-size: 14px;} */
	.ourservivices_items{font-size: 14px;}
	.ourservivices_nav{font-size: 14px;}
	
	.ourservides_items{margin-top: 16%;}
}
@media screen and (min-width:779px) and (max-width: 878px) {
	.head_common{width: 96%;}
	.img_logo {height: 86%;}
	.nav{bottom: 18px;}
	.aboutus_content{
		width: 190px;
		font-size: 12px;
	}
	.contactus_content{
		width: 190px;
		font-size: 12px;
	}
	.ourcsr_content{
		width: 190px;
		font-size: 12px;
	}
	.ourclient_content{
		width: 190px;
		font-size: 12px;
	}
	.ourservides_items{margin-top: 16%;}
}
@media screen and (max-width: 778px) {
	.ourservides_items{margin-top: 20%;}
	
	.aboutus_content{
		width: 178px;
		font-size: 11px;
	}
	.contactus_content{
		width: 178px;
		font-size: 11px;
	}
	.ourcsr_content{
		width: 178px;
		font-size: 11px;
	}
	.ourclient_content{
		width: 178px;
		font-size: 11px;
	}
	.head_common{width: 98%;}
	.img_logo {height: 80%;}
	.nav{bottom: 24px;}
	.head_change>span{
		font-size: 8px;
	}
	.home_fonts{
		font-size: 20px;
	}
	.home_fonts span:nth-of-type(2){margin-left: 130px;}
	.home_fonts span:nth-of-type(3){margin-left: 184px;}
	
	.nav li{
		font-size: 10px;
	}
	.footer_content{
		font-size: 8px;
	}
	.aboutfonts{font-size: 12px;}
	.aboutus_rightcontent{font-size: 14px;}
	/* .ourclientfonts{font-size: 12px;} */
	/* .ourcsr_content{font-size: 12px;} */
	/* .contactus_content{font-size: 12px;} */
	.ourservivices_items{font-size: 12px;}
	.ourservivices_nav{font-size: 12px;}
}

@media screen and (max-width: 740px) {
	.img_logo {height: 76%;}
	.nav{bottom: 28px;}
	
	.ourservides_items{margin-top: 18%;}
	
	.aboutus_content{
		width: 22%;
		font-size: 8px;
	}
	.contactus_content{
		width: 22%;
		font-size: 8px;
	}
	.ourcsr_content{
		width: 22%;
		font-size: 8px;
	}
	.ourclient_content{
		width: 22%;
		font-size: 8px;
	}
	
}

@media screen and (max-width: 682px) {
	.head_common{
		width: 98%;
		height: 5%;
	}
	.img_logo {height: 94%;}
	.nav{
		bottom: 1px;
		}
	.head_change>span{
		font-size: 6px;
	}
	.home_fonts{
		font-size: 16px;
	}
    	.home_fonts span:nth-of-type(2){margin-left: 100px;}
    	.home_fonts span:nth-of-type(3){margin-left: 143px;}
 
	.nav li{
		font-size: 6px;
	}
	.footer{height: 5%;}
	.footer_content{
		font-size: 6px;
	}
	
	.ourservivices_nav li>img{width: 10px;}
	
	
	.aboutfonts{font-size: 9px;}
	.ourclientfonts{font-size: 9px;}
	/* .ourcsr_content{font-size: 9px;} */
	.contactus_content{font-size: 9px;}
	.ourservivices_items{font-size: 9px;}
	.ourservivices_nav{font-size: 9px;}
	
	.ourservices_mid{height: 90%;}
	.ourcsr_mid{height: 90%;}
	.ourclient_mid{height: 90%;}
	.home_mid{height: 90%;}
	.contactus_mid{height: 90%;}
	.aboutus_mid{height: 90%;}
	
	.aboutfonts_bg{width: 33%;}
	.aboutus_content{width: 28%;}
	
	.ourcsr_bg{width: 33%;}
	.ourcsr_content{width: 28%;}
	
	.ourclient_bg{width: 33%;}
	.ourclient_content{width: 28%;}
	
	.contactus_bg{width: 33%;}
	.contactus_content{width: 28%;}
	
}


@media screen and (min-width: 993px) and (max-width: 1150px) {
	.aboutus_content{
		width: 242px;
		font-size: 13px;
	}
	.contactus_content{
		width: 242px;
		font-size: 13px;
	}
	.ourcsr_content{
		width: 242px;
		font-size: 13px;
	}
	.ourclient_content{
		width: 242px;
		font-size: 13px;
	}
}
@media screen and (min-width:1151px) and (max-width: 1200px){
	.head_common{width: 92%;}
	.img_logo {height: 92%;}
	.nav{bottom: 10px;}
	/* .aboutus_content{width: 22%;} */
	.aboutus_content{
		width: 280px;
	}
	.aboutus_rightcontent{font-size: 30px;}
	.contactus_content{width: 280px;}
	.ourcsr_content{width: 280px;}
	.ourclient_content{width: 280px;}
	.ourservides_items{margin-top: 10%;}
}

@media screen and (min-width:1600px){
	.head_change>span{
		font-size: 16px;
	}
	.home_fonts{
		font-size: 34px;
	}
	.home_fonts span:nth-of-type(2){margin-left: 212px;}
	.home_fonts span:nth-of-type(3){margin-left: 303px;}
	.nav li{
		font-size: 18px;
	}
	.footer_content{
		font-size: 16px;
	}
	
	.aboutus_rightcontent{font-size: 38px;}
	.ourservivices_items{font-size: 28px;}
	.ourservivices_nav{font-size: 24px;}
	.ourservivices_nav li{margin: 8px 0;}
}

@media screen and (min-width:1650px){
	.aboutus_content{width: 350px;}
	.aboutfonts{font-size: 22px;}
	
	.ourclient_content{
		width: 350px;
		font-size: 22px;
	}
	.ourcsr_content{
		width: 350px;
		font-size: 22px;
	}
	.contactus_content{
		width: 350px;
		font-size: 22px;
	}
	
}

@media screen and (min-width:1750px){
	.aboutus_content{width: 400px;}
	.aboutfonts{font-size: 25px;}
	.ourclient_content{
		width: 400px;
		font-size: 25px;
	}
	.ourcsr_content{
		width: 400px;
		font-size: 25px;
	}
	.contactus_content{
		width: 400px;
		font-size: 25px;
	}
	.aboutus_rightcontent{font-size: 40px;}
}
@media screen and (min-width:1850px){
	.aboutus_content{width: 450px;}
	.aboutfonts{font-size: 28px;}
	.ourclient_content{
		width: 450px;
		font-size: 28px;
	}
	.ourcsr_content{
		width: 450px;
		font-size: 28px;
	}
	.contactus_content{
		width: 450px;
		font-size: 28px;
	}
}
@media screen and (min-width:2150px){
	.aboutus_content{width: 500px;}
	.aboutfonts{font-size: 30px;}
	.ourclient_content{
		width: 500px;
		font-size: 30px;
	}
	.ourcsr_content{
		width: 500px;
		font-size: 30px;
	}
	.contactus_content{
		width: 500px;
		font-size: 30px;
	}
	.aboutus_rightcontent{font-size: 42px;}
}
@media screen and (min-width:2500px){
	.aboutus_content{width: 520px;}
	.aboutfonts{font-size: 32px;}
	.ourclient_content{
		width: 520px;
		font-size: 32px;
	}
	.ourcsr_content{
		width: 520px;
		font-size: 32px;
	}
	.contactus_content{
		width: 520px;
		font-size: 32px;
	}
	.aboutus_rightcontent{font-size: 45px;}
}