@charset "utf-8";
/* CSS Document */
.index4{position: relative; background:url(/images/bg/j18.jpg) center no-repeat; background-size:cover;}
.index4 .text{width:48%; float:left; padding:25px 0 35px 0;}
.index4 .text .H4{font-size:36px; color:#c9151e; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.index4 .text .bold{font-weight: bolder;}
.index4 .text .thin{font-weight:normal;}
.index4 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}
.index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.index4 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 170px; margin: 30px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#c9151e; text-align: center; font-size:14px; color:#fff;}
.more2:hover{background-color:transparent; border:1px solid #c9151e; color:#c9151e;}
.index4Num{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; }
.index4Num .list{font-weight:bolder; float:left; }
.index4Num .list:nth-child(2){float:right;}
.index4Num .big{font-size:80px; color:#c9151e; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;}
.index4Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#c9151e; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }
.videoR{position:absolute; top:50px; right:0; width:47.34%;padding:0 0 52px 7.81%; background:url(/images/bg/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;}
.videoR .pic{height:542px;}
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1549px){
	.index4Num .big{font-size:60px;}
}
@media screen and (max-width:1199px){
	.index4{padding:60px 0;}
	.index4Num .big{font-size:50px;}
	.index4Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.index4Num{margin-top:30px; padding-top:30px;}
	.index4 .text .H4{font-size:28px;}
	.index4 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}
@media screen and (max-width:767px){
	.index4{padding:40px 0 30px 0;}
	.index4 .text{padding:0; width:100%;}
	.videoR{position:relative;}
	.index4 .text .H4{font-size:20px;}
	.index4 .text .H5{font-size:16px; padding:10px 0;}
	.index4 .text .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;}
	.more2{width:120px; font-size:12px;}
	.index4Num{margin-top:20px; padding-top:20px;}
	.index4Num .big{font-size:30px; line-height: 30px;}
	.index4Num .p2{font-size:13px; margin-top:5px;}
	.videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;}
	.videoR .pic{background:none !important; height: auto;}
	.videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;}
	
}




.index6{position: relative; background:url(/images/bg/j18.jpg) center no-repeat; background-size:cover;}
.index6 .text{width:48%; float:left; padding:25px 0 35px 0;}
.index6 .text .H4{font-size:36px; color:#c9151e; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.index6 .text .bold{font-weight: bolder;}
.index6 .text .thin{font-weight:normal;}
.index6 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}
.index6 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.index6 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 170px; margin: 30px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#c9151e; text-align: center; font-size:14px; color:#fff;}
.more2:hover{background-color:transparent; border:1px solid #c9151e; color:#c9151e;}
.index6Num{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; }
.index6Num .list{font-weight:bolder; float:left; }
.index6Num .list:nth-child(2){float:right;}
.index6Num .big{font-size:80px; color:#c9151e; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;}
.index6Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#c9151e; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.index6Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }
.videoR{position:absolute; top:50px; right:0; width:47.34%;padding:0 0 52px 7.81%; background:url(/images/bg/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;}
.videoR .pic{height:542px;}
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1549px){
	.index6Num .big{font-size:60px;}
}
@media screen and (max-width:1199px){
	.index6{padding:60px 0;}
	.index6Num .big{font-size:50px;}
	.index6Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.index6Num{margin-top:30px; padding-top:30px;}
	.index6 .text .H4{font-size:28px;}
	.index6 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}
@media screen and (max-width:767px){
	.index6{padding:40px 0 30px 0;}
	.index6 .text{padding:0; width:100%;}
	.videoR{position:relative;}
	.index6 .text .H4{font-size:20px;}
	.index6 .text .H5{font-size:16px; padding:10px 0;}
	.index6 .text .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;}
	.more2{width:120px; font-size:12px;}
	.index6Num{margin-top:20px; padding-top:20px;}
	.index6Num .big{font-size:30px; line-height: 30px;}
	.index6Num .p2{font-size:13px; margin-top:5px;}
	.videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;}
	.videoR .pic{background:none !important; height: auto;}
	.videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;}
	
}
/*品牌客户*/
.homeCoo{float: left; width: 100%; padding-bottom: 70px;}
.homeCoo_s{float: left; width: 100%; padding: 42px 0 44px 0; position: relative; overflow: hidden;}
.homeCoo_s .slick-list{border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.homeCoo_s .li_hp{float: left; width: 100%; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}
.homeCoo_s .li_hp a{float: left; width: 100%; display: block; overflow: hidden;}
.homeCoo_s .li_hp img{float: left; width: 100%; display: block;
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;}
.homeCoo_s .li_hp a:hover img{
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);}

@media  screen and (max-width:767px){
  .homeCoo{padding-bottom: 30px;}
  .homeCoo_s{padding: 25px 0;}
}




#Content4 .about_index04{display:block; width:100%; float:left;}
#Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content4 .about_index04 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content4 .about_index04 .abou_text{width:100%; display:block;}
#Content4 .about_index04 .left{width:41.112%; float:left;  position:relative; margin-top:40px;background:#104492;
height:100%;
}
#Content4 .about_index04 .left .span_a{display:block; width:556px;
position:relative; left:45px; top:-40px;
}
#Content4 .about_index04 .left .span_a img{display:block;}
#Content4 .about_index04 .right{float:left; background:#ffffff; width:50.5%; margin-left:90px;
box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:40px; height:440px;
}
#Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px;
 color:#333333; font-weight:bold; width:100%;}
#Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:5;-webkit-box-orient: vertical;
}
#Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; 
 color:#ffffff;  display:block; padding:0 15px; position: relative;  
}
#Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .about_index04 .right .more_a:hover::after{background:#104492; width:100%; height:100%;}
@media screen and  (max-width:1630px){
#Content4 .about_index04 .right{width:50.9%;}
}
@media screen and  (max-width:1200px){
#Content4 .about_index04 .h3_y{font-size:36px;}
  #Content4 .about_index04 .p_h3{font-size:30px;}
  #Content4 .about_index04 .left .span_a{width:430px;}
  #Content4 .about_index04 .right{width:50%; margin-left:80px;padding:30px; height:331px;}
  #Content4 .about_index04 .right .h4_a{font-size:22px;}
  #Content4 .about_index04 .right .p{line-height:30px; font-size:15px; margin:15px 0 30px; height:145px;}
  #Content4 .about_index04 .right .more_a{ width:160px; height:40px; }
  #Content4 .about_index04 .right .more_a a{ line-height:40px; font-size:16px;}
  #Content4 .about_index04 .right .more_a .b{line-height:40px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 40px solid #104492; width:56px;}
}
@media screen and  (max-width:992px){
 #Content4 .about_index04 .p_h3::after{width:80%;}
  #Content4 .about_index04 .h3_y{font-size:32px;}
  #Content4 .about_index04 .p_h3{font-size:24px;}
  #Content4 .about_index04 .left .span_a{width:330px; left:30px; top:-30px;}
  #Content4 .about_index04 .right{margin-left:57px; width: 51%; margin-top:30px; height:265px;}
  #Content4 .about_index04 .right .h4_a{font-size:20px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:24px; height:118px;}
  #Content4 .about_index04 .right .more_a{ width:120px; height:36px; }
  #Content4 .about_index04 .right .more_a a{padding-left:0; line-height:36px; font-size:14px;}
  #Content4 .about_index04 .right .more_a .b{line-height:36px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 36px solid #104492; width:56px;}
}
@media screen and  (max-width:768px){
#Content4 .about_index04 .h3_y{font-size:24px;}
  #Content4 .about_index04 .p_h3{font-size:18px;}
  #Content4 .about_index04 .p_h3::after{width:70%;}
  #Content4 .about_index04 .index_top{padding-bottom:10px;}
  #Content4 .about_index04 .left{width:90%; height:100%; margin-top:30px;}
  #Content4 .about_index04 .left .span_a{right:0; top:-20px; width:100%;}
  #Content4 .about_index04 .right{width:100%; margin:0; padding:25px; min-height:200px; height:auto;}
  #Content4 .about_index04 .right .h4_a{font-size:16px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:22px; min-height:100px; height:auto;}
}




.abou_text .Addr{ float:left;  background:#fff; min-height:180px; padding:10px 45px 34px 10px; position:relative;}
.abou_text .Addr .p1{ float:left; width:100%; position:relative; min-height:40px; padding:1px 0 1px 50px; color:#737373; font-size:16px; line-height:19px; margin:10px 0;}
.abou_text .Addr .sp1{ display:block; color:#262335;}
.abou_text .Addr .ico{ float:left; width:40px; height:40px; position:absolute; left:0; top:0;}
.abou_text .Addr .ewm{ float:left; width:134px; height:134px; background:#f4f4f4; padding:9px; margin-top:6px;}
.Addr .p4{ float:left; position:absolute; right:45px; top:67px; width:210px;}


#Content7 .indexHead{ width:100%; float:left; text-align:center; padding-bottom:33px; position:relative; font-size:36px; color:#333; line-height:58px; z-index:2;}
#Content7 .indexHead:before{ content:''; width:72px; height:4px; background:#042560; position:absolute; left:50%; margin-left:-36px; bottom:0;}

#Content7 .about6{ padding:20px 0 67px 0; background:#f7f8fb;}
#Content7 .about6 .ditu{ float:left; width:59.4%; margin-top:15px; height:400px; border:solid 4px white;}
#Content7 .about6 .about6R{ float:right; width:39.4%; margin-top:15px; height:400px; background:#e9ecf2; padding:20px 35px 10px 38px; position:relative;}
#Content7 .about6 .about6R ul{ width:100%; float:left; padding-left:87px;}
#Content7 .about6 .about6R ul li{ width:100%; float:left; padding:19px 0 22px 0; position:relative; border-top:solid 1px white;}
#Content7 .about6 .about6R ul li:first-child{ border-top:0;}
#Content7 .about6 .about6R ul li .ico{ width:59px; height:59px; position:absolute; left:-87px; top:25px; background:#042560;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
#Content7 .about6 .about6R ul li h4{ width:100%; font-size:16px; color:#333; line-height:33px; letter-spacing:1px;}
#Content7 .about6 .about6R ul li h5{ width:100%; font-size:16px; color:#333; line-height:31px; letter-spacing:1px; word-break:break-all;}
/*#Content7 .about6 .about6R ul li.l1{ width:60%;}
#Content7 .about6 .about6R .ewm{ position:absolute; right:35px; top:44px; text-align:center; width:124px; opacity:0;}
#Content7 .about6 .about6R .ewm .img{ width:100%; float:left; background:white; padding:4px;}
#Content7 .about6 .about6R .ewm .img img{ float:left;}
#Content7 .about6 .about6R .ewm h6{ width:100%; float:left; margin-top:10px; font-size:14px; color:#333; line-height:22px; letter-spacing:1px;}*/
@media screen and (max-width: 1820px) {
#Content7 .about6 .about6R{ padding-top:0;}
}
@media screen and (max-width: 1600px) {
#Content7 .about6 .container{ padding:0 30px;}
#Content7 .about6 .about6R{ padding:0 25px 10px 18px; position:relative;}
#Content7 .about6 .about6R ul{ padding-left:70px;}
#Content7 .about6 .about6R ul li .ico{ left:-70px;}
#Content7 .about6 .about6R ul li.l1{ width:90%;}
#Content7 .about6 .about6R .ewm{ right:15px;}
#Content7 .about6 .about6R ul li h5{ line-height:26px;}
}
@media screen and (max-width: 1430px) {
#Content7 .about6 .about6R ul li h5{ font-size:14px;}
#Content7 .about6 .about6R .ewm{ width:100px;}
#Content7 .about6 .about6R ul li.l1{ width:60%;}
}

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

}
@media screen and  (max-width:1200px){
#Content7 .about6 .about6R .ewm{ top:22px;}
#Content7 .about6 .ditu{ width:100%; margin-top:25px;}
#Content7 .about6 .about6R{ width:100%; height:auto; margin-top:25px;}
#Content7 .about6 .about6R ul li .ico{ width:40px; height:40px; left:-50px;}
#Content7 .about6 .about6R ul{ padding-left:50px;}
#Content7 .about6 .about6R ul li.l1{ width:60%;}
}
@media screen and  (max-width:992px){
#Content7 .indexHead{ padding-bottom:22px; font-size:26px; line-height:48px;}
#Content7 .indexHead:before{ width:60px; height:3px; margin-left:-30px;}

#Content7 .about6{ padding:40px 0 35px 0; background:#f7f8fb;}
#Content7 .about6 .ditu,
#Content7 .about6 .about6R{ margin-top:15px;}
#Content7 .about6 .about6R ul li{ padding:10px 0;}
#Content7 .about6 .about6R ul li h5{ font-size:12px; line-height:22px;}
#Content7 .about6 .about6R .ewm h6{ margin-top:6px; font-size:12px; line-height:20px; letter-spacing:0px;}
#Content7 .about6 .about6R ul li .ico{ top:15px; left:-55px;}
}
@media screen and  (max-width:768px){
#Content7 .indexHead{ padding-bottom:11px; font-size:18px; line-height:30px;}
#Content7 .indexHead:before{ width:50px; height:2px; margin-left:-25px;}

#Content7 .about6{ padding:30px 0 25px 0;}
#Content7 .about6 .container{ padding:0 10px;}
#Content7 .about6 .ditu{ height:250px;}
#Content7 .about6 .about6R ul li.l1{ width:100%;}
#Content7 .about6 .about6R .ewm{ display:none;}





.index2Tab{margin-top:60px;}
.index2Nav{width:12.5%; float:left; text-align: center;}
.index2Nav .list{height:120px; line-height: 120px; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; cursor: pointer;}
.index2Nav .slick-slide:first-child .list{border-top:1px solid #e1e1e1;}
.index2Nav .list .H5{display:inline-block; font-size:16px; color:#262626; position: relative;}
.index2Nav .list .H5::after{width:18px; height: 1px; background-color:#c9151e; content: ""; position: absolute; top:50%; left: -25px; opacity: 0;}
.index2Nav .list .H5::before{width:18px; height: 1px; background-color:#c9151e; content: ""; position: absolute; top:50%; right: -25px; opacity: 0;}

@media screen and (min-width:992px){
	.index2Nav .list:hover{background-color:#fff; }
	.index2Nav .list:hover .H5{ color:#c9151e;}
	.index2Nav .list:hover .H5::after,
	.index2Nav .list:hover .H5::before{opacity:1;} 
}
.index2Nav .list.on{background-color:#fff; }
.index2Nav .list.on .H5{ color:#c9151e;}
.index2Nav .list.on .H5::after,
.index2Nav .list.on .H5::before{opacity:1;} 

.index2R{width:87.5%; float:right;}
.index2RList{overflow:hidden;}
.index2RList .pic{width:62.67%; float:left;}
.index2RList .text{width:37.33%; float:left; background-color:#141414; text-align: center; padding:160px 4.16% 0 4.16%;}
.index2RList .text .H4{font-size:30px; color:#fff;}
.index2RList .text .H5{font-size:24px; color:#fff; font-family: Arial; text-transform: uppercase; margin: 25px 0 35px 0;}
.index2RList .text .p{font-size:14px; color:#fff; line-height: 36px; height: 108px; opacity: 0.3;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

.index2RList .slick-dots{bottom:10%;width:37.32%; right:0; text-align: center; line-height: 0;}
.index2RList .slick-dots li{width:11px; height: 11px; background-color:#444444; border-radius: 50%; margin: 0 6px;}
.index2RList .slick-dots li.slick-active{background-color:#c9151e;}

.index2Nav .slick-prev,
.index2Nav .slick-next{width:20px; height: 20px; left: 0; background:url(../images/p11.png) center no-repeat; background-size:100%;}
.index2Nav .slick-next{left:auto; right:0; background-image:url(../images/p12.png)}

@media screen and (max-width:1700px){
	.index2RList .slick-dots{bottom:20%;}
}
@media screen and (max-width:1199px){
	.index2Nav .list{height:80px; line-height: 80px;}
	.index2RList .text{padding:60px 4% 0 4%;}
	.index2RList .text .H4{font-size:22px;}
	.index2RList .text .H5{font-size:18px;}
	.index2RList .slick-dots{bottom:20px;}
}
@media screen and (max-width:991px){
	.index2Nav{width:100%;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
	.index2Nav .list{border:none !important; line-height: 40px; height:40px;}
	.index2Nav .list .H5{font-size:14px;}
	.index2R{width:100%; margin-top:20px;}
	.index2RList .text,
	.index2RList .pic{height:340px;}
}
@media screen and (max-width:767px){
	.title .H4{font-size:20px; width:100%;}
	.title .H5{width:100%; margin: 0; font-size:14px; line-height: normal;}
	.index2Tab{margin-top:25px;}
	.index2Nav{padding:0 20px;}
	.index2Nav .list{background-color:transparent;}
	.index2Nav .list.on .H5::after,
	.index2Nav .list.on .H5::before{display:none;}
	.more{font-size:12px; margin: 10px 0 0 0; width:100px;}
	.index2RList .pic{width:100%; height:auto; background:none !important; }
	.index2RList .text{width:100%; height: auto; padding:20px 10px 40px 10px;}
	.index2RList .text .H4{font-size:18px;}
	.index2RList .text .H5{font-size:14px; margin: 15px 0;}
	.index2RList .text .p{font-size:13px; line-height: 22px; height: 66px;}
	.index2RList .slick-dots{width:100%; bottom:10px;}
	.index2RList .slick-dots li{width:8px; height: 8px; margin: 0 4px;}
}









#Content3 .case_index03{display:block; width:100%; float:left; background:#f0f0f0; padding:100px 0;}
#Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; bottom:43%;
 color:#ffffff;  display:block; padding:0 15px; 
}
#Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content3 .case_index03 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content3 .case_index03 .more_a:hover::after{background:#104492; width:100%; height:100%;}
#Content3 .case_index03 .case_ul{width:100%; display:block;}
#Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#ffffff;}
#Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;}
#Content3 .case_index03 .li_d a{display:block; width:100%; height:100%;}
#Content3 .case_index03 .li_d .pic{position:relative; }
#Content3 .case_index03 .li_d img{display:block;}
#Content3 .case_index03 .li_d .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#Content3 .case_index03 .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; 
  font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#Content3 .case_index03 .li_d .text{line-height:68px; height:68px; width:100%;
 padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;
   -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
#Content3 .case_index03 .li_d:hover .mor{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
#Content3 .case_index03 .li_d:hover .text{background:#104492; color:#ffffff;}

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

}
@media screen and  (max-width:1200px){
#Content3 .case_index03 .h3_y{font-size:36px;}
  #Content3 .case_index03 .p_h3{font-size:30px;}
  #Content3 .case_index03 .li_d .text{line-height:60px; height:60px;}
  #Content3 .case_index03 .more_a{bottom:46%;}
}
@media screen and  (max-width:992px){
#Content3 .case_index03{padding:50px 0;}
  #Content3 .case_index03 .p_h3::after{width:80%;}
  #Content3 .case_index03 .h3_y{font-size:32px;}
  #Content3 .case_index03 .p_h3{font-size:24px;}
  #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;}
  #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;}
  #Content3 .case_index03 .more_a .b{line-height:40px;}
  #Content3 .case_index03 .more_a::after{border-top: 40px solid #104492;}
  #Content3 .case_index03 .li_d .text{line-height:50px; height:50px; font-size:16px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
}
@media screen and  (max-width:768px){
#Content3 .case_index03{padding:30px 0;}
  #Content3 .case_index03 .h3_y{font-size:24px;}
  #Content3 .case_index03 .p_h3{font-size:18px;}
  #Content3 .case_index03 .p_h3::after{width:70%;}
  #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; position:inherit; }
  #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;}
  #Content3 .case_index03 .more_a .b{line-height:36px;}
  #Content3 .case_index03 .more_a::after{border-top: 36px solid #104492; width:56px;}
  #Content3 .case_index03 .li_d .text{line-height:44px; height:44px; font-size:14px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
  #Content3 .case_index03 .li_d{width:100%; margin-right:0; margin-top:15px; display:block;}
}



#List5{float:left;width:100%}
#List5 .newsList{float:left;width:100%}
#List5 .newsList .list1 .u1{float:left;margin:0 -1% 35px -1%;width:100%;width:102%}
#List5 .newsList .list1 .l1{position:relative;float:left;margin:0 1%;width:31.3%}
#List5 .newsList .list1 .l1 .img{line-height:0}
#List5 .newsList .list1 .l1 .text{padding:25px 25px 20px 25px;border:1px solid #e5e5e5;border-top:0}
#List5 .newsList .list1 .l1 .text .t1{overflow:hidden;width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:20px}
#List5 .newsList .list1 .l1 .text .info{overflow:hidden;margin:20px 0;height:82px;color:#666;text-align:justify;font-size:14px;line-height:28px}
#List5 .newsList .list1 .l1 .text .bot{overflow:hidden;padding-top:20px;width:100%;border-top:1px solid #e5e5e5}
#List5 .newsList .list1 .l1 .text .date{float:left;color:#666;font-size:14px;line-height:16px}
#List5 .newsList .list1 .l1 .text .more{position:absolute;right:0;bottom:0;width:84px;height:58px;background:url(../bg/3125_news4.png) no-repeat center;background-size:cover}
#List5 .newsList .list1 .l1:hover .text{border:1px solid #f5f5f5;border-top:0;background:#f5f5f5}
#List5 .newsList .list1 .l1:hover .t1{color:#104492}
#List5 .newsList .list1 .l1:hover .text .more{background:url(../bg/3125_news4_1.png) no-repeat center;background-color:#104492;background-size:cover}
#List5 .newsList .list2 .u2{float:left;width:100%}
#List5 .newsList .list2 .l2{position:relative;float:left;padding:18px 0 18px 15px;width:100%;border-bottom:1px solid #e5e5e5}
#List5 .newsList .list2 .l2:first-child{border-top:1px solid #e5e5e5}
#List5 .newsList .list2 .l2 .img{float:left;width:15.5%;line-height:0}
#List5 .newsList .list2 .l2 .text{float:left;margin:0 3%;width:62%}
#List5 .newsList .list2 .l2 .text .t1{overflow:hidden;margin:15px 0;width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:18px}
#List5 .newsList .list2 .l2 .text .info{overflow:hidden;height:82px;color:#666;text-align:justify;font-size:14px;line-height:28px}
#List5 .newsList .list2 .l2 .date{float:left;margin:42px 0 0 0;padding:24px 0;width:10.5%;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;color:grey;text-align:center;font-size:16px;line-height:18px}
#List5 .newsList .list2 .l2 .more{position:absolute;top:50%;right:0;margin-top:-29px;width:84px;height:58px;background:url(../bg/3125_news11.png) no-repeat center;background-size:cover}
#List5 .newsList .list2 .l2:hover{background:#f5f5f5}
#List5 .newsList .list2 .l2:hover .text .t1{color:#104492}
#List5 .newsList .list2 .l2:hover .more{background:url(../bg/3125_news11_1.png) no-repeat center;background-color:#104492;background-size:cover}
#List5 .newsList .wack1{float:left;margin-top:70px;width:100%;text-align:center}
#List5 .newsList .pz_fy{display:inline-block}
#List5 .newsList .pz_fy a{float:left;margin:0 8px;width:30px;height:30px;border:1px solid #e1e1e1;border-radius:50%;color:#333;font-size:14px;font-family:Arial;line-height:28px}
#List5 .newsList .pz_fy a.on,#List5 .newsList .pz_fy a:hover{background-color:#104492;color:#fff}
#List5 .newsList .pz_fy .l2{width:100px;height:30px;border-radius:15px;background:url(../bg/3125_page1.png) no-repeat center;background-size:cover}
#List5 .newsList .pz_fy .l2.on,#List5 .newsList .pz_fy .l2:hover{background:url(../bg/3125_page1_1.png) no-repeat center;background-color:#104492;background-size:cover}
#List5 .newsList .pz_fy .r2{width:100px;height:30px;border-radius:15px;background:url(../bg/3125_page2.png) no-repeat center;background-size:cover}
#List5 .newsList .pz_fy .r2.on,#List5 .newsList .pz_fy .r2:hover{background:url(../bg/3125_page2_1.png) no-repeat center;background-color:#104492;background-size:cover}
@media screen and (max-width:1399px){#List5 .newsList .list2 .l2 .text{margin:0 2.5%}
#List5 .newsList .list2 .l2 .text .t1{margin:10px 0}
#List5 .newsList .list2 .l2 .date{margin:25px 0 0 0}
}
@media screen and (max-width:1199px){#List5 .newsList .list2 .l2 .text{margin:0 1.5%}
#List5 .newsList .list2 .l2 .text .info{height:56px}
#List5 .newsList .list2 .l2 .date{margin:15px 0 0 0}
}
@media screen and (max-width:991px){#List5 .newsList .list1 .u1{margin:0 -1% 15px -1%}
#List5 .newsList .list1 .l1 .text{padding:10px 10px 10px 10px}
#List5 .newsList .list1 .l1 .text .t1{font-size:16px;line-height:18px}
#List5 .newsList .list1 .l1 .text .info{margin:10px 0;height:60px;line-height:20px}
#List5 .newsList .list1 .l1 .text .bot{padding-top:10px}
#List5 .newsList .list1 .l1 .text .date{font-size:12px;line-height:14px}
#List5 .newsList .list1 .l1 .text .more{width:44px;height:36px}
#List5 .newsList .list2 .l2{padding:10px 0 10px 5px}
#List5 .newsList .list2 .l2 .img{width:20.5%}
#List5 .newsList .list2 .l2 .text{margin:0 1%;width:50.5%}
#List5 .newsList .list2 .l2 .date{padding:5px 0;width:15.5%}
#List5 .newsList .list2 .l2 .more{margin-top:-18px;width:44px;height:36px}
#List5 .newsList .wack1{margin-top:15px}
#List5 .newsList .fy_pc{padding:5px 0;color:#333;text-align:center;font-size:14px}
#List5 .newsList .fy_pc a{overflow:hidden;padding:5px 25px;border-radius:16px;background:#104492;color:#fff}
#List5 .newsList .fy_pc span{padding:5px 20px;color:#333}
}
@media screen and (max-width:767px){#List5 .newsList .list1 .u1{margin:-5px 0 10px 0;width:100%}
#List5 .newsList .list1 .l1{margin:5px 0;width:100%}
#List5 .newsList .list1 .l1 .text .t1{font-size:14px}
#List5 .newsList .list1 .l1 .text .info{margin:5px 0;height:32px;font-size:12px;line-height:16px}
#List5 .newsList .list2 .l2 .img{width:25.5%}
#List5 .newsList .list2 .l2 .text{margin:0 1%;width:40.5%}
#List5 .newsList .list2 .l2 .text .t1{margin:2px 0;font-size:14px}
#List5 .newsList .list2 .l2 .text .info{height:32px;font-size:12px;line-height:16px}
#List5 .newsList .list2 .l2 .date{width:20.5%;font-size:10px}
}