.p-tb60{padding: 60px 0;}
.p-t60{padding-top: 60px;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 15px;}
.m-t5{margin-top: 5px;}
.row20{margin-top: -20px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.c_name_a{color: #0079db;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
.mfeaturesClass {
	  max-height: 220px;
    overflow-y: auto;
		overflow-x: hidden;
}

@media(max-width: 991px){
	.p-t60{padding-top: 30px;}
    .p-tb60{padding: 30px 0;}
	.p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
		.m-t10{margin-top: 7.5px;}
    .row20{margin-top: -10px;}
	.fz-36{font-size: 24px;}
	.fz-32{font-size: 22px;}
	.fz-24{font-size: 18px;}
	.fz-20{font-size: 16px;}
	.fz-16{font-size: 14px;}
	.fz-14{font-size: 12px;}
	.content-text{font-size: 14px;}
}


a.products_zuo_top{display: block;padding: 30px;background: #f7f8f9;}
a.products_zuo_top .picimg{margin: 10px 0;height: 258px;}
a.products_zuo_top .desc{color: #666;line-height: 2;-webkit-line-clamp: 4;height: 8em;}
a.products_zuo_top .details{display: block;margin: 20px auto 0;width: 140px;background: #0075d1;color: #fff;height: 40px;line-height: 40px;}
a.products_you_txt{display: flex;align-items: center;padding: 60px 30px;background: #f7f8f9;}
a.products_you_txt .picimg{width: 200px;}
a.products_you_txt .contxt{width: calc(100% - 200px);padding-left: 20px;}
a.products_you_txt .contxt .title{color: #333;}
a.products_you_txt .contxt .desc{color: #666;line-height: 2;-webkit-line-clamp: 2;height: 4em;}
a.products_you_txt .contxt .details{margin-top: 10px;color: #0075d1;}
a.products_zuo_top:hover,a.products_you_txt:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.12);}

ul.solution_ul li{float: left;width: 25%;height: 750px;overflow: hidden;transition: all 1s;position: relative;}
ul.solution_ul li a{display: block;}
ul.solution_ul li .sy_al_img img{display: block;width: 800px;height: 750px;position: relative;left: 50%;margin-left: -410px;transition: all 1s;}
ul.solution_ul li.on{width: 37%;}
ul.solution_ul li.of{width: 21%;}
ul.solution_ul li .sy_al_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.6);color: #fff;opacity: 1;transition: all 0.5s;}
ul.solution_ul li .sy_al_txt span{width: 100%;padding: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
ul.solution_ul li.on .sy_al_txt{opacity: 0;}
ul.solution_ul li .solution_txt{width: 100%;opacity: 0;padding: 10px 30px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.6);color: #fff;transition: all 0.5s;}
ul.solution_ul li.on .solution_txt{opacity: 1;transition: all 0.5s;}
ul.solution_ul li .solution_txt .desc{margin-top: 5px;line-height: 1.75;}

.introductionBg{background: url(../images/aboutbg.jpg) no-repeat center/cover;}
.introductionBg .aboutwrap{width: 100%;max-width: 800px;display: flex;align-items: flex-start;justify-content: space-between;}
.introductionBg .aboutwrap .info_zuo{width: 64%;}
.introductionBg .aboutwrap .info_zuo .intr_text{width: 100%;line-height: 2;padding-right: 10px;text-align: justify;max-height: 300px;overflow-y: auto;}
.introductionBg .aboutwrap .info_zuo .intr_text::-webkit-scrollbar{width: 3px;background-color: #aab4ba;}
.introductionBg .aboutwrap .info_zuo .intr_text::-webkit-scrollbar-thumb{background-color:#0079da;}
.introductionBg .aboutwrap .info_zuo a.readMore{display: block;width: 180px;height: 55px;line-height: 55px;background: #0075cf;color: #fff;}
.introductionBg .aboutwrap ul.homethree{width: 140px;}
.introductionBg .aboutwrap ul.homethree li{width: 100%;display: inline-block;vertical-align: top;margin-bottom: 30px;}
.introductionBg .aboutwrap ul.homethree li .pcimg{width: 48px;margin: auto;}
.introductionBg .aboutwrap ul.homethree li .name{display: flex;align-items: center;justify-content: center;}
.introductionBg .aboutwrap ul.homethree li .name .number{color: #0079db;}
.introductionBg .aboutwrap ul.homethree li .name span{width: 16px;font-size: 14px;color: #333;}
.introductionBg .aboutwrap ul.homethree li .text{font-size: 14px;line-height: 2;color: #333;}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.rowFlexWrap.news{justify-content: center;}
.partnership{display: flex;align-items: center;justify-content: center;height: 180px;padding: 20px;background: #fff;position: relative;cursor: pointer;border: 1px solid #dcdcdc;}
.partnership .title{width: 100%;padding: 10px 20px;opacity: 0;position: absolute;bottom: 0;left: 0;}
.partnership:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.partnership:hover .title{opacity: 1;}
ul.ship_bg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 99;}
ul.ship_bg li{width: 90%;max-width: 960px;max-height: 480px;padding: 30px 120px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
ul.ship_bg li .getbtn{width: 25px;height: 25px;background: url(../images/gb_btn.png) no-repeat;cursor: pointer;top: -12px;right: -12px;}
ul.ship_bg li .content-text{max-height: 320px;text-align: justify;padding-right: 10px;overflow-y: auto;}
ul.ship_bg li .content-text::-webkit-scrollbar{width: 3px;background-color: #aab4ba;}
ul.ship_bg li .content-text::-webkit-scrollbar-thumb{background-color: #0079da;}

.sy_cp_qh{width:100%;overflow: hidden;position: relative;padding: 0 31.5%;}
.sy_cp_qh ul{ position:relative; width:10000%;}
.sy_cp_qh ul li{float: left;width: 1%;position: relative;padding: 80px 0 170px;}
.sy_cp_qh ul li .sy_cp_qh_txt{position: absolute;left: 0;width: 100%;bottom: 30px;-webkit-transform: scale(0);transform: scale(0);opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;}
.sy_cp_qh ul li.on .sy_cp_qh_txt{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.sy_cp_qh ul li .sy_cp_qh_img img{display: block;width: 100%;-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transition: 0.5s;transition: 0.5s;}
.sy_cp_qh ul li.on .sy_cp_qh_img img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.sy_cp_qh_dd{ position: absolute;left: 0;bottom: 0;width:100%; text-align:center; z-index:5;}
.sy_cp_qh_dd span{z-index:2;cursor:pointer;margin-right:10px; display:inline-block;width:17px;height:17px;zoom: 1;border-radius: 100%;border: 1px solid #fff;border:1px solid transparent;position:relative;}
.sy_cp_qh_dd span:after{content:"";position:absolute;width:11px;height:11px;background:#fff;border:1px solid #555;top:2px;left:2px;border-radius: 100%;box-sizing: border-box;}
.sy_cp_qh_dd span.on{border:1px solid #555;}
.sy_cp_qh_dd span.on:after{background:#555;width: 7px;height: 7px;top: 4px;left: 4px;}
.sy_cp_qh_l,.sy_cp_qh_r{position: absolute;top: 50%;margin-top: -23px;width: 46px;height: 46px;transition: 0.3s;cursor: pointer;z-index: 5;}
.sy_cp_qh_l{left: 0;background: url(../images/arrow-left.png) no-repeat center/cover;}
.sy_cp_qh_r{right: 0;background: url(../images/arrow-right.png) no-repeat center/cover;}
ul.client_ul li{width: 13.8%;margin: 0.24%;border: 1px solid #dcdcdc;}
ul.client_ul li a{height: 100px;background: #fff;padding: 10px;display: flex;align-items: center;justify-content: center;}

@media(max-width: 991px){
	a.products_zuo_top,a.products_you_txt{display: block;padding: 15px;}
	a.products_zuo_top .picimg{height: auto;}
	a.products_zuo_top .details{width: 100px;height: 32px;line-height: 32px;}
	a.products_you_txt .picimg{width: 100%;}
	a.products_you_txt .contxt{width: 100%;padding: 10px 0 0;}

	ul.solution_ul li{width: 50%;height: 150px;}
    ul.solution_ul li .sy_al_img img{width: 100%;height: 150px;left: 0;margin: 0;}
   	ul.solution_ul li .solution_txt{display: none;}

	.introductionBg .aboutwrap{max-width: 100%;display: block;}
	.introductionBg .aboutwrap .info_zuo,.introductionBg .aboutwrap .info_zuo .intr_text{width: 100%;max-height: 100%;}
	.introductionBg .aboutwrap .info_zuo a.readMore{width: 120px;height: 40px;line-height: 40px;}
	.introductionBg .aboutwrap ul.homethree{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.introductionBg .aboutwrap ul.homethree li{width: 30%;margin: 20px 0 0;}
	.introductionBg .aboutwrap ul.homethree li .pcimg{width: 36px;}
	.introductionBg .aboutwrap ul.homethree li .name .number{font-size: 30px;}
	.introductionBg .aboutwrap ul.homethree li .name span{font-size: 12px;line-height: 1;}
	
	ul.client_ul li{width: 33%;margin: 0.15%;}
	.partnership,ul.client_ul li a{height: 3.6rem;padding: 10px;}
	.partnership .title{display: none;}
	ul.ship_bg li{padding: 15px;}
	ul.ship_bg li .content-text{max-height: 300px;}
	.sy_cp_qh{padding: 0 14%;}
    .sy_cp_qh ul li{padding: 40px 0 120px;}
    .sy_cp_qh_img{padding: 0;}
	.sy_cp_qh_l,.sy_cp_qh_r{width: 30px;height: 30px;}
}



.siteItems ul.siteul{padding: 20px 0;background: #fff;}
.siteItems ul.siteul>li{display: inline;color: #333;}
.siteItems ul.siteul>li>span{margin: 0 2px;color: #666;font-family: '宋体';}
.siteItems ul.siteul>li>a{display: inline;color: #666;}

.showItemMenuZuo{width: 300px;}
.nav-show .mobile-nav{padding: 15px 20px;background: #fff;color: #0075cf;}
.nav-show .navs_top .navs_name{width: 100%;background: #fff;cursor: pointer;position: relative;}
.nav-show .navs_top .navs_name .picimg{height: 16px;}
.nav-show .navs_top .navs_name a{display: block;font-size: 20px;height: 50px;line-height: 50px;border-bottom: 1px solid #f3f4f5;padding: 0 20px;color: #333;}
.nav-show .navs_top .navs_name i,.nav-show .navs_topa .navs_namea span{width: 50px;height: 50px;position: absolute;top: 0;right: 0;transition: all 0.5s;}
.nav-show .navs_top .navs_name i:before,.nav-show .navs_topa .navs_namea span:before{content: "";width: 16px;height: 2px;background: #666;position: absolute;top: 24px;right: 16px;}
.nav-show .navs_top .navs_name i:after,.nav-show .navs_topa .navs_namea span:after{content: "";width: 2px;height: 16px;background: #666;position: absolute;top: 17px;right: 23px;transition: all 0.5s;}
.nav-show .navs_top .navs_name a:hover,.nav-show .navs_top.open .navs_name a{background: #f3f4f5;}
.nav-show .navs_topa .navs_namea a:hover,.nav-show .navs_topa.opena .navs_namea a{background: #f3f4f5;color: #0075cf;}
.nav-show .navs_top.open .navs_name i:after,.nav-show .navs_topa.opena .navs_namea span:after{transform: rotate(-90deg);}
.nav-show.solution .navs_top .navs_name .title i:after{transform: rotate(-90deg);}
.nav-show .navs_top .navs_end,.nav-show .navs_topa .navs_enda{display: none;}
.nav-show .navs_top.open .navs_end,.nav-show .navs_topa.opena .navs_enda{display: block;}
.nav-show .navs_topa .navs_namea a{display: block;font-size: 16px;height: 50px;line-height: 50px;padding: 0 35px;border-bottom: 1px solid #f3f4f5;cursor: pointer;background: #fff;color: #333;position: relative;}
.nav-show .navs_topa ul>li>a{display: block;font-size: 14px;background: #fff;color: #333;padding: 12px 12px 12px 50px;}
.nav-show .navs_topa .navs_enda ul>li>a:hover{background: #ebf6ff;}
.nav-show .navs_topa .navs_enda ul>li.active>a{color: #0075cf;}

.requestService{width: 100%;background: #fff;border: 1px solid #0075cf;}
.requestService .title{height: 45px;line-height: 45px;background: #0075cf;color: #fff;}
.requestService .con_txt_end{padding: 20px;}
.requestService .con_txt_end .item{margin: 10px 0;display: block;border-radius: 5px;text-align: center;line-height: 47px;font-size: 14px;color: #333;border: 1px solid #dedede;}
.requestService .con_txt_end .item.wygm span{padding-left: 25px;background: url('../images/wygm.png') no-repeat left center/15px;}
.requestService .con_txt_end .item.wyzl span{padding-left: 25px;background: url('../images/wyzl.png') no-repeat left center/15px;}

.showItemTextYou{width: calc(100% - 300px);padding-left: 30px;}
.txtdesc_content{margin-top: 8px;line-height: 1.75;color: #666;}
a.productsList{display: block;height: 100%;background: #fff;}
a.productsList .picimg{height: 3.25rem;display: flex;align-items: center;justify-content: center;overflow: hidden;}
a.productsList .picimg img{max-width: 100%;max-height: 100%;}
a.productsList.item .picimg{height: 2.75rem;}
a.productsList.item .picimg img{max-width: 100%;max-height: 100%;}
a.productsList .contxt{padding: 20px;}
a.productsList .contxt .title{color: #333;line-height: 1.5;-webkit-line-clamp: 1;height:1.5em;}
a.productsList .contxt .desc{margin-top: 8px;color: #999;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
a.productsList .contxt .moretest{
    /* margin-top: 1px; */
    color: #999;
    line-height: 1.6;
    -webkit-line-clamp: 2;
    /* height: 3.2em; */
    padding: 4px 20px;
}
a.productsList:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
a.productsList:hover .picimg img{transform: scale(1.08);}
a.productsList:hover .contxt .title{color: #0079db;}
.target-form select{width: 100%;height: 40px;padding: 0 15px;cursor: pointer;appearance: none;-webkit-appearance: none;background: url('../images/arrow-icon.png') #fff no-repeat calc(100% - 10px) center/12px;}

a.solutionList{display: flex;align-items: center;padding: 10px;background: #fff;}
a.solutionList .picimg{width: 320px;height: 240px;overflow: hidden;}
a.solutionList .contxt{width: calc(100% - 320px);padding: 20px 40px;}
a.solutionList .contxt .title{color: #333;}
a.solutionList .contxt .desc{color: #999;line-height: 2;-webkit-line-clamp: 3;height: 6em;}
a.solutionList .viewdetails{display: block;text-align: center;width: 120px;line-height: 36px;border: 1px solid #dedede;color: #999;}
a.solutionList:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
a.solutionList:hover .picimg img{transform: scale(1.08);}
a.solutionList:hover .contxt .title{color: #0079db;}
a.solutionList .viewdetails:hover{background: #0079db;border-color: #0079db;color: #fff;}

.contentWidth{padding: 20px;background: #fff;}
.works_img_zuo{width: 420px;background: #fff;}
.workswipertop .swiper-slide .picimg{border: 1px solid #ebebeb;}
.work-next-prev{padding: 0 30px;position: relative;}
.work-next-prev .swiper-button-prev{left: 0;}
.work-next-prev .swiper-button-next{right: 0;}
.work-next-prev .swiper-button-prev:after,.work-next-prev .swiper-button-next:after{font-size: 18px;color: #333;}
.workswiperend .swiper-slide .picimg{cursor: pointer;border: 1px solid #ebebeb;}
.workswiperend .swiper-slide-thumb-active .picimg{border-color: #0079db;}
.works_con_you{width: calc(100% - 420px);padding-left: 40px;}
.works_con_you .itembox{min-height: 20px;padding-left: 80px;margin-bottom: 5px;color: #333;position: relative;}
.works_con_you .itembox .name{width: 75px;color: #888;display: flex;flex-wrap: wrap;position: absolute;top: 0;left: 0;}
.works_con_you .itembox .name span{display: block;width: 60px;text-align-last: justify;color: #888;}
.works_con_you .itembox .navs{color: #333;display: flex;flex-wrap: wrap;}
.works_con_you .itembox .navs a{color: #333;}
.works_con_you .itembox .navs span{margin: 0 4px;font-family: '宋体';}
.works_con_you .itembox .navs a:hover{color: #0079db;}

ul.mainProClass{background: #eee;}
ul.mainProClass li{padding: 10px 20px;color: #333;text-align: center;cursor: pointer;}
ul.mainProClass li.cur{background: #0075cf;color: #fff;}
a.downloaditem{display: block;padding: 15px 30px;border: 1px solid #dedede;}
a.downloaditem .title{color: #0075cf;}
a.downloaditem .time{margin: 10px 0;color: #999;}
a.downloaditem span.download{display: inline-block;border: 1px solid #eee;color: #888;padding: 3px 12px;}
a.downloaditem:hover span.download{border-color: #0075cf;background: #0075cf;color: #fff;}
a.downloaditem:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.box_item_prev a,.box_item_next a{line-height: 2;color: #888;}
.box_item_prev span,.box_item_next span{line-height: 2;color: #333;}
.box_item_prev a:hover,.box_item_next a:hover{text-decoration: underline;}

ul.rowFlexWrap.news li{margin: 0 8px 8px;text-align: center;}
ul.rowFlexWrap.news li>a{display: block;width: 130px;line-height: 45px;font-size: 18px;background: #fff;color: #888;}
ul.rowFlexWrap.news li>a:hover,ul.rowFlexWrap.news li.active>a{background: #0075cf;color: #fff;}
.solutionList.news{padding-right: 120px;position: relative;}
.solutionList.news .newstime{width: 80px;text-align: center;color: #333;border: 1px solid #eee;position: absolute;top: 20px;right: 20px;}
.solutionList.news .newstime .top{padding: 6px;font-weight: 700;}
.solutionList.news .newstime .end{padding: 6px;border-top: 1px solid #eee;}
.solutionList.news:hover .newstime{background: #0075cf;border-color: #0075cf;color: #fff;}
.solutionList.news:hover .newstime .end{border-top-color: rgba(255,255,255,0.2);}
.newTimeHits{padding: 20px 0;border-bottom: 1px dashed #dedede;color: #666;}
.newTimeHits span{margin: 0 20px;}

@media(max-width: 1440px){
	.showItemMenuZuo{width: 245px;}
	.nav-show .download a{font-size: 18px;}
	.showItemTextYou{width: calc(100% - 245px);padding-left: 20px;}
    a.productsList .contxt{padding: 14px;}
}
@media(max-width: 991px){
	.siteItems ul.siteul{padding: 10px 0;}
	.showItemMenuZuo,.works_img_zuo{width: 100%;}
	.nav-show .mobile-nav{text-align: center;padding: 10px;background: #0079db;color: #fff;}
	.nav-show .tab-item,.requestService{display: none;}
	.nav-show .navs_top .navs_name a{font-size: 16px;height: 40px;line-height: 40px;}
	.nav-show .navs_top .navs_name i,.nav-show .navs_topa .navs_namea span{width: 40px;height: 40px;}
	.nav-show .navs_top .navs_name i:before,.nav-show .navs_topa .navs_namea span:before{width: 12px;top: 19px;right: 14px;}
	.nav-show .navs_top .navs_name i:after,.nav-show .navs_topa .navs_namea span:after{height: 12px;top: 14px;right: 19px;}
	.nav-show .navs_topa .navs_namea a{height: 40px;line-height: 40px;}

	.showItemTextYou,.works_con_you{width: 100%;padding: 20px 0 0;}
    a.productsList .picimg,a.productsList.item .picimg{height: 7.2rem;}
    a.productsList .contxt{padding: 10px;}
    a.productsList .contxt .title{-webkit-line-clamp: 2;height: 3em;}
	a.productsList .contxt .desc{display: none;}
	a.solutionList{display: block;}
	a.solutionList .picimg{width: 100%;height: 12rem;}
	a.solutionList .contxt{width: 100%;padding: 10px;}
	a.solutionList .viewdetails{width: 100px;line-height: 30px;}
	.work-next-prev .swiper-button-prev:after,.work-next-prev .swiper-button-next:after{font-size: 14px;}
	.works_con_you .itembox{padding-left: 64px;}
	.works_con_you .itembox .name{width: 60px;}
	.works_con_you .itembox .name span{width: 48px;}
	ul.mainProClass li{width: 33.33%;padding: 6px;max-width: 120px;}
	
	ul.rowFlexWrap.news{justify-content: flex-start;}
	ul.rowFlexWrap.news li{width: 33.33%;max-width: 120px;padding: 0 3px 6px;margin: 0;}
	ul.rowFlexWrap.news li>a{width: 100%;line-height: 34px;font-size: 14px;}
	.solutionList.news .newstime{width: 70px;top: 0;right: 0;background: #0075cf;border-color: #0075cf;color: #fff;}
	.solutionList.news .newstime .end{border-top-color: rgba(255,255,255,0.2);}
	.newTimeHits{padding: 12px 0;}
	.newTimeHits span{margin: 0 12px;}
}


.contactusWidth{padding: 60px;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,0.08);}
.message_text{padding-bottom: 12px;position: relative;}
.message_text:before{content: "";width: 80px;height: 6px;background: #0075cf;position: absolute;left: 0;bottom: 0;}
.messageform .input{width: 100%;height: 42px;background: #f7f8f9;padding: 0 15px;}
.messageform .textarea{width: 100%;height: 140px;background: #f7f8f9;padding: 5px 15px;}
.messageform .sumbit{width: 200px;height: 50px;line-height: 50px;background: #0075cf;color: #fff;}
.messageform .sumbit:hover{background: #ef1a00;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
#dituContent{width: 100%;height: 540px;}
.contactusinfo{height: 100%;}
.contactusinfo .picimg{width: 67px;}

.joinustop .joinustitle{height: 60px;line-height: 60px;padding: 0 40px;background: #f2f2f2;color: #333;cursor: pointer;position: relative;}
.joinustop .joinustitle:before{content: "";width: 25px;height: 25px;background: url(../images/recruit.png) no-repeat center/cover;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;}
.joinustop.open .joinustitle{background: #0075cf;color: #fff;}
.joinustop.open .joinustitle:before{background-image: url(../images/recruit-active.png) ;}
.joinustop .joinustxt{display: none;padding: 40px;}
.joinustop.open .joinustxt{display: block;}
.products_target_form{padding: 0 120px 0 80px;position: relative;}
.products_target_form .name{line-height: 38px;position: absolute;top: 20px;left: 0;}
.products_target_form .search{width: 100px;height: 38px;background: #0075cf;color: #fff;position: absolute;top: 20px;right: 0;}
.products_target_form .search:hover{background: #ef1a00;}
.layui-form-select dl dd.layui-this{background: #0075cf;}

@media(max-width: 991px){
    .contactusWidth{padding: 20px;}
    .message_texte:before{width: 42px;height: 4px;}
	#dituContent{height: 320px;}
    .contactusinfo{padding: 12px 0;}
	.contactusinfo .picimg{width: 48px;}

	.joinustop .joinustitle{height: 42px;line-height: 42px;padding: 0 15px;font-size: 16px;}
    .joinustop .joinustitle:before{right: 15px;width: 15px;height: 15px;}
    .joinustop .joinustxt{padding: 15px;}
    .products_target_form{padding: 0 0 0 80px;}
	.products_target_form .name{top: 10px;}
	.products_target_form .search{margin: 10px 0;position: static;}
}


.lease_rent_zuo{width: calc(100% - 340px);padding-right: 20px;}
table.renttable{width: 100%;}
table.renttable tbody tr th{font-size: 16px;height: 50px;line-height: 50px;white-space: nowrap;vertical-align: middle;text-align: center;padding: 0 18px !important;background: #0079db;color: #fff;border: 1px solid rgba(255,255,255,0.16) !important;}
table.renttable tbody tr td{font-size: 14px;vertical-align: middle;padding: 18px !important;line-height: 1.65;background: #fff;border: 1px solid rgba(0,0,0,0.05) !important;}
table.renttable tbody tr th:nth-child(1){width: 140px;}
table.renttable tbody tr td em,table.renttable tbody tr th em{color: #ff0000;}
a.click_on_details{width: 280px;height: 50px;line-height: 50px;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #0079db;color: #fff;margin: 0 15px;}
a.click_on_details:hover{background: #ef1a00;color: #fff;}
a.click_on_details svg{width: 20px;margin-left: 6px;}
a.click_on_details svg path{fill: #fff;}
.hots_spot_news{width: 340px;background: #fff;}
.hots_spot_news .rxsd{height: 50px;line-height: 50px;background: #0079db;color: #fff;}
.hots_spot_news ul.newsul li a{display: block;padding: 12px 20px 12px 35px;line-height: 1.6;color: #333;position: relative;}
.hots_spot_news ul.newsul li a:after{content: "";width: 5px;height: 5px;background: #dedede;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;}
.hots_spot_news ul.newsul li a:hover{background: #f3faff;color: #0079db;}
.hots_spot_news ul.newsul li a:hover:after{background: #0079db;}

.arrow_prev_next .swiper-button-next,.arrow_prev_next .swiper-button-prev{width: 40px;height: 40px;background: #f3f3f3;border-radius: 50px;box-shadow: 0 2px 8px rgba(0,121,219,0.24);}
.arrow_prev_next .swiper-button-next:after,.arrow_prev_next .swiper-button-prev:after{font-size: 16px;color: #333;}
.arrow_prev_next .swiper-button-next:hover,.arrow_prev_next .swiper-button-prev:hover{background: #0079db;}
.arrow_prev_next .swiper-button-next:hover:after,.arrow_prev_next .swiper-button-prev:hover:after{color: #fff;}
.arrow_prev_next .swiper-button-next{right: -60px;}
.arrow_prev_next .swiper-button-prev{left: -60px;}
a.cases_pro_list{display: block;padding: 5px;background: #f9f9f9;}
a.cases_pro_list.pro{display: block;background: #fff;}
a.cases_pro_list .picimg{height: 220px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
a.cases_pro_list .picimg img{max-width: 100%;max-height: 100%;}
a.cases_pro_list .contxt{padding: 20px 15px 15px;}
a.cases_pro_list .contxt .title{color: #333;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
a.cases_pro_list .contxt .cppp{margin-top: 10px;height: 24px;line-height: 24px;color: #999;}
a.cases_pro_list:hover .picimg img{transform: scale(1.08);}
a.cases_pro_list:hover .contxt .title{color: #0079db;}

ul.mainProItemClass,ul.mainCasesClass{font-size: 0;}
ul.mainProItemClass>li{display: inline-block;position: relative;}
ul.mainProItemClass>li>span{display: inline-block;margin: 4px;color: #ddd;}
ul.mainProItemClass>li:last-child>span{display: none;}
ul.mainProItemClass>li>a{display: inline-block;margin: 4px;color: #333;cursor: pointer;}
ul.mainProItemClass>li.cur>a{color: #0079db;}
ul.mainCasesClass>li{display: inline-block;width: 15%;margin-right: 2%;cursor: pointer;position: relative;}
ul.mainCasesClass>li:last-child{margin-right: 0;}
ul.mainCasesClass>li.cur:before{content: "";width: 0;height: 0;border: 12px solid #0079db;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);border-top-color: #0079db;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
ul.mainCasesClass>li>a{height: 60px;padding: 10px;display: flex;align-items: center;justify-content: center;background: #fff;color: #333;box-shadow: 0 2px 8px rgba(0,121,219,0.12);}
ul.mainCasesClass>li.cur>a{background: #0079db;color: #fff;}
.cases_flex_wrap{background: #f7f8f9;padding: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cases_flex_wrap .con_txt_zuo{width: 50%;}
.cases_flex_wrap .con_txt_zuo .desc{line-height: 2;}
.cases_flex_wrap .pic_img_you{width: 42%;}

.esyqyw_bg{background: url('../images/esyqyw.jpg') no-repeat center/cover;}
.esyqyw_bg .esyqyw_name{color: #fff;}
.esyqyw_bg .esyqyw_desc{line-height: 1.75;color: rgba(255,255,255,0.8);}
.desc_text_con{margin-top: 10px;line-height: 1.75;color: #888;}
a.business{width: 180px;height: 40px;line-height: 40px;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #0079db;color: #fff;border-radius: 50px;}
a.business:hover{background: #ef1a00;color: #fff;}
a.business svg{width: 16px;margin-left: 6px;}
a.business svg path{fill: #fff;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.rentalFAQ{width: 100%;height: 100%;padding: 40px;background: #fff;}
.rentalFAQ .title{padding-left: 32px;background: url('../images/ask.png') no-repeat left top/22px;}
.rentalFAQ .desc{padding-left: 32px;line-height: 1.8;background: url('../images/answer.png') no-repeat left 4px/22px;}
.rentalFAQ .desc p a{color: #0079db;text-decoration: underline;}
.rentalFAQ .desc ul.list-paddingleft{display: flex;flex-wrap: wrap;}
.rentalFAQ .desc ul.list-paddingleft li{padding-right: 40px;margin-right: 40px;border-right: 1px solid #f3f3f3;}
.rentalFAQ .desc ul.list-paddingleft li:last-child{padding-right: 0;margin-right: 0;border-right: none;}
.rentalFAQ .desc ul.list-paddingleft li p strong{color: #0079db;}
.rentalFAQ .desc ul.list-paddingleft li p a{color: #666;}
.rentalFAQ .desc ul.list-paddingleft li p a:hover{color: #0079db;}
.ywys_item_slide{display: flex;align-items: center;padding: 30px;box-shadow: 0 2px 14px rgba(180,180,180,0.24);}
.ywys_item_slide:hover{box-shadow: 0 2px 14px rgba(0,121,219,0.24);}
.ywys_item_slide .pic_img{width: 60px;}
.ywys_item_slide .con_txt{width: calc(100% - 60px);padding-left: 20px;}

@media(max-width: 1230px){
	.hots_spot_news{width: 280px;}
	.lease_rent_zuo{width: calc(100% - 280px);}
	a.click_on_details{width: 245px;height: 45px;line-height: 45px;}
	.arrow_prev_next .swiper-button-next,.arrow_prev_next .swiper-button-prev{width: 30px;height: 30px;}
	.arrow_prev_next .swiper-button-next:after,.arrow_prev_next .swiper-button-prev:after{font-size: 12px;}
	.arrow_prev_next .swiper-button-next{right: 0;}
	.arrow_prev_next .swiper-button-prev{left: 0;}
}
@media(max-width: 991px){
	.lease_rent_zuo{width: 100%;padding: 0;}
	table.renttable tbody tr th{font-size: 14px;height: 40px;line-height: 40px;padding: 0 8px !important;}
	table.renttable tbody tr td{font-size: 12px;;padding: 8px !important;}
	table.renttable tbody tr th:nth-child(1){min-width: 100px;}
	a.click_on_details{width: 215px;height: 40px;line-height: 40px;margin: 10px;border-radius: 50px;}
	a.click_on_details svg{width: 16px;margin-left: 3px;}
	.hots_spot_news{width: 100%;margin-top: 30px;}
	a.cases_pro_list .picimg{height: 12rem;}
	a.cases_pro_list .contxt{padding: 15px 10px 10px;}
	
	ul.mainProItemClass{white-space: nowrap;overflow-x: auto;padding-bottom: 6px;}
	ul.mainCasesClass{white-space: nowrap;overflow-x: auto;padding: 6px 6px 12px;}
	ul.mainCasesClass>li{width: auto;}
	ul.mainCasesClass>li>a{height: 40px;}
	ul.mainCasesClass>li.cur:before{border-width: 6px;bottom: -6px;}
	.cases_flex_wrap{padding: 15px;}
	.cases_flex_wrap .con_txt_zuo{width: 100%;padding-bottom: 10px;}
	.cases_flex_wrap .pic_img_you{width: 100%;padding-top: 10px;}
	a.business{width: 140px;height: 32px;line-height: 32px;}
	a.business svg{width: 14px;margin-left: 3px;}

	.rentalFAQ{padding: 20px;}
	.rentalFAQ .desc ul.list-paddingleft li{width: 100%;padding: 0 0 10px 0;margin: 0;border-right: none;}
	.rentalFAQ .desc ul.list-paddingleft li:last-child{padding: 0;}
}


#selectCS A{
	font-size: 14px;
}
#moreselect {
    font-size: 15px;
}
.moreselectBox {
    min-width: 400px;
    margin-bottom: 10px;
}
    
@media only screen and (max-width: 650px){#cplist UL LI{ width:48%;}#cplist UL LI.c9{ display:none;}}
@media only screen and (max-width: 600px){#search .so,#search .buttom,#search .input{ height:30px; font-size:12px;}#ddfb  .qtfb .tel i{ margin-right:10px;}#ddfb  .qtfb  .logo{ width:55%;}#company .nr dd{ font-size:16px;}#searcha{ padding:0px 5%; }}
@media only screen and (max-width: 500px){#search .input{ width:71%;}#cpfl UL LI,#cpfl.fa UL LI{ width:50%}
      .selectClass {
        font-size: 12px;
    }
    
    #selectCS A{
    	font-size: 12px;
    }
    #moreselect {
        font-size: 13px;
    }
    .moreselectBox {
        min-width: 400px;
        margin-bottom: 10px;
    }
    .selectClass div:nth-child(2){
   
        min-width: 300px;
        overflow-x: scroll;
    }
}
@media only screen and (max-width: 450px){#w_menu ul li{ font-size:14px; line-height:1.8;}#cpbtn  A{padding:5px 10px; margin:2px;}#top .logo img{ height:50px; margin-top:5px; margin-bottom:5px;}}
@media only screen and (max-width: 400px){#searcha{  padding:0px 0%; }}

.moreselectBody {
    padding: 5px;
    background-color: #fff;
}

#selectCS.cp a{ width:20%; display:block; float:left; margin:5px 2px; overflow:hidden;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; }
.selectClass {
    display: flex;
    font-size: 15px;
}
.selectClass div {
    display: flex;
    align-items: center;
    min-height: 60px;
}
.selectClass div:nth-child(1){
    width: 10%;
    justify-content: center;
    color: #000;
    font-weight: 600;
}
.selectClass div:nth-child(2){
    width: 90%;
    font-weight: 500;
    overflow-x: hidden;
}

#selectCS A{
    cursor: pointer;
	display:inline-block; 
	font-size: 15px;
	font-weight: 500;
	color: #696767;  
	margin: 10px;
	/* min-width: 50px; */
	white-space: nowrap;
}
#selectCS A:hover{
     color: #fff;
    font-weight: 600;
    background-color: #0079db;
    /* margin: 20px; */
    /* padding: 3px; */
    border-radius: 13px;
       border-radius: 13px;
    padding: 3px 10px;
    
}
#selectCS A.sec{ 
        color: #fff;
    font-weight: 600;
    background-color: #0079db;
    /* margin: 20px; */
    /* padding: 3px; */
    border-radius: 7px;
       border-radius: 7px;
    padding: 3px 10px;
}
#moreselect {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 10px;
}
.moreselectBox {
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
     .selectClass {
        font-size: 12px;
    }
    
    #selectCS A{
    	font-size: 12px;
    }
    #moreselect {
        font-size: 13px;
    }
    .moreselectBox {
        min-width: 400px;
        margin-bottom: 10px;
    }
     .selectClass_div_1 {
        display: none!important;
    }
    .selectClass_div_2 {
        width: 100%!important;
        overflow-x: scroll!important;
    }
}