@font-face {
	font-family:Brandonlight;
	src: url('../appfont/BrandonText-light.woff');
}
html,body{
    /*font-family:"microsoft yahei", Helvetica, sans-serif !important; */
    font-family:Brandonlight,"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif !important;
    line-height:1.5;
    color: #000;
    -webkit-overflow-scrolling:touch;
    margin: 0 auto;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #000;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: 0px none #000;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/*************************index的样式**************************/
/*头部*/
.header1{ width: 100%; height:1.5rem;position: absolute;top:0;left: 0;z-index: 1000; padding: 0.38rem 0;}
.headerContainer1{width: 90%;margin:0 auto;position: relative;}
.headerLf1{position: absolute;top: 0;left: 0;display: block;}
.headerLf1 img{width: 2rem;z-index: 1000; position: relative;margin: -0.1rem 0 0 0.2rem;}
.headerLf1 i{position: absolute;top:0.13rem;left: 0.89rem;font-size: 0.41rem;color: #fff;font-style:normal;}
.headerRt1{position: absolute;top:0;right:0;}
.headerRt1 .phone1{position: absolute;top:0.27rem;right: 3.53rem;width: 0.23rem;}
.headerRt1 .headerTel1{position: absolute;top:0.2rem;right: 0.9rem;width:2.4rem;color: #fff!important;}
.headerRt1 .menus1 img{position:absolute;top:0.21rem;right: 0px;width: 0.59rem;}
.language{position: absolute;top: 0.2rem;left: 34%;}
.language a{color:#fff;/*font-size: 0.4rem;*/}
/*.banner_bottom img{ height:0.13rem;}*/
/*遮罩层*/
.menu-close1{z-index: 1000;}
.headerRt1 .menus1 .menu-close1{position:fixed;top:0.5rem;right: 0.49rem;width: 0.59rem;}
.menu-over{position: fixed;z-index: 50;top: 0%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.75);margin: 0;padding: 0;}
.menu-over ul{position: relative;top:33%;left:20%;width: 60%;text-align: center;}
.menu-over ul li{margin: 0.27rem 0;}
.menu-over a{color:#fff;font-size: 0.67rem;}
 /*兼容iphone4*/
@media only screen and (min-device-width : 320px) and (max-device-height : 480px){
    .menu-over ul{top:28%;}
}
/*banner*/
.videoBox{width:100%;z-index: 1;position: relative;}
.video{width: 100%;}
.videoBg{width: 100%;height:100%;background: rgba(0,0,0,0.5);z-index: 10;position: absolute;top:0;left: 0;}

.banner{ z-index: 4;  width: 60%;margin:0 auto; margin-top: 19%;}
.banner img{width: 100%;}
.bannerList{position: relative;} 
.bannerList>.hintText{color: white;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;}
.bannerList>.hintText h1{font-size: 0.35rem; overflow:hidden;white-space:nowrap;}
.bannerList>.hintText h2{ overflow:hidden;white-space:nowrap;}
.bannerList>.hintText p{font-family:Brandonlight,"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif !important;}
/*.slideBox{margin:0.13rem 0;}*/

/*map*/
.map_index{width: 100%;position: relative;margin-top: 0.3rem;}
.map_index .map_img{width: 6.57rem;margin: 0 auto;}
.map_index ul li img{width: 0.23rem;}
.map_index ul li:nth-of-type(1){position: absolute;top: 1.5rem;left: 3.8rem;}
.map_index ul li:nth-of-type(2){position: absolute;top: 1.6rem;left: 4.7rem;}
.map_index ul li:nth-of-type(3){position: absolute;top: 1.5rem;left: 5.1rem;}
.map_index ul li:nth-of-type(4){position: absolute;top: 1.1rem;left: 4.88rem;}
.map_index ul li:nth-of-type(5){position: absolute;top: 1.3rem;left: 6.3rem;}
.map_index ul li:nth-of-type(6){position: absolute;top: 2.45rem;left: 6.7rem;}

.con1_content{width: 6.5rem;margin: 0 auto; margin-top: 0.3rem;font-size: 0.34rem;line-height: 2;}
.con1_content h3{font-size: 0.36rem;font-weight: 600;}
.con1_content h3 a{font-size: 0.36rem;font-weight:600;color:#000;}
/*content01*/
.content01{width:100%;overflow:hidden;margin-top: 0.5rem;}
.content01-title {width: 100%;background: url(../appimg/new-bg1.png) no-repeat;background-size: 100%;height: 2.41rem;margin-bottom: 0.5rem;position: relative;}
.content01-title h1{width: 100%;height:70%;font-size: 0.7rem;font-weight: bold;color: #f78b14;padding-top:0.35rem;text-align: center;letter-spacing: 0.06rem;}
.content01-title p{width: 100%;height:30%;font-size: 0.26rem;font-weight: normal;color: #fff;line-height: 100%;text-align: center;letter-spacing: 0.08rem;}
.content01-title .smTitEn{position: absolute;top: 1rem;font-size: 0.5rem;color: #f78b14;}
.content01-title .bounceInRight{position: absolute; width: 100%;color: #f78b14; top: 40%;transform: translateY(-50%);font-size: 0.4rem;}

.tab_icon{width: 90%;margin: 0 auto;}
.content01-title-box{width: 100%;}
.content01-title1 img{width: 1.33rem;height:1.33rem;margin: 0 auto;/*border:1px solid rgba(0,0,0,0.1);*/border-radius: 50%;}
.content01-title1 p{text-align: center;vertical-align: top;height: 0.8rem;font-size: 0.26rem;margin:0.27rem 0 0.67rem;}
/*底部*/
.footer1{width:100%;}
.footer1 img{width:100%;}

.footerEn{width:100%;height: 1.07rem;line-height: 1.07rem;background:rgb(34,34,34); z-index: 10;}
.footerEn p{text-align: center;color: #fff;font-size: 0.21rem;width: 127%; transform: scale(0.7)  translatex(-14%);}
.footerEn a{color:#fff;font-size: 0.21rem;}

/*底部*/
.footer{width:100%;/*position: fixed;bottom: 0;left:0;*/height: 1.07rem;line-height: 1.07rem;background:rgb(34,34,34); z-index: 10;}
.footer p{text-align: center;color: #fff;font-size: 0.21rem;width: 127%; transform: scale(0.7)  translatex(-14%);}
.footer a{color:#fff;font-size: 0.21rem;}


/*************************ourStudies的样式**************************/
/*头部*/
.header2{ width: 100%; height:1.5rem;/*position: fixed;*/top:0;left: 0;z-index: 1000; background: #eee;padding: 0.38rem 0;}
.headerContainer2{width: 90%;margin:0 auto;position: relative;}

.headerLf2{position: absolute;top: 0;left: 0;display: block}
.headerLf2 img{width: 0.73rem;}
.headerLf2 i{position: absolute;top:0.13rem;left: 0.89rem;font-size: 0.41rem;color: #000;font-style:normal;}
.headerRt2{position: absolute;top:0;right:0;}
.headerRt2 .phone2{position: absolute;top:0.27rem;right: 3.53rem;width: 0.23rem;}
.headerRt2 .headerTel2{position: absolute;top:0.2rem;right: 0.9rem;width:2.4rem;color: #000;}
.headerRt2 .menus2 img{position:absolute;top:0.21rem;right: 0px;width: 0.59rem;}
.headerLf2 img{width: 2rem;z-index: 1000; position: relative;margin: 0 0 0 0.2rem;}
/*遮罩层*/
.menu-close2{z-index: 1000;}
.headerRt1 .menus2 .menu-close2{position:fixed;top:0.5rem;right: 0.49rem;width: 0.59rem;}

/*Our Studies*/
#CustomerCase1>.content02-title{padding-top: 1rem;}
.content02-title{width: 100%;height:5.07rem;background: url(../appimg/new-bg2.png) no-repeat;background-size: 100%;}
.content02-title-box{width: 100%;border-bottom: 0.05rem solid #545455;}
.content02-title h1{width: 100%;font-size: 0.7rem;font-weight: bold;color: #f78b14;text-align: center;letter-spacing: 0.06rem;padding: 0.6rem 0 0.2rem;line-height: 1;}
.content02-title p{width: 33%;margin:0 auto;font-size: 0.4rem;border-bottom: 0.07rem solid #f78b14;font-weight: normal;color: #fff;text-align: center;letter-spacing: 0.04rem;padding-bottom: 0.2rem}
.content02{position: relative;}
.CustomerCase1-title-bq {width: 80%;margin:0 10%;height: 80%;position: absolute;top: 62%;left: 0%;}
.CustomerCase1-title-bq-img {position: absolute;top: 0;left: 0;}
.CustomerCase1-title-bq-img img{width: 100%;display: block;}
.CustomerCase1-title-bq-img1 {width:2.0rem;left: 38%;z-index: 4;}
.CustomerCase1-title-bq-img2 {width:1.81rem;left: 24%;z-index: 3;top: 3%;}
.CustomerCase1-title-bq-img3 {width:1.64rem;left: auto;right: 23%;z-index: 3;top: 3%;}
.CustomerCase1-title-bq-img4 {width:1.6rem;left: auto;right: 11.5%;z-index: 2;top: 7.5%; }
.CustomerCase1-title-bq-img5 {width:1.25rem;left: auto;right: 3.2%;z-index: 1;top: 10%;}
.CustomerCase1-title-bq-img6 {width:1.47rem;left: 13%;z-index: 2;top: 7.5%;}
.CustomerCase1-title-bq-img7 {width:1.4rem;left: 3%;z-index: 1;top: 10%;}
.CustomerCase1-title-bq-img-shadow{width: 100%;position: absolute;top:5.65rem;left:0;}

.CustomerCase1-title-clickBox {width: 96%;margin: 0 auto;margin-top: 24%;overflow: hidden;}
.CustomerCase1-title-clickBox li {width: 50%;float: left;margin-bottom: 3%;}
.CustomerCase1-title-clickBox1 {position: relative;width: 90%;margin: 0 auto;}
.CustomerCase1-title-clickBox1 img{width: 100%;}
.CustomerCase1-title-clickBox1-1 {background: rgba(0,0,0,0.5);color: #fff;position: absolute;width: 100%;height: 100%;overflow: hidden;}
.CustomerCase1-title-clickBox1-1 p {font-size: 0.3rem;margin-top: 25%;text-align: center;}

.CustomerCase1-title-input {width: 3.4rem;height: 0.8rem;margin: 3% auto;line-height: 0.8rem;font-size: 0.32rem;background: #ea9a16;color: #fff;border-radius: 0.33rem;text-align: center;}

/*************************ourClients的样式**************************/


/*Our Clients*/
.content03-title{width: 100%;background: url(../appimg/new-bg3.jpg) no-repeat;background-size: 100%;}
.content03-title p{width: 100%;font-size: 0.4rem;font-weight: normal;color: #f78b14;text-align: center;padding: 1.16rem 0;}

.content03-td-list-body {width: 90%;margin: 5% auto 0;}
.content03-td-list-box{width: 100%;display: inline-block;}
.content03-td-list {width: 20%;margin: 0 2.5%;float: left;margin-bottom: 5%; background-color: #fff;}
.content03-td-list1 {display: block;width: 100%;}


/*************************aboutUs的样式**************************/
body,html{background: #f6f6f6;}

/*内容*/
.usBanner{width: 100%;}
.usBanner img{width: 100%;}
.tabs{overflow: hidden;}
.tabs ul {list-style: none;padding: 0;padding: 0.67rem 0 0.35rem;border-bottom: 0.03rem solid #aaa;background: #fff;}
.tabs ul li {display: inline-block;width:33.3%;text-align: center;}
.tabs ul li a {color: #ccc;text-decoration: none;padding-bottom:0.33rem;font-size:0.4rem;}
.tabs ul li.active a {border-bottom: 0.08rem solid #f09e39;color: #000;}
.tabs > div {display: none;width:100%;height: 13rem;}
.tabs > div.active {display: block;}
.tabs > div#p1{height:16rem;}
.tabs > div#p2{height:17rem;}
#p2 .serviceList{text-align: center; width: 100%;height: 100%;}
#p2 .serviceList .titl{margin-top: 1.1rem;font-size: 0.39rem;}

#p1 h2{font-size: 0.53rem;margin: 0.8rem 0 0.53rem;text-align: center;}
#p1 p{width:84%;margin:0 auto;text-align: left;font-size: 0.35rem;color:#9c9c9c;font-weight: normal;margin-bottom: 0.93rem;}
#p2{position: relative;background: url(../appimg/p2Bg.jpg) no-repeat;background-size: 100%;}
.p1Img img{width: 100%;}

.p2Content{width: 88%;margin: 0 auto;margin-top:1.47rem;overflow: hidden;height: 4.23rem;box-shadow: 2px 2px 20px 4px #ccc;background: white;}
.p2Content img{float: left;width: 2.93rem;}
.p2Content p{padding:0.3rem 0;font-size: 0.29rem; overflow: scroll;}
.p3Box{width: 84%;margin: 1.27rem auto 0.67rem;padding: 5% 0;position: relative;background: #fff;box-shadow: 1px 8px 20px 0px #ccc;}
.p3Box p {font-size: 0.33rem;width: 80%;margin: 0 auto;line-height: 0.87rem;text-align: left;color: #666;letter-spacing:0.01rem;margin-bottom: 0.8rem;}
.team1{position: absolute;top:-3%;left:-3%;width:1.2rem;}
.team2{position: absolute;bottom: 0%;right:0%;width:1.41rem;}
#p3>img{width:100%;}
#foot {margin-top: 15%;}
/*************************details的样式**************************/
.swiper-container,.swiper-wrapper,.swiper-slide{width: 100%;height: 100%;}
/*头部*/
.header{ width: 100%; height:1.5rem;background: rgba(233,233,233,0.4);position: absolute;top:0;left: 0;z-index: 10;}
.headerContainer{width: 90%;margin:0.38rem auto;position: relative;}
.headerLf{position: absolute;top: 0;left: 0;display: block;}
.headerLf img{width: 0.73rem;}
.headerLf i{position: absolute;top:0.13rem;left: 0.89rem;font-size: 0.41rem;color: #000;font-style:normal;}
.headerRt{position: absolute;top:0;right:0;}
.headerRt .phone{position: absolute;top:0.27rem;right: 3.53rem;width: 0.23rem;}
.headerRt .headerTel{position: absolute;top:0.2rem;right: 0.9rem;width:2.4rem;}
.headerRt .menus img{position:absolute;top:0.21rem;right: 0px;width: 0.59rem;}

/*遮罩层*/
.headerLf img{width: 2rem;z-index: 1000; position: relative;margin: 0.15rem 0 0 0.2rem;}

/*底部*/
.footer{width:100%;position: absolute;bottom: 0;}
.footer img{width: 100%;}
/*内容*/
.section h1{/*margin-top: 20%;*/width: 100%;font-size: 0.6rem;text-align: center;letter-spacing:0.02rem;}
.Vcenter{top:52%;width:100%;}
.content{width: 5.8rem;margin:0 auto;margin-top: 3%;}
.content img{width:100%;}
.swiper-button-next{background: url('../appimg/right.png') no-repeat;background-size:100%;width:0.59rem;height:1rem;right:0.51rem;top:54%;}
.swiper-button-prev{background: url('../appimg/left.png') no-repeat;background-size:100%;width:0.59rem;height:1rem;left:0.51rem;top:54%;}
.other{/*font-size:0.5rem !important;letter-spacing:0.01rem !important;margin:0.2rem 0 0.3rem !important;*/line-height: 
1;}

/*兼容iphone4*/
@media only screen and (min-device-width : 320px) and (max-device-height : 480px){
    .content{margin-top: 0%; width: 4.5rem;font-size: 0.5rem;}
}

/*************************contactUs的样式**************************/
/*内容*/
.content05-title{width: 100%;height:3.13rem;background: url(../appimg/new-bg3.jpg) no-repeat;background-size: 100%;}
.content05-title-box{width: 100%;border-bottom: 0.05rem solid #545455;}
.content05-title h1{width: 100%;font-size: 0.63rem;font-weight: bold;color: #f78b14;text-align: center;padding-top:0.5rem;/*line-height: 2.13rem*/}
.content05-title p{width: 28%;margin:0 auto;font-size: 0.4rem;border-bottom: 0.07rem solid #f78b14;font-weight: normal;color: #fff;text-align: center;letter-spacing: 0.04rem;padding-bottom: 0.2rem}
/*地图*/
.gallery-thumbs {box-sizing: border-box; height:13%;/*width:74%;*/width:100%;padding:0 13%;margin:0.2rem auto; }
.gallery-top{height:auto;overflow: hidden;}
.gallery-thumbs .swiper-slide {width: 33.6%;height: 100%;} 
.gallery-thumbs .swiper-slide img{width:70%;position: absolute;bottom: 0;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active img{width:100%;opacity: 1;}
.gallery-thumbs .swiper-slide-prev img{left:0;}
.gallery-thumbs .swiper-slide-next img{right:0;}
.gallery-thumbs>.swiper-button-prev{width: 0.23rem;background: url(../appimg/btn_left.png) no-repeat;background-size: 100%;position: absolute;left:6%;z-index: 100;top:92%;}
.gallery-thumbs>.swiper-button-next{width: 0.23rem;background: url(../appimg/btn_right.png) no-repeat;background-size: 100%;position: absolute;right:6%;z-index: 100;top:92%;}
.gallery-top>.swiper-wrapper>.swiper-slide>img{width:100%;border:0.05rem solid #f78b14;}
.mapContent{width:84%;margin:5% auto; }
.mapAddress img{width:0.23rem;}
.mapEmail img{width:0.31rem;}
.mapPhone img{width:0.31rem;}
.mapContent div{width: 100%;overflow: hidden;margin: 0.27rem 0;}
.mapContent img{float:left;margin-top: 0.14rem;}  
.mapContent span{float:left;width: 92%;margin-left:4%;} 
.mapContent a{float:left;width:92%;margin-left: 4%;}
.contactUsBox{background:url(../appimg/contactBg.jpg) no-repeat;background-size: 100%;overflow: hidden;height: 11.1rem;}

.contactUsBox1>p{margin:1rem 0 0.5rem;text-align: center;width:100%;font-size: 0.28rem;color:#fff;}
.contactUsBox1>p a{font-size: 0.28rem;}
.contactUsBox2-1{position: relative;width: 70%;margin:0 auto 4%;}
.contactUsBox2-1 input {width: 100%;margin:0 auto;line-height: 0.7rem;border-radius: 0.1rem;padding-left: 3%;font-size: 0.3rem;}
.contactUsBox2-1>img{position:absolute;top:0.16rem;right:4%;width:0.52rem;}
.contactUsBox2-1 input.txtYzm{width:36%;}
.contactUsBox2-1 textarea {resize: none;width: 100%;height: 2.0rem;border-radius: 0.1rem;padding-left: 3%;font-size: 0.3rem;padding: 1% 3% 1% 3%;line-height: 0.7rem;}
.contactUsBox2-1 input.txtYzm::-webkit-input-placeholder {font-size: 0.27rem;}
.contactUsBox2-1 input.txtYzm::input-placeholder {font-size: 0.27rem;}
.contactUsBox2-1>input.txtYzm,.contactUsBox2-1-span,.contactUsBox2-1-button{float:left;}
.contactUsBox2-1-span,.contactUsBox2-1-button{margin-left: 4%;}
.contactUsBox2-1-button {width: 30%;font-size: 0.3rem !important; padding: 0.13rem 0;text-align: center;border: none;/*font-family: "microsoft yahei";*/background: #f78b14;color: #fff;border-radius: 0.1rem;}
/*兼容iphone4*/
@media only screen and (min-device-width : 320px) and (max-device-height : 480px){
	.contactUsBox2-1-button {width: 30%;}
}
#spinfo-name{color: #fff;font-size: 0.3rem;display: block;margin-bottom: -2%;}
#spinfo{color: #fff;font-size: 0.3rem;display: block;margin-bottom: -2%;}
#spinfo-tel{color: #fff;font-size: 0.3rem;display: block;margin-bottom: -2%;}
#spinfo-text{color: #fff;font-size: 0.3rem;margin-top: -2%;display: block;margin-bottom: -2%;}

#form{width: 100%;overflow: hidden;height: 100%;position: fixed;left: 0;top: 0;z-index: 999999;display: none;}
#frame table{width: 80% !important;height: 20% !important;position: absolute;left: 10%; top: 35%;margin: 0 auto !important;text-align: center;border:none;border-collapse: collapse;}
#frame table tr,#frame table tr td{border:none;}
#content1{font-size: 0.5rem;}
#content2{font-size: 0.3rem !important;}
#btn{width: 40%;margin-bottom: 3%;font-size: 0.28rem;padding: 0.13rem 0;text-align: center;cursor: pointer;background: #e1e0e0;border: 0.03rem solid #366b96;border-radius: 0.1rem;}
#yzmimg {height: .7rem;width: 1.7rem;font-size: 0.47rem !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}


/*add*/
.clearfix:after{ content:''; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{ *zoom:1;}

.otherBox{ width: 100%; position: absolute; left: 0; top: 1.5rem; bottom: 1.07rem; overflow-x: hidden; overflow-y: scroll;}
.otherBox img{ font-size: 0.4rem; }
.otherBox .list-box{ width:98%; box-sizing: border-box; -webkit-box-sizing: border-box; margin:0.5rem auto;}
.otherBox .list-box li{ float:left; width: 25%; font-size: 0.4rem; border-radius: 30px; cursor: pointer; text-align: center; height: 0.8rem; line-height: 0.8rem; color: #000;}
.otherBox .list-box li.active{ background-color: #ea9a16; color: #fff; }
.otherBox .detailsList li{ float: left; width: 44%; margin: 3%; background-color: #fff; }
.otherBox .detailsList li img{ width: 100%; }
.otherBox .detailsList li p{ width: 100%; color: #000; text-align: center; padding: 0.27rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.backTop{ display: none; width: 0.96rem; position: absolute; z-index: 100; bottom: 1.5rem; right: 0.6rem; }
.otherBoxTop{ top: 0; }
.otherBoxTop .swiper-container{ height: auto; }
.otherBoxTop .appBanner{ width: 100%; }
.infoTitle { position: relative; width: 100%; font-size: 180%; text-align: center; border-bottom: 1px solid #ccc; }
.goback { z-index:10; cursor: pointer; position: absolute; left: 5%; top: 5%; font-size: .4rem; font-style: normal; padding: 0 .6rem; border-radius: 30px; color: #fff; background: #ff8531; }
.infoTitle .goback { z-index: 1; cursor: pointer; position: absolute; left: 5%; top: 18%; font-size: .4rem; font-style: normal; padding: 0 .6rem; border-radius: 30px; color: #fff; background: #ff8531; }
.infoTitle span { display: inline-block; padding: 2% 4%; border-bottom: 2px solid #f78b14; }

.pcOtherBox{}
.pcBanner{ width: 100%; margin: 0 auto; }
.swiper-container.CustomerCaseOpenControl {width: 100%; height: auto; }
.swiper-container.CustomerCaseOpenControl .swiper-slide{ height: auto; }
.slideImgBoxComp { position: relative; width: 60%; margin: 5% auto 0; }
.computedBox { width: 100%; margin: 12% auto 4%; } 
.computedBox .CustomerCaseOpen {position: absolute; z-index: 1; width: 98%; left: 1%; margin-top: 3%; }
.computedBox .containCompBox {position: relative; z-index: 2; width: 100%; padding-bottom: 10%; background: url(../img/CustomerCaseOpen/100.png) no-repeat center 100%; background-size: 36%; }
.computedBox .swiper-button-next {right: -20%; top: 40%; width: 0.67rem; height: 0.67rem; background-color: #ccc; background-size: 30%; background-position: center; border-radius: 50%; }
.computedBox .swiper-button-prev {left: -20%; top: 40%; width: 0.67rem; height: 0.67rem; background-color: #ccc; background-size: 30%; background-position: center; border-radius: 50%; }
.computedBox .containCompBox img {width: 100%; }
.CustomerCaseOpenControl .nextControl { font-size: .4rem; right: 5%; top: 85%; bottom: auto; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #fff none; border: 1px solid #ccc; border-radius: 20px; }
.CustomerCaseOpenControl .prevControl { font-size: .4rem; left: 5%; top: 85%; bottom: auto; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #fff none; border: 1px solid #ccc; border-radius: 20px; }
.CustomerCaseOpenControl .swiper-slide .imgBox {position: absolute; left: 10%; width: 80%; margin: 20% auto 10%; }
.CustomerCaseOpenControl .swiper-slide .imgBox img {width: 100%; } 
.computedBox .CustomerCaseOpen img{ width: 100%; }
.xijie {margin: 0% auto 60%; }
.link {display: block; position: relative; width: 90%; padding: 0.19rem 0; margin: 5% auto 5%; text-align: center; color: #fff; background: #f18b15 url(../appimg/detailsOpen/101.png) no-repeat 35% center; background-size: 0.29rem; border: 0; border-radius: 20px; }
.CustomerCaseOpenControl .swiper-button-next.swiper-button-disabled,.CustomerCaseOpenControl .swiper-button-prev.swiper-button-disabled{ opacity: .35 !important; cursor: auto; pointer-events: none;}