@charset "utf-8";


.cp_in_top{ margin-top: 83px; }

.cp_in_back{background-position: center bottom; background-repeat: no-repeat; background-size: cover; position:relative;clear: both; overflow: hidden;background-color: #fefefe;}

.cp_in_back .txt{color: #000;}

.cp_in_back .t_img{ display: block; line-height: 0;}

.cp_in_back .t_img img{width: 100%;}

.cp_in_back h1{ font-size: 60px; font-weight: 100;}

.cp_in_back h2{ /* font-size: 48px;  */padding: 15px 0;/*  line-height: 52px; */}

.cp_in_back h3{ /* font-size: 24px; line-height: 30px; */}

.cp_in_back .h4{font-size: 18px; font-weight: bold; line-height:1.6em; padding-top: 20px;}

.cp_in_back .txt,

.cp_in_back .c_img{position: absolute; }

.cp_in_back .c_img img{width: 100%;}

.cp_in_back .txt1 h1{ font-size: 180px; text-shadow:0 2px 2px rgba(0, 0, 0, 0.5);}

.cp_in_back .txt1 h2{ font-size: 42px; font-weight: normal; text-shadow:0 2px 2px rgba(0, 0, 0, 0.5);}



.cp_in_part1 .txt{left:18%; top: 10%; width: 45%;}

.cp_in_back .txt p{line-height: 1.1em;}

.cp_in_back .txt p:first-child{font-weight: bold;letter-spacing: 5px;margin-bottom: 20px;}

.cp_in_part1 li{width: 22%; position: absolute; top: 50%;}

.cp_in_part1 li img{width: 100%;}

.cp_in_part1 .li1{ left: 18%;} 

.cp_in_part1 .li2{ left: 34%; width:20%;} 

.cp_in_part1 .li3{ left: 50%; width:25%;} 

.cp_in_part1 .li4{ left: 63%; width:28%;} 



.cp_in_part2 .txt{right:18%; top: 20%; width: 30%;}



.cp_in_part4 .txt{left:18%; top: 15%; width: 22%;}



.cp_in_part5 .txt{ width: 20%; top: 10%;  right:15%;}

.cp_in_part5 .t_img{width: 100%;}

.cp_in_part5 .c_img{ width: 47%; left:12%; bottom:0px;}

.cp_in_part5 .txt h2,.cp_in_part5 .txt h3{padding-left:24%;}





.cp_in_part2_1 .txt{ top: 8.3%;  left:16.43%;}

.cp_in_part2_1 .txt span{ padding-top: 30px; display: block; font-size: 14px; font-weight: bold; color: #000; line-height: 1.5em; font-style: italic}

.cp_in_part2_1 .txt span i{display: inline-block; width: 25px;}

.cp_in_part2_1 .t_img{text-align: right;}

.cp_in_part2_1 .t_img img{width: 90%}

.cp_in_part2_1 .c_img{  width: 39%; left: 29%; bottom:-40px;}



.cp_in_part2_2 .txt{top: 20%;  right:20%;}

.cp_in_part2_2 .c_img{ width: 47%; left:12%; bottom:0px;}



.cp_in_part2_3 .txt{color: #383838; text-align: right; top: 10%;  left:15%;}

.cp_in_part2_3 .c_img{ width: 60%; right:5%; top:0px;}



.cp_in_part2_4 .txt{top: 22%;  right:16%;}

.cp_in_part2_4 .c_img{ width: 42%; left:18%; top:18%;}



.cp_in_part2_5 .txt{top: 10%; width: 600px;  right:15%;}

.cp_in_part2_5 .txt h1{padding-left: 100px;}

.cp_in_part2_5 .txt span{display: block; font-weight: bold;}

.cp_in_part2_5 .txt .p1{ padding: 20px 0 10px 50px; line-height: 1.5em;}

.cp_in_part2_5 .txt .p1 i{ width: 40px; display: inline-block; }

.cp_in_part2_5 .txt .p2{ font-size:22px;}

.cp_in_part2_5 .c_img{ width:37%; left:25%; top:47%;}



.cp_in_part2_6{margin-bottom: 20px;}

.cp_in_part2_6 .pz_t{font-size: 36px; color: #383838; padding: 6.36% 0 2.38% 0; text-align: center;}

.cp_in_part2_6 .pz_l{float:left; width: 30%;}

.cp_in_part2_6 .pz_r{float:left; width: 70%;}

.cp_in_part2_6 .pz_box table {width: 100%;}

.cp_in_part2_6 .pz_box td{border-bottom: 1px solid #cdcdcd; background: #fff; padding: 12px 0; font-size: 14px; color: #4e4e4e; text-align: center;}

.cp_in_part2_6 .pz_box th{height: 60px; background: rgba(0,73,153,0.97); color: #fff; font-size: 16px; font-weight: bold; line-height: 1.2em; text-align: center;border-right: #cdcdcd 1px solid;}

.cp_in_part2_6 .pz_box td:has(strong){background: #696d6d; height: 20px; font-weight:bold; font-size: 16px;  color: #fff;border-color: #696d6d;}

.cp_in_part2_6 .pz_l td{border-left:1px solid #cdcdcd;border-right: 1px solid #cdcdcd;}

.cp_in_part2_6 .pz_r td{ width:14.2%;  border-right:1px solid #cdcdcd}



.cp_in_part2_6 .pz_r.p_G5 td{width:20%;}

.cp_in_part2_6 .pz_r.p_G3 td{width:12.5%;}

.cp_in_part2_6 .pz_r.p_727 td{width:50%;}

.cp_in_part2_6 .pz_r.p_737 td{width:11.11%;}

.cp_in_part2_6 .pz_r.p_737 .bo td:nth-of-type(8){ width: 22.22%; }





.cp_in_part2_6 .pz_box.pz_box_737 .pz_l{ width: 25%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_r{width: 75%;}

.cp_in_part2_6 .pz_r td img{ vertical-align: middle; }



.pro_tr_h{ height: 110px; }

.cp_in_part2_6 .pz_box th.pro_th_h{ height: 49px!important; border-bottom: 1px solid #cdcdcd;}



@media screen and (max-width:1366px){

.cp_in_part2_6 .pz_box td{font-size: 14px;}

}



@media screen and (max-width:1024px){

.cp_in_part2_6 .pz_r.p_727 table{ width: 100%;}

.pz_box_737_wrap{ height: auto;}

.cp_in_part2_6 .pz_box.pz_box_737{ width: 100%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_l{ width: 28%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_r{width: 72%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_r table{ /*width: 300%;*/ }



.pro_tr_h{ height: 96px; }

.cp_in_part2_6 .pz_box th{ height: 46px!important; }

}



@media screen and (max-width:768px){

.cp_in_part2_6 .pz_box.pz_box_737 .pz_l{ width:35%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_r{width: 65%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_r table{ width: 400%; }



}









.cp_in_part2_6 .pz_r .bo td:nth-of-type(1) {border-left:none;}

.cp_in_part2_6 .pz_r .bo_no td {border-right:0}

.cp_in_part2_6 .pz_r .bo_no td:last-child {border-right:1px solid #cdcdcd}


.cp_in_part2_6 .pz_l td,

.cp_in_part2_6 .pz_l th{text-align:left; padding-left:23px;}

.cp_in_part2_6 .pz_b{ padding-top: 30px; color: #939393; font-weight: bold; font-size: 14px;padding-bottom: 5.76%;}

.cp_in_part2_6 .pz_b em{color: #dc0000;}



.cp_in_part3_1 .txt{left: 18%; top: 18%;  color: #464646}



.cp_in_part3_2 .txt{ text-align: right;right: 18%; top: 15%;  color: #464646}

.cp_in_part3_2 .txt h1{font-size: 180px;}

.cp_in_part3_2 .txt h2{font-size: 42px;}



.cp_in_part3_3 .txt{left: 18%; bottom: 25%; }

.cp_in_part3_3 .txt h2{font-size: 14px; line-height: 1.5em;}

.cp_in_part3_3 .txt h3{font-size: 28px; line-height:1.4em;}



.cp_in_part4_1 .txt{width: 28%; left: 12%; top: 17%;}



.cp_in_part4_2 .con{position: absolute; left: 15%; top: 20%; border: 1px solid #fff; width: 507px; height: 455px;}

.cp_in_part4_2 .con .box{padding: 45px; color: #464646;}

.cp_in_part4_2 .con .box h2{ font-family: "Arial"; font-size: 54px; padding: 30px 0 40px 0; font-style: italic}

.cp_in_part4_2 .con .box h2 em{font-family: "黑体"; font-size: 30px; font-style: italic}

.cp_in_part4_2 .con .box h3{font-size: 18px; line-height: 1.4em;}



.cp_in_part4_2 .c_img{right: 15%; top: 20%; width: 40%;}

.cp_in_part4_2 .owl-buttons div{position: absolute; top: 50%; margin-top: -60px; font-size: 0; width:65px; height: 65px; background: url(../frontend/assets/img/cp_but.png);}

.cp_in_part4_2 .owl-buttons .owl-prev{left: 0;}

.cp_in_part4_2 .owl-buttons .owl-next{right: 0; background-position:-65px 0 ;}

.cp_in_part4_2 .owl-buttons .owl-prev:hover{background-position: 0 -65px;}

.cp_in_part4_2 .owl-buttons .owl-next:hover{right: 0; background-position:-65px -65px;}

.cp_in_part4_2 .owl-buttons .owl-prev.disabled:hover{background-position: 0 0;}

.cp_in_part4_2 .owl-buttons .owl-next.disabled:hover{background-position: -65px 0;}

.cp_in_part4_2 .owl-buttons div{position: absolute; top: 50%; margin-top: -60px; font-size: 0; width:65px; height: 65px; background: url(../frontend/assets/img/cp_but.png);}

.cp_in_part4_2 .owl-buttons .owl-prev{left: 0;}

.cp_in_part4_2 .owl-buttons .owl-next{right: 0; background-position:-65px 0 ;}

.cp_in_part4_2 .owl-buttons .owl-prev:hover{background-position: 0 -65px;}

.cp_in_part4_2 .owl-buttons .owl-next:hover{right: 0; background-position:-65px -65px;}

.cp_in_part4_2 .owl-buttons .owl-prev.disabled:hover{background-position: 0 0;}

.cp_in_part4_2 .owl-buttons .owl-next.disabled:hover{background-position: -65px 0;}



.cp_in_part4_3 .txt{right: 15%; bottom: 10%; text-align: right;}



.cp_in_part4_4 .txt{left: 15%; top: 10%; text-align: left;}



.cp_in_part4_5 .txt{right: 15%; top: 20%; text-align: right;}



.cp_in_part5_2 .tab_a{text-align: center; padding: 110px 0 65px 0;}

.cp_in_part5_2 .tab_a a{margin: 0 5px; border: 1px solid #464646; width: 200px; height: 40px; line-height: 40px;color: #464646; font-weight: bold; display: inline-block; font-size: 18px; position:relative;  transition: 0.4s;}

.cp_in_part5_2 .tab_a a:before{content:""; position:absolute; left:50%; margin-left: -10px; bottom:-7px; display:inline-block; width:20px; height:7px; background: url(../frontend/assets/img/jj.png) center bottom no-repeat; opacity: 0;  transition: 0.4s;}

.cp_in_part5_2 .tab_a a:hover:before,.cp_in_part5_2 .tab_a .selected:before{ opacity: 1;}

.cp_in_part5_2 .tab_a a:hover,.cp_in_part5_2 .tab_a .selected{background: #464646; color: #fff;}

.cp_in_part5_2 .tab_con{border: 1px solid #fff;}



.cp_in_part5_2 .con{float: left; width: 458px;}

.cp_in_part5_2 .con .box{ padding: 0 35px;}

.cp_in_part5_2 .con .box{padding:40px; color: #464646;}

.cp_in_part5_2 .con .box h1{font-size: 48px;}

.cp_in_part5_2 .con .box h2{ font-family: "Arial"; font-size: 54px; padding: 30px 0; font-style: italic}

.cp_in_part5_2 .con .box h2 em{font-family: "黑体"; font-size: 30px; font-style: italic}

.cp_in_part5_2 .con .box h3{font-size: 18px; line-height: 1.4em;}



.cp_in_part5_2 .img_list{float:right; width: 800px;}

.cp_in_part5_2 .owl-buttons div{position: absolute; top: 50%; margin-top: -32px; font-size: 0; width:65px; height: 65px; background: url(../frontend/assets/img/cp_but.png);}

.cp_in_part5_2 .owl-buttons .owl-prev{left: 0;}

.cp_in_part5_2 .owl-buttons .owl-next{right: 0; background-position:-65px 0 ;}

.cp_in_part5_2 .owl-buttons .owl-prev:hover{background-position: 0 -65px;}

.cp_in_part5_2 .owl-buttons .owl-next:hover{right: 0; background-position:-65px -65px;}

.cp_in_part5_2 .owl-buttons .owl-prev.disabled:hover{background-position: 0 0;}

.cp_in_part5_2 .owl-buttons .owl-next.disabled:hover{background-position: -65px 0;}

.cp_in_part5_5 .txt{right: 15%; top: 10%; text-align: right; color: #464646;}

.cp_in_part5_5 .txt1 h1,

.cp_in_part5_5 .txt1 h2{text-shadow:none;}



@media screen and (max-width:1660px){

	.cp_in_part4_2 .c_img{right: 12%;}

	.cp_in_part5_2 .img_list{width: 60%;}

	.cp_in_part5_2 .img_list img{width: 100%;}

	.cp_in_part5_2 .con .box h2{padding: 15px 0;}

	.cp_in_back .txt1 h1{font-size: 120px;}

}





@media screen and (max-width:1440px){

	.c727 .cp_in_part2_2 .txt{width: 20%;right: 15%;}

	.c727 .cp_in_back h1{font-size: 50px;}

	.c737 .cp_in_back h1{font-size: 50px;}

	.c727 .cp_in_back h2{font-size: 40px;}

	.c737 .cp_in_back h2{font-size: 40px;}

	.c727 .cp_in_back h3{font-size: 22px;}

	.c727 .cp_in_part2_3 .txt{left: 10%;}

	.c727 .cp_in_part2_4 .txt{width: 20%;}

	.c737 .cp_in_part3_1 .txt{left: 12%;}

	.c737 .cp_in_part3_3 .cp_in_back h2{font-size: 14px;}

	.c737 .cp_in_part3_3 .txt{left:12%;}

	.cp_in_part5_2 .tab_a{padding: 50px 0;}

	.cp_in_part4_4 .txt{left: 10%;}

	.cp_in_part5_5 .txt{right: 10%;}

	.cp_in_back .txt1 h1{font-size: 80px;}

	.cp_in_part4_3 .txt{bottom: 15%;}

	.cp_in_back h1{font-size: 50px;}

	.cp_in_part4_2 .con{left: 10%;}

	

	

}





@media screen and (max-width:1366px){

	.cp_in_part4 .txt,

	.cp_in_part3_3 .txt,

	.cp_in_part3_1 .txt,

	.cp_in_part2_3 .txt,

	.cp_in_part4_4 .txt,

	.cp_in_part1 .txt{left:5%; }

	

	.cp_in_part3_2 .txt,

	.cp_in_part2_4 .txt,

	.cp_in_part2_2 .txt,

	.cp_in_part2_5 .txt,

	.cp_in_part4_3 .txt,

	.cp_in_part5_5 .txt,

	.cp_in_part2 .txt,

	.cp_in_part5 .txt{right: 5%;}

	

	.cp_in_part3_2 .txt{ top: 5%;}

	

	.cp_in_part2_4 .c_img{left: 24%;}

	

	.cp_in_part2_1 .t_img img{width: 80%;}

	

	.cp_in_part5 .txt{width: 25%}

	

	.c727 .cp_in_back h1{font-size: 44px;}

	.c727 .cp_in_back h2{font-size: 34px;}

	.c727 .cp_in_back .h4{font-size: 16px;}

	.c737 .cp_in_back h1{font-size: 44px;}

	.c737 .cp_in_back h2{font-size: 34px;}

	.c737 .cp_in_back .h4{font-size: 16px;}

	.c737 .cp_in_part3_2 .txt{top: 18%;right: 12%;}

	.cp_in_part5_2 .con .box h1{font-size: 40px;}

	.cp_in_part5_2 .img_list{width: 52%;}

	.cp_in_part4_2 .con .box{padding: 30px;}

	.cp_in_part4_2 .con{height: auto;}

	.cp_in_part4_2 .c_img{right: 10%;}

	.cp_in_back h1{font-size: 40px;}

	

}

@media screen and (max-width:1280px){

	.c727 .cp_in_back h1{font-size: 40px;}

	.c727 .cp_in_back h2{font-size: 25px;}

	.c737 .cp_in_back h1{font-size: 40px;}

	.c737 .cp_in_back h2{font-size: 30px;}

	.cp_in_part5_2 .con .box h1{font-size: 34px;}

	.cp_in_part5_2 .con .box h2{font-size: 30px;}

	.cp_in_part5_2 .con .box h2 em{font-size: 20px;}

/* 	.cp_in_back h2{line-height: 30px;} */

	.cp_in_part5_2 .img_list{width: 54%;}

	.cp_in_part5_2 .con .box{padding: 30px;}

	.cp_in_back .txt1 h1{font-size: 50px;}

	.cp_in_back .txt1 h2{font-size: 30px;}

	.cp_in_back h1{font-size:28px;}

	.cp_in_part4_2 .con .box h2{font-size: 30px;}

	.cp_in_part4_2 .con .box h2 em{font-size: 24px;}

	.cp_in_part4_2 .con{width: 450px;}



	.c727 .cp_in_back h3{font-size:20px;}

	

}



@media screen and (max-width:1260px){



	.cp_in_part1 li{top: 60%;}



}





@media screen and (max-width:1024px){

	

	.cp_in_back h2{/* font-size: 35px; line-height: 1.2em;   */padding: 15px 0 10px 0}

	.cp_in_back h3{/* font-size: 20px; line-height: 1.5em; */}

	

	.cp_in_part2_6 .pz_l{width: 40%;}

	.cp_in_part2_6 .pz_l table{border-right:1px solid #cdcdcd;}

	.cp_in_part2_6 .pz_r{ overflow-y: hidden; width:60%;}

	.cp_in_part2_6 .pz_r table{width:200%;}

	.c727 .cp_in_part2_4 .txt{width: 30%;}

	.c737 .cp_in_part3_3 .txt h3{font-size: 20px;}

	.c737 .cp_in_back .h4{display: none;}

	.c737 .cp_in_part3_3 .cp_in_back h2{display: none;}

	.wcg3 .cp_in_part5_2 .cp_in_back{height: auto!important;}

	.cp_in_part5_2 .con .box h1{font-size: 30px;}

	.cp_in_part5_2 .con .box h3{font-size: 16px;}

	.cp_in_part5_2 .con .box{padding: 20px;}

	.cp_in_part5_2 .img_list{width: 50%;}

	.cp_in_part5_2 .tab_a{padding: 30px 0;}

	.wcg3 .cp_in_part5_2 .cp_in_back{padding-bottom: 30px;}

	.cp_in_part4_2 .con .box h2{padding: 20px 0;}

	.cp_in_part4_2 .con .box h3{font-size: 16px;}

	.cp_in_part4_2 .con .box{padding: 20px;}

	.cp_in_part4_2 .con{width: 370px;}



	/*最新修改*/

	.cp_in_part2_6 .pz_l td{border-left:0;}

	.cp_in_part2_6 .pz_box th{font-size:13px;height:60px;font-weight: normal;}

	.cp_in_part2_6 .pz_box .d_txt{font-size:13px;height:22px;}

	.cp_in_part2_6 .pz_box td{font-size:14px;}

	.cp_in_part2_6 .pz_t{padding: 45px 0 30px 0;}

	.cp_in_part2_6 .pz_r .bo td:nth-of-type(1) {border-left:0;}

    .cp_in_part2_6 .pz_b { padding: 30px 0 30px 0;}

    .cp_in_part2_6 .pz_b{font-size:12px;}

    .c727 .cp_in_back h3{font-size:16px;}



}





@media screen and (max-width:768px){

	.cp_in_part4 .txt{ width: 28%;}

	.cp_in_back h2{/* font-size: 20px;  */font-weight: normal;}	

	.cp_in_back h3{font-size: 14px; font-weight: normal; line-height: 1.5em;display: none;}





	/*产品-集成*/

	.cp_in_part1 .t_img img{width: 100%;}

	.cp_in_part5 .txt h2,.cp_in_part5 .txt h3{padding:0;}

	.cp_in_part5 .txt{width:28%; right: 2%;}

	.cp_in_part5 .txt h2 {padding: 10px 0;}

	.c727 .cp_in_part2_1 .txt span{display: none;}

	.c727 .cp_in_back h1{font-size: 30px;}

	.c727 .cp_in_back h2{font-size: 20px;}

	.c727 .cp_in_back .h4{display: none;}

	.c727 .cp_in_part2_5 .txt span{display: none;}

	.cp_in_part5_2 .con{width: 100%;}

	.cp_in_part5_2 .img_list{width: 100%;}

	.cp_in_part4_2 .con{width: 100%;position: static;box-sizing: border-box;}

	.cp_in_part4_2 .c_img{position: static;box-sizing: border-box;width: 100%;}

	.wcg5 .cp_in_part4_2 .cp_in_back{height: auto!important;padding: 20px 0;}



	/*最新修改*/

	.cp_in_part5_2 .tab_a a{width:125px}

	.cp_in_part2_1 .c_img{bottom:0;}

	

	

}



@media screen and (max-width:768px){

	.c727 .cp_in_part2_2 .txt{width:27%;}

}





@media screen and (max-width:767px){

	.c737 .cp_in_top.cp_in_part4 .txt{width: 40%;}

	.c727 .cp_in_back h1{font-size: 16px;}

	.c737 .cp_in_back h1{font-size: 16px;}

	.c727 .cp_in_back h2{font-size: 14px;}

	.c737 .cp_in_back h2{font-size: 14px;}

	.c727 .cp_in_part2_5 .txt{width: auto;}

	.c727 .cp_in_part2_6 .wrap{padding: 0;}

	.c737 .cp_in_part2_6 .wrap{padding: 0;}

	.cp_in_part2_6 .pz_t{font-size: 18px;padding:20px 0;}

	.cp_in_part2_6 .pz_l td, .cp_in_part2_6 .pz_l th{padding-left: 3px;}

	.cp_in_part2_6 .pz_l td,.cp_in_part2_6 .pz_r td{height:28px;}

	.cp_in_part2_6 .pz_b{padding: 20px 0;}

	.cp_in_part5_2 .con .box h1{font-size: 18px;}

	.cp_in_part5_2 .con .box h2{font-size: 16px;}

	.cp_in_part5_2 .con .box h2 em{font-size: 16px;}

	.cp_in_back .txt1 h1{font-size: 18px;}

	.cp_in_back .txt1 h2{font-size: 16px;}

	.cp_in_part2_6 .pz_box th{line-height: 1.3em;}

	.cp_in_back h1{font-size: 18px;}

	.cp_in_part4_2 .con .box h2{padding: 10px 0;font-size: 16px;}

	.cp_in_part4_2 .con .box h2 em{font-size: 16px;}

	.cp_in_part4_2 .con .box{padding: 15px 5px;}

	.wcg3 .cp_in_part5_2 .wrap{/* margin: 0; */}

	.wcg3 .cp_in_part2_6 .wrap{width: 100%;margin: 0;padding: 0;}

	.wcg5 .cp_in_part5_2 .wrap{margin: 0;}

	.wcg5 .cp_in_part2_6 .wrap{/* width: 100%;margin: 0; */padding: 0;}

	.cp_in_part4_2 .con{width:96%;margin:0 auto;}





}


.c727 .cp_in_part2_6 .pz_l{width:50%;}
.c727 .cp_in_part2_6 .pz_r{width:50%;}

.cp_in_part2_6 .pz_box.pz_box_737 .pz_l{width: 35%;}
.cp_in_part2_6 .pz_box.pz_box_737 .pz_r{width: 65%;}



.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 99%;
  }
  
  .clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.5;
	max-height: 4.5em;
	overflow: hidden;
  }
  
  .v-m-c {
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	position: absolute;
	left: 0;
	top: 50%;
  }
  
  .l-m-c {
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	position: absolute;
	left: 50%;
	top: 0;
  }
  
  /*ç»å¯¹å±…ä¸­*/
  .a-m-c {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
  }
  
  /*èƒŒæ™¯*/
  .bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .bg_layer {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
  }
  
  .bg-cover-ban {
	background-size: 100% 100%;
  }
  
  
  .p_u70_wrap {
	max-width: 1600px;
	width: auto;
	margin: 0 auto;
  }
  
  .p_u70_banner {
	width: 100%;
  }
  
  .p_u70_banner img {
	width: 100%;
  }
  
  .p_u70_part01 {
	padding: 0 0 4%;
  }
  
  .p_u70_nav {
	width: 90%;
	margin: 0 auto;
	position: relative;
	top: -26px;
	height: 118px;
  }
  
  .p_u70_nav .laybg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 118px;
	transform: skew(-20deg);
	background: #fff;
  }
  
  /*.p_u70_nav::before{content: "";position: absolute; left:0; top:0; width: 0; height: 0; border-top: 132px solid #fff; border-right: 45px solid transparent;}
  .p_u70_nav::after{content: "";position: absolute; right:0; top:0; width: 0; height: 0; border-bottom: 132px solid #fff; border-left: 45px solid transparent;}
  */
  .p_u70_nav .ll,
  .p_u70_nav .mm,
  .p_u70_nav .rr {
	float: left;
	width: 16%;
	line-height: 118px;
	position: relative;
	z-index: 2;
  }
  
  .p_u70_nav .mm {
	width: 60%;
  }
  
  .p_u70_nav .rr {
	width: 24%;
  }
  
  .p_u70_nav .ll {
	text-align: center;
	color: #B81D23;
  }
  
  .p_u70_nav .mm a {
	float: left;
	color: #000000;
	padding: 0 10px;
	position: relative;
  }
  
  .p_u70_nav .mm a i {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 118px;
	transform: skew(-20deg);
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
  }
  
  .p_u70_nav .mm a.on i {
	opacity: 1;
  }
  
  .p_u70_nav .rr .img {
	width: 100%;
	height: 118px;
	transform: skew(-20deg);
	background: url(/frontend/assets/img/p_u70_dot02.jpg) no-repeat;
  }
  
  .p_u70_nav .rr a {
	z-index: 2;
	color: #fff;
	text-align: center;
	width: 100%;
  }
  
  .fnt_24 .img{
	background-color: #2d4d2f !important;
  }
  .p_u70_nav .rr a i {
	display: inline-block;
	margin-right: 15px;
	width: 38px;
	height: 38px;
	background: url(/frontend/assets/img/p_u70_dot01.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
  }
  
  .anchor_fixed .p_u70_nav {
	position: fixed;
	top: 83px;
	left: 5%;
	z-index: 20;
	height: 50px;
  }
  
  .anchor_fixed .p_u70_nav .ll,
  .anchor_fixed .p_u70_nav .mm,
  .anchor_fixed .p_u70_nav .rr {
	height: 50px;
	line-height: 50px;
  }
  
  .anchor_fixed .p_u70_nav .mm a i,
  .anchor_fixed .p_u70_nav .rr .img,
  .anchor_fixed .p_u70_nav .laybg {
	height: 50px;
  }
  
  .anchor_fixed .p_u70_nav .rr a i {
	width: 24px;
	height: 24px;
  }
  
  .anchor_fixed .p_u70_nav .fnt_24 {
	font-size: 18px;
  }
  
  .p_u70_part01 .b_img,
  .p_u70_part01 .b_bar {
	text-align: center;
  }
  
  .p_u70_part01 .b_img li {
	display: none;
	width: 100%;
  }
  
  .p_u70_part01 .b_img li img {
	max-width: 100%;
  }
  
  .p_u70_part01 .b_img li.on {
	display: block;
  }
  
  .p_u70_part01 .b_bar li {
	display: inline-block;
	width: 130px;
	margin: 0 3px;
	position: relative;
  }
  
 
  .p_u70_part01 .b_bar li.on::before {
	opacity: 1;
  }
  
  .p_u70_part01 .b_bar li.on em{
	border: 3px solid #e9e900;
  }
  
  .p_u70_part01 .b_bar li em {
	display: block;
	width: 100%;
	height: 6px;
	background: #C00900;
  }
  
  .p_u70_part01 .b_bar li p {
	margin-top: 10px;
	color: #000000;
  }
  
  .p_u70_part01 .b_bar li:nth-of-type(2) em {
	background: #315381;
  }
  
  .p_u70_part01 .b_bar li:nth-of-type(3) em {
	background: #fff;
  }
  
  .p_u70_part01 .b_bar li:nth-of-type(4) em {
	background: #000;
  }
  
  .p_u70_part01 .b_bar li:nth-of-type(5) em {
	background: #CACACA;
  }
  
  .p_u70_part01 .b_bar li:nth-of-type(6) em {
	background: #3C1105
  }
  
  .p_u70_part02,
  .p_u70_part03,
  .p_u70_part04,
  .p_u70_part05,
  .p_u70_part06 {
	/* padding: 10.5% 0 15.5%; */
  }
  
  .p_u70_txt {
	max-width: 520px;
	float: right;
	width: 100%;
  }
  
  .p_u70_txt h2,
  .p_u70_txt h3 {
	font-weight: normal;
  }
  
  .p_u70_txt h3 {
	margin: 6px 0 35px;
  }
  
  .p_u70_txt li {
	margin: 0 0 20px;
  }
  
  .p_u70_txt .more {
	display: block;
	margin-top: 30px;
	width: 160px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	text-align: center;
	position: relative;
  }
  
  .p_u70_txt .more span,
  .p_u70_txt .more i {
	position: relative;
	z-index: 2;
  }
  
  .p_u70_txt .more i {
	font-size: 14px;
	margin-left: 10px;
  }
  
  .p_u70_txt .more em {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 44px;
	transform: skew(-20deg);
	background: #B81D23;
  }
  
  .cor_w {
	color: #fff;
  }
  
  .cor_b {
	color: #000;
  }
  
  .cor_b ul li {
	color: #777777;
  }
  
  .p_u70_part03 .p_u70_txt,
  .p_u70_part05 .p_u70_txt {
	float: left;
	max-width: 650px;
  }
  
  .p_u70_part06 .p_u70_txt {
	max-width: 540px;
  }
  
  .p_u70_part07 {
	padding: 9% 0;
  }
  
  .p_u70_part07 .ll {
	float: left;
	width: calc(100% - 330px);
	height: 0;
	padding-bottom: 44.6%;
	overflow: hidden;
  }
  
  .p_u70_part07 .ll li {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
  }
  
  .p_u70_part07 .ll li em {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background: url(../frontend/assets/img/p_u70_dot04.png) center no-repeat rgba(0, 0, 0, 0.3);
  }
  
  .p_u70_part07 .ll li video {
	width: 100%;
	height: 100%;
	object-fit: fill;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
  }
  
  .p_u70_part07 .ll li video.on {
	z-index: 11;
  }
  
  .p_u70_part07 .rr {
	float: right;
	width: 312px;
	height: 0;
	padding-bottom: 44.6%;
	position: relative;
  }
  
  .p_u70_part07 .rr .swiper-container {
	height: 714px;
  }
  
  .p_u70_part07 .rr .swiper-slide {
	position: relative;
	border-left: 6px solid transparent;
	overflow: hidden;
  }
  
  .p_u70_part07 .rr .swiper-slide img {
	width: 100%;
  }
  
  .p_u70_part07 .rr .swiper-slide span {
	position: absolute;
	lefT: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
  }
  
  .p_u70_part07 .rr .swiper-slide.on {
	border-left: 6px solid #B81D23;
  }
  
  .p_u70_part07 .rr .swiper-slide.on span {
	opacity: 0;
  }
  
  .p_u70_part07 .rr .swiper-button-prev {
	width: 100%;
	height: 20px;
	left: 0;
	top: -55px;
	margin-top: 0;
	background: url(../frontend/assets/img/p_u70_dot02.png) center no-repeat;
  }
  
  .p_u70_part07 .rr .swiper-button-next {
	width: 100%;
	height: 20px;
	right: auto;
	left: 0;
	top: auto;
	bottom: -55px;
	margin-top: 0;
	background: url(../frontend/assets/img/p_u70_dot03.png) center no-repeat;
  }
  
  .p_u70_part07 .rr .swiper-button-prev.swiper-button-disabled,
  .p_u70_part07 .rr .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	cursor: pointer;
	pointer-events: visible;
  }
  
  .p_u70_part07 .rr .swiper-button-prev.disabled,
  .p_u70_part07 .rr .swiper-button-next.disabled {
	cursor: auto;
  }
  
  .p_u70_part07 .rr .swiper-button-prev.disabled {
	opacity: 0.5;
  }
  
  .p_u70_part07 .rr .swiper-button-next.disabled {
	opacity: 0.5
  }
  
  
  
  
  .p_u70_tc {
	position: fixed;
	left: 10%;
	top: 0;
	width: 80%;
	height: 100%;
	z-index: 1000001;
	display: none;
	background: #000;
	/*transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);*/
  }
  
  .p_u70_close {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1000;
	width: 21px;
	height: 21px;
	cursor: pointer;
  }
  
  .p_u70_tc_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 100000;
	display: none;
  }
  
  .case_show {
	width: 74%;
	height: 90%;
	margin: 5% auto;
	position: relative;
  }
  
  .case_show_b {
	width: 100%;
	height: 70%;
	overflow: hidden;
  }
  
  .case_show_b li {
	display: none;
	width: 100%;
  }
  
  .case_show_b li img {
	width: 100%;
  }
  
  .case_show_s {
	bottom: 0;
	margin-top: 12px;
	width: 100%;
	/*overflow: hidden;*/
	z-index: 10;
	position: relative;
  }
  
  .case_show_s .swiper-slide {
	position: relative;
  }
  
  .case_show_s .swiper-slide i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
  }
  
  .case_show_s .swiper-slide h3 {
	font-weight: normal;
	font-size: 14px;
	z-index: 2;
	max-height: 46px;
	line-height: 22px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	width: 100%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	position: absolute;
	left: 0;
	top: 50%;
	padding: 0 10px;
	box-sizing: border-box;
  }
  
  .case_show_s .swiper-slide.on i {
	background: #B0171E;
  }
  
  .case_show_s .swiper-container {
	width: 100%;
  }
  
  .case_show_s .swiper-button-next,
  .case_show_s .swiper-button-prev {
	width: 30px;
	height: 20px;
	margin-top: -13px;
	opacity: 1;
  }
  
  .case_show_s .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  }
  
  .case_show_s .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }
  
  .case_show_s .swiper-button-prev {
	left: -40px;
  }
  
  .case_show_s .swiper-button-next {
	right: -40px;
  }
  
  .case_show_s .swiper-button-next.swiper-button-disabled,
  .case_show_s .swiper-button-prev.swiper-button-disabled {
	cursor: pointer;
	pointer-events: visible;
  }
  
  .case_show_s .swiper-button-next.disabled,
  .case_show_s .swiper-button-prev.disabled {
	cursor: auto;
	opacity: 0.5;
  }
  
  .wh100 {
	width: 100%;
	/*height:100%;*/
  }
  
  @media only screen and (max-width: 1023px) {
	.p_u70_tc {
	  width: 100%;
	}
  
	.case_show {
	  width: 86%;
	}
  
	.p_u70_close {
	  top: 10px;
	  right: 10px;
	}
  }
  
  @media only screen and (max-width: 767px) {
	.case_show_s .swiper-button-prev {
	  left: -20px;
	}
  
	.case_show_s .swiper-button-next {
	  right: -20px;
	}
  
	.p_u70_tc {
	  height: auto;
	  background: none;
	}
  
	.case_show {
	  height: 100%;
	}
  
	.p_u70_close {
	  top: -10px;
	}
  }
  
  @media only screen and (max-width: 1800px) {
	.p_u70_nav .ll {
	  width: 12%;
	}
  
	.p_u70_nav .mm {
	  width: 68%;
	}
  
	.p_u70_nav .rr {
	  width: 20%;
	}
  }
  
  @media only screen and (max-width: 1600px) {
	.p_u70_wrap {
	  margin: 0 5%;
	}

  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 43.3%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 623px;
	}
  
	.p_u70_nav .fnt_24,
	.anchor_fixed .p_u70_nav .fnt_24 {
	  font-size: 20px;
	}
  }
  
  
  @media only screen and (max-width: 1599px) {
	.p_u70_nav .laybg {
	  width: 99%;
	  height: 51px;
	}
  
	.p_u70_nav,
	.p_u70_nav .ll,
	.p_u70_nav .mm,
	.p_u70_nav .rr,
	.p_u70_nav .rr .img,
	.p_u70_nav .mm a.on i,
	.p_u70_nav .mm a i {
	  height: 50px;
	  line-height: 50px;
	}
  
	.p_u70_nav .fnt_24,
	.anchor_fixed .p_u70_nav .fnt_24 {
	  font-size: 18px;
	}
  
	.p_u70_txt {
	  max-width: 450px;
	}
  
	.p_u70_part03 .p_u70_txt,
	.p_u70_part05 .p_u70_txt {
	  max-width: 470px;
	}
  
	.p_u70_part06 .p_u70_txt {
	  max-width: 450px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 42%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 544px;
	}
  }
  
  @media only screen and (max-width: 1439px) {
  
	.p_u70_nav .fnt_24,
	.anchor_fixed .p_u70_nav .fnt_24 {
	  font-size: 16px;
	}
  
	.p_u70_txt h2.fnt_72 {
	  font-size: 48px;
	}
  
	.p_u70_txt h3.fnt_36 {
	  font-size: 24px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 41.5%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 523px;
	}
  }
  
  @media only screen and (max-width: 1399px) {
	.p_u70_txt h2.fnt_72 {
	  font-size: 40px;
	}
  
	.p_u70_txt h3.fnt_36 {
	  font-size: 20px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 41%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 504px;
	}
  }
  
  @media only screen and (max-width: 1365px) {
  
	.p_u70_nav .fnt_24,
	.anchor_fixed .p_u70_nav .fnt_24 {
	  font-size: 14px;
	}
  
	.p_u70_txt h2.fnt_72 {
	  font-size: 36px;
	}
  
	.p_u70_txt h3.fnt_36 {
	  font-size: 18px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 40%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 460px;
	}
  
	.p_u70_txt {
	  max-width: 420px !important;
	}
  }
  
  @media only screen and (max-width: 1279px) {
	
  
	.p_u70_txt h2.fnt_72 {
	  font-size: 30px;
	}
  
	.p_u70_txt h3.fnt_36 {
	  font-size: 16px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  padding-bottom: 36%;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: 332px;
	}
  
	.p_u70_part07 .rr .swiper-button-prev {
	  top: -35px;
	}
  
	.p_u70_part07 .rr .swiper-button-next {
	  bottom: -35px;
	}
  }
  
  @media only screen and (max-width: 1023px) {
	.p_u70_nav .rr {
	  display: none;
	}
  
	.p_u70_nav .mm {
	  width: 88%;
	}
  
	.p_u70_txt {
	  max-width: 100% !important;
	}
  
	.p_u70_part01 .b_bar li {
	  width: 100px;
	}
  
	.p_u70_txt h2.fnt_72 {
	  font-size: 30px;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  width: 100%;
	}
  
	.p_u70_part07 .ll,
	.p_u70_part07 .rr {
	  height: auto !important;
	  padding-bottom: 0;
	}
  
	.p_u70_part07 .rr .swiper-container {
	  height: auto;
	  margin: 15px 0 0;
	}
  
	.p_u70_part07 .rr .swiper-slide {
	  border-left: 0;
	  border-top: 4px solid transparent;
	}
  
	.p_u70_part07 .rr .swiper-slide.on {
	  border-left: 0;
	  border-top: 4px solid #B81D23;
	}
  
	.p_u70_part07 .rr .swiper-button-prev {
	  position: absolute;
	  left: 0;
	  top: 50%;
	  margin-top: 0;
	  width: 36px;
	  transform: rotate(-90deg);
	}
  
	.p_u70_part07 .rr .swiper-button-next {
	  position: absolute;
	  left: auto;
	  right: 0;
	  top: 50%;
	  margin-top: 0;
	  width: 36px;
	  transform: rotate(-90deg);
	}
  }
  
  @media only screen and (max-width: 767px) {

	
	.p_u70_nav {
	  display: none;
	}
  
	.p_u70_txt h2.fnt_72 {
	  font-size: 24px;
	}
  
	.p_u70_txt .more {
	  width: 110px;
	  height: 36px;
	  line-height: 36px;
	}
  
	.p_u70_txt .more i {
	  margin-left: 10px;
	}
  
	.p_u70_txt .more em {
	  height: 36px;
	}
  
	.p_u70_part01 .b_bar li {
	  width: 80px;
	  margin-bottom: 10px;
	}
  
	.p_u70_part01 .b_bar li.on::before {
	  opacity: 0;
	}
	
  }
  
  
  
  .p_u70_part08 {
	padding: 35% 0 2%;
	margin-bottom: 0 !important;
	background: #F3F3F3;
  }



  