/* 全局 */
html,body{margin:0;padding:0;font: 14px "Microsoft Yahei";overflow-x: hidden; min-width:1300px;}
a,a:hover{text-decoration: none;color:#000}
ul,li{list-style-type: none;padding:0;margin:0;}
img{vertical-align: middle;border:none;}
.w1200{width:1200px;margin:0 auto;}

/* 头部 */
.header .main{height:100px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.header .main .left{min-width:590px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.header .main .left .center{height:55px;width:1px;background-color:#999999;margin:0 5px;}
.header .main .left .title .logo{width:361px;}
.header .main .left .title .logo a{display: block;}
.header .main .left .title .logo a img{width:100%;}
.header .main .left .title .sub-title{font-size:12px;color:#666666;letter-spacing: 0.8px;padding-top:5px;}
.header .main .left .desc{font-size: 16px;color:#565656}
.header .main .right{width:320px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.header .main .right .tel{width:225px;display: flex;display: -webkit-flex;justify-content: flex-end;}
.header .main .right .tel .desc{font-size: 12px;color:#666666;text-align: right;padding-right:10px;}
.header .main .right .tel .desc b{font-size:18px;color:#1651b8;}
.header .main .right .language{width:55px;}
.header .main .right .language a{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;color:#666666;}


/* 导航菜单 */
.nav{border-top:1px solid #e6e6e6;}
.nav .main{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.nav .main .nav-list ul{width:1165px;;height:50px;display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;transition:width all 0.4s ease;}
.nav .main .nav-list ul li{height:100%;line-height: 50px;width:100%;justify-content: center;display: flex;}
.nav .main .nav-list ul li a{display: flex;height:100%;font-weight: bold;color:#666666;align-items: center;position: relative;transition:color 0.4s ease;}
.nav .main .nav-list ul li a span.square{display: block;width:4px;height:4px;background-color: #666;transition:all 0.4s ease;margin-right:5px}
.nav .main .nav-list ul li a span.top{position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    height: 5px;
    top: -3px;
    
    line-height: 0;}
.nav .main .nav-list ul li a span.top b{background-color: #1651b8;width: 0;height:100%;display: inline-block;transition: 0.4s all ease; position: relative;}
.nav .main .nav-list ul li a:hover{color:#1651b8;}
.nav .main .nav-list ul li a:hover span.square{background-color: #1651b8;}
.nav .main .nav-list ul li a:hover span.top b{width:100%;}
.nav .main .search{width:300px;height:40px;display: flex;display: -webkit-flex;align-items: center;position: relative;}
.nav .main .search .soso{width:0;align-items: center;position: absolute;bottom:0px;z-index: 66;right:0;display: none;} 
.nav .main .search .soso from{position: relative;overflow: hidden;}
.nav .main .search .soso input[type="text"]{width:260px;height:40px;border:1px solid #ccc;margin:0;box-sizing: border-box;color:#666;padding:0 5px;}
.nav .main .search .soso button{width:40px;height:40px;align-items: center;justify-content: center;background-color: #d21a1a;cursor: pointer;border:none;position: absolute;top:0;right:0;display: none;}
.nav .main .search .btn{width:40px;height:40px;display:flex;display:-webkit-flex;align-items: center;justify-content: center;background-color: #d21a1a;cursor: pointer;}

/* banner 轮播图 */
.banner .swiper-pagination-bullet{width:40px;height:5px;border-radius: 0;background-color:#fff;opacity: 1;}
.banner  .swiper-pagination-bullet-active{background-color: rgba(22,81,148,0.4);}


/* 1.新闻 2.关于我们 3.生产设备 */
.others .main{display: flex;display: -webkit-flex;justify-content: space-between;padding:60px 0;height:320px;}
.others .main a{color:#fff;}
.others .main a .title{font-size: 18px;} 
.others .main a .image{overflow: hidden;}
.others .main .left .news{display: block;position: relative;}
.others .main .left .news .info{height:100%;position: absolute;top:0;left:0;color:#fff;padding:0 30px;display: flex;flex-direction: column;justify-content: center;}
.others .main .left .news .info .title{margin:0;padding:0;}
.others .main .left .news .info .add-time{padding:10px 0;}
.others .main .left .news .info .xian{width:100%;height:1px;background-color: #fff;}
.others .main .left .news .info .desc{padding-top:10px;line-height: 2}
.others .main .right{display: flex;display: -webkit-flex;flex-direction: column;justify-content: space-between;height:320px;}
.others .main .right .top .about{display: flex;display: -webkit-flex;justify-content: space-between;background-color: #1651b8;}
.others .main .right .top .about .info{width:520px;box-sizing: border-box;padding:0 80px;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;}
.others .main .right .bottom {position: relative;}
.others .main .right .bottom .info{position: absolute;top:0;width:310px;height:150px;padding:0 80px;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;left:50%;margin-left:-75px;}
.others .main a img{transition: all 0.5s ease;width:100%;}
.others .main a:hover img{transform:scale(1.2)}

/* 产品中心 */
.product{background-color: #f5f5f5;}
.product .main{padding:50px 0;}
.product .main h1{margin:0;padding:0;color:#666666;font-size: 26px;text-align: center;font-weight: 100;}
.product .main h1 span{background-color: #1651b8;color:#fff;display: inline-block;padding:0 5px;}
.product .main .list{padding-top:40px;}
.product .main .list ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;}
.product .main .list ul li{width:380px;}
.product .main .list ul li a{display:block;color:#666666;text-align: center;position: relative;}
.product .main .list ul li a .image{width:100%;height:290px;overflow: hidden;}
.product .main .list ul li a .image img{transition: all 0.5s ease;width:100%;}
.product .main .list ul li a .abs{width:100%;height:290px;top:0;left:0;position: absolute;display: -webkit-flex;display: flex;align-items: center;justify-content: center;background-color: rgba(253,5,46,0.3);transition: all 0.5s ease;opacity:0}
.product .main .list ul li a .abs span{display: block;width:50px;height:50px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 50px;}
.product .main .list ul li a .title{padding-top:10px;}
.product .main .list ul li.sm{width:380px;height:0;visibility: hidden;}
.product .main .list ul li a:hover .abs{opacity: 1;}
.product .main .list ul li a:hover .image img{transform:scale(1.2)}

/* 底部 */
.footer{background-color: #142135;}

.footer .main .top{display: flex;display: -webkit-flex;justify-content: space-between;border-bottom:1px solid #2b3648;padding:30px 0;}
.footer .main .top .title{font-size: 16px;color:#fff;padding:10px 0;}
.footer .main .top .left .address{color:#9aa7be;font-size: 12px;line-height: 1.5;}
.footer .main .top .left .address p{margin:0;padding:0;}
.footer .main .top .right{display: flex;display: -webkit-flex;justify-content: space-between;width:715px;}
.footer .main .top .right .sub-left{width:325px;}
.footer .main .top .right .sub-left ul{display: flex;display: -webkit-flex;flex-wrap:wrap;}
.footer .main .top .right .sub-left ul li{min-width:100px;box-sizing:border-box;padding-right:5px; }
.footer .main .top .right .sub-left ul li a{color:#9aa7be;line-height: 1.5;font-size: 12px;}
.footer .main .top .right .sub-right{width:180px;text-align: center;}
.footer .main .top .right .sub-right .sub{font-size: 14px;}
.footer .main .top .xian{width:1px;height:190px;background-color: #2b3648}
.footer .main .bottom{text-align: center;padding:20px 0;}
.footer .main .bottom p{margin:0;padding:0;font-size: 12px;color:#9aa7be;}

/* 内页 */
.page{min-height:600px;padding:35px 0;}
.page .main{display: flex;display:-webkit-flex;justify-content: space-between;}
.page .main .page-container{width:100%;}
.page .main .page-container-product{width:940px!important;}
/* 侧边栏 */
.sidebar{width:220px;}
.sidebar .product_sidebar{width:220px;height:110px;display: flex;display: -webkit-flex;justify-content: space-between;background-color: #1651b8;align-items: center;padding:0 15px;box-sizing: border-box;position: relative;}
.sidebar .product_sidebar .title span:nth-child(1){display: block;font-size: 26px;color:#fff;}
.sidebar .product_sidebar .title span:nth-child(2){color:#fff;font-size: 16px;text-transform:uppercase;}
.sidebar .product_sidebar .bottom{color:#fff;width:34px;height:34px;border:1px solid #fff;border-radius: 50%;text-align: center;line-height: 34px;}
.sidebar .product_sidebar .icon-bottom{position: absolute;left:50%;bottom:-12px;;margin-left:-15px;}
.sidebar .product_list{padding:25px 0;}
.sidebar .product_list>ul>li{width:100%;border-bottom:1px solid #f5f5f5;}
.sidebar .product_list>ul>li>div{width:100%;height:60px;background-color: #e6e6e6;transition:all 0.5s ease;}
.sidebar .product_list>ul>li>div>a{width:100%;height:100%;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding:0 20px;}
.sidebar .product_list>ul>li>div>a span:nth-child(2){display: inline-block;width:8px;height:15px;overflow: hidden;position: relative;}
.sidebar .product_list>ul>li>div>a span:nth-child(2) img{position: absolute;right:0;}
.sidebar .product_list>ul>li>div:hover{background-color: #d21a1a;}
.sidebar .product_list>ul>li>div:hover a{color:#fff;}
.sidebar .product_list>ul>li>div:hover a>span:nth-child(2) img{left:0}
.sidebar .product_list>ul>li>ul{background-color: #e6e6e6;box-sizing: border-box;padding:0 20px;display: none;}
.sidebar .product_list>ul>li>ul>li{height:55px;line-height: 55px;overflow: hidden;}
.sidebar .product_list>ul>li>ul>li a{display: block;}
.sidebar .product_list>ul>li>ul>li a:hover{color:#d21a1a;}
.sidebar .product_list a{color:#666666;}
.sidebar .product_list>ul>li.active div{background-color: #d21a1a;}
.sidebar .product_list>ul>li.active div>a{color:#fff;}
.sidebar .product_list>ul>li.active div>a>span:nth-child(2) img{left:0}

/* 面包屑 */
.chip{display: flex;display: -webkit-flex;justify-content: space-between;border:1px solid #000000;border-left:none;border-right:none;height:60px;align-items: center;}
.chip .title{font-size: 24px;}
.chip .sub-link{border-left:2px solid #4372c4;line-height: 1;box-sizing: border-box;padding-left:10px;color:#666;font-size: 12px;}
.chip .sub-link a{color:#666;font-size: 12px;}

/* 产品列表 */

.page-con .page-list{min-height:600px;}
.page-con .page-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.page-con .page-list ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;}
.page-con .page-list ul li{width:300px;margin-top:20px;}
.page-con .page-list ul li a{display:block;color:#666666;text-align: center;position: relative;}
.page-con .page-list ul li a .image{width:100%;height:230px;overflow: hidden;}
.page-con .page-list ul li a .image img{transition: all 0.5s ease;}
.page-con .page-list ul li a .abs{width:100%;height:230px;top:0;left:0;position: absolute;display: -webkit-flex;display: flex;align-items: center;justify-content: center;background-color: rgba(253,5,46,0.3);transition: all 0.5s ease;opacity:0}
.page-con .page-list ul li a .abs span{display: block;width:50px;height:50px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 50px;}
.page-con .page-list ul li a .title{padding-top:10px;padding-bottom:20px;}
.page-con .page-list ul li a:hover .abs{opacity: 1;}
.page-con .page-list ul li a:hover .image img{transform:scale(1.2)}
.page-con .page-list ul li.sm{width:300px;;height:0;visibility: hidden;}

/* 分页 */
.pages{text-align: center;padding:20px 0;}
.pages a{display: inline-block;border:1px solid #cccccc;padding:3px 8px;font-weight: bold;color:#8698b6;}
.pages a.active{background-color: #006ab8;color:#fff;border:1px solid #006ab8;}

/* 详情页 */
.page-info{min-height:500px;border-bottom:1px solid #ccc;padding:20px 0;}
.page-info p{margin:0;padding:0;color:#666;line-height: 1.5;}
.page-info .image{text-align: center;}
.page-info img{max-width:100%;}
.pages-info{padding:10px 0;color:#666;}
.pages-info a{color:#666;}
.pages-info a:hover{color:#006ab8;}

/* 厂房设备 */
.page-device-list{min-height:600px;}
.page-device-list ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.page-device-list ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;}
.page-device-list ul li{width:270px;margin-top:20px;}
.page-device-list ul li a{display:block;color:#666666;text-align: center;position: relative;}
.page-device-list ul li a .image{width:100%;height:200px;overflow: hidden;}
.page-device-list ul li a .image img{transition: all 0.5s ease;}
.page-device-list ul li a .title{padding-top:10px;padding-bottom:20px;}
.page-device-list ul li a:hover .image img{transform:scale(1.2)}
.page-device-list ul li.sm{width:270px;;height:0;visibility: hidden;}

/* 联系我们 */
.page-content{border:none;}
.page-content .title{font-size: 26px;font-weight: bold;}
.page-content .address{padding:20px 0;}
.page-content .address p{line-height: 2;}
.page-content .detials{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.page-content .map{width:100%;height:600px;}
.page-content .map iframe{width:100%;height:100%;} 

/* 新闻列表 */
.page-news-list{min-height:500px;}
.page-news-list ul li{width:100%;margin-top:25px;}
.page-news-list ul li a{display: flex;width:100%;display: -webkit-flex;align-items: center;justify-content: space-between;}
.page-news-list ul li a .image{width:130px;height:100px;overflow: hidden;}
.page-news-list ul li a .image img{width:100%;height:100%;transition:all 0.5s ease;}
.page-news-list ul li a .info{width:900px;}
.page-news-list ul li a .title{font-size: 16px;color:#666;font-weight:bold;margin-bottom:10px;}
.page-news-list ul li a .desc{font-size: 14px;color:#666;width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.page-news-list ul li a .time{width:100px;color:#666;}
.page-news-list ul li a:hover img{transform:scale(1.2);}
.page-news-list ul li a:hover .title{color:#1651b8;}

/* 新闻详情页 */
.page-info-newsd .title{font-size: 18px;font-weight:bold;padding:0 0 20px 0;text-align: center;}