/**/



footer{background: url("../img/bg3.jpg");}
footer ul li{list-style: none; line-height: 2}
.footer-title{border-bottom: 2px solid #ebebeb;}
.bg-purple{background-color: #0055a5;}


.product-title{font-size: 50px; font-weight: bold; 
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            display: block;
            position: absolute; 
            left: -70px; 
            top: 85px;       
            }
.product-title-son{font-size: 30px; font-weight: bold; margin-left: 50px;-moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);top:25px; position: absolute;}

.about-title{font-size: 50px; margin-top: 70px; font-weight: bold;}
.about-title-son{font-size: 30px; margin-bottom: 60px;}
.about-title-son .small{font-size: 14px; line-height: 28px; display: block; padding-top: 40px;}

.index-title{font-size: 50px; font-weight: bold;}
.index-title-son{font-size: 30px; margin-bottom: 80px;}
.index-title-son .small{font-size: 18px;}
.index-title-image{margin-bottom: 165px;}

.news-date-day{font-size: 60px; margin-bottom: 40px;}
.news-date-ym{font-size: 14px; margin-bottom: 20px;}
.news-title{font-size: 18px; margin-bottom: 20px; height: 56px; overflow: hidden;}
.news-image{font-size: 60px; margin-bottom: 20px;}
.news-desc{font-size: 14px; margin-bottom: 100px; height: 64px; overflow: hidden;}

.detail-title h1{font-size: 26px;}


.swiper{
    --swiper-pagination-color: #ffffff;/* 两种都可以 */
	--swiper-pagination-bullet-inactive-color:#ffffff;
  }
 /*包裹自定义分页器的div的位置等CSS样式*/ 
 .swiper-pagination { 
	 top: 50%; 
	 left: auto!important; 
	 right: 25px!important;
	 width: 20px!important;
 } 

.productSwiper{padding:0 90px;}
.productSwiper .swiper-slide {
		
		width:auto!important;
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.productSwiper .swiper-slide img{
		
		max-height: 420px;
      }

.swiper-button-prev{background: url("../img/left.png"); height: 70px; width: 70px; left: 0}
.swiper-button-next{background: url("../img/right.png"); height: 70px; width: 70px; right: 0}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.banner{height: 350px;}
.banner-news{background: url("../img/news.jpg") center center no-repeat; }
.banner-about{background: url("../img/about.jpg") center center no-repeat; }
.banner-product{background: url("../img/product.jpg") center center no-repeat; }
.banner-honor{background: url("../img/honor.jpg") center center no-repeat; }
.banner-contact{background: url("../img/contact.jpg") center center no-repeat; }


.article-title{font-size: 24px; font-weight: bold}
.article-title .title-line{width: 70px; border-bottom: 4px solid #0055a5; display: block}

.product-intitle-son{background-color: #1374bb; font-size: 14px; padding-left: 80px;padding-right: 80px;}
.dropdown-menu{background-color: #0055a5; top: 100px;}
.dropdown-menu li{line-height: 35px!important; padding: 0 20px; white-space: nowrap}
.dropdown-menu li a{color: #ffffff}
.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

@media screen and (max-width: 750px) {
    body{overflow-x: hidden;}
    .navbar-brand{
        width: 50%;
    }
    .navbar-brand img{
        height: 100%;
    }
    .navbar-nav{padding: 20px;}
    .navbar-nav li{line-height: 40px; padding-left: 5px; border-bottom: 1px dashed #807ff3}
    .header form{padding: 0 20px;}
    footer{padding:10px;}
    footer .footer-logo{text-align: center}
    .beian{padding-top: 20px;}
    footer .footer-title{margin-top: 10px;}
    .about-area{background: #0e1237;}
	.w-10{display: none}
	.w-90{width: 100%}
	.index-title-btn a {width: 90%; padding:5px 0!important; text-align: center;}
	.productSwiper{padding:0;}
    .container .row img{width: 100%!important;}
   
}

@media screen and (min-width: 751px) {
    body{overflow-x: hidden;}
	.w-1600{width: 1600px; position: relative;}
	.w-1200{width: 1200px; position: relative;}
    .w-10{width: 10%;}
    .w-90{width: 90%;}
    .container-header{ width: 1600px!important; margin: auto; padding-left: 130px;}
    .container-footer{ width: 1600px!important; margin: auto; padding-left: 130px; height: 448px;}
    .header{ background: -webkit-linear-gradient(left, white 50% , #0055a5 50%); /* Safari 5.1 - 6.0 */ }
    .active{border-bottom: 2px solid #0055a5;}
    .bigClass{line-height: 100px; margin: 0 35px;}
    .topMenu{margin-left: 150px;}
    .carousel-img{height: 978px}
    .beian{padding-top: 30px;}
	
	
	
	.news-area{background:url("../img/bg2.jpg") center center; height: 948px; padding-top: 150px;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%; }
    .product-area{background: url("../img/bg1.jpg"); height: 948px;  padding-top: 150px; 
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%;  }
    .about-area{background: #0e1237 url("../img/about-bg.jpg") right top no-repeat; height: 682px;}

}