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

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; }
body.on{ overflow: hidden;}

input[type="button"], input[type="submit"], input[type="reset"] {
     -webkit-appearance: none;
}
textarea {  
    -webkit-appearance: none;
}  

a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}
a:hover{ text-decoration:none;
       transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s;}
/* 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:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,ul,li,span,a,ol,input,label,dd,dt{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
textarea::-webkit-input-placeholder{color:#999999; font-size:15px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"}



.search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;}
.search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; 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); 
}


.mo_down{ height:0px; overflow:hidden}
.mo_down.on{ height:auto;}

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


.fl{ float:left;}
.fr{ float:right;}
/*渐变从左向右*/
.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; 
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
/*圆角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.1) 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.08) 0px 0px 15px; 
   -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
		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;
}


.noscroll{
    overflow: hidden;
}


.bd_weixin_popup{ width:280px !important; height:345px !important; position:fixed !important; top:30% !important; left:0% !important; right:0% !important; margin:0 auto}



.quan{ width: 100%;}

.mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;}
.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2);}
.mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;}
.mo_top .mot .molo img{ height:30px;}
.mo_top .mot .momenuicon{ float:right; height:16px; margin:17px 0;}
.mo_top .mot .cloesicon{ display:none;}
.mo_top .moxl{ left:-100%; top:50px; background:rgba(50,123,246,0.5); position:absolute; z-index:99; width:100%; transition:all ease 0.3s;}
.mo_top .moxl_box{ width:60%; background:#327bf6; height:100%; padding-bottom: 50px;}

.mo_top .moxl .moxl_xun{ width:100%; float:left; position:relative;}
.mo_top .moxl .moxl_xun .moxl_xun_icon{ width:100%; height:0px; position:absolute; padding-right:10px;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img{ float:right; height:10px; margin:20px 0;}
.mo_top .moxl .moxl_xun .moxl_xun_icon img.moxl_xun_img2{ display:none; width:10px; height:7px}
.mo_top .moxl .moxl_xun .moxl_xun_title{ width:100%; padding-left:10px; display:inline-block; line-height:35px; font-size:14px; color:#fff;}
.mo_top .moxl .moxl_xun .moxl_erji{ width:100%; overflow:hidden; display:none}
.mo_top .moxl .moxl_xun .moxl_erji a{ width:100%; padding-left:20px; height:30px; line-height:30px; font-size:12px; color:#fff; display:inline-block; float:left;}

.mo_bottom{ width:100%; background:#da251c; display:none; margin-top:20px; position:fixed; bottom:0; z-index:20;}
.mo_bottom .mo_bottom_nei{ width:96%; margin:0 auto; height:50px;}
.mo_bottom .mo_bottom_nei .mo_lj_font{ padding-top:5px;}
.mo_lj{ color:#fff; padding:10px 0; text-align:center; font-size:13px; width:25%;}
.mo_yc{ width:100%; height:80px; display:none;}
.mo_lj div i{ font-size: 20px;}

.details_banner{ height: 300px; position: relative;}
.details_banner dd img{ width:100%; height:300px; object-fit:cover;}
.details_banner dt{ font-size:48px; font-weight:bolder; color:#fff;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}



.banner{ height: 764px; overflow: hidden;}
.banner .slider .item a{ display:inline-block;}
.banner .slick-dots li button:before{ display:none;}
.banner .slick-dots li.slick-active button{ background:#0056b8;}
.banner .slick-dots li{ width:39px; height:3px;}
.banner .slick-dots li button{ width:100%; background:#fff; padding:0px; height:100%;}
.banner .slick-dots{ bottom:7%;}
.banner .slick-slide{ position: relative;}
.banner .slick-slide dt{
	width: 39%;
	position: absolute;
    left: 26%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.banner .slick-slide dt p:nth-child(1){ font-size: 45px; color: #ffffff; font-weight: bolder; text-shadow: 0px 10px 5px rgba(0,0,0,.2);}
.banner .slick-slide dt p:nth-child(2){ font-size: 22px; color: #ffffff; line-height: 30px; margin-top: 20px; text-transform: capitalize;}
.banner .slick-slide img{ width:100%; height: 764px; object-fit: cover;}
.banner .slick-dotted.slick-slider{ margin-bottom:0px;}
.banner .slick-slide video{  width:100%; height: 764px; object-fit: cover;}





.pc_top{ position:absolute; top:0; width:100%; z-index:120;}
.pc_top .pc_top_content{ max-width: 1770px; margin: 0 auto; padding:24px 0px;}
.pc_top .pc_top_content .top_content_logo{ display: inline-block; line-height: 45px;}







.IndexBusiness{ background:#f3f3f3;}
.IndexBusiness .IndexBusiness_content{ max-width:1770px; margin:0 auto;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title{ text-align:center; padding:60px 0px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title dd{ font-size:30px; color:#222222; margin-bottom:5px; }
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title dt{ font-size:20px; color:#222222; text-transform:uppercase; font-family:'Century Gothic'; font-weight:bolder; }
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt{ height:538px; background:url(../images/bg1.jpg) no-repeat 50%/cover;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left{ width:28%; padding:75px 9%; border-right:2px solid rgba(255,255,255,.5);}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a{ font-size:22px; color:#fff; margin-bottom:60px; display:inline-block; width:100%; text-align:left; position:relative;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a:last-child{ margin-bottom:0px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a:before{ content:""; position:absolute; display:inline-block; width:33px; height:13px; background:url(../images/bn2.png) no-repeat 50% 50%; right:-30%; top:30%; opacity:0; transition: all 0.3s ease;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right{ width:72%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a:hover:before{ right:-27%; opacity:1;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a.on:before{ right:-27%; opacity:1;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list{ padding:75px 0%; padding-left:100px; padding-right:200px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dd{ font-size:22px; color:#ffffff; font-weight:bolder; margin-bottom:25px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt p{ font-size:16px; color:#fff; line-height:24px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt a{ font-size:16px; color:#fff; line-height:24px; position:relative; padding:0px 8px; margin-top:25px; display:inline-block;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt a:before{ content:""; position:absolute; right:0; display:inline-block; height:17px; width:1px; background:#fff; top:20%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt a:last-child:before{ opacity:0;}

.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt.content_txt_bg{ background:url(../images/bg1.jpg) no-repeat 50%/cover;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt.content_txt_bg2{ background:url(../images/bg1_2.jpg) no-repeat 50%/cover;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt.content_txt_bg3{ background:url(../images/bg1_3.jpg) no-repeat 50%/cover;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt.content_txt_bg4{ background:url(../images/bg1_4.jpg) no-repeat 50%/cover;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt.content_txt_bg5{ background:url(../images/bg1_5.jpg) no-repeat 50%/cover;}







.case{ padding:70px 0px;}
.case .case_left{ width:37%; background:#fff; padding: 30px 0px; text-align:center;}
.case .case_left dd{ font-size:18px; color:#222222; margin-bottom:20px;}
.case .case_left dt{ font-size:14px; color:#666666; line-height:27px;}
.case .case_left a{ background: linear-gradient(to left,#3876bf, #6fbfff); line-height:53px; display:inline-block; width:175px; text-align:center; font-size:16px; color:#fff; border-radius:500px; box-shadow:6px 0px 21px rgba(56,118,191,.33); margin-top:45px;}
.case .case_left a:hover{ box-shadow:6px 0px 21px rgba(56,118,191,1);}
.case .case_right{ width:63%; position:relative; cursor:pointer;}
.case .case_right dd{ position:absolute; left:0; top:0; z-index:50;}
.case .case_right dt video{ width:100%;}
.case .case_right .case_right_video{ width:100%; height:595px; object-fit:cover;}
.case .case_right span{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}



.IndexCase .case_left{ width:37%; background:#fff; padding: 172px 78px; text-align:left;}



.CaseContent{ padding-bottom:60px;}
.CaseContent .CaseContent_list{ position:relative; width:32.6%; margin-right:1%; margin-bottom:1%;}
.CaseContent .CaseContent_list:nth-child(3n){ margin-right:0px;}
.CaseContent .CaseContent_list .CaseContent_list_img{ overflow:hidden;}
.CaseContent .CaseContent_list .CaseContent_list_img img{ width:100%; height:429px; object-fit:cover;
-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;
}
.CaseContent .CaseContent_list .CaseContent_list_img:before{ content:""; position:absolute; display:inline-block; width:100%; height:100%;
 background: linear-gradient(to bottom,rgba(255,255,255,0), rgba(0,0,0,.7)); z-index:2;
}
.CaseContent .CaseContent_list .CaseContent_list_txt{
	position: absolute; text-align:center; width:100%; text-align:center;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); z-index:5;
}
.CaseContent .CaseContent_list .CaseContent_list_txt dd{ font-size:20px; color:#fff; font-weight:bolder; margin-bottom:10px;}
.CaseContent .CaseContent_list .CaseContent_list_txt dt{ font-size:18px; color:#fff; text-transform:uppercase;}
.CaseContent .CaseContent_list:hover .CaseContent_list_img img{
-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;	
}






.IndexNews{ background:#fff; padding-bottom:90px;}
.IndexNews .IndexNews_left{ width:63%; margin-right:4%;} 
.IndexNews .IndexNews_left .IndexNews_left_list{ width:47%; margin-right:6%; border-bottom:1px solid #dcdcdc; border-top:1px solid #eeeeee; padding:40px 0px;}
.IndexNews .IndexNews_left .IndexNews_left_list:nth-child(2n){ margin-right:0px;}
.IndexNews .IndexNews_left .IndexNews_left_list dd{ font-size:15px; color:#000; font-weight:bolder; margin-bottom:15px;
overflow: hidden; transition: all 0.5s ease 0s;
text-overflow:ellipsis;
white-space: nowrap;
}
.IndexNews .IndexNews_left .IndexNews_left_list p{ font-size:13px; color:#666; line-height:24px;
display: -webkit-box; height:68px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.IndexNews .IndexNews_left .IndexNews_left_list dt{ margin-top:20px; font-size:12px;}
.IndexNews .IndexNews_left .IndexNews_left_list:hover dd{ color:#3876bf; transition: all 0.5s ease 0s;}
.IndexNews .IndexNews_right{ width:33%;} 
.IndexNews .IndexNews_right .IndexNews_right_img{ overflow:hidden;}
.IndexNews .IndexNews_right .IndexNews_right_img img{ width:100%; height:230px; object-fit:cover;
-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; 
}
.IndexNews .IndexNews_right .IndexNews_right_txt{ margin-top:32px;}
.IndexNews .IndexNews_right .IndexNews_right_txt dd{ font-size:15px; color:#000; font-weight:bolder; margin-bottom:15px;
overflow: hidden;transition: all 0.5s ease 0s; 
text-overflow:ellipsis;
white-space: nowrap;
}
.IndexNews .IndexNews_right .IndexNews_right_txt p{ font-size:13px; color:#666; line-height:24px;
display: -webkit-box; height:68px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.IndexNews .IndexNews_right .IndexNews_right_txt dt{ margin-top:20px; font-size:12px;}
.IndexNews .IndexNews_right:hover .IndexNews_right_txt dd{ transition: all 0.5s ease 0s; color:#3876bf;}
.IndexNews .IndexNews_right:hover  .IndexNews_right_img img{
-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;		
}









.IndexAbout{ height:900px; width:100%; overflow:hidden; position:relative;}
.IndexAbout .IndexAbout_top video{ width:100%;}
.IndexAbout .IndexAbout_bottom{ position:absolute; top:147px; left:192px; width:1094px; height:627px; background:#fff url(../images/bn4.png) no-repeat 100% 100%; box-shadow:0px 5px 35px rgba(0,0,0,.5);}  
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_title{ left:-105px; padding-top:25px; position:relative;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_title img{ height:110px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt{ padding:0px 150px; padding-top:30px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dd{ font-size:30px; color:#000000; margin-bottom:20px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt{}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt::-webkit-scrollbar-track {
		  background-color: #dcdcdc;
	} /* 滚动条的滑轨背景颜色 */

.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt::-webkit-scrollbar-thumb {
		  background:#3876bf; 
	} /* 滑块颜色 */

.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt::-webkit-scrollbar-button {
		  background-color: #dcdcdc;
	} /* 滑轨两头的监听按钮颜色 */

.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt::-webkit-scrollbar-corner {
		  background-color: #dcdcdc;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt::-webkit-scrollbar {
    width: 2px;
    height: 0px;
	border-radius:3px;
} /* 这是针对缺省样式 (必须的)*/


.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt p{ font-size:14px; color:#333333; line-height:26px; margin-bottom:8px; text-align:justify; text-indent:2em;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt p:last-child{ margin-top:0px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt a{ font-size:15px; color:#555555; line-height:15px; font-weight:bolder; margin-top:10px; display:inline-block;}


.IndexAbout .about_top_txt .top_txt_list .txt_list_title dt{ font-size:35px; color:#c1c1c1; text-transform:uppercase; font-family:'Century Gothic';}
.IndexAbout .about_top_txt .top_txt_list .txt_list_content{ margin-top:10px;}
.IndexAbout .about_top_txt .top_txt_list .txt_list_content p{ font-size:14px; color:#666666; line-height:26px; margin-bottom:15px;}
.IndexAbout .about_top_txt .top_txt_list .txt_list_content p:last-child{ margin-bottom: 0px; }
.IndexAbout .about_top_txt .slick-prev,.IndexAbout .about_top_txt .slick-next{ width:46px; height:46px; border-radius:100%; text-align:center; line-height:46px; background:#fff; box-shadow:6px 0px 21px rgba(56,118,191,.33); left:65px; bottom:-60px; top:auto;transition: all 0.3s ease 0s;}
.IndexAbout .about_top_txt .slick-prev{ left:0px;}
.IndexAbout .about_top_txt .slick-next{ left:135px;}
.IndexAbout .about_top_txt .slick-prev:before, .IndexAbout .about_top_txt .slick-next:before{ color: #3876bf;  transition: all 0.3s ease 0s;}

.IndexAbout .about_top_txt .top_txt_list .txt_list_content{height: 150px;overflow: auto; padding-right:10px;}
.IndexAbout .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-track {
		  background-color: #dcdcdc;
	} /* 滚动条的滑轨背景颜色 */

.IndexAbout .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-thumb {
		  background:#3876bf; 
	} /* 滑块颜色 */

.IndexAbout .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-button {
		  background-color: #fff;
	} /* 滑轨两头的监听按钮颜色 */

.IndexAbout .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-corner {
		  background-color: #fff;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.IndexAbout .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar {
    width: 2px;
    height: 0px;
	border-radius:3px;
} /* 这是针对缺省样式 (必须的)*/






.IndexPartner{}
.IndexPartner .IndexPartner_content .IndexPartner_content_list{ text-align: center; cursor:pointer; line-height:180px; outline:none;}







.footer .footer_top{ line-height:50px; border-bottom:1px solid #eeeeee; text-align:center;}
.footer .footer_top a{ font-size:16px; color:#333333; margin-right:145px;}
.footer .footer_top a:hover{ color:#3876bf;}
.footer .footer_top a:last-child{ margin-right:0px; }
.footer .footer_content{ padding:50px 0px; max-width:1300px; margin:0 auto;}
.footer .footer_content .footer_content_left{ line-height:126px; border-right:1px solid #dcdcdc; padding-right:60px; margin-right:60px;}
.footer .footer_content .footer_content_right{ text-align:center;}
.footer .footer_content .footer_content_right dt{ margin-top:15px;}
.footer .footer_content .footer_content_center p{ font-size:14px; color:#666666; line-height:26px;}
.footer .footer_content .footer_content_center p span{ margin:0px 10px;}





.content_list_video{ display:none;}
.content_list_video.on{ display:block;}
.content_list_video .list_video_bg{ position:fixed; background:rgba(0,0,0,.8); left:0; top:0;  width:100%; height:100%; z-index:120;}
.content_list_video .list_video_content{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); z-index:121;
}
.content_list_video .list_video_content .video_content_close{ cursor:pointer; position:fixed; right:0; top:-35px;}
.content_list_video .list_video_content .video_content_close span{ color:#fff; font-size:25px;}
.content_list_video .list_video_content video{ width:100%;}











.video_banner{ position:relative; height:800px;}
.video_banner video{ height:800px; width:100%; object-fit:cover;}
.video_banner img{ max-width:100%;}
.video_banner span{
		position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);	
}






.click_video{ cursor:pointer;}


.about .IndexBusiness_content{ padding:80px 0px;;}
.about .about_top{ width:100%; position:relative;}
.about .about_top .about_top_img{ width:50%;}
.about .about_top .about_top_img img{ width:100%; height:825px; object-fit:cover;}
.about .about_top .about_top_txt{ width:1022px; background:#fff; padding:65px 75px; position: absolute; right:0; box-shadow:0px 20px 20px rgba(0,0,0,.2); z-index:5;
padding-bottom: 161px; top:0;
}
.about .about_top .about_top_txt .top_txt_list{outline:none;}
.about .about_top .about_top_txt .top_txt_list .txt_list_title dd{ font-size:24px; color:#3876bf; font-weight:bolder; padding-bottom:20px; position:relative; margin-bottom:40px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_title dd:before{ content:""; position:absolute; display:inline-block; width:37px; height:3px; background:#3876bf; bottom:0;}
.about .about_top .about_top_txt .top_txt_list .txt_list_title dt{ font-size:45px; color:#c1c1c1; text-transform:uppercase; font-family:'Century Gothic';}
.about .about_top .about_top_txt .top_txt_list .txt_list_content{ margin-top:30px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_content p{ font-size:14px; color:#666666; line-height:26px; margin-bottom:15px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_content p:last-child{ margin-bottom: 0px; }
.about .about_top .about_top_txt .slick-prev,.about .about_top .about_top_txt .slick-next{ width:46px; height:46px; border-radius:100%; text-align:center; line-height:46px; background:#fff; box-shadow:6px 0px 21px rgba(56,118,191,.33); left:65px; bottom:55px; top:auto;transition: all 0.3s ease 0s;}
.about .about_top .about_top_txt .slick-next{ left:135px;}
.about .about_top .about_top_txt button:hover{ background:#3876bf;transition: all 0.3s ease 0s;}
.about .about_top .about_top_txt button:hover:before{ color:#fff;transition: all 0.3s ease 0s;}
.about .about_top .about_top_txt .slick-prev:before,.about .about_top .about_top_txt .slick-next:before{ color:#3876bf;transition: all 0.3s ease 0s;}
.about .about_top .about_top_video{ position:absolute; right:0; bottom:0px; width:50%;}
.about .about_bottom{ margin-top:45px;}
.about .about_bottom .about_bottom_team .bottom_team_list{width:11%; margin-right:1.7%;}
.about .about_bottom .about_bottom_team .bottom_team_list:last-child{ margin-right:0px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_img img{ width:100%; height:475px; object-fit:cover;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt{ text-align:center; padding-bottom:50px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dd{ font-size:18px; color:#333; padding:15px 0px; font-weight:bolder;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt{ padding:0px 73px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt p:nth-child(1){ margin-right:8px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt p span{ font-size:18px; color:#333;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt p:nth-child(2){ margin-top:30px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt p{ font-size:14px; color:#333; width:20px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt{ background:url(../images/bg14.jpg) repeat;}
.about .about_bottom .about_bottom_contact{ text-align:center; margin-top:45px;}
.about .about_bottom .about_bottom_contact a{ background: linear-gradient(to left,#3876bf, #6fbfff); display:inline-block; width:176px; line-height:53px; border-radius:100px; color:#fff; font-size:16px; box-shadow:6px 0px 21px rgba(56,118,191,.33);}



.about .about_top .about_top_txt .top_txt_list .txt_list_content{height: 227px;overflow: auto; padding-right:10px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-track {
		  background-color: #dcdcdc;
	} /* 滚动条的滑轨背景颜色 */

.about .about_top .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-thumb {
		  background:#3876bf; 
	} /* 滑块颜色 */

.about .about_top .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-button {
		  background-color: #fff;
	} /* 滑轨两头的监听按钮颜色 */

.about .about_top .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar-corner {
		  background-color: #fff;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.about .about_top .about_top_txt .top_txt_list .txt_list_content::-webkit-scrollbar {
    width: 2px;
    height: 0px;
	border-radius:3px;
} /* 这是针对缺省样式 (必须的)*/




.news{ padding:80px 0px; padding-bottom:70px;}
.news .news_content{ padding-bottom:30px;}
.news .news_content .news_content_list{ display:inline-block; width:100%; background:#fff; margin-bottom:30px; transition: all 0.3s ease 0s;}
.news .news_content .news_content_list:hover{ box-shadow:6px 0px 21px rgba(0,0,0,.13); transition: all 0.3s ease 0s; }
.news .news_content .news_content_list:hover .content_list_right .list_right_txt dd{ color:#3876bf; transition: all 0.3s ease 0s;}
.news .news_content .news_content_list .content_list_left{ width:18%;}
.news .news_content .news_content_list .content_list_left img{ width:100%; height:200px; object-fit:cover;}
.news .news_content .news_content_list .content_list_right{ width:82%;}
.news .news_content .news_content_list .content_list_right .list_right_time{ padding:55px;}
.news .news_content .news_content_list .content_list_right .list_right_time dd{ font-size:42px; color:#9a9a9a; margin-bottom:10px;}
.news .news_content .news_content_list .content_list_right .list_right_time dt{ font-size:18px; color:#9a9a9a;}
.news .news_content .news_content_list .content_list_right .list_right_txt dd{ font-size:20px; color:#333333; margin-bottom:18px;
overflow: hidden; transition: all 0.3s ease 0s;
text-overflow:ellipsis;
white-space: nowrap;
}
.news .news_content .news_content_list .content_list_right .list_right_txt p{ font-size:14px; color:#666666; line-height:30px;
display: -webkit-box; height:60px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news .news_content .news_content_list .content_list_right .list_right_txt{ width:81%; padding:48px 0px; margin-right:3%;}



.page li a{ width: 34px; height: 34px; line-height: 34px; display: inline-block;; text-align: center; background: #ffff; color: #333333; border-radius: 100%; margin-right: 15px;}
.page li:last-child a{ margin-right: 0px;}
.page li.active a{ background: #3876bf; color: #fff; }
.page li:hover a{ background: #3876bf; color: #fff;}
.page li a i{ font-size: 16px;}











.technology .IndexBusiness_content{ max-width:100%;}
.technology .technology_list{ position:relative;}
.technology .technology_list .technology_list_content{
	position: absolute; z-index:5; width:745px; background:rgba(4,101,178,.7); padding:130px 80px;
    left: 24%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);	
}
.technology .technology_list .technology_list_content dd{ font-size:30px; color:#fff; margin-bottom:30px;
}
.technology .technology_list .technology_list_content dt{ color:#fff; font-size:14px; line-height:30px;}
.technology .technology_list .technology_list_img img{ width:100%; height:800px; object-fit:cover;}
.technology .technology_list:nth-child(2n) .technology_list_content{ left: 75%;}








.join{ padding:80px 0px;}
.join .join_top{ background:#cccccc; color:#333333; font-weight:bolder; line-height:60px; padding: 0px 40px; font-size:16px;}
.join .join_top dd{ width: 15%; text-align:center;}
.join .join_top dd:nth-child(1){ width: 37%; margin-left:3%; text-align:left;}
.join_list{ border-bottom:1px solid #dcdcdc;}
.join_list .join_list_title{ line-height: 60px; background: #fff; padding: 0px 40px; cursor: pointer; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.join_list .join_list_title:hover{ background: #fafafa;}
.join_list .join_list_title.on{ background: #fafafa;}
.join_list .join_list_title div{ text-align:center;}
.join_list .join_list_title div:nth-child(1){ color: #222; font-size: 15px; width: 37%; margin-left:3%; text-align:left;}
.join_list .join_list_title div:nth-child(2){ color: #222; font-size: 13px; width: 15%;}
.join_list .join_list_title div:nth-child(3){ color: #222; font-size: 13px; width: 15%;}
.join_list .join_list_title div:nth-child(4){ width: 15%;}
.join_list .join_list_title div:nth-child(5){ width: 15%;}
.join_list .join_list_title div .Social2{ display: none;}
.join_list .join_list_content{ padding: 20px 90px; display: none; border:1px solid #dcdcdc; background:#fff url(../images/bn13.png) no-repeat 90% 50%; border-bottom:0px;}
.join_list .join_list_content .list_content_list{ margin-bottom: 40px;}
.join_list .join_list_content .list_content_list dd{ font-size: 15px; color: #222; padding-bottom: 10px;}
.join_list .join_list_content .list_content_list dt p{ line-height: 28px; font-size: 13px; color: #828282;}
.join_list .join_list_content .em{ font-size: 13px; color: #3c63c9;}









.contact .contact_top{ padding:55px 4%;}
.contact .contact_top .contact_top_list{ width:33.33%;}
.contact .contact_top .contact_top_list .top_list_title{ font-size:26px; color:#333333; margin-bottom:35px;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list{ margin-bottom:25px;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list:last-child{ margin-bottom:0px;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list dd{ font-size:14px; color:#868686; margin-bottom:10px;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list dt{ font-size:18px; color:#333333;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list b{ font-size:24px; color:#3876bf;}


.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:480px;}






.news_details{ padding:65px 0px;}
.news_details .news_details_title{ text-align:center; border-bottom:1px solid #dcdcdc; padding-bottom:15px}
.news_details .news_details_title dd{ font-size:26px; color:#333333; padding-bottom:20px}
.news_details .news_details_title dt div{ color:#999999; font-size:13px; padding-right:50px; display:inline-block; line-height:26px}
.news_details .news_details_title dt div:nth-child(3){ padding-right:0px}

.news_details .news_details_wen{ padding-top: 40px;}
.news_details .news_details_wen .details_wen_top div img{ max-width:100%}
.news_details .news_details_wen .details_wen_top{ border-bottom:1px solid #dcdcdc; padding-bottom:30px}
.news_details .news_details_wen .details_wen_top p{ line-height:26px; padding:10px 0px; font-size:14px; color:#666666; text-indent: 2em;}
.news_details .news_details_wen .details_wen_top div{ padding-bottom:10px}
.news_details .news_details_wen .news_fenye{ margin-top: 20px;}
.news_details .news_details_wen .news_fenye div{ line-height:45px; width: 40%;}
.news_details .news_details_wen .news_fenye div:last-child a{ padding-left:0px; text-align:right; margin-right:20px;}
.news_details .news_details_wen .news_fenye div a{ font-size:16px; color:#333333; display:inline-block; background: #f6f6f6; width: 80%; padding-left: 20px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news_details .news_details_wen .news_fenye div a:hover{ color:#165fbb}







.product{ padding:80px 0px;}
.product .product_top .product_top_list{ background:#fff; width:23%; margin-right:2.66%; display:inline-block; text-align:center; margin-bottom:2.66%; transition: all 0.3s ease 0s;}
.product .product_top .product_top_list .click_look img{ max-height:395px; max-width:100%;}
.product .product_top .product_top_list dd{ line-height:470px; padding:0px 25px;}
.product .product_top .product_top_list dt{ line-height:55px; border-top:1px solid #dcdcdc; font-size:16px; color:#333333; padding:0px 20px;
overflow: hidden;
text-overflow:ellipsis; transition: all 0.3s ease 0s; 
white-space: nowrap;
}
.product .product_top .product_top_list .product_zb_content{ display:none;}


.product .product_top .product_top_list:nth-child(4n){ margin-right:0px;}
.product .product_top .product_top_list:hover{ box-shadow:6px 0px 21px rgba(0,0,0,.13); transition: all 0.3s ease 0s; }
.product .product_top .product_top_list:hover dt{ color:#3876bf; transition: all 0.3s ease 0s; }
.product_window .product_window_content img{ max-width:100%;}




.CaseDetails{ padding:60px 0px;}
.CaseDetails .IndexBusiness_content{ padding:0px 80px;}
.CaseDetails .CaseDetails_title{ line-height:70px; background:#fff; box-shadow:6px 0px 21px rgba(0,0,0,.13); border-radius:10px; padding:0px 30px; margin-bottom:50px;}
.CaseDetails .CaseDetails_title .CaseDetails_title_left{ font-size:16px; color:#222222;}
.CaseDetails .CaseDetails_title .CaseDetails_title_left i{ margin-right:25px; position:relative; top:-4px;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a{ font-size:16px; color:#222222; margin-right:40px; position:relative;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a:last-child{ margin-right:0px;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a:hover{ color:#3876bf;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a.on{ color:#3876bf;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a:before{ content:""; display:inline-block; width:0%; height:2px; background:#3876bf; position:absolute; bottom:0; left:0; right:0; margin:0 auto; transition: all 0.3s ease 0s;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a:hover:before{ width:100%; transition: all 0.3s ease 0s;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a.on:before{ width:100%; transition: all 0.3s ease 0s;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list{ width:32%; margin-right:2%; margin-bottom:1%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:nth-child(3n){ margin-right:0px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img{ position:relative; background:#000; overflow:hidden;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:hover .top_list_img i img{
-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;
}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ width:100%; height:337px; object-fit:cover; opacity:.8;
-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;
}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img span{
	position:absolute;
	left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);	
}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img span img{ height:25px; width: auto; opacity:1;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_content{ line-height:55px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_content{ font-size:15px; color:#333333; transition: all 0.5s ease 0s;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_content i{ font-size:12px; color:#8f8f8f; margin-left:20px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:hover .top_list_content{ color:#3876bf; transition: all 0.5s ease 0s;}




.NavTop_down{ position:fixed; width:100%; height:100%; background:#000; left:0; top:0; height:0px; overflow:hidden; opacity:0;  transition: all 0.5s ease 0s;}
.NavTop_down .NavTop_down_close{ display:inline-block; width:80px; height:80px; text-align:center; line-height:80px; background:#25252526; border-radius:100%; position:fixed; right:2%; top:2%; display:none;}
.NavTop_down .NavTop_down_content{
	position:absolute;left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width:7%;	
}
.NavTop_down .NavTop_down_content a{ display:inline-block; width:100%; color:#fff; font-size:21px; line-height:60px; color:#707070; text-align:center; transition: all 1s ease 0s;}
.NavTop_down .NavTop_down_content a:hover{ letter-spacing:.5rem; color:#fff;transition: all 1s ease 0s;}
.NavTop_down.on{  transition: all 0.5s ease 0s; height:100%; opacity:1;}








.product_window{ position:fixed; width:1240px; height:850px; background:#fff; display:none;
    left: 50%; box-shadow:0px 0px 30px rgba(0,0,0,.4); z-index:225;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.product_window .fa{ position:absolute; right:-28px; top:-28px; font-size:28px; color:#999; cursor:pointer; color:#fff;}
.product_window .product_window_content{ margin:20px; overflow:auto;}

.product_bg{ position:fixed; background:rgba(0,0,0,.5); width:100%; height:100%; left:0; top:0; z-index:2; display:none;}






.news_page{ padding-top: 35px;}
.news_page .news_page_left .page_left_list{ font-size: 14px; color: #333333; margin-top: 18px;}
.news_page .news_page_left .page_left_list:first-child{ margin-top: 0px;}
.news_page .news_page_left .page_left_list a{ font-size: 14px; color: #333333;}
.news_page .news_page_left .page_left_list a:hover{ color: #3876bf;}
.news_page .news_page_right{ display: inline-block; border: 1px solid #3876bf; border-radius: 50px; text-align: center; line-height: 4px; line-height: 43px; font-size: 14px; color: #333333; margin: 5px 0px; padding: 0px 25px;}
.news_page .news_page_right img{  width: auto; margin-left: 20px; position: relative; top: -1px;}
.news_page .news_page_right:hover{ color: #3876bf;}




.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right{width: 71%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left{width: 29%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt p{line-height: 30px;font-size: 20px;text-indent: 2em;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dd{font-size: 26px;}














@media (max-width: 1770px){
.IndexBusiness .IndexBusiness_content,.pc_top .pc_top_content{ max-width:1500px;}
.case .case_right .case_right_video,.case .case_right dt video{ height:519px;}
.case .case_left{ padding:7px 0px;}
.case .case_left img{ max-width:78%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left{ padding:75px 8%;}
.CaseContent .CaseContent_list .CaseContent_list_img img{ height:364px;}
.IndexAbout .IndexAbout_bottom{ left:130px; top:100px;}
.IndexAbout{ height:800px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:286px;}

.IndexCase .case_left{ padding:131px 60px;}

}


@media (max-width: 1550px){
.IndexBusiness .IndexBusiness_content,.pc_top .pc_top_content{ max-width:1350px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:254px;}
.CaseDetails .IndexBusiness_content{ padding:0px;}


.case .case_left{ padding: 25px 0px; }
.case .case_left img{ max-width:81%;}
.IndexCase .case_left{ padding: 105px 60px; }


}

@media (max-width: 1350px){
.IndexBusiness .IndexBusiness_content,.pc_top .pc_top_content{ max-width:1200px;}
.CaseContent .CaseContent_list .CaseContent_list_img img{ height:291px;}
.case .case_right .case_right_video,.case .case_right dt video{ height:415px;}
.case .case_left{ padding: 25px 0px; }
.case .case_left img{ max-width:71%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:222px;}

.product_window{ width:1200px; height:650px;}

.IndexCase .case_left{ padding: 55px 60px; }


}
















@media screen and (max-width:1200px){
.all{ width: 96% !important; margin: 0 auto;height:auto}
.pc_top{ display: none;}
.footer .footer_top,.footer .footer_content .footer_content_left,.footer .footer_content .footer_content_right{ display: none;}
.mo_top{display: block;}
.mo_height{ height: 50px;}
.index_ourys .index_ourys_nei .ourys_nei_wen,.details_banner .details_banner_content{ display: none;}
.all,.footer .footer_content{ width: 96% !important; margin: 0 auto;height:auto; overflow: hidden;}
.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}
.footer .footer_content .footer_content_center p{ font-size:14px; text-align:center;}
.footer .footer_content{ padding:25px 0px;}
img{ max-width: 100%;}

.banner,.banner .slick-slide img{ height:auto;}

.product_window{ width:95%;}
.product_window .fa{ right:0;}
.banner .slick-slide video{ height:auto;}


.video_banner,.video_banner video{ height:auto;}
.case .case_right dt video{ width:100%; height:auto;}


.case .case_left img{ max-width:100%;}
}

@media screen and (max-width:1080px){




}


@media screen and (max-width:768px){
.banner ,.banner .slick-slide img,.banner .slick-slide video{ height: 200px !important;}
.banner .slick-slide dt p:nth-child(1){ font-size: 15px; font-weight: normal; text-shadow: inherit;}
.banner .slick-slide dt p:nth-child(2){ font-size: 12px; margin-top: 10px; line-height: 20px;}
.banner .slick-slide dt{ width: 65%; left: 38%;}


.details_banner dt{ font-size:20px;}
.product .product_top .product_top_list{ width:32%; margin-right:2%;}
.product .product_top .product_top_list:nth-child(3n){ margin-right:0px;}
.product,.news,.news_details,.technology,.join,.CaseDetails{ padding:25px 0px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_title img{ height:auto;}

.details_banner dd img,.details_banner{ height: 120px !important;}
.IndexAbout .IndexAbout_top{ display: none;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dt{ height:auto; padding-right:0px;}

.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title{ padding:25px 0px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title dd{ font-size:18px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_title dt{ font-size:16px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left,.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right{ width:100%; padding:20px; float:inherit;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left,.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right{ width:100%;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a{ width:49%; margin-right:2%; font-size:15px; margin-bottom:2%; text-align:center; line-height:35px; border-radius:3px; border:1px solid #fff;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a:nth-child(2n){ margin-right:0px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a:before{ display: none;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_left a.on{ background:#fff; color:#0056b8;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list{ padding:0px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt p{ font-size:13px; line-height:22px;}
.IndexBusiness .IndexBusiness_content .IndexBusiness_content_txt .content_txt_right .txt_right_list dt a{ font-size:15px;}


.case .case_left,.case .case_right{ width:100%;}
.case .case_left{ padding:30px;}
.case .case_left a{ line-height:40px; width:150px; font-size:14px;}
.case .case_right .case_right_video{ height:auto;}
.case .case_right span{ width:4%;}


.CaseContent .CaseContent_list{ width:49%; margin-right:2%; margin-bottom:2%;}
.CaseContent .CaseContent_list:nth-child(2n){ margin-right:0px;}
.CaseContent .CaseContent_list:nth-child(3){ margin-right:2%;}
.CaseContent .CaseContent_list .CaseContent_list_img img{ height:145px;}
.CaseContent .CaseContent_list .CaseContent_list_txt dd{ font-size:16px; margin-bottom:5px;}
.CaseContent .CaseContent_list .CaseContent_list_txt dt{ font-size:13px;}
.CaseContent{ padding-bottom:25px;}
.IndexNews .IndexNews_left,.IndexNews .IndexNews_right{ width:100%; margin:0px;}
.IndexNews .IndexNews_left .IndexNews_left_list{ padding:20px 0px;}
.IndexNews .IndexNews_left{ margin-bottom:20px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_title{ left:0; padding:20px;}
.IndexAbout .IndexAbout_bottom{ left:0; top:0; position:inherit; width:100%; height:auto; padding-bottom:25px;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt{ padding:0px 2%;}
.IndexAbout .IndexAbout_bottom .IndexAbout_bottom_txt dd{ font-size:18px;}
.IndexNews{ padding-bottom:30px;}
.IndexAbout{ height:auto; padding-bottom:30px;}
.slick-prev{ left:2%;}
.slick-next{ right:2%;}
.IndexPartner .IndexPartner_content .IndexPartner_content_list{ line-height:130px;}



.product .product_top { margin-bottom:20px;}
.product .product_top .product_top_list{ width:49%;}
.product .product_top .product_top_list:nth-child(2n){ margin-right:0px;}
.product .product_top .product_top_list:nth-child(3){ margin-right:2%;}
.product .product_top .product_top_list:nth-child(9){ margin-right:2%;}
.product .product_top .product_top_list dd{ line-height:220px; } 
.product .product_top .product_top_list dt{ font-size:14px;}
.content_list_video .list_video_content{ width:95%;}
.video_banner span img{ height:18px;}
.about .about_top .about_top_img,.about .about_top .about_top_txt{ width:100%; position:inherit; left:0; right:0; padding-bottom:0px;}
.about .about_top .about_top_img img{ height:auto; margin-bottom:20px;}
.about .about_top .about_top_txt{ padding:20px; padding-bottom:45px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_title dt{ font-size:26px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_title dd{ font-size:18px; margin-bottom:20px; padding-bottom:10px;}
.about .about_top .about_top_txt .top_txt_list .txt_list_content{ margin-top:15px;}
.about .about_bottom .about_bottom_team .bottom_team_list{ width:32%; margin-right:2%; margin-bottom:2%;}
.about .about_bottom .about_bottom_team .bottom_team_list:nth-child(3n){ margin-right:0px;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_img img{ height:auto;}
.about .about_bottom .about_bottom_team .bottom_team_list .team_list_txt dt{ padding:0px 35px;}
.news .news_content .news_content_list .content_list_left,.news .news_content .news_content_list .content_list_right{ width:100%;}
.news .news_content .news_content_list .content_list_right .list_right_time,.news .news_content .news_content_list .content_list_right .list_right_txt{ width:100%; padding:0px; margin-right:0px;}
.news .news_content .news_content_list .content_list_right .list_right_time{ display:none;}
.news .news_content .news_content_list .content_list_right .list_right_txt{ padding:20px 10px;}
.news .news_content .news_content_list .content_list_right .list_right_txt dd{ font-size:18px; margin-bottom:10px;}
.news .news_content .news_content_list .content_list_right .list_right_txt p{ line-height:24px; height:45px;}
.news .news_content .news_content_list:last-child{ margin-bottom:0px;}
.news_details .news_details_title dd{ font-size:18px; padding-bottom:10px;}
.news_details .news_details_wen{ padding-top:10px;}
.news_details .news_details_wen .news_fenye div a{ font-size:14px; padding-left:10px;}
.news_details .news_details_wen .news_fenye div{ width:100%;}
.technology .technology_list .technology_list_content{ width:100%; left:0; top:0; transform:none; position:inherit;    background: rgba(4,101,178,1); padding:20px;}
.technology .technology_list .technology_list_img img{ height:auto;}
.technology .technology_list .technology_list_content dd{ font-size:18px; margin-bottom:10px;}
.technology .technology_list:nth-child(2n) .technology_list_content{ left:auto;}
.join_list .join_list_title{ padding:0px 6px;}
.join_list .join_list_title div:nth-child(1),.join .join_top dd:nth-child(1){ margin-left:0px;}
.join .join_top{ padding:0px 20px; font-size:12px; font-weight:normal;}
.join_list .join_list_title div{ font-size:12px;}
.join_list .join_list_title div:nth-child(2){ font-size:12px;}
.join_list .join_list_title div:nth-child(1),.join .join_top dd:nth-child(1){ font-size:12px; width:21%;}
.join_list .join_list_title div:nth-child(3),.join .join_top dd:nth-child(3){ width:24%; font-size:12px;}
.join_list .join_list_title div:nth-child(4),.join .join_top dd:nth-child(4){ width:25%;}
.join_list .join_list_content{ padding:20px; background:#fff;}

.contact .contact_top .contact_top_list{ width:100%; margin-bottom:45px;}
.contact .contact_top .contact_top_list .top_list_title{ font-size:18px; margin-bottom:15px;}
.contact .contact_top .contact_top_list .top_list_txt .list_txt_list{ margin-bottom:10px;}

.about .about_top .about_top_txt .slick-prev, .about .about_top .about_top_txt .slick-next{ bottom:-24px;}
.about .about_top .about_top_txt .slick-prev{ left:0;}
.about .about_top .about_top_txt .slick-next{ right:0;}





.CaseDetails .IndexBusiness_content{ padding:0px;}
.CaseDetails .CaseDetails_title{ padding:0px 15px; padding-bottom:30px; }
.CaseDetails .CaseDetails_title .CaseDetails_title_left,.CaseDetails .CaseDetails_title .CaseDetails_title_right{ width:100%;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a{ font-size:14px;
    width: 49%;
    margin-right: 2%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    margin-top: 2%;
    border-radius: 5px;
}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a:nth-child(2n){ margin-right:0px;}
.CaseDetails .CaseDetails_title .CaseDetails_title_right a.on{ border:1px solid #3876bf; color:#fff; background:#3876bf;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list{ width:49%; margin-right:2%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:nth-child(2n){ margin-right:0px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:nth-child(3){ margin-right:2%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list:nth-child(9){ margin-right:2%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:130px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_content{ font-size:14px;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_content{ line-height:45px;}

#dituContent{ height:300px;}
.news_details .news_details_wen .news_fenye div span img{ height:25px;}
.news_details .news_details_wen .news_fenye div:last-child a{ margin-right:10px;}

.product_window{ height:auto;}
.product_window .product_window_content{ height:230px;}
}


@media screen and (max-width:375px){
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:117px;}

}
@media screen and (max-width:360px){


}


@media screen and (max-width:320px){
.banner .slick-slide dt{ width: 66%;}
.CaseDetails .CaseDetails_top .CaseDetails_top_list .top_list_img i img{ height:100px;}

}