@charset "utf-8";
/* CSS Document */

input[type=button],input[type=text],input[type=submit]{-webkit-appearance:none;outline:none}
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input, textarea{-webkit-appearance: @none;}

body{ margin:0px; padding:0px; border:0px; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#555555; font-size:14px; width:100%; background:#ffffff;margin: 0 auto;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none; cursor: pointer;
-moz-user-focus: none;
-moz-user-select: none;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
img{ vertical-align: middle;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px; cursor: pointer;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:.23rem;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:.23rem;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:.23rem;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:.23rem;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:.23rem;}
textarea::-webkit-input-placeholder{color:#999999; font-size:.23rem; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"}
.fl{ float:left;}
.fr{ float:right;}


.search-input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#fff; font-size:13px;}
.search-input::-webkit-input-placeholder{ /* WebKit browsers */ color:#fff; font-size:13px;}
.search-input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#fff; font-size:13px;}
.search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; font-size:13px;}
.search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; font-size:13px;}




video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}



input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}

/*渐变从左向右*/
.jianbian2{
    height: 200px;
    background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */
}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
.tra:hover{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}


.shadow1{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.2) 0px 0px 5px;
}
.shadow2{transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; }
.shadow2:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


/*投影*/
.shadow5{ 
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}

.shadow7{ 
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}
.shadow7:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow1_1{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow5:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px; 
     -o-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px; 
        box-shadow:rgba(0,0,0,0.05) 5px 10px 10px; 
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}

.shadow8{ 
-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
     -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
        box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
		transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}


.shadow6{ 
-webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
   -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
    -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
     -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
        box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
		transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}

/*投影*/
.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
        box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
}
/*图片居中*/
.center{
	-webkit-align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: star;
}

/*图片居中2*/
.vertical{
	display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-moz-flex;
display:-ms-flexbox;
display:flex;
/* 水平居中*/ 
	   -webkit-box-align:center;
		  -moz-box-align:center;
		   -ms-flex-pack:center;
 /* IE 10 */
 -webkit-justify-content:center; 
	-moz-justify-content:center;
	     justify-content:center;
/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */ 
		-webkit-box-pack:center;
		  -ms-flex-align:center;
		   -moz-box-pack:center;
/* IE 10 */
	 -webkit-align-items:center;
	    -moz-align-items:center;
	    	 align-items:center;

}






/*图片翻转*/
.flip{
	-webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
           transition: all 0.3s ease;
    -webkit-transform: all 0.3s ease;
 }
.flip:hover{
	-webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(60deg);
           transition: all 0.3s ease;
    -webkit-transform: all 0.3s ease;  
	cursor:pointer;
}


.body_bg{ background: #f3f7fc;}

.header_height{ height: .8rem;}
.header{ height: .8rem; background: #145ec9; padding-left: 2%; position: fixed; width: 100%; top: 0; z-index: 50;}
.header .header_logo{ display: inline-block; width: 70%; line-height: .8rem;}
.header .header_logo img{ width: 100%;}
.header .header_nav .header_nav_title{ display: inline-block; width: 1rem; background: #edb42c; text-align: center; line-height: .8rem; color: #fff; font-size: .7rem;}
.header .header_nav .header_nav_down{ position: fixed; top: .8rem; width: 100%; left: 0; background: rgba(255,255,255,0.9); box-shadow: 3px 3px 10px rgba(0,0,0,0.2); display: none;}
.header .header_nav .header_nav_down a{ display: inline-block; width: 100%; text-align: center; line-height: .7rem; font-size: .28rem; border-bottom: 1px solid #e5e5e5;}
.header .header_nav .header_nav_down a:last-child{ border-bottom: 0px;}




.index_product .index_product_content{ padding: 2%;}
.index_product .index_product_content .product_content_list{ display: inline-block; width: 23%; background: #fff; text-align: center; margin-right: 2.6%; margin-bottom: 2.6%; padding: 3% 0px;}
.index_product .index_product_content .product_content_list:nth-child(4n){ margin-right: 0px;}
.index_product .index_product_content .product_content_list dd{ font-size: .6rem; color: #666666;}
.index_product .index_product_content .product_content_list dt{ font-size: .24rem; color: #666666; margin-top: .1rem;}





.installation{ padding: 2%;}
.installation .installation_title{ margin-bottom: .2rem;}
.installation .installation_title dd{ font-size: .3rem; color: #333333; border-left: 1px solid #145ec9; line-height: .45rem; padding-left: .2rem;}
.installation .installation_title a{ display: inline-block; padding: 0px 4%; color: #145ec9; font-size: .24rem; border: 1px solid #145ec9; line-height: .45rem; border-radius: 1rem;}
.installation .installation_content .installation_content_list{ display: inline-block; width: 100%; background: #fff;}
.installation .installation_content .installation_content_list .content_list_img img{ width: 100%; height: 2.4rem; object-fit: cover;}
.installation .installation_content .installation_content_list .content_list_txt{ text-align: center; padding: .1rem 0px;}
.installation .installation_content .installation_content_list .content_list_txt dd{ font-size: .26rem; color: #333333;}
.installation .installation_content .installation_content_list .content_list_txt dt{ font-size: .24rem; color: #999999;}



.service{ background: url(../images/bg4.jpg) no-repeat 50%/cover; padding: 4% 2%;}
.service .service_title{ text-align: center; padding-bottom: 2%;}
.service .service_title span{ position: relative; font-size: .3rem; color: #fff;}
.service .service_title span:before,.service .service_title span:after{ content: ""; position: absolute; width: 17px; height: 2px; background: #fff; top: 50%;}
.service .service_title span:before{ left: -.6rem;}
.service .service_title span:after{ right:  -.6rem;}
.service .service_content .service_content_list{ background: #fff; width: 49%; margin-right: 2%; padding: 4% 2%; margin-top: 2%;}
.service .service_content .service_content_list:nth-child(2n){ margin-right: 0px;}
.service .service_content .service_content_list dd{ font-size: .26rem; color: #333333; margin-bottom: .15rem;} 
.service .service_content .service_content_list dd span{ color: #145ec9; margin-right: .2rem; display: inline-block; border-bottom: 1px solid #e5e5e5; padding-bottom: .15rem;} 
.service .service_content .service_content_list dt{ font-size: .24rem; color: #666666;} 
.service .service_content .service_content_list dt p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}




.partner{ margin-top: .3rem;}
.partner .partner_content .partner_content_list{ width: 32%; margin-right: 2%; margin-bottom: 2%;}
.partner .partner_content .partner_content_list:nth-child(3n){ margin-right: 0%;}
.partner .partner_content .partner_content_list img{ width: 100%;}



.obtain{ padding:0px 2%; padding-top: .4rem;}
.application{ padding:0px 2%; padding-top: .2rem; padding-bottom: .2rem;}
.obtain,.application{ background: #fff;}
.obtain img,.application img{ width: 100%;}





.case{ background: #fff;}
.case .service_title span{ color: #333333;}
.case .service_title span:before, .case .service_title span:after{ background: #145ec9;}
.case .case_content .case_content_list{ margin-top: .2rem; display: inline-block; width: 100%;}
.case .case_content .case_content_list .content_list_img{ width: 37%;}
.case .case_content .case_content_list .content_list_content{ width: 63%; border: 1px solid #e5e5e5; border-left: 0px;}
.case .case_content .case_content_list .content_list_img img{ width: 100%; height: 2rem; object-fit: cover;}
.case .case_content .case_content_list .content_list_content{ padding: .11rem .2rem;}
.case .case_content .case_content_list .content_list_content dd{ font-size: .28rem; color: #333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.case .case_content .case_content_list .content_list_content dt{ font-size: .26rem; color: #666666; margin: .14rem 0px;
display: -webkit-box; height: .7rem; line-height:.36rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.case .case_content .case_content_list .content_list_content p{ font-size: .26rem; color: #999999;}
.case .case_content .case_content_list .content_list_content p i{ margin-left: .1rem;}
.case .case_more{ text-align: center;}
.case .case_more a{ border: 1px solid #e5e5e5; padding: .15rem .45rem; margin-top: .3rem; display: inline-block; border-radius: 1rem;}










.footer_height{ height: 1.1rem;}
.footer{ position: fixed; width: 100%; bottom: 0; background: #fff; z-index: 50;}
.footer .footer_list{ width: 50%; line-height: 1rem;}
.footer .footer_list dd{ font-size: .45rem; color: #145ec9;}
.footer .footer_list dt{ font-size: .28rem; color: #333333; margin-left: .1rem;}
.footer .footer_list.on{ background: #145ec9;}
.footer .footer_list.on dt{ color: #fff;}
.footer .footer_list.on dd{ color: #fff;}






.PopUps{ display: block;}
.PopUps .PopUps_bg{ display:none;}
.PopUps .PopUps_content{ padding: 4% 4%; background:#fff; margin-bottom:.3rem;}
.PopUps .PopUps_content .PopUps_content_title{ font-size: .3rem; color: #333333; text-align: center; position: relative;}
.PopUps .PopUps_content .PopUps_content_title .PopUps_content_close{ position: absolute; right: -.1rem; top: -.2rem; display:none;}
.PopUps .PopUps_content .PopUps_content_form .content_form_list{ line-height: .8rem; border: 1px solid #e5e5e5; margin-top: .3rem;}
.PopUps .PopUps_content .PopUps_content_form .content_form_list input{ width: 100%; line-height: .6rem; padding: 0px .3rem; font-size: .28rem;}
.PopUps .PopUps_content .PopUps_content_form .content_form_submit input{ line-height: .8rem; border: 1px solid #e5e5e5; margin-top: .3rem; width: 100%; color: #fff; font-size: .3rem; color: #fff; background: #145ec9;}






.detail_banner img{ width: 100%;}








.detail_nav{ padding: 4% 2%; border-bottom: 1px solid #e5e5e5; padding-bottom: 2%;}
.detail_nav .detail_nav_list{ font-size: .24rem; color: #333333; height: .7rem; width: 23.5%; text-align: center; display: inline-block; background: #fff; line-height: .7rem; border-radius: 5px; margin-right: 2%; margin-bottom: 2%;}
.detail_nav .detail_nav_list:nth-child(4n){ margin-right: 0px;}
.detail_nav .detail_nav_list.on{ background: #145ec9; color: #fff;}  




.AboutDetal{ padding: 4% 2%;}
.AboutDetal .AboutDetal_list{ margin-bottom: .3rem;}
.AboutDetal .AboutDetal_list:last-child{ margin-bottom: 0px;}
.AboutDetal .AboutDetal_list dd{ font-size: .28rem; color: #333333; font-weight: bolder; margin-bottom: .2rem;}
.AboutDetal .AboutDetal_list dd span{ font-size: .3rem;}
.AboutDetal .AboutDetal_list dt p{ color: #666666; font-size: .26rem; line-height: .4rem; margin-bottom: .2rem;}
.AboutDetal .AboutDetal_list dt p:last-child{ margin-bottom: 0px;}
.AboutDetal .AboutDetal_img{ margin-bottom: .3rem;}
.AboutDetal .AboutDetal_img img{ max-width: 100%;}
.AboutDetal .AboutDetal_culture{ background: #fff; padding: 4%;}
.AboutDetal .AboutDetal_culture dd span{ font-size: .28rem; color: #999999; margin-left: .2rem; font-weight: normal;}
.AboutDetal .culture_img{ margin-bottom: 0px;}







.about_surroundings{ padding-bottom: .4rem;}
.about_surroundings .about_surroundings_content{ padding: 4% 2%;}
.about_surroundings .about_surroundings_content .surroundings_content_list{ width: 32%; margin-right: 2%; margin-top: 2%;}
.about_surroundings .about_surroundings_content .surroundings_content_list:nth-child(3n){ margin-right: 0%;}
.about_surroundings .about_surroundings_content .surroundings_content_list dd img{ width: 100%; height: 2rem; object-fit: cover;}
.about_surroundings .about_surroundings_content .surroundings_content_list dt{ background: #fff; font-size: .26rem; color: #333333; text-align: center;; line-height: .8rem; border: 1px solid #e5e5e5; border-top: 0px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}



.page li a{ width: .8rem; height: .6rem; line-height: .6rem; display: inline-block;; text-align: center; background: #ffff; color: #727272; margin-right: .2rem; border: 1px solid #e5e5e5; font-size: .28rem; color: #333333;}
.page li:first-child a{ width: 1rem;} 
.page li:last-child a{ margin-right: 0px; width: 1rem;} 
.page li.active a{ background: #165fbb; color: #fff; border: 1px solid #165fbb;}
.page li:hover a{ background: #165fbb; color: #fff; border: 1px solid #165fbb;}
.page li a i{ font-size: .3rem;}




.about_honor .about_surroundings_content .surroundings_content_list{ background: #fff; padding: 2%; margin-bottom: 3%;}
.about_honor .about_surroundings_content .surroundings_content_list dd{ height: 3rem;}
.about_honor .about_surroundings_content .surroundings_content_list dd img{ height: 3rem; object-fit: initial;}
.about_honor .about_surroundings_content .surroundings_content_list{ position: relative;}
.about_honor .about_surroundings_content .surroundings_content_list dt{ position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; left: 0; }






.case_detail{ padding-bottom: 4%;}
.case_detail .case_detail_content{ padding: 4% 2%;}
.case_detail .case_detail_content .detail_content_list{ width: 49%; margin-right: 2%; display: inline-block; background: #fff; padding-bottom: .2rem; margin-bottom: 2%;}
.case_detail .case_detail_content .detail_content_list:nth-child(2n){ margin-right: 0px;}
.case_detail .case_detail_content .detail_content_list .content_list_img img{ width: 100%; height: 2rem; object-fit: cover;}
.case_detail .case_detail_content .detail_content_list .content_list_txt{ margin: 0px .2rem; padding-top: .2rem;}
.case_detail .case_detail_content .detail_content_list .content_list_txt dd{ font-size: .28rem; color: #333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.case_detail .case_detail_content .detail_content_list .content_list_txt dt{ font-size: .24rem; color: #666666; margin: .2rem 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.case_detail .case_detail_content .detail_content_list .content_list_more{ color: #145ec9; text-align: center; border: 1px solid #e5e5e5; font-size: .26rem; line-height: .6rem; margin: 0px .2rem; border-radius: 5px;}





.case_details{ padding-top: .4rem;}
.case_details .case_details_title{ padding: 0px 2%; margin-bottom: .3rem;}
.case_details .case_details_title dd{ font-size: .33rem; color: #333333; margin-bottom: .15rem;}
.case_details .case_details_title dt{ font-size: .26rem; color: #999999;}
.case_details .case_details_title dt span{ margin-right: .4rem;}
.case_details .case_details_content{ background: #fff; margin: 0px 2%; padding: 4%;}
.case_details .case_details_content .details_content_list{ font-size: .26rem; margin-bottom: .25rem;}
.case_details .case_details_content .details_content_list dd{ color: #333333;}
.case_details .case_details_content .details_content_list dt{ color: #666666; line-height: .4rem;}
.case_details .case_details_content .details_content_list dt img{ max-width:100%; height:auto !important}
.case_details .case_details_introduction{ padding: 0px 2%; margin-top: .4rem;}
.case_details .case_details_introduction .details_introduction_img{ text-align:center}
.case_details .case_details_introduction .details_introduction_img img{ max-width: 100%;}
.case_details .case_details_introduction .details_introduction_contetn{ background: #fff; padding: 4%;}
.case_details .case_details_introduction .details_introduction_contetn dd{ font-size: .26rem; color: #333333; margin-bottom: .4rem;}
.case_details .case_details_introduction .details_introduction_contetn dt{ font-size: .26rem; color: #666666; line-height: .4rem;}
.case_details .case_details_page{ padding: 4% 2%;}
.case_details .case_details_page .details_page_list{ display: inline-block; width: 46%; font-size: .25rem; color: #333;}
.case_details .case_details_page .details_page_list dd{ width: 35%;}
.case_details .case_details_page .details_page_list dt{ width: 65%;overflow: hidden; display:inline-block; font-size: .25rem; color: #333;
text-overflow:ellipsis;
white-space: nowrap;}










.case_footer{ position: fixed; width: 100%; bottom: 0; background: #fff; z-index: 50; height: 1rem; padding-left: 2%;}
.case_footer .case_footer_left{ padding: .2rem 0px;}
.case_footer .case_footer_left dd{ width: .65rem; height: .65rem; background: #145ec9; color: #fff; line-height: .65rem; border-radius: 100%; text-align: center; font-size: .35rem;}
.case_footer .case_footer_left dt{ margin-left: .1rem;}
.case_footer .case_footer_left dt P:nth-child(1){ font-size: .26rem; color: #333333;}
.case_footer .case_footer_left dt P:nth-child(2){ font-size: .3rem; color: #ffb400;}
.case_footer .case_footer_right{ background: #145ec9; width: 40%; line-height: 1rem; color: #fff;}
.case_footer .case_footer_right dd{ font-size: .45rem; color: #ff;}
.case_footer .case_footer_right dt{ font-size: .28rem; color: #fff; margin-left: .1rem;}






.contact{ padding: 0px 2%;}
.contact .contact_title{ border-bottom: 1px solid #dcdcdc; padding-bottom: .2rem;}
.contact .contact_title .contact_title_top{ font-size: .3rem; color: #333333; text-align: center; padding: .3rem 0px;}
.contact .contact_title .contact_title_left{ width: 50%}
.contact .contact_title .contact_title_left dd{ width: 45%;}
.contact .contact_title .contact_title_left dd img{ width: 100%;}
.contact .contact_title .contact_title_left dt{ width: 50%; font-size: .24rem; margin-left: 3%; line-height: .4rem;}
.contact .contact_title .contact_title_right{ width: 50%;}
.contact .contact_title .contact_title_right .title_right_list{ margin-bottom: .2rem;}
.contact .contact_title .contact_title_right .title_right_list dd{ font-size: .35rem; color: #1964d0; width: 20%; text-align: center;}
.contact .contact_title .contact_title_right .title_right_list dt{ font-size: .24rem; color: #666666; width: 78%; margin-left: 2%;}
.contact .contact_title .contact_title_right .title_right_list dt span{ color: #333333;}
.contact .contact_form{ margin-top: .5rem;}
.contact .contact_form .contact_form_list{ margin-bottom: .4rem;}
.contact .contact_form .contact_form_list dd{ font-size: .28rem; color: #333333; margin-bottom: .2rem;}
.contact .contact_form .contact_form_list dd span{ color: #da251c;}
.contact .contact_form .contact_form_list dt{ border: 1px solid #e5e5e5;}
.contact .contact_form .contact_form_list dt input{ width: 100%; line-height: .5rem; padding: .1rem .2rem;}
.contact .contact_form .contact_form_list dt textarea{ height: 1.5rem; width: 100%; padding: .1rem .2rem;}
.contact .contact_form .contact_form_submit{ text-align: center;}
.contact .contact_form .contact_form_submit input{ font-size: .26rem; color: #fff; background: #1964d1; width: 2rem; line-height: .7rem;}
.contact .contact_map{ margin-top: .7rem;}







.cost_img img{ width: 100%;}


.cost_form{ background: url(../images/bg19.jpg) no-repeat 50%/cover; margin: 0px 1%; padding: 4% 2%; border-radius: 15px; position: relative; padding-bottom: .6rem; top: -1.1rem;}
.cost_form .cost_form_list{ margin-bottom: .15rem;}
.cost_form .cost_form_list dd{ width: 49%; margin-right: 2%; background: #145ec9; color: #fff; font-size: .28rem; line-height: .6rem; padding-left: .2rem; border-radius: 5px; height: .6rem;}
.cost_form .cost_form_list dt{ width: 49%; height: .6rem;}
.cost_form .cost_form_list dt input{ width: 100%; line-height: .4rem; background: rgba(255,255,255,.83); border-radius: 5px; padding: .1rem .2rem; font-size: .28rem; color: #333;}
.cost_form .cost_form_submit{ text-align: center; position: absolute; bottom: -7%; width: 100%; left: 0;}
.cost_form .cost_form_submit input{ width: 45%; line-height: .7rem; color: #fff; background: #edb42c; border-radius: 1rem; font-size: .28rem;}


.cost_content .cost_content_title dd{ font-size: .60rem; color: #eaeaea; font-weight: bolder;}
.cost_content .cost_content_title dt{ font-size: .28rem; color: #333333; margin-left: .2rem;}

.cost_content .cost_content_txt{ padding: 0px 2%; position: relative; overflow: hidden; padding-bottom: 4%; margin-top: 2%;}
.cost_content .cost_content_txt .content_txt_img img{ width: 100%;}
.cost_content .cost_content_txt .content_txt_img{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 2% 2%;}
.cost_content .cost_content_txt .content_txt_bottom{ position: relative; z-index: 20; padding: 4%; border-top: 1px solid #f5f5f5;}
.cost_content .cost_content_txt .content_txt_bottom .txt_bottom_list{ margin-bottom: .3rem;}
.cost_content .cost_content_txt .content_txt_bottom .txt_bottom_list dd{ font-size: .28rem; color: #333333; margin-bottom: .1rem;}
.cost_content .cost_content_txt .content_txt_bottom .txt_bottom_list dt{ font-size: .28rem; color: #666666; line-height: .4rem;}


.cost_ContentTwo{ background: #6bcbf0; margin-top: .4rem; padding: 4% 2%;}
.cost_ContentTwo .cost_content_title dd{ color: rgba(255,255,255,0.32);}
.cost_ContentTwo .cost_content_title dt{ color: #fff;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_list{ position: relative; margin-top: .3rem;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_list dd{ background: #2692e6; width: 7%; text-align: center; color: #fff; font-size: .28rem; height: 100%; position: absolute; height: 100%; left: 0;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_list dt{ width: 93%; padding: 4%; background: #fff;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_list dt p{ color: #666666; font-size: .26rem; margin-bottom: .15rem;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_list dt p:last-child{ margin-bottom: 0px;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_bad dd{ background: #707070;}
.cost_ContentTwo .cost_ContentTwo_txt .ContentTwo_txt_bad:before{ content: ""; position: absolute; width: 41px; height: 30px; display: inline-block; background: url(../images/bn8.png) no-repeat 50%/cover; left: 0; right: 0; top: -.4rem; margin: 0 auto;}
.cost_ContentTwo .ContentTwo_prompt{ font-size: .26rem; color: #fff; margin-top: .4rem; padding-bottom: .2rem;}







.cost_bottom{ padding: 6% 2%;}
.cost_bottom .cost_bottom_left{ width: 100%; margin-bottom:.5rem; text-align:center;} 
.cost_bottom .cost_bottom_left img{ max-width: 100%;}
.cost_bottom .cost_bottom_right{ width: 100%; text-align:center;}
.cost_bottom .cost_bottom_right dd p{ color: #666666; font-size: .26rem; line-height: .35rem; margin-bottom: .2rem; text-align:left;}
.cost_bottom .cost_bottom_right dd p:last-child{ margin-bottom: 0px;}
.cost_bottom .cost_bottom_right a{ background: #edb42c; color: #fff; font-size: .26rem; padding: 0px .3rem; border-radius: 5px; display: inline-block; line-height: .6rem; margin-top: .2rem;}






.installation_details .case_details_introduction section p{ font-size:.26rem !important; color:#666; line-height:.45rem;}

.installation_details .case_details_introduction{ margin-top: 0px;}
.installation_details .case_details_introduction .details_introduction_contetn{ padding: 4% 0px; background: #f3f7fc;}
.installation_details .case_details_introduction .details_introduction_contetn dd{ text-align: center; font-size: .3rem; margin-bottom: .3rem;}
.installation_details .AboutDetal_list dd{ margin-bottom: 0rem; font-size: .26rem; font-weight: normal;}
.installation_details .AboutDetal_list dt p{ margin-bottom: 0px;}
.installation_details .installation_details_case{ border: 1px dashed #e5e5e5; display: inline-block; width: 100%; padding: .1rem 0px; margin-top: .5rem;}
.installation_details .installation_details_case dd{ text-align: center; height: .5rem; width: .5rem; background: #edb42c; line-height: .5rem; border-radius: 100%; color: #fff;}
.installation_details .installation_details_case dt{ color: #333333; font-size: .26rem; margin-left: .2rem;}


.obtain_installation,.application_installation{ background: #f3f7fc;}




.news{ padding: 0px 2%; padding-bottom: 6%;}
.news .news_hot{ padding-top: 4%; display: inline-block;}
.news .news_hot .news_hot_left dt{ width: .8rem;height: .8rem; text-align: center; color: #fff; font-size: .24rem; background: #145ec9; position: absolute; left: 0; top: 0; padding: .08rem;}
.news .news_hot .news_hot_left{ width: 50%; position: relative;}
.news .news_hot .news_hot_left img{ width: 100%; height: 2.7rem; object-fit: cover;}
.news .news_hot .news_hot_right{ width: 50%; background: #fff; padding: 4.5% 4%;}
.news .news_hot .news_hot_right dd{ font-size: .28rem; color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news .news_hot .news_hot_right dt{ font-size: .24rem; color: #999999; margin: .15rem 0px;}
.news .news_hot .news_hot_right dt i{ margin-right:.1rem;}
.news .news_hot .news_hot_right p{ font-size: .26rem; color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}



.news .news_contetn{ margin-bottom: 6%;}
.news .news_contetn .news_contetn_list{ padding: 4% 0px; border-bottom: 1px solid #e5e5e5;}
.news .news_contetn .news_contetn_list .news_hot_left{ width: 35%;}
.news .news_contetn .news_contetn_list .news_hot_left img{  height: 1.78rem;}
.news .news_contetn .news_contetn_list .news_hot_right{ width: 65%; padding: 0px; padding-left: 4%; background: #f3f7fc;}
.news .news_contetn .news_contetn_list .news_hot_right dd{-webkit-line-clamp: 1;}
.news .news_contetn .news_contetn_list .news_hot_right dt{ margin-bottom: .23rem;}






.news_details .case_details_introduction .details_introduction_contetn .AboutDetal_list{ margin-bottom: .25rem;}
.news_details .case_details_introduction .details_introduction_contetn .AboutDetal_list dd{ text-align: left; font-size: .28rem; margin-bottom: 0px;}
.news_details .case_details_introduction .details_introduction_contetn{ border-bottom: 1px solid #e5e5e5;}
.news_details .case_details_introduction .details_introduction_contetn span{ font-size:.26rem !important; color:#666 !important; line-height:.4rem; display:inline-block; margin-bottom:.2rem;}



.knowledge .news_contetn .news_contetn_list .news_hot_left{ width: 1.3rem; height: 1.3rem; background: #a8b2c1; text-align: center; padding: 4.2% 0px;}
.knowledge .news_contetn .news_contetn_list .news_hot_left p{ color: #fff; font-size: .28rem;}
.knowledge .news_contetn .news_contetn_list .news_hot_left p:last-child{ font-size: .24rem; margin-top: .1rem;}
.knowledge .news_contetn .news_contetn_list .news_hot_right{ width: 81%;}
.knowledge .news_contetn .news_contetn_list .news_hot_right dd{ margin-bottom: .26rem;}







.service_details .service_details_title{ font-size: .28rem; color: #fff; text-align: center; margin-bottom: .3rem;}
.service_details .service_details_title span{ display: inline-block; background: #7d7d7d; line-height: .49rem; position: relative; padding: 0px .25rem;}
.service_details .service_details_title span:before{ content: "";display: inline-block; background: url(../images/bn10.png) no-repeat 50% 50%; position: absolute; right: -.2rem; width: .2rem; height: .49rem; top: 0;}
.service_details .service_details_title span:after{ content: "";display: inline-block; background: url(../images/bn11.png) no-repeat 50% 50%; position: absolute; left: -.19rem; width: .2rem; height: .49rem; top: 0;}
.service_details .case_details_introduction .details_introduction_contetn dt p{ margin-bottom: .2rem;}
.service_details .case_details_introduction .details_introduction_contetn dt p:last-child{ margin-bottom: 0px;}
.installation_details .case_details_introduction img{ max-width:100% !important; height:auto !important;}