/*body,html {
    position: relative;
    height: 100%;
}*/

.index_bg{
		position: absolute;
		height: 100%;
		/*width:100%;*/
		left: 50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-moz-transform: translate(-50%, 0%);
		-o-transform: translate(-50%, 0%);
	}
.index_bg img{
		height:100%;
	}
    .index_bg .img_pc{display:block;}
    .index_bg .img_m{display:none;}

#bgCanvas{
		position: absolute;
		width: 20.94%;
		top: 10.94%;
		left: 24.31%;
	}
	#bgCanvas1{
		position: absolute;
		width: 34.1%;
		top: 9.2%;
		left: 57.58%;
	}
	
	
.center_zone {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

#banner {
    max-width: 1920px;
    margin: auto;
    width: 100%;
    height: 80%;
    background-color: #ccc;
    position: relative;
}

.swiper-container {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    margin: 0px 10px;
}

.swiper-pagination-bullet-active {
    background:#fff;
    position: relative;
}

.swiper-pagination-bullet-active div{
    background: #d0011f;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
    opacity: 1;
    -ms-transform:scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        transform:scale(0);
    
}
.swiper-pagination-bullet-active div.z_show1{
	-webkit-animation: scal 0.5s linear 0s 1 alternate forwards;
    animation: scal 0.5s linear 0s 1 alternate forwards;
}
.swiper-pagination-bullet-active div.z_show2{
	-webkit-animation: scal 0.5s linear 0.8s 0s 1 alternate forwards;
    animation: scal 0.5s linear 0.8s 0s 1 alternate forwards;
}

/*@-webkit-keyframes 'scal'{*/
/*	from {*/
/*        -ms-transform:scale(0);*/
/*        -moz-transform: scale(0);*/
/*        -webkit-transform: scale(0);*/
/*        transform:scale(0);*/
/*    }*/
/*    to {*/
/*        -ms-transform:scale(1);*/
/*        -moz-transform: scale(1);*/
/*        -webkit-transform: scale(1);*/
/*        transform:scale(1);*/
/*    }*/
/*}*/

.swiper-slide {
    overflow: hidden;
}

.word_box{
	position: absolute;
	top: 18.5%;
	left: 15%;
	z-index: 555;
	width: 80%;
}
p.btword{
	font-size: 46px;
	color: #FFFFFF;
	/*font-weight: bold;*/
}

p.btworden{
	font-size: 22px;
	color: #ffffff;
	font-family: 'shouyezi';
	margin-top: 8px;
}

p.conword{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 26px;
	margin-top: 20px;
	max-width: 466px;
	text-align: justify;
}
a.linkword{
	width: 140px;
	height: 43px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 16px;
	display: block;
	margin-top: 35px;
	position: relative;
	-moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(../images/index/jtbtn1.png) no-repeat 100px 15px;
    text-indent: -22px;
}
a.linkword i{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #e80000;
	z-index: -1;
	-moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.linkword:hover{
	border-color: #e80000;
}
a.linkword:hover i{
	width: 100%;
}

/* .banner0 p.btword{
	color: #000000;
}
.banner0 p.btworden{
	color: #000000;
}
.banner0 p.conword{
	color: #000000;
}
.banner0 a.linkword{border: 1px solid #000000;color: #000000;background: url(../images/index/jtbtn2.png) no-repeat 100px 15px;}
.banner0 a.linkword:hover{
	border-color: #e80000;color: #ffffff;background: url(../images/index/jtbtn1.png) no-repeat 100px 15px;
} */

.swiper-container img {
    height: 100%;
    width: auto;
    position: relative;
}

.swiper-pagination {
    bottom: 30px;
    left: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    z-index: 100;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #e80000;
    margin-right: 8px;
    cursor: pointer;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    position: relative;
}

.swiper-active-switch {
    background-color: #fff;
}

.swiper-container .swiper-span {
    margin: 0 5px;
}

.swiper-span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #e80000;
}

.swiper-point-active {
    opacity: 1;
    background: #fff;
}
.pcblock{
	display: block;
}
.phoneblock{
	display: none;
}

/*about us*/
.about_us {
    width: 100%;
    max-width: 1900px;
    margin: auto;
    background-color: #fff;
    position: relative;
}

.about_bg {
    width: 22%;
    height: 85%;
    position: absolute;
    left: 13%;
    bottom: 0;
    background-size: 100% auto;
}

.about_bg img {
    height: 100%;
    position: absolute;
    bottom: 0;
}

.about_us .about_us_content {
    width: 68%;
    padding-left: 32%;
    padding-bottom: 100px;
}

.about_us .titleBox {
    padding: 90px 0 25px;
}

.about_us h2.title_en, .about_us h2.title_cn {
    text-align: left;
}

.mission{
	font-size: 30px;
	color: #e80000;
	margin-top: 10px;
}
.missioncon{
	font-size: 18px;
	color: #535353;
	margin-top: 20px;
	line-height: 30px;
}
.missioncon span{color: #e80000;font-size: 24px;}


.about_us .detail_con {
    width: 30%;
    float: left;
    padding: 0 1.6%;
}
.about_us .detail_con:first-child {padding-left: 0px;}

.about_us .title_sec {
    color: #050505;
    padding-top: 15px;
}

.font_main {
    color: #535353;
    padding: 20px 0 30px;
}

/*work*/
.work_space {
    background: #1a1a1a;
    background-size: auto 100%;
    position: relative;
    z-index: 3;
overflow: hidden;
}

.work_space .titleBox {
    padding: 240px 0 140px;
}

.work_space .title_en, .work_space .title_cn {
    color: #fff;
}

.work_space .case_parts {
    width: 100%;
    max-width: 1900px;
    margin: auto;
}

.work_space .case_parts .case_detail {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}


.work_space .case_parts .case_detail:hover canvas.canvas {
    opacity: 0;
}

.work_space .case_parts .case_detail canvas.canvas {
    transition: all 0.3s ease;
}


.work_space .case_parts .mobile_case {
    display: none;
}

.work_space .case_detail .detail_btn a {
    display: inline-block;
    margin: 0 10px;
    width: 70px;
}

.work_space .case_detail img {
    width: 100%;
    height: auto;
}
.work_space .case_detail .img_noraml {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
}
.work_space .case_detail .img_light {
    position: relative;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 5;
}
.case_detail .caseMore{border: 1px solid #323232;}

.work_space .detail_shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -33%;
    width: 66%;
    z-index: 10;
}

.work_space .case_word {
    width: 100%;
    position: absolute;
    top: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    z-index: 10;
    text-align: center;
}

.work_space .detail_date {
    color: #fff;
    text-align: center;
}

.work_space .detail_title {
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.work_space .detail_btn {
    text-align: center;
    padding-top: 15px;
    width: 100%;
}
.work_space .case_detail .detail_btn .caseImgBox {
    display: inline-block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: #e80000;
    border-radius: 50%;
}
.work_space .case_detail .detail_btn .caseImgBox img.img_link_hor{
	display: none;
}

@media (min-width: 768px) {
	.work_space .case_detail .detail_btn .caseImgBox:hover {
    background-color: #fff;
	}
	.work_space .case_detail .detail_btn .caseImgBox:hover img.img_link {
	    display: none;
	}
	.work_space .case_detail .detail_btn .caseImgBox:hover img.img_link_hor {
	    display: block;
	}
}


.work_space .detail_btn > div {
    display: inline-block;
}

.work_space .detail_btn p {
    color: #e80000;
    width: 100%;
    text-align: center;
    padding-top: 8px;
    font-weight: bold;
}

.work_space .caseMoreBox {
    position: absolute;
}

/*    */
.solution .center_zone {
    width: 1200px;
}

.solution .titleBox {
    padding: 150px 0 0;
}

.solution h2.title_en, .solution h2.title_cn {
    text-align: left;
}

.solution .solution_detail {
    position: relative;
    height: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 280px;
}
.solution .solution_detail:hover a{color: #e80000;}

.solution .solution_detailTitle {
    padding-bottom: 0.2rem;
    display: none;
}

.solution .solution_detailTitle span {
    color: #e80000;
    font-size: 0.2rem;
    font-weight: bold;
}

.solution .type_cn {
    padding-right: 5px;
}

.solution .type_en {
    font-family: "Arial";
}

.solution .type_en, .solution .type_cn {
   /*  color: #fff; */
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.solution .solution_detail a {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 0;
    font-size: 16px;
    color: #fff;
}

/*.solution .solution_detail span {
    position: relative;
}*/

.solution .soluteTitle {
    height: 55px;
    position: relative;
    cursor: pointer;
    margin: 10px 0 10px 0;
    width: 280px;
    /* opacity: 0.35;
    filter:Alpha(Opacity=35); */
}
.solution .soluteTitle:hover .soluteTitle_line{background-color: #e80000;}
.solution .soluteTitle.solute_clicked{
	opacity: 1;
    filter:Alpha(Opacity=100);
}

.solution .soluteTitle.solute_clicked:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transition: all 0.4s ease;
	 -webkit-transition: all 0.4s ease;
	 -moz-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
}
.solution .soluteTitle.solute_clickedhor .soluteTitle_words {
    color: #e80000;
}

.solution .soluteTitle.solute_clickedhor .soluteTitle_num {
    color: #e80000;
}


.solution .soluteTitle.solute_clickedhor:before {
    background-color: #e80000;
}

.solution .soluteTitle .soluteTitle_words {
    color: #fff;
    line-height: 55px;
}
.solution .soluteTitle:hover .soluteTitle_words{
    color: #e80000;
}
.solution .soluteTitle:hover:before {
    background: url(../images/index/jtsols.png) no-repeat;
}
/*.solution .soluteTitle .soluteTitle_words:hover{color: #e80000;}*/

.solution .soluteTitle .soluteTitle_num {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #e80000;
    display: inline-block;
    float: left;
    line-height: 55px;
    margin-top: 23px;
    margin-right: 8px;
}

.solution .soluteTitle .soluteTitle_line {
    width: 70px;
    position: absolute;
    height: 1px;
    top: 50%;
    left: 65px;
    background-color: #fff;
}
.solution .soluteTitle.solute_clicked .soluteTitle_line {
    background-color: #e80000;
}
.solution .soluteTitle.solute_clickedhor .soluteTitle_line {
    background-color: #e80000;
}
.solution .soluteTitle .soluteTitle_space {
    width: 70px;
    display: inline-block;
    padding: 0 30px;
}

.solution .soluteTitle:before {
    position: absolute;
    left: 110px;
    top: 22px;
    width: 10px;
    height: 14px;
    background: url(../images/index/jtsol.png) no-repeat;
    content: ' ';
}

.solution .solution_detail a:hover span {
    color: #e80000;
}

.solution .solution_content {
    position: relative;
    padding-bottom: 80px;
}
.solutiontitle{
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 30px;
	background: url(../images/index/zticon.jpg) no-repeat 260px 14px;
}
.solutiontitle2:hover{background: url(../images/index/zticons.jpg) no-repeat 260px 14px;color: #e80000;}
.solutiontitle2:hover a{
	color: #e80000;
}
.solutiontitle a{
	color: #FFFFFF;
}

.clickred{
	color: #e80000;
}
.numSize{
	font-size: 48px;
	line-height: 30px;
	font-family: arial;
}
.solution .solution_left {
    display: block;
    overflow: hidden;
}

.solution .solution_left ,.solution .solution_right  {
     transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
 }
 
.solution .solution_right {
    height: 0;
    overflow: hidden;
}

.jtbox{
	position: absolute;
    left: 265px;
    top: 0;
    height: 20px;
}
.jtbox .topline{
	width: 10px;
	height: 1px;
	background-color: #4f4f4f;
	display: inline-block;
    position: absolute;
    top: 15px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.jtbox .midline{
	width: 10px;
	height: 0px;
	display: inline-block;
	position: absolute;
    top: 15px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.jtbox .bomline{
	width: 10px;
	height: 1px;
	background-color: #4f4f4f;
	display: inline-block;
    position: absolute;
    top: 16px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.solution .solution_detail:hover .topline{
	width: 8px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 5px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.solution .solution_detail:hover .midline{
	width: 12px;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0px;
    background-color: #fff;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.solution .solution_detail:hover .bomline{
	width: 8px;
    height: 1px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 5px;
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*news*/
.news {
    background-color: #e80000;
    padding-bottom: 80px;
}

.news .slideBox {
    width: 104%;
    margin-left: -2%;
    position: relative;

}

.news .titleBox {
    text-align: center;
    padding: 60px 0 80px;
}

.news h2 {
    color: #fff;
    display: inline-block;
}

.news h2.title_cn {
	position:relative;
	top: -3px;
}

.optionbox{
	text-align: center;
}
.xwulbox{
	display: inline-block;
}
.xwulbox .xwli{
	float: left;
	width: 160px;
	height: 45px;
	border: 1px solid;
	border-color: rgba(255,255,255,0.35);
	text-align: center;
	line-height: 45px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
}
.xwulbox .xwli:hover{
	background-color: #fff;
	border-color: rgba(255,255,255,1);
	color: #E80000;
}
.xwulbox .click_xwli{
	background-color: #fff;
	border-color: rgba(255,255,255,1);
	color: #E80000;
}

.news .news_detail {
    width: 30%;
    margin: 0 1.5% 20px 1.5%;
    float: left;
}

.news .new_imgBox, .news .new_content {
    width: 100%;
    float: left;
}

.news .new_imgBox {
    overflow: hidden;
    position: relative;
}

.news .new_content {
    position: relative;
    width: 88%;
    padding: 25px 6% 10px 6%;
}

.news .detail_btn {
    padding-bottom: 20px;
}

.news .new_imgBox {
    overflow: hidden;
    position: relative;
}

.news .details_con {
    /*height: 70px;*/
    height: 75px;
    overflow: hidden;
    color: #fff;
}
.detail_btn_news {
    margin: 30px 0px 20px 0;
    display: inline-block;
}

.new_imgBox .img_light {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.news .news_detail:hover .img_normal {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.news .news_detail:hover .new_content {
    background-color: #fff;
}

.news .news_detail:hover .font_news_title, .news .news_detail:hover .details_con {
    color: #000;
}

.news .news_detail:hover i {
    background-position: -25px 0;
}

.news .news_detail:hover span {
    color: #000;
}



.news .news_detail:hover .img_light {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.news .new_imgBox img {
    width: 100%;
    height: auto;
}
.news .new_imgBox img {
    width: 100%;
    height: 100%;
}
.news a.caseMore span.words {
    color: #000;
}
.news a.caseMore:hover span {
    color: #e80000;
}
.news a.caseMore:hover {
    border-color: #e80000;
}
.news a.caseMore i{
	background-color:#FFFFFF;
}

.news .caseMoreBox {
    padding: 60px 0 20px 0;
}
/*--------xian wen----------------*/
.xwconbox{
	width: 1320px;
	margin: auto;
}
.xwbyoneshow{
	width: 100%;
	margin-top: 50px;
}
.xwtheone{
	display: none;
}
.xwoneli{
	width: 310px;
	height: 365px;
	margin: 0px 10px;
	margin-bottom: 20px;
	float: left;
	position: relative;
}
.xwoneli .trans{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.xwoneli img{width: 100%;position: absolute;top: 0px;left: 0px;min-height: 240px;    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.xwoneli .new_az{display: block;width: 100%;height: 240px;overflow: hidden;position: relative;}
.xwoneli .new_imgs{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.xwoneli .new_imgh{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
/*.xwoneli:hover .new_imgs{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}*/
.xwoneli:hover img.new_imgh{/*filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1; */transform: scale(1.03);-ms-transform: scale(1.03);-webkit-transform: scale(1.03);}
.xwoneli:hover .con_conliimg img{transform: scale(1.03);-ms-transform: scale(1.03);-webkit-transform: scale(1.03);}



.wximgone{
	width: 310px;
	/*height: 210px;*/
}
.xwconword{
	width: 270px;
	height: 125px;
	background-color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 15px 20px;
}
.xwtime{
	font-size: 14px;
	color: #000000;
}
.xwtitle{
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #0d0d0d;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.xwconword .details_con{
    color: #272727;
    height: 40px;
    line-height: 20px;
}
.xwconword .detail_btn{
	padding: 0;
}
a.xwmorebtn{
	display: inline-block;
	width: 50px;
	height: 18px;
	margin-top: 10px;
	/*visibility: hidden;*/
}
a.xwmorebtn span{
	display: inline-block;
    line-height: 18px;
}
a.xwmorebtn i{
	background: url(../images/index/jtmore.png) no-repeat;
    display: inline-block;
    width: 11px;
    height: 10px;
}
/*.xwoneli:hover .xwconword{
    height: 155px;	
}*/
/*.xwoneli:hover a.xwmorebtn{
    visibility: visible;
}*/
.xwoneli:hover .xwtitle{
    color: #050505;
}
@media (max-width: 1500px) {
	.xwconword .details_con{
		    height: 40px;
	}
}

@media (max-width: 1400px) {
    /*font*/
    .about_us h2.title_en, .about_us h2.title_cn {
        text-align: center;
    }

    .about_us .titleBox {
        padding-top: 40px;
    }

    .about_us .about_us_content {
        width: 100%;
        padding-left: 0;
    }

    .about_bg {
        display: none;
    }

    /**/
    .titleBox {
        padding: 120px 0 50px;
    }

    .work_space .detail_title {
        padding: 10px 0;
        font-size: 25px;
    }

    .work_space span.lineFore, .work_space span.lineBack {
        height: 34px;
    }

    /* */
    .solution .titleBox {
        padding: 130px 0 0;
    }

    /* */
    .news .titleBox {
        padding: 60px 5px 40px;
    }
}

@media (max-width: 767px) {
	.news h2.title_cn {
	position:inherit;
	top: 0px;
}
    .solution .solution_left {
        width: 40%;
  		float: left;
  		padding-left: 10%;
        margin-top: 0.2rem;
    }
    .solutiontitle{
    	float: left;
    	margin-top: 0.3rem;
    }

    .solution_content span.type_en {
        display: none;
    }

    .solution h2.title_en {
        text-align: center;
    }

    .solution h2.title_cn {
        text-align: center;
    }

    .solution_content .solution_detail {
        text-align: left;
    }

    .solution_content .solution_detail a {
        text-align: left;
    }

    .solution .solution_right {
        width: 40%;padding-left: 10%;
    }

    .solution .solution_detail a {
        width: auto;
    }
    /*------xianwen----------*/
   .xwulbox .xwli{
	   	font-size: 0.14rem;
	   	width: 0.8rem;
	   	height: 0.4rem;
	   	line-height: 0.4rem;
   }
   .xwconbox{
   		width: 100%;
   }
   .xwoneli{
   		width: 100%;
   		height: auto;
   		margin: 0;
   }
   .wximgone{
   	width: 100%;
   	height: auto;
   }
   .xwconword{
   	position: static;
   	width: 3.35rem;
   	height: 1.55rem;
   	padding: 0.15rem 0.2rem; 
   }
   a.xwmorebtn{
   	visibility: visible;
   	width: 0.5rem;
    height: 0.18rem;
    margin-top: 0.1rem;
   }
   .xwconword .details_con{
   		color: #272727;
   		font-size: 0.14rem;
   		height: 0.6rem;
    	line-height: 0.2rem;
   }
   .numSize{
   		font-size: 0.35rem;
   		line-height: 0.24rem;
   }
   .solutiontitle{
	    font-size: 0.22rem;
	    line-height: 0.24rem;
   }
}

@media (max-width: 1700px) {
    .center_zone {
        width: 1164px;
    }
    .about_bg {
        left: 10%;
    }
    .about_us .titleBox {
        padding: 60px 0 20px;
    }

    .work_space .titleBox {
        padding: 210px 0 130px;
    }

    .solution .titleBox {
        padding: 160px 0 0;
    }


    .news .titleBox {
        padding: 60px 0 60px;
    }

    .font_main {
        padding: 18px 0 25px;
    }
}

@media (max-width: 1500px) {
    .center_zone {
        width: 1030px;
    }

    .solution .center_zone {
        width: 1000px;
    }

    .about_us .titleBox {
        padding: 50px 0 15px;
    }

    .work_space .titleBox {
        padding: 190px 0 110px;
    }

    .solution .titleBox {
        padding: 140px 0 0;
    }


    .news .titleBox {
        padding: 60px 0 52px;
    }

    .font_main {
        padding: 18px 0 25px;
    }

    .news {
        padding-bottom: 60px;
    }

    .about_us .about_us_content {
        padding-bottom: 60px;
    }
    p.btword{
    	font-size: 46px;
    }
    p.btworden{
    	font-size: 22px;
    }
    p.conword{
    	font-size: 16px;
    }
}

@media (max-width: 1300px) {
    .center_zone {
        width: 900px;
    }
    .work_space .case_detail .detail_btn a {
        width: 60px;
    }
	 .work_space .case_detail .detail_btn .caseImgBox {
        width: 60px;
        height: 60px;
    }
    .solution .center_zone {
        width: 850px;
    }

    .about_us .titleBox {
        padding: 40px 0 12px;
    }

    .work_space .titleBox {
        padding: 160px 0 100px;
    }

    .solution .titleBox {
        padding: 125px 0 0;
    }

    .solution .soluteTitle {
        height: 40px;
        margin: 20px 0 10px 0;
    }

    .solution .soluteTitle .soluteTitle_num {
        
        line-height: 40px;
    }

    .solution .soluteTitle .soluteTitle_words {
        
        line-height: 40px;
    }

    .solution .type_en, .solution .type_cn {
        /*font-size: 16px;*/
    }


    .news .new_content {
        padding: 15px 5% 10px 5%;
        width: 90%;
    }

    .work_space .detail_btn {
        padding-top: 5px;
    }

    .news .caseMoreBox {
        padding-top: 60px;
    }
}

@media (max-width: 1100px) {
    .center_zone {
        width: 76%;
    }

    .solution .center_zone {
        width: 64%;
    }

    .news .newBtnPrev, .news .newBtnNext {
        margin-top: -18px;
        width: 36px;
        height: 36px;
        background-size: 100%;
    }

    .news .newBtnPrev {
        left: -50px;
    }

    .news .newBtnNext {
        right: -50px;
    }

    .news .news_detail {
        width: 46%;
        margin: 0 2% 20px 2%;
    }

    .news .caseMoreBox {
        padding-top: 40px;
    }
}

@media (max-width: 950px) {
    .news .new_imgBox, .news .new_content {
        width: 100%;
    }

    .news .new_content {
        position: relative;
        width: 90%;
        padding: 20px 5% 10px 5%;
    }

    .news .detail_btn {
        padding-bottom: 15px;
    }
}

@media (max-width: 767px){
    .news .font_news_title {
        height: 0.30rem;
        line-height: 0.3rem;
    }

    
	p.btword{
    	font-size: 0.24rem;
    	font-weight: normal;
    }
    p.btworden{
    	font-size: 0.14rem;
    }
    p.conword{
    	display: none;
    	font-size: 0.14rem;
    	line-height: 0.22rem;
    }
    a.linkword{
    	width: 1.2rem;
    	font-size: 0.16rem;
    	margin-top: 15px;
    }
    .center_zone {
    	width: 80%;
	}
	.solution .solution_content .solution_detailTitle {
    text-align: left;
	}
    
    .index_bg .img_pc{display: none;}
    .index_bg .img_m{display:block;opacity: 0.2;filter:alpha(opacity=20);}
    .ewmyy{
    	display: none;
    }
}

@media (max-width: 600px) {
	.word_box{
		left: 10%;
	}
    a.caseMore {
        border: 1px solid #323232;
    }

    .about_us .titleBox {
        padding: 40px 0 12px;
    }

    /*.work_space .case_detail:hover .img_noraml {
        visibility: visible;
        z-index: 8;
    }*/
    .work_space .case_detail .img_noraml {
    	visibility: visible;
    }
    .work_space .case_detail .img_light{display: none;}

    .work_space .titleBox {
        padding: 0.3rem 0 0.2rem;
    }

    .solution .titleBox {
        padding: 0.7rem 0 0.25rem;
        background-color: #141414;
    }

    .solution .solution_content {
        padding-bottom: 0;
        width: 76%;
        margin: auto;
    }

    .news .titleBox {
        padding: 0.3rem 0 0.3rem;
    }

    .news h2 {
        display: block;
    }

    h2.title_en {
        text-align: center;
    }

    h2.title_cn {
        text-align: center;
    }

    .about_us .titleBox {
        padding: 0.35rem 0;
    }

    .about_us .detail_con {
        width: 100%;
        margin-bottom: 0;
        padding: 0;
    }

    .about_us .title_sec {
        padding-top: 0;
        text-align: center;
    }

    .about_us .content {
        padding: 0.15rem 0;
    }

    .about_us .detail_btn {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    .detaiil_part {
        padding-bottom: 0.4rem;
    }
    .about_us .about_us_content {
        padding-bottom: 0;
    }

    .about_us .titleBox {
        padding: 0.4rem 0 0.3rem;
    }
	.mission{
		font-size: 0.2rem;
	}
	.missioncon{
		font-size: 0.15rem;
		margin-bottom: 0.4rem;
		line-height: 0.25rem;
	}
	.missioncon span {
    font-size: 0.18rem;
}
    .work_space .detail_title {
        padding: 0.05rem 0;
    }
     .work_space .case_detail .detail_btn .caseImgBox {
        width: 0.5rem;
        height: 0.5rem;
    }

    .work_space .case_detail .detail_btn a {
        margin: 0 0.08rem;
        width: 0.5rem;
    }

    .work_space .detail_btn p {
        padding-top: 0.06rem;
    }

    .work_space .detail_btn {
        padding-top: 0.15rem;
    }

    .news {
        padding-bottom: 0;
    }

    .news .news_detail:hover .new_content {
        background-color: #fff;
    }

    .news .news_detail:hover .title_sec {
        color: #e80000;
    }

    .news .news_detail:hover i {
        background-position: -0.31rem 0;
    }

    .news .detail_btn:hover i {
        background-position: 0 0;
    }

    .news .titleBox {
        padding: 0.4rem 0 0.3rem;
    }

    .news .news_detail {
        width: 100%;
        margin: 0;
        background-color: #e80000;
    }

    .news .new_imgBox {
        width: 100%;
    }

    .news .new_content {
        width: 76%;
        padding: 0.3rem 12% 0.3rem 12%;
    }

    .news .new_imgBox {
        height: 2.1rem;
    }

    .news .new_imgBox img {
        width: 100%;
        height: 100%;
    }

    .news .title_sec {
        margin: 0;
        line-height: 0.45rem;
        height: 0.45rem;
        font-size: 0.18rem;
        overflow: hidden;
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news .center_zone {
        width: 100%;
    }


    .news .caseMoreBox {
        padding: 0.45rem 0 0.6rem 0;
    }

    .news .detail_btn {
        padding: 0;
    }

    .work_space .case_parts .case_detail {
        width: 100%;
        margin-bottom: 1.2rem;
        overflow: visible;
    }

    .work_space .case_parts .lastMore {
        margin-bottom: 0;
    }

    .work_space span.words {
        font-size: 0.18rem;
    }

    .work_space span.lineFore, .work_space span.lineBack {
        height: 0.22rem;
        width: 5px;
    }

    .work_space .case_parts {
        background-color: #141414;    position: relative;
    }

    .work_space .case_parts .mobile_case {
        display: block;
        position: absolute;
        bottom: -0.7rem;
        width: 100%;
    }

    .work_space .detail_date {
        display: none;
    }

    .work_space .detail_title {
        display: none;
    }

    .work_space .caseMoreBox {
        top: 0.22rem;
    }

    .work_space .case_parts .mobile_case p {
        color: #fff;
        width: 100%;
        text-align: center;
    }

    .work_space .case_parts .mobile_case .mobile_case_title {
        font-size: 0.18rem;
        line-height: 0.3rem;
    }

    .work_space .case_parts .mobile_case .mobile_case_data {
        font-size: 0.12rem;
        line-height: 0.2rem;
        font-family: Arial;
    }

    .solution .solution_right .solution_detail {
        width: auto;
        height: 30px;
    }

    .solution .titleBox {
        padding: 0.7rem 0 0.3rem 0;
        margin-bottom: 0rem;
    }

    .solution .solution_content .solution_detailTitle {
        display: block;
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    .solution .type_cn {
        font-size: 0.18rem;
        padding-right: 0;
    }

    .solution .solution_right {
        height: auto;
       width: 40%;padding-left: 10%;
        float: left;
        margin-top: 0.2rem;
    }

    .solution .solution_detail a {
        text-indent: 0;
        font-size: 0.18rem;
        width: 100%;
        text-align: left;
    }

    .solution .soluteTitle {
        display: none;
    }

    .solution .solution_detail a:active {
        background-color: #e80000;
    }

    .solution .solution_detail a:active span.type_cn {
        color: #ffffff;
    }

    .solution .solution_detail a i {
        display: none;
    }

    .solution .solution_detail a:hover span {
        color: #706f6f;
    }

    .solution .center_zone {
        padding-bottom: 0.85rem;
        width: 100%;
    }
}

.case_detail > .foldImg {
    display: inline-block;
}

.case_detail canvas {
    width: 100%;
}

.foldImg {
    position: absolute;
    left: 0;
    top: 0;
    height: auto;
}

.foldImg.a {
    /*left: 50%;
    margin-left: -528px;*/
}

.foldImg .tile {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.foldImg .tile .canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.foldImg .tile  .canvasNoraml {
    width: 100%;
    height: 100%;
}

.foldImg .tile .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    opacity: .8;
}

audio, canvas, video {
    display: inline-block;
}

.case_detail .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    opacity: .8;
}
@media only screen and (max-width: 450px) {
	.pcblock{
		display: none;
	}
	.phoneblock{
		display: block;
	}
	.swiper-container img{
		width: 100%;
		height: 100%;
	}
}