img{max-width: 100%;}

/* header */
header{box-shadow: 0 1px 10px 0 #aaa;position: relative;z-index: 9999;background: #F3F7FA;}
.nav-top .logo img{max-width: 210px;}
.dropdown-menu>li>a {display: block;padding: 6px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;
    white-space: nowrap;font-size: 14px;}
.pagelogo{margin: 10px 0;}
.pagelogo img{max-width: 100%;}
.pagetop{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 100%;}
.Vertical-center{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;
  -webkit-box-align: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;
  display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: center;display: -ms-box;
  -ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;display: box;box-orient: horizontal;
  box-pack: center;box-align: center;}

.carousel-indicators .active{background: #E70101;}
.carousel-indicators li{border: 1px solid #E70101;border-radius: 10px;height: 6px;background: #B8A9AE}
.carousel-control-next, .carousel-control-prev{top: 100px;bottom: 100px;}
.navbar-light .navbar-nav .nav-link{font-size: 16px;color: #333;padding: 0 15px;font-weight: normal;}
.navbar-light .navbar-nav .nav-link.disabled{font-size: 14px;color: #333333;}

/*榧犳爣婊戣繃灏忔墜*/
.searchicon:hover {color: #1668AA;cursor: pointer;}
@media screen and (min-width: 1600px) {
  /*鏀寔澶у睆1500*/
  .container {max-width: 1500px;}
}
@media screen and (min-width: 992px) {
  /*鍙湪鐢佃剳绔樉绀洪槾褰�*/
  .dropdown-menu{border-bottom: none;background: #F3F7FA;box-shadow: 0 3px 10px 0 #bbb;z-index: 2;}
  /*涔嬪湪鐢佃剳绔帶鍒惰楂�*/
  .navbar-collapse{line-height: 70px;}
  /*for navborder*/
  .navoutercontainer{border: 1px solid transparent;border-color: #e7e7e7;}
  /*for navbar-search on pc and mb*/
  .navbar-search{font-size: 1.25rem;line-height: 1;background: unset;border: unset;}
  .navbar-search-mb{display:none;}
  /*for bigdropdown for pc*/
  .bigdropdown ul, .bigdropdown .dropdown-item {list-style: none;padding: 0.12rem 2.1rem;font-size: 0.92rem;}
  /*涓嬫媺琛岄珮*/
  .leftswitch {line-height: 2.0rem}
  .bigdropdown{position:relative;list-style:none;}
  .bigdropdown > li {display:inline-block;vertical-align: top;}
  /*鑷畾涔変笅鎷夌殑鏂囧瓧浠ュ強鍥剧墖閮ㄥ垎鐨勫搴�*/
  .bigdropdown.grid-8 > li{width: 30%;}
  .bigdropdown.grid-2 > li{width: 100%;}
  /*瓒呯骇鑿滃崟鐨勮缃�*/
  .bigdropdown ul {display: none;position: absolute;left: 100%;top: 0;}
  .bigdropdown ul > li {display: inline-block;vertical-align:top;}
  .bigdropdown>li:hover ul{display:block;}
  /*瓒呯骇鑿滃崟鐨勮缃�*/
  .bigdropdown .dropdown-item {white-space: unset;}
  /*瓒呯骇鑿滃崟涓婄Щ锛岄槻姝㈤棿闅�*/
  .dropdown-menu {margin-top:-4px;}
  .leftswitch.col-md-5 a{display: inline-block;width: 30%;padding: .25rem 0 .25rem 1.5rem;vertical-align: top;} 
  .rightshow ul {width:100%;list-style: none;padding:0;margin:0;}
  .rightshow ul:nth-child(n+2){display: none;}
  .rightshow ul img {max-width: 100%;}
  .rightshow ul li {display: inline-block;vertical-align:top;}
  .rightshow ul li a.dropdown-item {padding: .25rem 1.5rem .25rem 0rem;}
  .rightshow.r-s-proimg ul li {width: 50%;}
  .rightshow.col-md-8 ul li{max-width: 22%};
  .rightshow.col-md-6 ul li {max-width: 100%;}
  /* search鎼滅储妗� */
  #searchform form{border-top: 1px solid #0162C0;box-shadow: 0 2px 10px 0 #bbb;}
  #searchform form #keyword{border: 0;padding: 5px 10px;}
  #searchform form #search_btn{border: 0;background: #fff;border-left: 1px solid #ddd;}

  .navbar-light .navbar-nav .nav-link .fa-chevron-down{display: none;}
  .navbar-light .navbar-nav .fa-chevron-down{display: none;}
  .navbar-light .navbar-nav .fa-chevron-up{display: none;}
}
@media screen and (max-width: 991px) {
  /*灞呬腑闈犲彸*/
  .leftswitch a {text-indent: 8px;}
  .leftswitch a::before {content: "-";}
  /*hide navbarsearch*/
  .navbar-search{display:none;}
  /*search form default dispalynone*/
  #searchform {display:none;}
  .navbar-form .form-control{display:inline-block;width:unset;}
  /* .display-show {display: block;} */
  .d-flex-unset {display: unset !important;}
  /*position of nav-icon on mobile*/
  #main_navbar{position:absolute;top:4px;;right:-25px;z-index:9}
  /*position of nav*/
  #navbarSupportedContent {padding-left:5%;position: fixed;top: 66px;left: 0;right:0;bottom:30px !important;
    z-index: 19;background-color: #fff;bottom:0;overflow-y:scroll;overflow-x:hidden;border-top: 1px solid #ddd;}
  .dropdown-menu{list-style:none;border:none;}
  .navbar-toggler {z-index: 29;}
  
  .navbar-light .navbar-nav .nav-link{display: inline-block;}
  /* .navbar-light .navbar-nav .nav-second{padding: 0;} */
  .navbar-light .navbar-nav .fa-chevron-down{font-size: 12px;color: #333;margin: 0 0 0 20px;cursor:pointer;
    pointer-events: none;display: inline-block;}
  .navbar-light .navbar-nav .fa-chevron-up{font-size: 12px;color: #333;margin: 0 0 0 20px;cursor:pointer;
    pointer-events: none;display: inline-block;}
  .navbar-light .navbar-nav li.nav-item{line-height: 2.5rem;}
}

.s-l-zindex .carousel-item a{z-index: 100;}
.search .button{width:100%;display:block;margin:0 auto;padding:10px;text-align:center;
  text-decoration:none;color:#333;cursor:pointer;transition:background .3s;-webkit-transition:background .3s;}
.search #login{width:400px;margin:0 auto;transition:opacity 1s;-webkit-transition:opacity 1s;display: none;}
.search form{padding:0;}
.search input[type="email"],input[type="password"]{width:92%;background:#fff;margin-bottom:4%;border:1px solid #ccc;padding:4%;
  font-family:'Open Sans',sans-serif;font-size:95%;color:#555;}
.search input[type="submit"]{width:100%;background:#3399cc;border:0;padding:4%;color:#fff;
  font-size:100%;cursor:pointer;transition:background .3s;-webkit-transition:background .3s;}
.search input[type="submit"]:hover{background:#2288bb;}
.search .fas,.fa-search{font-size: 16px;}
.fa-search{background: #E70101;color: #fff;}
.search button{outline: none;blr: expression_r(this.onFocus=this.blur());}
.search span{padding: 10px;border: 1px solid #999;border-radius: 10px;font-size: 20px;}
.search ul{list-style: none;margin: 0 0 0 10px;padding: 0;}
.search ul li{font-size: 14px;color: #333;font-weight: 600;}
.search ul li b{font-size: 20px;color: #E70101;}

/* home pro */
.home-pro{padding: 50px 0;background: #F3F7FA;}
.home-pro .title h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #333;letter-spacing: 0px;}
.home-pro .title span{display: block;margin: 6px 0 30px 0;font-size: 14px;color: #333;}
.home-pro .m-bot{margin-bottom: 30px;}
@media only screen and (max-width: 984px){.home-pro .m-tom{margin-bottom: 30px;}}
.h-pro{background: #fff;padding: 5px;}
.h-pro a{display: block;border: 1px solid #fff;padding: 5px;text-decoration: none;}
.h-pro a p{font-size: 16px;color: #333;padding: 10px 10px;font-weight: 600;}
.h-pro:hover{box-shadow: 0 2px 10px 2px #aaa;}
.h-pro:hover a{border: 1px solid #E70101;}
.h-pro:hover a img{transition: all 1.6s;transform: scale(1.1);}
.home-pro p{text-align: right;}
#demoa{background: #fff;padding: 10px;box-shadow: 0 2px 10px 2px #ccc;}
#demoa .carousel-caption{color: #333;}
#demoa .carousel-control-prev i{font-size: 35px;text-shadow: #777 0 2px 4px;color: #E70101;}
#demoa .carousel-control-next i{font-size: 35px;text-shadow: #777 0 2px 4px;color: #E70101;}
#demoa p{font-size: 16px;padding: 10px 10px 50px 10px;font-weight: 600;color: #333;margin: 0;}
#demoa span{display: block;margin: 50px 50px 0 50px;color: #666;font-size: 14px;line-height: 28px;}
.carousel-item a{display: block;width: 20%;background: #E70101;float: right;font-size: 20px;color:#fff;
    margin: 50px 10px 30px 0;border-radius: 15px;padding: 0px 0 4px 0;text-decoration: none;z-index: 100;}

/* home about */
.home-about{background: url(https://www.shukong-kailiaoji.com/style/img/bg02.jpg);padding: 50px 0;}
.home-about .title h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #333;letter-spacing: 0px;}
.home-about .title span{display: block;margin: 6px 0 30px 0;font-size: 14px;color: #333;}
.home-about video{box-shadow: 0 2px 10px 2px #ccc;border: 1px solid #ccc;}
.h-a-page ul{list-style: none;padding: 0 50px;margin: 20px 0 50px 0;}
.h-a-page ul li{width: 28%;display: inline-block;margin-left: 7%;text-align: center;}
.h-a-page ul li:first-child{margin-left: 0;}
.h-a-page ul li span{text-decoration: none;display: block;padding: 5px 0;border-radius: 10px;color: #333;
  cursor:pointer;}
.h-a-page ul li:first-child span{background: rgb(231, 1, 1); color: rgb(255, 255, 255);}
.h-a-page ul li span:hover{background: #E70101;color: #fff;}
.h-a-page p{font-size: 16px;color: #333;line-height: 32px;}
.h-a-page p.ppjz{text-indent: 2em;}
.h-a-page p a{display: block;font-size: 14px;color: #E70101;text-indent: 0;text-align: right;text-decoration: none;
    margin: 30px 0 0 0;}
.h-a-page p.team{display: none;}
.h-a-page p.jgzx{display: none;}

/* home-czdl */
.h-czdl{/* background: #F3F7F9; */}
.czdl-page{/* background: url(https://www.shukong-kailiaoji.com/style/img/czdl-bj.jpg); */padding: 50px 0;}
.czdl-page h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #333;letter-spacing: 0px;}
.czdl-page span{display: block;margin: 6px 0 25px 0;font-size: 14px;color: #333;}
.czdl-page h5{color: #E70101;font-size: 18px;font-weight: 800;}
.czdl-page p{font-size: 16px;color: #333;line-height: 32px;margin: 15px 0 35px 0;}
.czdl-page h6{color: #0175C0;font-size: 25px;font-weight: 500;margin-top: 40px;}
.czdl-page strong{display: block;color: #0175C0;font-size: 11px;font-weight: 500;}
.czdl-page div:hover img{transition: all 1.6s;transform: scale(1.1);}

/* home-advantage */
.home-advan{padding: 50px 0;background: #F3F7FA;}
.home-advan .title h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #333;letter-spacing: 0px;}
.home-advan .title span{display: block;margin: 6px 0 30px 0;font-size: 14px;color: #333;}
.tage{background: #fff;padding: 5px;}
.tage ul{list-style: none;padding: 10px 15px;margin: 0;border: 1px solid #fff;}
.tage ul li:first-child{margin: 30px 0 15px 0;}
.tage ul li strong{display: block;font-weight: normal;font-size: 20px;color: #333;}
.tage ul li span{display: block;font-size: 13px;color: #666;}
.tage ul li p{font-size: 14px;line-height: 26px;color: #333;margin: 10px 0 0 0;text-align: left;text-indent: 2em;}
.tage ul li:last-child{margin: 30px 0 30px 0;}
.h-tb02{display: none;}
.tage:hover{background: #E70101;box-shadow: 0 2px 10px 2px #999;}
.tage:hover .h-tb01{display: none;}
.tage:hover .h-tb02{display: inline-block;}
.tage:hover ul li strong{color: #fff;}
.tage:hover  ul li span{color: #fff;}
.tage:hover  ul li p{color: #fff;}

/* home blog */
.home-blog{padding: 50px 0;background: url(https://www.shukong-kailiaoji.com/style/img/bg01.jpg);}
.home-blog .title h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #fff;letter-spacing: 0px;}
.home-blog .title span{display: block;margin: 6px 0 30px 0;font-size: 14px;color: #fff;}
.home-blog .nav-tabs{border: none;}
.home-blog .nav-tabs .nav-items{margin: 0 0 0 14%;}
.home-blog .nav-tabs .nav-items .nav-link{font-size: 16px;color: #fff;border-radius: 10px;}
.home-blog .nav-tabs .nav-items .nav-link:hover{background: #E70101;border: 1px solid #E70101;}
.home-blog .nav-tabs .nav-items .nav-link.active{background: #E70101;border: none;}
.home-blog .py-3{padding: 0;margin: 30px 0 0 0;}
.h-b-left{background: #fff;padding-left: 0;}
.h-b-left ul{list-style: none;margin: 0;padding: 0;font-size: 0;}
.h-b-left ul li{width: 60%;display: inline-block;vertical-align: middle;font-size: 14px;color: #333;margin: 0 2% 0 3%;}
.h-b-left ul li:first-child{width: 35%;margin: 0;text-align: center;padding-top: 20px;}
.h-b-left ul li img{max-width: 100%;}
.h-b-left ul li p{font-size: 16px;font-weight: 600;color: #333;margin: 15px 0 0 0;}
.h-b-left ul:hover li p{    color: #00469d;}
.h-b-left ul li span{display: block;margin: 15px 0 15px 0;font-size: 14px;color: #333;text-indent: 2em;
    line-height: 26px;}
.h-b-left ul li a{background: #0162C0;padding: 5px 15px;color: #fff;border-radius: 10px;text-decoration: none;}
.home-blog .py-3 ul.m-t20:first-child{margin-top: 0;}
.py-3 .h-b-left ul.m-t20:first-child{  padding-top: 20px;}
.h-b-right{padding: 0 20px 0 20px;}
.h-b-right ul{list-style: none;margin: 0;padding: 5px;font-size: 0;background: #fff;}
.h-b-right ul a{display: block;text-decoration: none;border: 1px solid #fff;padding: 5px 10px 6px 10px;}
.h-b-right ul a:hover{border: 1px solid #0162C0;}
.h-b-right ul li{font-size: 14px;color: #333;width: 80%;display: inline-block;vertical-align: top;
    padding: 0 0 0 2%;border-left: 1px solid #aaa;}
.h-b-right ul li:first-child{width: 15%;border-left: none;padding: 0 2% 0 0;}
.h-b-right ul li time{font-size: 38px;color: #333;display: block;text-align: center;font-weight: 600;}
.h-b-right ul li time b{display: block;font-size: 16px;font-weight: normal;}
.h-b-right ul li strong{font-size: 13px;color: #333;}
.h-b-right ul li p{font-size: 12px;color: #333;margin: 5px 0 6px 0;text-indent: 2em;}
.h-b-right ul li span{font-size: 12px;color: #333;background: #BFBFBF;padding: 1px 10px;color: #fff;
    border-radius: 10px;float: right;}
.h-b-right ul a:hover time{color: #0162C0;} 
.h-b-right ul a:hover time b{color: #333;} 
.h-b-right ul a:hover li strong{color: #0162C0;}
.h-b-right ul a:hover li span{background: #0162C0;}
.home-blog .py-3 .m-t20{margin-top: 20px;}

/* home-case */
.home-case{background: #F3F7FA;padding: 50px 0;}
.home-case .title h2{font-size: 26px;line-height: 28px;margin: 0;font-weight: normal;color: #333;letter-spacing: 0px;}
.home-case .title span{display: block;margin: 6px 0 30px 0;font-size: 14px;color: #333;}
.scrollleft{width: 100%;margin: 0 auto;}
.scrollleft li{float:left;display:inline;width:320px;text-align:center;line-height:19px;margin:0 10px;}
.scrollleft li a{display: block;}
.scrollleft li a .cover{position: absolute;width: 100%;height: 100%;top: 0;}
.scrollleft li a:hover .cover{background: #000;opacity: 0.5;}
.scrollleft img{width:320px;height:360px;}
.scrollleft a p{font-size: 16px;}
.scrollleft a span{font-size: 15px;}
.scrollleft .carousel-caption{display: none;top: 35%;bottom: 0;}
.scrollleft a:hover p{}
.scrollleft a:hover .carousel-caption{display: block;}

/* position */
.position{width: 100%;padding: 15px 0;background: #F3F7FA;border-bottom: 1px solid #d9d9d9;}
.position span{font-size: 14px;color: #666;}
.position strong{font-size: 14px;color: #666;}
.position a {font-size: 14px;color: #666;font-weight: 600;}

/* culture */
.culture{background: #F3F7FA;padding: 50px 0;}
.culture p{font-size: 22px;color: #E70101;font-weight: 600;line-height: 32px;}
.culture span{font-size: 18px;color: #333;line-height: 26px;}
.cul{padding: 0;background: #F3F7FA;}
.cul .ture{background: url(https://www.shukong-kailiaoji.com/style/img/culture.jpg);padding: 50px 0;}
.cul .ture .page{background: #fff;border-radius: 10px;padding: 50px 15px 50px 15px;box-shadow: 0 2px 10px 2px #CCC;}
.cul .ture .page strong{display: block;font-size: 18px;color: #333;margin: 0 0 2px 0;}
.cul .ture .page span{display: block;font-size: 14px;color: #333;}
.cul .ture .page hr{width: 26%;border-top:2px solid #E70101;margin:12px 0 35px 0;}
.cul .ture .page p{font-size: 15px;color: #333;line-height: 32px;margin: 0;text-indent: 2em;}
.cul .ture .page img{max-width: 100%;margin: 50px 0 0 0;}

/* profile */
.prof{padding: 50px 0;background: #F3F7FA;}
.prof .title{margin: 0 0 30px 0;}
.prof .title strong{font-size: 25px;color: #333;font-weight: 500;display: block;margin: 0;line-height: 2.5rem;}
.prof .title span{font-size: 14px;color: #333;}
.prof p{text-indent: 2rem;font-size: 16px;color: #333;line-height: 2.3rem;}
.file{padding: 50px 0;background:  url(https://www.shukong-kailiaoji.com/style/img/profile-bg.png);}
.file .title{margin: 0 0 30px 0;}
.file .title strong{font-size: 25px;color: #333;font-weight: 500;display: block;margin: 0;line-height: 2.5rem;}
.file .title span{font-size: 14px;color: #333;}
.file div.slide{padding: 0 0 35px 0;}
.file div.slide .carousel-indicators{bottom: -30px;}
.file div.slide .carousel-indicators li{border: none;width: 6px;height: 6px;}
.profile{padding: 50px 0 20px 0;background: #F3F7FA;}
.profile .title{margin: 0 0 30px 0;}
.profile .title strong{font-size: 25px;color: #333;font-weight: 500;display: block;margin: 0;line-height: 2.5rem;}
.profile .title span{font-size: 14px;color: #333;}
.profile .col-lg-4 p{font-size: 16px;color: #333;margin: 15px 0 30px 0;line-height: 22px;}
.profile .col-lg-2 p{font-size: 16px;color: #333;margin: 15px 0 30px 0;line-height: 22px;}
.profile .col-lg-2 span{display: block;font-size: 11px;color: #666;}

/* update */
.outward{background: #F3F7FA;}
.outward .title p{padding: 50px;font-size: 16px;color: #333;line-height: 28px;margin: 0;}
.u-up{background: url('https://www.shukong-kailiaoji.com/style/img/update-bj.jpg');padding: 50px 0;}
.u-up p{font-size: 18px;color: #333;padding: 0 0 20px 0;border-bottom: 1px solid #888;font-weight: bold;}
.u-up span{display: block;font-size: 14px;line-height: 28px;color: #454545;margin: 50px 0 30px 0;}
.u-up a{display: block;font-size: 16px;border: 1px solid #ff9e00;padding: 2px 0;width: 26%;
    text-align: center;border-radius: 6px;color: #666;text-decoration: none;}
.u-up a:hover{background: #ff9e00;color: #fff;}
.u-gra{padding: 50px 0;background: #F3F7FA;}
.u-gra p{font-size: 15px;padding: 0;line-height: 30px;color: #005891;font-weight: bold;
  margin: 80px 0 30px 0;}
.u-gra a{display: block;font-size: 16px;border: 1px solid #ff9e00;padding: 2px 0;width: 26%;
    text-align: center;border-radius: 6px;color: #666;text-decoration: none;}
.u-gra a:hover{background: #ff9e00;color: #fff;}
.u-de{background: url('https://www.shukong-kailiaoji.com/style/img/update-bj02.jpg');padding: 50px 0;}
.u-de p{font-size: 18px;color: #333;padding: 0 0 20px 0;border-bottom: 1px solid #888;font-weight: bold;}
.u-de span{display: block;font-size: 14px;line-height: 28px;color: #454545;margin: 50px 0 30px 0;}
.u-de a{display: block;font-size: 16px;border: 1px solid #ff9e00;padding: 2px 0;width: 26%;
    text-align: center;border-radius: 6px;color: #666;text-decoration: none;}
.u-de a:hover{background: #ff9e00;color: #fff;}
.upgrade{padding: 50px 0;background: #F3F7FA;}
.upgrade .related-pro h6{margin: 0 0 30px 0;background: none;color: #666;text-align: left;}
.upgrade .related-pro a p{margin: 0;}

/* pronav */
.p-nav{background: #F3F7FA;padding: 35px 0 0 0;}
.p-nav .title h6{font-size: 28px;font-weight: 600;color: #333;margin: 0;letter-spacing: 1px;
    border-right: 2px solid #E70101;padding: 10px 0 10px 18%;}
.p-nav .title h6 span{font-size: 14px;color: #333;font-weight: 500;letter-spacing: 2px;display: block;
    margin: 8px 0 0 0;}
.p-nav .t-list ul{font-size: 0;list-style: none;margin: 0;padding: 0;}
.p-nav .t-list ul li{display: inline-block;vertical-align: top;padding: 0px 0 10px 0;margin: 0 0 0 2%;width: 18%;}
.t-list ul li a{text-decoration: none;padding: 6px 15%;display: block;border-radius: 8px;color: #333;font-size: 16px;}
.t-list ul li:hover a{background: #E70101;color: #fff;}

/* pro */
.pro{background: #F3F7FA;padding: 50px 0;}
.pro .t-page{margin: 0 0 35px 0;}
.pro .t-page a{text-decoration: none;}
.pro .t-page a strong{font-size: 16px;color: #333;padding: 20px 0 0 0;font-weight: 500;}
.pro .t-page a p{overflow: hidden;}
.pro .t-page a:hover p{box-shadow: 0 2px 15px 2px #ccc;}
.pro .t-page a:hover p img{transition: all 1.6s;transform: scale(1.1);}
.pro .t-page a:hover strong{color: #E70101;}
.new-p{padding: 35px 0 50px 0;}
.pro .title{margin: 15px 0 30px 0;}
.pro .title h6{font-size: 22px;color: #E70101;line-height: 2.3rem;margin: 0;}
.pro .title span{font-size: 16px;color: #333;position: relative;z-index: 10;background: #F3F7FA;padding-right: 10px;
  font-weight: 500;}
.pro .post_author_timeline {width: 100%;height: 100%;z-index: 1;border-top-width: 1px;border-top-style: dashed;
  border-top-color: #333;position: relative;top: -8px;}
.pro .p-page{margin: 0 0 35px 0;}
.pro .p-page a{text-decoration: none;}
.pro .p-page a strong{font-size: 16px;color: #333;padding: 20px 0 0 0;}
.pro .p-page a p{overflow: hidden;}
.pro .p-page a:hover p{box-shadow: 0 2px 10px 2px #ccc;}
.pro .p-page a:hover p img{transition: all 1.6s;transform: scale(1.1);}
.pro .p-page a:hover strong{color: #E70101;}
.pro hr{margin: 15px 0 35px 0;border-top: 2px dashed #bbb;}

/* pro-article */
.p-art{background: #F3F7FA;padding: 50px 0;}
.p-art h5{margin: 0 0 30px 0;font-weight: 600;}
#gallery{width: 100%;height: auto;margin: 0;font-size: 0px;}
#gallery img {border: none;}
#gallery_nav {width: 22.4%;margin: 0 0 0 3.5%;display: inline-block;vertical-align: top;}
#gallery_nav a{display: inline-block;height: auto;width: 100%;margin: 10% 0 0 0;}
#gallery_nav a:first-child{margin: 0;}
#gallery_nav a.on{box-shadow: 0 0 15px 0px #ccc;}
#gallery_output {width: 74%;height: auto;display: inline-block;vertical-align: top;}
#gallery_output img {display: block;/* margin: 0px auto 0 auto; */}
#gallery_output .on{border: 1px solid #0168ab;}
@media only screen and (max-width: 1101px){
    #gallery_output{width: 100%;}
    #gallery_nav{width: 100%;margin: 20px 0 0 0;}
    #gallery_nav a{display: inline-block;vertical-align: top;width: 27%;margin: 0 0 0 8%;}
    #gallery_nav a:first-child{margin: 0;}#gallery_nav a:nth-child(4){margin: 0;}
}
.pro-video h6{background: url(https://www.shukong-kailiaoji.com/style/img/pro-article-bg.png);font-size: 22px;color: #fff;text-align:center;
    background-position:center center;background-repeat: no-repeat;padding: 5px 0;margin: 50px 0 30px 0;}
.p-art .function h6{background: url(https://www.shukong-kailiaoji.com/style/img/pro-article-bg.png);font-size: 22px;color: #fff;text-align:center;
    background-position:center center;background-repeat: no-repeat;padding: 5px 0;margin: 50px 0 30px 0;}
.p-art .function p{font-size: 15px;color: #333;line-height: 28px;}
.p-art .parameter h6{background: url(https://www.shukong-kailiaoji.com/style/img/pro-article-bg.png);font-size: 22px;color: #fff;text-align:center;
    background-position:center center;background-repeat: no-repeat;padding: 5px 0;margin: 50px 0 30px 0;}
.p-art .parameter table {width: 100%;}
.p-art .parameter tr:nth-child(odd){}
.p-art .parameter td{border-color: #ccc;font-size: 14px;padding: 8px 2%;border-style: solid;border-width: 1px;
  width: 30%;}
.p-art .parameter tr:first-child th, tr:first-child td {border-top-style: solid;border-top-width: 1px;
    border-color: #ccc;}
.p-art .parameter tr th:first-child, tr td:first-child {border-left-style: solid;border-left-width: 1px;
    border-color: #ccc;}
.p-art .parameter p{font-size: 14px;}
.p-art .parts h6{background: url(https://www.shukong-kailiaoji.com/style/img/pro-article-bg.png);font-size: 22px;color: #fff;text-align:center;
    background-position:center center;background-repeat: no-repeat;padding: 5px 0;margin: 50px 0 30px 0;}

.related-pro h6{background: url(https://www.shukong-kailiaoji.com/style/img/pro-article-bg.png);font-size: 22px;color: #fff;text-align:center;
    background-position:center center;background-repeat: no-repeat;padding: 5px 0;margin: 50px 0 30px 0;}
.related-pro a{text-decoration: none;}
.related-pro a img{width: 100%;}
.related-pro a p{padding: 10px 0;text-align: center;background: #aaa;color: #fff;font-size: 15px;}
.related-pro a:hover p{background: #0175C0;}

/* new-nav */
.new-nav{background: #F3F7FA;padding: 50px 0 30px 0;}
.new-nav .n-n{margin: 0 0 30px 0;}
.new-nav .n-n a{text-decoration: none;padding: 5% 22%;border-radius: 20px;font-size: 16px;color: #333;
    background: #fff;box-shadow: 0 2px 10px 2px #eee;}
.new-nav .n-n a:hover{background: #E70101;color: #fff;}

/* new */
.new{background: #F3F7FA;padding: 0 0 50px 0;}
.n-page{margin: 0 0 30px 0;border-bottom: 1px solid #ddd;padding: 0 0 30px 0;}
.n-page .col-lg-4 {padding-left: 0;}
.n-page .col-lg-8 {padding-right: 0;}
/* .n-page img{width: 100%;} */
.n-page a{text-decoration: none;}
.n-page strong{font-size: 18px;font-weight: 600;margin: 15px 0 0 0;display: block;color: #333;}
.n-page p{font-size: 16px;color: #333;line-height: 26px;margin: 20px 0 25px 0;text-indent: 2em;}
.n-page time{float: right;color: #333;font-size: 14px;}
.n-page span{margin-left: 20px;background: #aaa;padding: 2px 30px;border-radius: 10px;font-size: 14px;color: #fff;}
.n-page a:hover strong{color: #E70101;}
.n-page a:hover span{background: #E70101;}

/* new-article */
.n-art{background: #F3F7FA;padding: 0;}
.n-art h6{font-size: 22px;color: #333;text-align: center;margin: 0;line-height: 2.1rem;}
.n-art .author{margin: 30px 0 50px 0;}
.n-art .author span{font-size: 14px;color: #666;}
.n-art .author time{margin: 0 0 0 10px;font-size: 14px;color: #333;}
.n-art .author time small{font-weight: 500;font-size: 14px;color: #333;margin: 0 0 0 10px;}
.n-art .page{padding-bottom: 30px;border-bottom: 1px solid #ddd;font-size: 16px;line-height: 2.0rem;color: #333;}
.n-art .page p{font-size: 16px;color: #333;line-height: 32px;}
.n-art .page img{margin: 0 auto;display: list-item;}
.preNext .text {color: #333;margin: 30px 0;list-style: none;padding: 0;}
.preNext ul li{display: inline-block;padding: 6px 15px;font-size: 16px;color: #333;}
.preNext .leftitem{color: #333;}
.preNext ul li i{color: #333;margin-right: 5px;}
.preNext ul li a{font-size: 16px;color: #333;text-decoration: none;}
.preNext ul li:hover{color: #E70101;}
.preNext ul li:hover a{color: #E70101;}
.preNext ul li:hover i{color: #E70101;}

/* case */
.case{background: #F3F7FA;padding: 0 0 50px 0;}
.case a{text-decoration: none;display: block;}
.case a p{margin: 15px 0 30px 0;font-size: 18px;color: #333;font-weight: 500;}
.case a:hover p{color: #E70101;}

/* video */
.video{background: #F3F7FA;padding: 40px 0 50px 0;}
.video .li-video{margin: 10px 0 20px 0;}
.video .li-video a{display: block;}
.video .li-video a img{width: 100%;}
.video .li-video a .cover{position: absolute;width: 94%;height: 100%;top: 0;}
.video .li-video a:hover .cover{background: #000;opacity: 0.5;}
.video .li-video .carousel-caption{display: none;top: 22%;bottom: 0;}
.video .li-video a .carousel-caption img{width: -webkit-min-content;width: -moz-min-content;width: min-content;
    margin: 0 0 10% 0;}
.video .li-video a .carousel-caption p{font-size: 16px;color: #fff;line-height: 28px;}
.video .li-video a:hover .carousel-caption{display: block;}

.vi{background: #F3F7FA;padding: 50px 0;}
.vi .title p{font-size: 20px;font-weight: 600;color: #333;margin: 0 0 30px 0;}
.vi .sidebar{background: #fff;padding: 15px 15px;overflow-x: hidden;overflow-y: scroll;line-height: 30px;
    height: 615px;box-shadow: 0 2px 10px 2px #ddd;}
    .vi .sidebar h6{font-size: 18px;color: #333;margin: 0 0 20px 0;}
.vi .sidebar ul{font-size: 0;list-style: none;margin: 15px 0 0 0;padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ddd;}
.vi .sidebar ul li{width: 50%;display: inline-block;vertical-align: top;}
.vi .sidebar ul li p{font-size: 14px;padding: 0 0 0 15px;color: #333;line-height: 26px;}

/* sidebar */
.pro-sidebar{width: 100%;}
.pro-sidebar h6{padding: 30px 0;font-size: 22px;background: #01479D;color: #fff;margin: 0;text-align: center;font-weight: normal;
  border-top-left-radius: 10px;border-top-right-radius: 10px;}
.pro-sidebar ul{list-style: none;padding: 0 35px;margin: 0;background: #fff;}
.pro-sidebar ul li{border-top: 1px dashed #666;padding: 0;}
.pro-sidebar ul li:first-child{border-top: 1px solid transparent;}
.pro-sidebar ul li a{font-size: 16px;color: #333;display: block;padding: 10px 0;text-align: center;line-height: 1.6rem;padding: 15px 0;
  text-decoration: none;}
.pro-sidebar ul li a:hover{color: #01479D;}
.pro-sidebar ul.bar-p{background: #fff;margin: 10px 0 0 0;padding: 30px 30px;}
.pro-sidebar ul.bar-p p{font-size: 20px;margin: 0;text-align: center;color: #333;}
.pro-sidebar ul.bar-p div{text-align: center;margin: 30px 0;}
.pro-sidebar ul.bar-p .form-inline{font-size: 0;}
.pro-sidebar ul.bar-p #keyword{border-radius: 0;padding: 8px 15px;border: 1px solid #01479D;font-size: 16px;display: inline-block;vertical-align: top;
  width: 80%;}
.pro-sidebar ul.bar-p #search_btn{border: 1px solid #01479D;padding: 9px 15px;background: #01479D;font-size: 14px;display: inline-block;width: 20%;
  border-radius: 0;}
.pro-sidebar ul.bar-p #search_btn i{color: #fff;font-size: 18px;background: none;}

/* 鍒嗛〉 */
.page_list_new{}
.page_list_new{margin-top: 35px;text-align: center;}
.page_list_new li{display: inline-block;color: #999;border: 1px solid #ddd;background: #f8f8f8;text-align: center;
    margin: 0 5px;border-radius: 5px;padding: 2px 10px;font-size: 14px;}
.page_list_new li a{color: #333;text-decoration: none;display: block;font-size: 14px;}
.page_list_new li:hover a{color: #E70101;}

/* contact */
.c-page{padding: 50px 0 0 0;}
.c-page h5{text-align: center;font-size: 25px;color: #01479D;font-weight: 500;margin: 0 0 20px 0;}
.c-page strong{font-size: 18px;color: #333;display: block;text-align: center;font-weight: 400;margin: 5px 0 30px 0;}
.c-page p{font-size: 16px;color: #333;line-height: 32px;text-align: center;margin: 0;}
.c-page ul{list-style: none;margin: 55px 0;padding: 0;font-size: 0;text-align: center;}
.c-page ul li{width: 30%;display: inline-block;vertical-align: top;padding: 5px 50px;border-left: 1px solid #dbdbdb;}
.c-page ul li:first-child{border-left: 1px solid transparent;}
.c-page ul li i{font-size: 34px;color: #333;display: block;margin: 0 auto;text-align: center;}
.c-page ul li span{font-size: 14px;color: #333;display: block;margin: 15px 0 0 0;font-weight: 600;line-height: 28px;}
.c-page hr{border-color: #dbdbdb;}
.con{padding: 0 0 50px 0;}

/* search */
.s-bar form {box-shadow: 0px 1px 10px 1px #ddd;margin: 0px auto 30px auto;width: 100%;background: #fff;}
.s-bar form #keyboard{border: 0;padding: 10px 15px;width: 95%;font-size: 18px;color: #333;}
.s-bar form label{position: relative;width: 5%;margin: 0;}
.s-bar form #search_bar{color: #fff;background: #fff;border: none;padding: 10px 0;width: 100%;}
.s-bar form label span{top: 30%;right: 0;bottom: 0;left: 12%;font-size: 18px;color: #999;position: absolute;
  z-index: 2;width: 34px;height: 34px;text-align: center;pointer-events: none;background: none;}
.s-bar p{font-size: 16px;color: #333;margin: 0 0 20px 0;}
.search-list{padding: 50px 0;background: #F3F7FA;}
.search-list .s-list{margin: 30px 0 0 0;text-align: center;}
.search-list .s-list .sear{display: block;text-decoration: none;overflow: hidden;}
.search-list .s-list a p.ch{color: #333;margin: 15px 0 20px 0;}
.search-list .s-list .sear:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.search-list .s-list .sear:hover img{transition: all 1.6s;transform: scale(1.1);}

/* Footer */
footer {background: #e8e8e8 none repeat scroll 0 0;padding: 0;}
.footer-top-area{background: #4B4A4A repeat scroll 0 0;padding: 50px 0 30px 0;}
.footer-top-area .title{font-weight: 600;letter-spacing: 1px;font-size: 15px;color: #fff;line-height: 28px;
    margin: 0 0 3% 0;}
.footer-top-area .info{list-style: outside none none;padding: 0;margin: 0;}
.footer-top-area .info li{color: #eee;display: block;font-size: 14px;margin: 0;line-height: 30px;}
.footer-top-area .info b{color: #0175C0;display: block;margin-bottom: 8px;font-size: 14px;}
.footer-top-area .info li .media p{margin: 0!important;}
.footer-top-area .links{list-style: outside none none;padding: 0;margin: 0;}
.footer-top-area .links li{position: relative;}
.footer-top-area .links li a{color: #eee;display: block;font-size: 14px;line-height: 30px;text-decoration: none;}
.footer-top-area .links li:hover a{color: #0175C0;}
.wechat p{color: #eee;font-size: 14px;margin: 10px 0 0 0;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #bbb;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #bbb;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #bbb;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #bbb;}
.comments span{margin-top: 10px;}
.copyright p{color: #fff;line-height: 28px;margin: 0;font-size: 12px;}
.copyright p a{display: inline-block;font-size: 12px;text-decoration: inherit;color: #fff;}
.footer-bottom-area{padding: 0px;margin: 0px;background: #0175C0;}
.Outer-chain{margin: 45px 0 25px 0;}
.copy{padding: 10px 0;text-align: center;color: #fff;}
.home-kb{margin-top: 60px;}
.weblink ul{list-style: outside none none;padding: 0;margin: 0;font-size: 13px;color: #bbb;margin: 30px 0 0 0;}
.weblink ul li{display: inline-block;margin-right: 10px;}
.weblink ul li a{font-size: 13px;color: #bbb;text-decoration: none;}
.weblink ul li a:hover{color: #eee;}

/*returnTop*/  
p#back-to-top{position:fixed;display:none;bottom:10%;right:20px;z-index: 30;}
p#back-to-top a{text-align:center;text-decoration:none;color:#E70101;display:block;font-size: 14px;
    -moz-transition:color 1s;-webkit-transition:color 1s;-o-transition:color 1s;}
p#back-to-top a:hover{color:#E70101;}
p#back-to-top a span{background: #333;line-height: 56px;border-radius:6px;display:block;height:56px;width:56px;
    background:#f6f6f6;margin-bottom:5px;-moz-transition:background 1s;-webkit-transition:background 1s;
    -o-transition:background 1s;}
    
/* 5ths */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 0px;padding-left: 15px;
    padding-right: 15px;}
@media ( min-width : 768px) {
    .col-sm-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}
@media ( min-width : 992px) {
    .col-md-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}
@media ( min-width : 1200px) {
    .col-lg-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5 {position: relative;min-height: 0px;padding-left: 15px;
  padding-right: 15px;}
@media ( min-width : 768px) {
  .col-sm-2-5 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
}
@media ( min-width : 992px) {
  .col-md-2-5 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
}
@media ( min-width : 1200px) {
  .col-lg-2-5 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
}

@media only screen and (min-width: 992px){
  .p-art .pro-art{padding: 0 15px 0 50px;}
  .new .new-list{padding: 0 15px 0 50px;}
  .n-art .new-art{padding: 0 15px 0 50px;}
}
@media only screen and (max-width: 1478px){
  .h-a-page ul{margin: 10px 0 30px 0;}
  #demoa p{padding: 10px 10px 30px 10px;}
  .carousel-item a{margin: 30px 10px 30px 0;}
  .vi .sidebar{height: 480px;}
  .p-nav .t-list ul li{margin: 0 0 0 4%;width: 15%;}
  .t-list ul li a{padding: 6px 10%;}
  .p-art .parameter td{padding: 8px 10%;}
}
@media only screen and (max-width: 1200px){
  .h-a-page ul li{margin-left: 6%;}
  .h-a-page p{font-size: 15px;line-height: 28px;}
  .home-blog .nav-tabs .nav-items{margin: 0 0 0 10%;}
  .pro .title h6{padding: 0;border-right: none;font-size: 26px;}
  .pro .t-list ul li{padding: 0;}
  .pro .t-list{border-left: 2px solid #E70101;}
  .pro .title h6 span{letter-spacing: 1px;}
  .new .nav-tabs .nav-items{margin: 0 0 0 10%;}
  .new-nav .n-n a{padding: 3% 20%;}
  .vi .sidebar{height: 345px;}
  .p-nav .t-list ul li{margin: 0 0 0 2%;width: 20%;}
  .t-list ul li a{padding: 6px 8%;}
}
@media only screen and (max-width: 991px){
  .nav-top .logo img{max-width: 180px;}
	.home-pro{padding: 35px 0;}
	.home-pro .title span{margin: 6px 0 25px 0;}
	#demoa span{margin: 30px 30px 0 30px;}
	.carousel-item a{margin: 15px 50px 25px 0;}
  .home-about{background: #F3F7FA;padding: 0;}
  .home-about .title span{margin: 6px 0 25px 0;}
  .h-a-page ul{margin: 30px 0 20px 0;padding: 0;}
  .h-a-page p a{margin: 15px 0 0 0;}
  .home-advan {padding: 35px 0;}
  .home-advan .title span{margin: 6px 0 20px 0;}
  .tage{padding: 0 10px;margin-top: 6px;}
  .tage ul li:first-child{margin: 15px 0 15px 0;}
  .tage ul li:last-child{margin: 15px 0 10px 0;}
  .m-tom{margin-bottom: 30px;}
  .czdl-page h6{font-size: 18px;}
  .home-blog{padding: 35px 0 15px 0;}
  .home-blog .title span{margin: 6px 0 25px 0;}
  .home-blog .py-3{margin: 10px 0 0 0;}
  .home-blog .py-3 .m-t20{margin-top: 20px;}
  .home-blog .nav-tabs .nav-items{margin: 0 0 0 16%;}
  .home-case{padding: 35px 0;}
  .home-case .title span{margin: 6px 0 25px 0;}
  .prof{padding: 30px 0;}
  .prof .title{margin: 0 0 20px 0;}
  .file{padding: 30px 0;}
  .file .title{margin: 0 0 20px 0;}
  .profile{padding: 30px 0;}
  .profile .title{margin: 0 0 20px 0;}
  .profile .col-lg-4 p{font-size: 11px;line-height: 20px;margin: 10px 0 15px 0;}
  .profile .col-lg-2 p{font-size: 11px;line-height: 20px;margin: 10px 0 15px 0;}
  .profile .col-lg-2 span{font-size: 10px;line-height: 16px;}
  .culture{padding: 30px 0;}
  .cul{padding: 0 0 30px 0;}
  .cul .ture{padding: 30px 0 0 0;}
  .cul .ture .page{margin-bottom: 30px;padding: 30px 15px;}
  .cul .ture .page hr{margin: 10px 0 15px 0;}
  .cul .ture .page img{margin: 20px 0 0 0;}
  .outward .title p{padding: 30px 15px;margin: 0;}
  .u-up{padding: 30px 0;}
  .u-up p{padding: 0 0 15px 0;}
  .u-up span{margin: 20px 0 15px 0;}
  .u-up a{width: 30%;margin: 0 0 15px 0;font-size: 14px;}
  .u-gra{padding: 30px 0;}
  .u-gra p{margin: 20px 0 15px 0;}
  .u-gra a{width: 30%;font-size: 14px;}
  .u-de{padding: 30px 0;}
  .u-de p{padding: 0 0 15px 0;}
  .u-de span{margin: 20px 0 15px 0;}
  .u-de a{width: 30%;margin: 0 0 15px 0;font-size: 14px;}
  .upgrade{padding: 30px 0;}
  .upgrade .related-pro h6{margin: 0 0 5px 0;padding: 0;}
  .upgrade .related-pro .col-lg-3{margin-top: 15px;}
  .pro{padding: 30px 0;}
  .p-nav{padding: 20px 0 0 0;}
  .p-nav .t-list ul li{margin: 0 0 0 3%;padding: 10px 0 0 0;width: 47%;}
  .t-list ul li a{border: 1px solid #ccc;padding: 6px 10%;}
  .pro .post_author_timeline{display: none;}
  .new-p{padding: 15px 0 30px 0;}
  .pro .title{margin: 15px 0 20px 0;}
  .page_list_new{padding: 0;margin: 0;font-size: 0;}
  .page_list_new li{padding: 2px 8px;margin: 8px 4px 0 4px;}
  .p-art{padding: 30px 0;}
  .p-art .function h6{margin: 30px 0 20px 0;}
  .p-art .function p{margin: 0;}
  .p-art .parameter h6{margin: 30px 0 20px 0;}
  .p-art .parameter p{margin: 15px 0 0 0;}
  .p-art .parts h6{margin: 30px 0 20px 0;}
  .related-pro h6{margin: 30px 0 20px 0;}
  .navbar-expand-lg .navbar-nav{margin: 15px 0 30px 0;}
  .new{padding: 0 0 30px 0;}
  .new .nav-tabs .nav-items{margin: 0 0 0 7%;}
  .new-nav{padding: 40px 0 10px 0;}
  .new-nav .n-n{margin: 0 0 30px 0;}
  .new-nav .n-n a{padding: 5% 25%;}
  .n-art{padding: 0;}
  .n-art .author{margin: 15px 0 20px 0;}
  .n-art .author span{line-height: 2.0rem;display: block;}
  .preNext .leftitem{margin: 0 0 15px 0;}
  .case{padding: 0 0 30px 0;}
  .case p{margin: 0 0 15px 0;}
  .video{padding: 30px 0;}
  .video .li-video .carousel-caption{top: 12%;}
  .video .li-video a .carousel-caption img{width: 40px;height: 40px;}
  .vi{padding: 30px 0;}
  .vi .title p{margin: 0 0 20px 0;}
  .s-bar form #keyboard{width: 88%;}
  .s-bar form label{width: 12%;}
  .c-page p{display: none;}
  .c-page ul{text-align: left;/* margin: 35px 0 0 0; */margin: 0;}
  .c-page ul:last-child{margin: 0;}
  .c-page ul li{padding: 0px 15px;width: 100%;border: none;}
  .c-page ul li:nth-child(3){border-left: none;border-top: 1px solid none;}
  .c-page ul li:last-child{border-top: 1px solid none;}
  .c-page ul li i{display: none;}
  .c-page ul li span{word-break: break-all;word-wrap: break-word;font-size: 16px;}
  .c-page hr{display: none;}
  .con{padding: 35px 0;}
  .footer-top-area{padding: 30px 0 25px 0;}
  .footer-top-area .info{margin: 0;}
}
@media screen and (min-width: 993px) and (max-width: 1600px){
  .n-page .col-lg-4{
    position: relative;
  }
  .n-page .col-lg-4 img{
    position: absolute;
    top: 10%;
  }
}