.newbanner{
    width:100%; position: relative; overflow: hidden;
}
.newbanner .swiper-pagination {
  bottom: 30px;
  width: 100%;
}
.newbanner .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin: 0 5px;
}
.newbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #05325c;
}
.index_banner_swiper{
    width: 100%; overflow: hidden;
}
.newbanner img{
    display: block; width: 100%;
}
.newbanner .textin{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; font-size: 36px; color: #fff;
    font-weight: bold; text-align: left;
}
.newbanner .textin .bannersubtitle{
    font-size: 20px; font-weight: normal; margin-top: 20px;
}
.textwidget{
    font-size: 14px; color: #7a7a7a; line-height: 2;
}
#menu-footer-menu{
    margin: 0;
    padding: 0;
    display: flex;justify-content: space-between; text-align: left;
    font-size: 0;
}
#menu-footer-menu a{
    display: block;
}
#menu-footer-menu a.menua{
    font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 52px;
}
#menu-footer-menu a.menub{
    font-size: 14px; color: #7a7a7a; margin-bottom: 15px;
}
.footerlogo{
    height: 50px; display: block; margin-bottom: 24px;
}
.footerclear{
    margin-bottom: 80px;  clear: both;
}
.footertext{
    text-align: center; font-size: 14px; color: #7a7a7a; line-height: 1.75; padding: 0 15px; 
}
.footertext a{
    color: #7a7a7a; 
}
.content_t{
    font-size: 24px; color: #333; text-align: center; margin-bottom: 10px;
}
.content_b{
    font-size: 42px; color: #333; text-align: center; margin-bottom: 120px;
}
.container_newcontact input[type="text"],
.container_newcontact input[type="email"],
.container_newcontact .container_newcontact input[type="url"],
.container_newcontact input[type="password"],
.container_newcontact input[type="search"],
.container_newcontact textarea {
	background-color: #efefef; border: 1px solid #dedede; border-radius: 4px;
}
.container_newcontact input[type="text"]:focus,
.container_newcontact input[type="email"]:focus,
.container_newcontact input[type="url"]:focus,
.container_newcontact input[type="password"]:focus,
.container_newcontact input[type="search"]:focus,
.container_newcontact textarea:focus {
	background-color: #FFF; border: 1px solid #dedede; border-radius: 4px;
}
.dark-grey .container_newcontact input[type="text"],
.dark-grey .container_newcontact input[type="email"],
.dark-grey .container_newcontact .container_newcontact input[type="url"],
.dark-grey .container_newcontact input[type="password"],
.dark-grey .container_newcontact input[type="search"],
.dark-grey .container_newcontact textarea {
	background-color: #dfdfdf; border: 1px solid #d0d0d0;
}



.container_newcontact input[type="submit"]{
    width: 245px !important; height: 64px; background: #05325c; font-size: 15px; color: #fff; display: block; margin-left: auto; margin-right: auto; border: 1px solid #05325c;
}
.container_newcontact input[type="submit"]:hover{
    background: #fff; color: #05325c;
}

.container_us{
    font-size: 14px; color: #333; line-height: 2.5;
}
.us_02_div {
  background-color: #eee !important;
}
.us_02_div .icon_new img{
    display: inline-block; height: 115px;
}
.descrip_new .textwidget{
    font-size: 24px; color: #333;
}
.descrip_new .textwidget{
    font-size: 24px; color: #333;
}
.descrip_new .light-grey{
    font-size: 14px; color: #666; line-height: 1.5;
}
.item_new{
    margin-bottom: 0 !important;
}


.index_main_in{
    width: 100%; padding: 0 110px; margin: 110px 0;
}
.index_pro{
    overflow: hidden; background: url(../images/index_probg.jpg) no-repeat; background-size: cover;
}
.indext{
    text-align: center; font-size: 30px; color:#333333;
}
.indexb{
    text-align: center; font-size: 36px; color:#333333; margin: 10px 0;
}
.indexc{
    text-align: center; font-size: 14px; color:#333333; line-height: 1.75; margin:0 auto; width: 44%;
}
.index_pro_con{
    padding: 0 200px; display: flex; justify-content: space-between; margin-top: 190px;
}
.index_pro_con a{
    display: block; text-align: center;
}
.index_pro_con a img{
    display: inline-block; height: 93px;
}
.index_pro_con a .indexprotext{
    font-size: 20px; color: #333 ; margin-top: 50px;
}


.index_case .index_main_in{
    margin: 0 !important;
}
.index_case_wai{
    position: relative;
}
.index_case_wai .img{
    position: relative;
}
.index_case_wai .img > img{
    position: relative; z-index: 1; opacity: 0; display: block; width: 100%; top: 0; left: 0;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_case_wai .img > img:nth-child(2),.index_case_wai .img > img:nth-child(3){
    position: absolute; z-index: 1; opacity: 0;
}
.index_case_wai .img > img.show{
    opacity: 1 !important; z-index: 2 !important;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_case_in{
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 100px; display: flex; flex-direction: column; justify-content: center; z-index: 4;
}
.index_case_con{
    display: flex; justify-content: space-between;
}
.index_case_con .indext,.index_case_con .indexb{
    text-align: left; color: #fff;
}
.index_case_right a{
    display: block; font-size: 24px; color: #fff; width: 176px; height: 60px; line-height: 60px; text-align: center; border-radius: 1000px;  margin: 20px 0;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_case_right a:hover,.index_case_right a.show{
    background: #05325c; text-decoration: unset;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.index_news_con{
    margin-top: 80px; display: flex;
}
.index_news_con a{
    width: 23.2%; margin-left: 2.4%;
}
.index_news_con a:first-child{
    margin-left: 0;
}
.index_news_con a .img{
    position: relative; padding: 32% 0; overflow: hidden;
}
.index_news_con a .img img{
    position: absolute; height: 100%; left: 50%; transform: translateX(-50%); top: 0; min-width: 100%;
}
.index_news_con a .indexnewst{
    font-size: 18px; color: #333; height: 20px; line-height: 20px; margin: 25px 0 15px;
    -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.index_news_con a .indexnewsb{
    font-size: 14px; color: #666; height: 48px; line-height: 24px; margin-bottom: 40px;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box;
}
.index_news_con a .indexnewsc{
    display: flex; justify-content: space-between; font-size: 14px; color: #666;
}
.index_news_end{
    margin-top: 90px; text-align: center;
}
.index_news_end a{
    width: 240px; text-align: center; height: 66px; line-height: 66px; font-size: 18px; color: #333; border: 1px solid #ddd; border-radius: 1000px; display: inline-block;
}
.protypename{
    position: absolute; left: 50%; top: 50%; font-style: normal; font-size: 64px; transform: translateX(-50%) translateY(-50%);
}
.proalldiv .row.item {
    margin-bottom: 120px;
}
.casecontainer{
    text-align: center;
}
.casecontainer img{
    max-width:75%;
}
@media only screen and (max-width: 1550px){
    .newbanner .textin{
        font-size: 28px;
    }  
.index_main_in {
    padding: 0 80px;
    margin: 80px 0;
}
.indext {
    font-size: 26px;
}
.indexb {
    font-size: 32px;
    margin: 8px 0;
}
.indexc {
    width: 54%;
}
.index_pro_con {
    padding: 0 180px;
    margin-top: 150px;
}
.index_pro_con a img {
    height: 85px;
}
.index_pro_con a .indexprotext {
    font-size: 18px;
    margin-top: 40px;
}
.index_case_in {
    padding: 0px 90px;
}
.index_case_right a {
    font-size: 22px;
    width: 160px;
    height: 56px;
    line-height: 56px;
    margin: 18px 0;
}
.index_news_con {
    margin-top: 60px;
}
.index_news_con a .indexnewst {
    font-size: 17px;
    height: 19px;
    line-height: 19px;
    margin: 22px 0 12px;
}
.index_news_con a .indexnewsb {
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    margin-bottom: 30px;
}
.index_news_end {
    margin-top: 70px;
}
.index_news_end a {
    width: 220px;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
}
.newbanner .textin .bannersubtitle {
    font-size: 18px;
    margin-top: 18px;
}
.protypename {
    font-size: 55px;
}

}
@media only screen and (max-width: 1360px){
    .newbanner .textin{
        font-size: 24px;
    }  
    .header {
        height: 80px !important;
    }
    h1.logo {
        top: 15px;
    }
    h1.logo a img {
        width: 110px;
    }
    .main-navigation {
        margin-top: 30px;
    }
    .content_b {
      font-size: 36px;
      margin-bottom: 90px;
    }
    .content_t {
      font-size: 22px;
    }
    .container_newcontact input[type="submit"] {
      width: 210px !important;
      height: 54px;
      font-size: 14px;
    }
    .footerclear {
      margin-bottom: 60px;
    }
    .main-navigation li {
        margin-right: 50px;
    }
    
    
    
.newbanner .textin .bannersubtitle {
    font-size: 16px;
    margin-top: 16px;
}   
.index_main_in {
    padding: 0 60px;
    margin: 60px 0;
}
.indext {
    font-size: 22px;
}
.indexb {
    font-size: 28px;
    margin: 5px 0;
}
.indexc {
    width: 60%;
}
.index_pro_con {
    padding: 0 150px;
    margin-top: 120px;
}
.index_pro_con a img {
    height: 85px;
}
.index_pro_con a .indexprotext {
    font-size: 16px;
    margin-top: 30px;
}
.index_case_in {
    padding: 0px 60px;
}
.index_case_right a {
    font-size: 18px;
    width: 130px;
    height: 50px;
    line-height: 50px;
    margin: 15px 0;
}
.index_news_con {
    margin-top: 40px;
}
.index_news_con a .indexnewst {
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    margin: 20px 0 10px;
}
.index_news_con a .indexnewsb {
    font-size: 13px;
    height: 40px;
    line-height: 20px;
    margin-bottom: 20px;
}
.index_news_end {
    margin-top: 50px;
}
.index_news_end a {
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
} 
.protypename {
    font-size: 48px;
}
    
    
    
    
    
    
}
@media only screen and (max-width: 1200px){
    .newbanner .textin{
        font-size: 20px;
    }  
.protypename {
    font-size: 36px;
}
}
@media only screen and (max-width: 1000px){
    .newbanner .textin{
        font-size: 20px;
    }
    .header {
        height: 60px !important;
    }
    h1.logo a img {
        width: 90px;
    }
    h1.logo {
        top: 13px; left: 15px;
    }
    .main-navigation {
        margin-top: 17px;
    }
    .content_b {
      font-size: 30px;
      margin-bottom: 60px;
    }
    .content_t {
      font-size: 20px;
    }
    .container_newcontact input[type="submit"] {
      width: 190px !important;
      height: 50px;
      font-size: 13px;
    }
    .site-footer .textright {
      display: block;
      margin-top: 15px;
      width: 100%;
    }
    #menu-footer-menu a.menua {
      font-size: 17px;
      margin-bottom: 26px;
    }
    #menu-footer-menu a.menub {
      font-size: 14px;
      margin-bottom: 10px;
    }
    .site-footer {
      padding: 50px 0 35px;
    }
    .footerclear {
      margin-bottom: 40px;
    }
    .site-main {
      padding: 40px 0 60px 0;
    }
    h1, h2.h1 {
      font-size: 2rem;
    }
    h2.h1 {
      margin-bottom: 20px;
    }  
    .subtitle {
      margin-bottom: 50px;
    }
    .item_new{
        margin-bottom: 20px !important;
    }
    .item_new:last-child{
        margin-bottom: 0 !important;
    }
    .us_02_div .icon_new img {
      height: 100px;
    }
    .descrip_new .light-grey {
        font-size: 22px;
        margin: 10px 0;
    }
    .newproname{
        font-size: 24px !important;
    }
    .webshow a.btn {
        padding: 10px 50px;
        font-size: 14px;
    }
    .content_b {
        font-size: 28px;
        margin-bottom: 50px;
    }
    
    
    
    
    
.newbanner .textin .bannersubtitle {
    font-size: 14px;
    margin-top: 10px;
}   
.index_main_in {
    padding: 0 15px;
    margin: 30px 0;
}
.indext {
    font-size: 16px;
}
.indexb {
    font-size: 24px;
    margin: 5px 0;
}
.indexc {
    width: 100%;
}
.index_pro_con {
    padding: 0 15px;
    margin-top: 40px;
}
.index_pro_con a img {
    height: 50px;
}
.index_pro_con a .indexprotext {
    font-size: 14px;
    margin-top: 15px;
}

.index_case_wai{
    overflow: hidden;
}
.index_case_wai .img img {
    display: block;
    width: 200%;
    max-width: unset;
    margin-left: -50%;
}
.index_case_con {
    display: flex;
    justify-content: normal;
    flex-direction: column;
}
.index_case_in {
    padding: 0px 30px;
}
.index_case_right{
    margin-top: 30px;
}
.index_case_right a {
    font-size: 16px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 10px 0;

    text-decoration: unset;
}
.index_news_con {
    margin-top: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index_news_con a{
    width: 48.5%; margin-left: 0; margin-top: 15px;
}
.index_news_con a:nth-child(-n+2){
    margin-top: 0;
}
.index_news_con a .indexnewst {
    font-size: 16px;
    height: 17px;
    line-height: 17px;
    margin: 15px 0 15px;
}
.index_news_con a .indexnewsb {
    font-size: 12px;
    height: 32px;
    line-height: 16px;
    margin-bottom: 15px;
}
.index_news_con a .indexnewsc {
    font-size: 12px;
}
.index_news_end {
    margin-top: 30px;
}
.index_news_end a {
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.newbanner .textin{
    transform: translateY(12%);
} 
.protypename {

    font-size: 26px;
}
.textinpro .container{
    text-align: left; width: 100%;
}
    
.index_pro_con a{
    width: 25%;
}
.newbanner .swiper-pagination {
  bottom: 10px;
  width: 100%;
}   
    
    
    
}