/* 首页板块3 */
#Content4{ width: 100%; }
#Content4 .homeCon3{ padding: 5% 0; width: 100%; float: left; background: #f7f7f7;}
#Content4 .homeCon3 .entit{
    text-align:center;
    font-size: 82px;
    text-transform: uppercase;
    font-family: GOODTIME;
    background: -webkit-linear-gradient(to bottom, #eff1f6, transparent);
    background: -o-linear-gradient(to bottom, #eff1f6, transparent);
    background: -moz-linear-gradient(to bottom, #eff1f6, transparent);
    background: linear-gradient(to bottom, #e3e3e3, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
#Content4 .homeCon3 .t1{font-size: 40px;line-height: 45px;text-align:center;margin-top: -4rem;margin-bottom: 18px;font-family: "YaHei Bold";font-weight: bolder;text-transform: uppercase;color: #356ec5;}
#Content4 .homeCon3 .over{ width: 100%; overflow: hidden;}
#Content4 .homeCon3 .t2{font-size: 16px;line-height: 23px;color: #838282;text-align: center;}


#Content5 .homeCon3 .entit{
    text-align:center;
    font-size: 82px;
    text-transform: uppercase;
    font-family: GOODTIME;
    background: -webkit-linear-gradient(to bottom, #eff1f6, transparent);
    background: -o-linear-gradient(to bottom, #eff1f6, transparent);
    background: -moz-linear-gradient(to bottom, #eff1f6, transparent);
    background: linear-gradient(to bottom, #e3e3e3, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
#Content5 .homeCon3 .t1{font-size: 40px;line-height: 45px;text-align:center;margin-top: -4rem;margin-bottom: 18px;font-family: "YaHei Bold";font-weight: bolder;text-transform: uppercase;color: #356ec5;}

#Content4 .homeCon3 .line{ width: 75%; float: right; margin-top: 16px; height: 1px; background: #c4c7cc;}
#Content4 .homeCon3Tab{ margin-top: 40px; position: relative;}
/*#Content4 .homeCon3 .hd{ position: absolute; right: 0; top: -95px;}*/
#Content4 .homeCon3 .hd .u1{ width: 100%; overflow: hidden; margin-bottom: 2%;    display: flex;    justify-content: center;}
#Content4 .homeCon3 .hd .l1{float: left;font-size: 16px; color: #333;cursor: pointer;background: #fff;padding: 12px 20px; margin: 0 10px; border-radius: 20px;}
#Content4 .homeCon3 .hd .l1.on{color: #fff;font-weight:bold;background: #356ec5;}
#Content4 .homeCon3 .top{ width: 100%; overflow: hidden; background: #fff;}
#Content4 .homeCon3 .top .img{ width: 50%; float: left; line-height: 0;}
#Content4 .homeCon3 .top .text{ width: 50%; padding: 60px; float: right;}
#Content4 .homeCon3 .top .text .bt1{ display: inline-block; font-size: 16px; height: 24px; line-height: 24px; padding: 0 15px; border-radius: 12px; background: #393c41; color: #fff;}
#Content4 .homeCon3 .top .text .bt2{ width: 100%; margin: 15px 0 25px 0; font-size: 30px; line-height: 32px; color: #333; font-family: "YaHei Bold";}
#Content4 .homeCon3 .top .text .bt3{ margin-bottom: 110px; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; color: #333;}
#Content4 .homeCon3 .top .text .more a{ display: inline-block; height: 42px; line-height: 42px; padding: 0 45px; font-size: 16px; border-radius: 21px; margin-right: 20px;}
#Content4 .homeCon3 .top .text .more a:hover{ box-shadow: 2px 2px 5px #ccc;}
#Content4 .homeCon3 .top .text .more .a1{ color: #333; background: #f2f2f2;}
#Content4 .homeCon3 .top .text .more .a2{ color: #fff; background: #356ec5;}
#Content4 .homeCon3 .bot{ width: 102%; margin: 15px -1% -15px -1%; float: left;}
#Content4 .homeCon3 .pic{ width: 31.3%; float: left; margin: 15px 1%;}
#Content4 .homeCon3 .pic:last-child{display: none;}
#Content4 .homeCon3 .pic .img{ width: 100%; overflow: hidden; line-height: 0; border: 1px solid #fff; position: relative;transition:all 0.4s;}
#Content4 .homeCon3 .pic .img .bg{ position: absolute; top: 200%; width: 100%; height: 100%; background: rgba( 8,104,218, 0.8);
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Content4 .homeCon3 .pic .img .ico{ position: absolute; top: 200%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url(../images/1944_prod13.png) no-repeat center; background-size: cover;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Content4 .homeCon3 .pic .text{ height: 60px; line-height: 60px; font-size: 16px; color: #333; background: #fff; text-align: center;transition:all 0.4s;}
#Content4 .homeCon3 .pic .img img{ display:block; border:0px; width:100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; }
#Content4 .homeCon3 .pic:hover .img{ border: 1px solid #356ec5; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
#Content4 .homeCon3 .pic:hover .img img{ transform:scale(1.2); transition:all 1.5s ease 0s; -webkit-transform:all 1.5s ease 0s; cursor:pointer; }
#Content4 .homeCon3 .pic:hover .img .bg{ top: 0;}
#Content4 .homeCon3 .pic:hover .img .ico{ top: 50%;}
#Content4 .homeCon3 .pic:hover .text{ color: #fff; background: #356ec5; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
@media screen and  (max-width:1399px){
#Content4 .homeCon3 .top .text .bt3{ margin-bottom: 40px;}
}
@media screen and  (max-width:1199px){
#Content4 .homeCon3 .hd{ top: -85px;}
#Content4 .homeCon3 .hd .l1{ margin-left: 20px;}
#Content4 .homeCon3 .top .text{ padding: 30px;}
#Content4 .homeCon3 .top .text .bt3{ margin-bottom: 30px;}
}
@media screen and  (max-width:991px){
#Content4 .homeCon3 .t1{ font-size: 26px; line-height: 30px; margin-bottom: 8px;}    
#Content5 .homeCon3 .t1{ font-size: 26px; line-height: 30px; margin-bottom: 8px;}    
#Content4 .homeCon3 .t2{ font-size: 15px; line-height: 18px; width: 40%;}
#Content4 .homeCon3 .line{ margin-top: 9px; width: 60%;}
#Content4 .homeCon3Tab{ margin-top: 15px;}
#Content4 .homeCon3 .hd{ position: static; margin-bottom: 10px;}
#Content4 .homeCon3 .top .img{ width: 100%;}
#Content4 .homeCon3 .top .text{ width: 100%; padding: 15px;}
#Content4 .homeCon3 .top .text .bt1{ font-size: 14px; height: 20px; line-height: 20px; padding: 0 10px; border-radius: 10px;}
#Content4 .homeCon3 .top .text .bt2{ margin: 5px 0 5px 0; font-size: 16px; line-height: 26px;}
#Content4 .homeCon3 .top .text .bt3{ margin-bottom: 10px; font-size: 14px; line-height: 24px; height: auto;}
#Content4 .homeCon3 .top .text .more a{ height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; border-radius: 15px; margin-right: 10px;}
#Content4 .homeCon3 .bot{ margin: 5px -1% -5px -1%;}
#Content4 .homeCon3 .pic{ margin: 5px 1%;}
#Content4 .homeCon3 .pic .text{ height: 50px; line-height: 50px; font-size: 16px;} 
}
@media screen and  (max-width:768px){
    #Content4 .homeCon3 .pic{  width: 48%;}
    #Content4 .homeCon3 .pic:last-child{display: block;}
#Content4 .homeCon3{ padding: 8% 0; }
#Content4 .homeCon3 .t2{ width: 100%; font-size: 15px; line-height: 18px;} 
#Content4 .homeCon3 .line{ width: 100%;}
#Content4 .homeCon3 .entit{ font-size:40px }
#Content4 .homeCon3 .t1{margin-top:-2rem;}
    
#Content5 .homeCon3 .entit{ font-size:40px }
#Content5 .homeCon3 .t1{margin-top:-2rem;}
    
#Content4 .homeCon3 .hd .u1{ display:block; }
#Content4 .homeCon3 .hd .l1{ margin-right:0%; margin-bottom:10px; font-size:15px }
}