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

.ej_bt{ height:1.34rem; background:#0186f4; width:10rem; text-align:center; line-height:1.34rem;}
.ej_bt h1{ width:2rem; float:left;}
.ej_bt h1 img{ width: 0.77rem; height: 0.78rem; margin:0.28rem auto;}
.ej_bt h2{ width:6rem; float:left; font-size:32px; color:#fff; font-weight:400;}
/*dy*/
.dy_bt{ text-align:center; padding:0.9rem 0 0.7rem}
.dy_bt h1{font-size:36px;font-weight:bold;color:#333;margin:0px auto;}
.dy_bt h2{font-size:12px;color:#999999;text-transform:Uppercase;margin:0px auto;}
.main_xh_l{ width:9rem; margin:0 auto; display:table}
.main_xh li{ float:left;width:4.5rem;height:1rem;font-size:22px;color:#fff;line-height:1rem;text-align:center; background:url(../static/picture/dy_bj1.png) no-repeat; background-size: 100% 1rem; }
.main_xh li:nth-child(2n){background:url(../static/picture/dy_bj11.png) no-repeat; background-size: 100% 1rem;}
.main_xh_c{ width:9rem; display:table; margin:0 auto}
.main_xh_c img{ display:table; margin:0 auto}
.main_xh_c p{font-size:24px; font-weight:bolder; color:#fff; text-align:center; line-height:1rem; display:table; background:url(../static/picture/dy_bj2.png) no-repeat; background-size: 100% 1rem; width:100%; height:1rem;}

.dy2{background:url(../static/picture/index_floor2_bg.jpg); background-size:cover;width:100%; display:table; padding:0 0 0.7rem; margin:0.7rem 0 0}
.dy2 .dy_bt h1,.dy2 .dy_bt h2,.dy4 .dy_bt h1,.dy4 .dy_bt h2{ color:#fff;}
.dy2 ul{ text-align:center; margin:0 auto; padding:0 0.4rem; box-sizing:border-box}
.dy2 li{ color:#fff; display:inline-block;  font-size:24px; line-height:2;margin:0 0 0.5rem; }
.dy2 li:nth-child(2n){}
.dy2 li i{ width:1.4rem; float:left; display:table; }
.dy2 li i img{ width:1.4rem; display:table;}
.dy2 li p{line-height:1.4rem; float: left; padding:0 0.3rem}

.dy2_btn{ display:table; text-align:center; margin:0 auto; padding:0.3rem 0}
.dy2_btn a{ background:#f258bc; line-height:1rem; padding:0 0.4rem; margin:0 0.1rem; color:#fff; font-size:16px; border-radius:5rem;  display:inline-block;}
.dy2_btn a p{ font-size:20px; display: table; float:left}
.dy2_btn a i{  display:inline-block; float:left; margin:0.2rem 0 0 0.2rem; width:0.6rem; height:0.6rem; background:url(../static/picture/btn.jpg) no-repeat; background-size:0.6rem;}

.dy3{ width:10rem; display:table; padding:0 0 0.4rem}
.short_ul{width:100%; display:table; padding:0 0.2rem; box-sizing:border-box}
.short_ul li{width:50%;float:left;}
.short_ul .short_one{background:url(../static/picture/index_floor3_ulbg.png) no-repeat; background-size:100% 7rem;width:100%; height:7rem;margin:0px auto;}
.short_one_icon{text-align:center;width:100%;font-size:25px;color:#111;font-weight:bold; padding:0.6rem 0 0.3rem; line-height:1}
.short_ul_txt{line-height:30px;font-size:20px;color:#333; display:table;width:80%; margin:0  auto; padding:0 0 0 15%}
.short_ul_txt li{width:100%;list-style-type:disc;color:#c767f9; line-height:38px;}
.short_ul_txt li p{color:#333;}
.short_ul li:nth-child(4) .short_ul_txt{line-height:26px;}

.dy4{background:url(../static/picture/index_floor2_bg.jpg) repeat; background-size:100%; padding:0 0 0.6rem}
.dy4 .dy_bt{ display:table; width:10rem;}
.dy4 ul{ display:table; padding:0 0 0 0.2rem;}
.dy4 li{ font-size:20px; padding:0 0.1rem; box-sizing:border-box; color:#333; text-align:center; width:4.5rem; background:#fff; height:3.7rem; border-radius:0.5rem; display:table; float:left; margin:0.15rem}
.dy4 li img{ width:1rem; display:table; margin:0 auto; padding:0.35rem 0 0.25rem}
.dy4 li h1{ font-size:27px; font-weight:bolder}
.dy4 li .dy_x{ width:1rem; background:#fe3b6e; height:2px; display:table; margin:0.2rem auto 0.3rem}
.dy4 li:nth-child(7){ width:9.3rem;}

.dy5{ width:10rem; display:table; padding:0 0 0rem}
.dy5 ul{ padding:0 0 0 3.5%}
.dy5 li{width:22%; display:table;float:left;}
.dy5 li .industry_one{width:150px;margin:0px auto;text-align:center;}
.dy5 li .industry_one .icon{background:url(../static/picture/industry_li_bg.png) no-repeat;width:150px;height:150px; display:table}
.dy5 li .industry_one .icon img{width:76px;height:76px; margin:0 auto 0; padding:37px; 0 0}
.dy5 li .industry_one .industry_name{font-size:20px;color:#333;line-height:40px;}

.dy6 ul{ width:10rem; display:table; padding:0 0.2rem; box-sizing:border-box}
.dy6 li{ box-shadow:0px 0px 15px 1px #ccbddc;/*background:url(../static/image/short_li_bg.png) no-repeat; background-size:100% 6rem;*/width:46%; margin:0 2% 0.4rem; border-radius:0.2rem;height:5.6rem;float:left;text-align:center;}
.dy6 li .icon{background:url(../static/picture/short_li_icon_bg.png) no-repeat;width:68px;height:130px;margin:0px auto;position:relative;top:40px;}
.dy6 li .icon img{width:44px;height:44px;position:relative;top:12px;}
.dy6 .short_video_name{font-size:26px;color:#333;font-weight:bold;}
.dy6 .short_video_hr{border-top:3px solid #999;height:5px;width:30px;margin:0.1rem auto 0.2rem;}
.dy6 .short_video_desc{font-size:20px;color:#333;line-height:1.8;}
.dy6 .short_video_desc span{ width:25%; display:table; text-align:center; float:left}
.dy6 li:nth-child(5){ width:98%; height:4rem; }

.dy7{ width:10rem; display:table; padding:0 0 0.6rem}
.dy7 ul{ width:9.6rem; display:table; margin:0 auto}
.dy7 li{ width:33.33%; float:left; text-align:center; padding:0 0 0.4rem}
.dy7 li .icon{background:url(../static/picture/generation_li_icon_bg11.png) no-repeat; display:table; margin:0 auto; background-size:1.8rem; width:2rem; height:2.3rem}
.dy7 li .icon img{ width:1rem; display:table; margin:0.4rem 0 0 0.4rem;}
.dy7 li .dy7_w{ font-size:20px;background:url(../static//picture/generation_li_icon_bg3.png) ; display:table; margin:0 auto; width:96%; background-size:100%; color:#fff; line-height:0.8rem; } 
.dy7 li:nth-child(3) .icon{background:url(../static/picture/generation_li_icon_bg11.png) no-repeat; background-size:1.8rem; } 



/*about*/
.about{ width:10rem; display:block; color:#464646;}
.about_bj1{ background:url(../images/bj1.png) no-repeat center bottom; background-size:10rem 0.30rem; height: 0.30rem;}
.about_bj2{ background: url(../images/bj2.png) repeat-y center top; background-size: 10rem 0.39rem; height: auto; display:block; width:10rem; }
.about_bj3{ background:url(../images/bj3.png) no-repeat center top; background-size:10rem 0.26rem; height: 0.26rem;}
.about_tp1{ width: 8.94rem; margin: 0.1rem 0.53rem 0.2rem; display:inline-block;}
.about_n{ margin: 0.1rem 0.47rem 0.2rem; font-size:18px; line-height:0.8rem;}
.about_tp2{ width: 9.19rem; margin: 0.1rem 0.405rem;display:inline-block;}
.about_bt { color:#0186f4; margin: 0.1rem 0.47rem; text-align:center; display:inline-block;}
.about_bt h1{ float: left; margin:0 auto; text-align:center; font-size:28px; width:4.53rem; line-height:0.6rem;}
.about_bt span{ height:1px; width:2.26rem; background:#d5d5d5; display:block; float:left; margin:0.29rem auto;}
.about_n1{ margin: 0.1rem  0.47rem; font-size:18px; line-height:0.7rem; text-align:center; font-weight:bolder;}
.about1{ width:10rem; display:block; color:#464646; padding-bottom:0.1rem;}
/*case*/
.case_b{ width:9.2rem; font-weight:bolder;  border:1px solid #4d4d4d; font-size:32px; line-height:0.9rem; color:#0186f4; margin:0.2rem 0.35rem;display:inline-block; text-align:center;}
.case{ margin:0.2rem auto; display:table; width:9.6rem;}
.case dt{ width: 4.49rem; height:3.66rem; float:left; text-align:center; margin:0.05rem 0.150rem;}
.case dt a img{ width: 4.45rem; height: 2.67rem; border:1px solid #cfcfcf;}
.case dt a h1{ font-size:18px; color:#000; line-height:0.9rem;}
.case dt a h1{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1;}

.case-1{ margin:0.2rem auto; display:table; width:9.6rem;}
.case-1 dt{ width: 4.49rem; height:4.66rem; float:left; text-align:center; margin:0.05rem 0.150rem;}
.case-1 dt a img{ width: 4.45rem; height: 3.6rem; border:1px solid #cfcfcf;}
.case-1 dt a h1{ font-size:18px; color:#000; line-height:0.9rem;}
.case-1 dt a h1{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1;}


.fy{ margin:0.15rem 0.35rem;display:inline-block; text-align:center; background:#e1e1e1; width:9.3rem; border:1px solid #bebebe; color:#5f5f5f; line-height:0.8rem; }
.fy a{  margin:0 0.2rem; color:#5f5f5f; font-size:16px; }
.al1{ display:inline-block;}

.lx{ display: inline-block; width:10rem;}
.lx .lx1{ display:block; float:left; margin:0 auto; padding:0; width: 4.47rem; height: 4.0rem}
.lx .lx2{ display:block; float:left; margin:0 auto; padding:0; width: 5.53rem; height: 4.0rem}
.lxdz{ width: 9.47rem; height: 5.45rem; margin:0 auto;}
.lx_w{ font-size:18px; line-height:0.8rem; color:#464646; width:9rem; margin:0.2rem 0.5rem; display:inline-block;}

@media screen and (max-width:414px) {
.about_n{ margin: 0.1rem 0.47rem 0.3rem; font-size:15px; }
.about_n1{ margin: 0 0.47rem; font-size:15px;}
.case_b{ font-size:24px; line-height:0.9rem; }
.case dt a h1{ font-size:16px;}
.fy a{ font-size:14px; }

.lx_w{ font-size:16px; line-height:0.8rem; color:#464646; width:9rem; }



	}
@media screen and (max-width:375px) {
.ej_bt h2{ width:6rem; float:left; font-size:26px; color:#fff;font-weight:bolder;}	
.about_n{ margin: 0.1rem 0.47rem 0.3rem; font-size:13px; }
.about_n1{ margin: 0.1rem 0.47rem; font-size:13px; }
.about_bt h1{  font-size:22px;  line-height:0.7rem;}
.case_b{ font-size:20px; line-height:0.9rem; }
.lx_w{ font-size:16px; line-height:0.8rem; color:#464646; width:9rem; }


	}
@media screen and (max-width:320px) {
.ej_bt h2{ width:6rem; float:left; font-size:22px; color:#fff;font-weight:bolder;}
.about_n{ margin: 0.1rem 0.47rem 0.3rem; font-size:12px;}
.about_n1{ margin: 0.1rem 0.3rem; font-size:12px; }
.about_bt h1{ font-size:22px; line-height:0.7rem;}
.case_b{ font-size:18px; line-height:0.9rem; }
.case dt a h1{ font-size:14px;}
.fy a{ font-size:13px; }
.lx_w{ font-size:14px; line-height:0.8rem; color:#464646; width:9rem; }

	}
	

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}