/*pad*/
html{
	background: #eee;
}
body{
	background: #fff;
}
img{
	max-width:100%;
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pc-show{
	display: block;
}
.wap-show{
	display: none;
}
/*导航*/
.gh {
	float:right;
	height:24px;
	width:24px;
	margin-right:30px;
	margin-top:23px;
	position:relative;
	transition: all 0.5s;
	cursor:pointer;
	display: none;
}
.gh.selected {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.gh a {
	background-color: #fff;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.5s;
	width: 100%;
}
.gh.red_gh  a{
	background-color: #e03636;
}
.gh a:after, .gh a:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.5s;
	width:100%;
}
.gh.red_gh a:after,.gh.red_gh a:before{
	background-color: #e03636;
}
.gh a:after {
	top:7px;
}
.gh a:before {
	top:-7px;
}

.gh.selected a:after, .gh.selected a:before {
	top: 0; 
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}

@media only screen and (max-width:1000px) {
	.web_all{
		display: none;
	}
	.ipone{
		display: block;
	}
	
	.pc-show{
		display: none;
	}
	.wap-show{
		display: block;
	}
	.gh{
		display: block; float: left; position: absolute; top: 0px; left: 24px; z-index: 99; margin-right: 0;
	}
	body{
		width: 540px; margin: 0 auto;
	}
	.wrapper,.wrapper1{
		width: 540px;
	}
	.header .logo{
		 right: 0; left: auto; padding: 27px 22px 0 0;
	}
	.header .logo img{
		height: 37px; 
	}
	
	.selected .gh{
		
	}
	.selected .gh a:after, .selected .gh a:before {
		background: #fff;
	}
	.selected .gh.red_gh a:after, .selected .gh.red_gh a:before {
		background: #e03636;
	}
	.header .nav{
		
		/*position: fixed; left: 0; right: 0; top: 0; bottom: 0;*/
		position: absolute; width: 540px; left: 50%; margin-left: -270px; top: -500px; background: rgba(0,0,0,0.95); z-index: 99; margin-top: 0 !important; 
		
		transition: all 1s;
	}
	.header.selected .nav{
		top: 0;
	}
	.header .nav ul{
		margin-top: 70px;
	}
	.header .nav li{
		display: block; clear: both; text-align: center;  width: 100%; line-height: 83px;  margin: 0; padding: 0; border-bottom: 1px solid #262727;
	}
	.header .nav li a{
		color: #fff; font-size: 22px;
	}
	.header1 .nav li.selected, .header1 .nav li:hover{
		/*border-bottom: 0;*/border-bottom: 1px solid #262727;
	}
	.header .nav li.selected a, .header .nav li:hover a{
		color: #f93f74;
	}
	.header .nav li.selected, .header .nav li:hover{
		border-bottom: 1px solid #262727;
	}
	
	
	
	
	
	.wap-header .nav li.wap-show{
	display: none;
}
	/*INVES_WEB_home*/
	.home_page.wrapper{
		width: 540px;
	}
	.home_banner sub{
		width: 190px; height: 113px; margin-left: -95px; margin-top: -56.5px;
	}
	.home_banner .img{
		height: 307px;
	}
	.home_h2{
		font-size: 2.0rem;
	    margin-top: 75px;
	    font-weight: bold;
	}
	.home_fwxm .imgs{
		padding: 0 70px;margin-top:45px; margin-bottom: 70px;
	}
	.home_fwxm .imgs ul{
		width: 100%;
	}
	.home_fwxm .imgs li{
		 width: 49%; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; padding-top: 45px;padding-bottom:50px;
	}
	.home_fwxm .imgs li img{
		width: 87.2px; height: 87.2px;
	}
	.home_fwxm .imgs li:first-child{
		padding-top: 0;
	}
	.home_fwxm .imgs li:nth-child(2){
		padding-top: 0; border-right: 0;
	}
	.home_fwxm .imgs li:nth-child(3){
		padding-bottom: 0; border-bottom: 0;
	}
	.home_fwxm .imgs li:nth-child(4){
		border-bottom: 0;border-right: 0;padding-bottom: 0;
	}
	.gb_btn .btn{
		width: 390px;
	}
	.gb_btn .tip{
		padding-top: 15px;
	}
	.home_js .text{
		padding: 0 20px;
	}
	.home_js .hslide{
		height: auto; overflow: hidden; margin-top: 30px; position: relative;
	}
	.home_js .hslide .slide{
		float: left; display: inline;
	}
	/*.home_js .imgs{
		width: 100%;
	}
	.home_js .imgs img{
		width: 100%; height: auto;
	}*/
	.home_khal .imgs_kh{
		margin-top: 45px;
	}
	.home_khal .imgs_kh ul{
		width: 100%;
	}
	.home_khal .imgs_kh li{
		width: 49%; margin-right: 0; /*border-bottom: 1px solid #ececec;*/ margin-bottom: 0; padding:10px 0 ; text-align: center;
	}
	/*.home_khal .imgs_kh li:nth-child(2n){
		border-left: 1px solid #ececec;
	}
	.home_khal .imgs_kh li:first-child,.home_khal .imgs_kh li:nth-child(2){
		border-top: 1px solid #ececec;
	}*/
	.home_h2_al{
		display: block !important; margin-top: 45px;
	}
	.home_khal .imgs_al{
		margin-top: 40px;
	}
	.home_khal .imgs_al ul{
		width: 100%;
	}
	.home_khal .imgs_al li{
		float: none;display: block; width: 100%; margin: 0 0 30px 0;
	}
	.home_khal .imgs_al li h3{
		font-size: 21px; line-height: 1.3;padding-left: 25px;
	}
	.home_khal .imgs_al li h4{
		padding-left: 25px; padding-top: 6px;
	}
	.home_lxwm{
		margin-top: 70px; border-top: 1px solid #ececec; 
	}
	.home_lxwm ul{
		width: 100%;
	}
	.home_lxwm li{
		display: block; clear: both; float: none; width: 100%; margin-top: 100px;
	}
	.home_lxwm li p{
		padding-top: 25px;
	}
	.footer{
		padding-top: 45px;
	}
	.footer .imgs a{
		padding: 0 23px;
	}
	.footer .copyright{
		padding-top: 20px;
	}
	/*INVES_WEB_blog*/
	.header_new{
		height: 70px;
	}
	.header_new .nav li.selected a{
		color: #f93f74;
	}
	.header_new .nav li.selected,.header_new .nav li:hover{
		border-bottom: 1px solid #262727;
	}
	.blog_list{
		margin-top: 0; 
	}
	.blog_list .list{
		margin-bottom: 90px;
	}
	.blog_list .list li{
		margin-bottom: 25px;
	}
	.blog_list .list li .img {
		width: 540px; height: 186px;
	}
	.blog_list .list li .img img{
		width: 540px; 
	}
	.blog_list .list li .tit{
		padding: 10px 0 0 25px;
	}
	.blog_list .list li .tit h2{
		font-size: 26px;
	}
	.blog_list .list li .tit .tip{
		height: 30px; line-height: 30px; margin-top: 15px; margin-right: 25px;
	}
	.blog_list .list li .desc h3{
		display: none;
	}
	.blog_list .list li .desc .time{
		position: static; padding-left: 25px;
	}
	.blog_list .gb_page{
		display: none;
	}
	.blog_list .gb_btn{
		margin-bottom: 100px;
	}
	.blog_detail{
		padding: 20px 20px 0 20px;
	}
	.blog_detail .tit h2{
		font-size: 32px;
	}
	.blog_detail .tit .tip{
		height: 30px; line-height: 30px; margin-top: 15px;
	}
	.blog_detail .desc h3{
		display: none;
	}
	.blog_detail .desc .time{
		position: static; font-size: 18px;
	}
	.blog_detail .btn_sx{
		margin: 70px 0 80px 0;
	}
	.blog_detail .texts{
		font-size: 21px; padding-top: 45px;
	}
	.blog_detail .texts img{
		width: 100%; margin-right: 0;
	}
	.blog_detail .texts .img img{
		margin-bottom: 20px;	
	}
	/*INVES_WEB_case*/
	.case_imgs{
		margin-top: 0; margin-bottom: 55px;
	}
	.case_imgs ul{
		width: 100%;
	}
	.case_imgs li{
		clear: both; float: none; display: block; width: 100%; margin: 0 0 25px 0;
	}
	.case_imgs li h3{
		font-size: 21px; margin-left: 25px;
	}
	.case_imgs li h4{
		margin-left: 25px; font-size: 15px;
	}
	/*INVES_PHONE_case_detail*/
	
	.case_page1{
		padding-top: 190px; height: 570px; position: relative;
		
	}
	.case_page1 .img{
		position: absolute; bottom: 0; display: block; float: none; margin: 0; left: 50%; margin-left: -120px;
	}
	.case_page1 .img img{
		height: 405px;
	}
	.case_page1 .text{
		float: none; display: block; padding-top: 0; text-align: center; position: relative;
	}
	.case_page1 .text img{
		width: 250px;position: absolute; left: 50%; margin-left: -125px;
	}
	.case_page{
		height: 700px;
	}
	.case_page .wrapper{
		width: 435px; 
	}
	.case_h2{
		font-size: 35px; padding-top: 40px; padding-bottom: 15px;
	}
	.case_text{
		font-size: 18px; line-height: 1.6;
	}
	.case_page3{
		background: #eaeaea; position: relative;
	}
	.case_page3 .case_h2,.case_page3 .case_text {
		color: #666;
	}
	.case_page3 .img-slide{
		height: 385px;overflow: hidden; position: absolute; bottom: 0;left: 0; right:0;
	}
	.case_page3 .img-slide .slide{
		float: left; display: inline;  width: 450px; text-align: center;
	}
	.case_page3 .img-slide .slide img{
		height: 385px;
	}
	.case_page10{
		background: url(../imgs/img60.jpg) no-repeat; background-size:cover ;
	}
	.case_page4{ position: relative;}
	.case_page4 .imgs{
		padding-top: 15px;
	}
	.case_page4 .imgs .img2{
		float: none; display: block; margin-top: 0; position: absolute;left: 50%; margin-left: -85px; bottom: 285px;
	}
	.case_page4 .imgs .img2 img{
		height: 140px;
	}
	.case_page4 .imgs .img1{
		float: none; position: absolute; left: 50%; margin-left: -194px;  bottom: 30px;
	}
	.case_page4 .imgs .img1 img{
		height: 222px;
	}
	.case_page4 .imgs .img1.pc-show{
		display: none;
	}
	.case_page4 .imgs .img1.wap-show{
		display: block;
	}
	.case_page5{
		height: 305px;
	}
	.case_page5 .icon_play{
		margin-left: -45px; margin-top: -45px; top: 50%;
	}
	.case_page5 .icon_play img{
		height: 90px; width: 90px;
	}
	.case_page6{
		background: #fff;  position: relative;
	}
	.case_page7{
		background: #eaeaea;
	}
	
	.case_page9{
		height: auto; margin-bottom: 60px;
	}
	.case_page9 .imgs{
		padding-top: 60px; padding-left: 0;
	}
	.case_page9 .imgs ul{
		width: 100%;
	}
	.case_page9 .imgs li img{
		height: 45px;
	}
	.case_page9 .btn_more{
		width: 100%; margin-top: 45px;
	}
	.footer1{
		border-top: 1px solid #eaeaea; padding-bottom: 30px;
	}
	.footer1 .info{
		margin-top: 25px;
	}
	.footer1 .info_left{
		display: none;
	}
	.footer1 .info_right{
		width: 100%; text-align: center;
	}
	.footer1 .copyright{
		 margin: 0;  font-size: 15px;
	}
	/*INVES_WEB_joinus*/
	.joinus_banner{
		margin-top: 0;
	}
	.joinus_list{
		padding: 0 25px; margin-top: 80px;
	}
	.joinus_list ul{
		width: 100%;
	}
	.joinus_list ul li{
		width: 100%; padding: 0; padding-bottom: 90px;
	}
	.joinus_list li .item h3{
		padding-top: 0; line-height: 1.6;
	}
	.joinus_list li .text{
		font-size: 18px;
	}
	.joinus_btn{
		margin: 0 0 70px 0;
	}
	/*INVES_WEB_service*/
	.service_banner{
		margin-top: 0; padding-bottom: 23px;
	}
	.slider-nav__item{
		margin: 0 3px; height: 8px; width: 8px;
	}
	.service_h2{
		padding-top: 50px;
	}
	.service_h2{
		font-size: 25px;
	}
	.service_fwxm .list{
		margin: 60px 135px 0 135px;
	}
	.service_fwxm .list ul{
		width: 100%;
	}
	.service_fwxm .list ul li{
		width: 100%; margin: 0; text-align: center; margin-bottom: 70px;
	}
	.service_fwxm .list ul li:last-child{
		margin-bottom: 20px;
	}
	.service_fwxm .list li .ico{
		margin: 0 auto; width: 100%;
	}
	.service_fwxm .list li .ico h3{
		font-size: 22px;
	}
	.service_fwxm .list ul li dl{
		text-align: left;
	}
	.service_fwxm .list li dd h5{
		font-size: 22px;
	}
	.service_fwxm .list li dd{
		font-size: 20px; min-height: auto; padding-bottom: 20px;
	}
	.service_fwlc .list{
		 margin: 60px 130px 0 130px;
	}
	.service_fwlc .list ul{
		width: 100%;
	}
	.service_fwlc .list ul li{
		width: 100%; padding: 0; margin: 0; margin-bottom: 90px; font-size: 21px;
	}
	.service_fwlc .list ul li.line{
		display: none;
	}
	.service_fwlc .list li h3{
		padding-top: 5px;font-size: 23px;
	}
	.service_fwlc .list li .desc{
		font-size: 22px;
	}
	.service_fwdx .list{
		margin-top: 65px;
	}
	
	.service_fwdx .list li{
		width: 100%; margin-left: 0; text-align: center; margin-bottom: 65px;
	}
	.service_fwdx .list li .ico img{
		display: inline-block;
	}
	.service_fwdx .list li .ico h3{
		display: inline-block; padding: 0 0 0 20px; position: relative; top: -30px; font-size: 23px;
	}
	.service_fwdx .list dl{
		border-bottom:  1px solid #e5e5e5; width: 100%; height: auto; overflow: hidden; margin-top: 30px;
	}
	.service_fwdx .list li dd{
		width: 49%;float: left; display: inline; height: 74px; line-height: 74px; border-top: 1px solid #e5e5e5; font-size: 18px;
	}
	.service_fwdx .list li dd:nth-child(2n){
		border-left: 1px solid #e5e5e5;
	}
	.service_hzhb{
		margin-top: 0;
	}
	.service_hzhb .imgs{
		padding-top: 60px;
	}
	.service_hzhb .imgs ul{
		width: 100%; /*border-top: 1px solid #e5e5e5;*/
	}
	.service_hzhb .imgs li{
		width: 49%;margin: 0; text-align: center; /*border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;*/ padding: 10px 0;
	}
	/*.service_hzhb .imgs li:nth-child(2n){
		border-right: 0;
	}*/
	.td-slide{
		overflow: hidden; height: auto; margin-top: 40px;  position: relative;  padding-bottom: 60px;  text-align: center;
	}
	.td-slide .slide{
		float: left; display: inline; 
	}
	.td-slide .slide img{
		 border: 5px solid #fff;width: 412px;
	}
	.td-slide .slider__nav-item{
		border: 0; background: #bebebe; width: 12px; height: 12px; margin: 0 6px;
	}
	.td-slide .slider__nav-item--current{
		background: #666666;
	}
	
	.ydy-slide{
		height: 417px;overflow: hidden; position: absolute; bottom: 0;left: 0; right:0;margin-top: 23px; 
	}
	.ydy-slide .slide{
		float: left; display: inline;text-align: center;
	}
	.ydy-slide .slide img{
		height: 417px;
	}
	.ydy-slide .slider__arrows-item{
		background:url(../imgs/img44.png) no-repeat;background-size:cover ;
	}
	.ydy-slide .slider__arrows-item--left{
		background:url(../imgs/img43.png) no-repeat;background-size:cover ;
	}
	
	.cx-slide{
		height:386.5px;overflow: hidden; position: absolute; bottom: 0;left: 0; right:0;margin-top: 23px; 
	}
	.cx-slide .slide{
		float: left; display: inline;text-align: center;
	}
	.cx-slide .slide img{
		height: 386.5px;
	}
}