@media screen and (max-width: 1024px){}
@media screen and (max-width: 768px){}

@media screen and (max-width: 768px){
    body{padding-top:108px}
}

/* 顶部 */
    .top{height:30px;line-height:30px;background:#f2f2f2;font-size:12px;color:#333}
    .top .wap{display:none}
    .top p{float:right}
    .top p a{color:#333}
    .top p span{padding:0 8px}
    
    @media screen and (max-width: 768px){
        .top .pc{display:none}
        .top .wap{display:inline}
        .top{position:fixed;z-index:2;top:0;left:0;width:96%;padding:0 2%;height:42px;line-height:42px}
        .top p a,.top p span{display:none}
        .top .en{display: inline-block;}
    }

/* LOGO 电话 搜索 */
    .lts{padding:30px 0;height:60px;background:url(../images/bg.jpg)}
    .lts .logo{float:left;width:201px;height:60px}
    .lts .logo img{width:201px;height:60px}
    
    .lts .tel{float:left;height:60px;margin-left:240px;padding-left:60px;background:url(../images/tel.png) no-repeat left center}
    .lts .tel h2{font-family:Arial;font-size:20px;font-weight:700}
    .lts .tel p{font-family:Arial;font-size:30px;font-weight:700;color:#be0d08}
    
    .lts .search{float:right;width:300px;height:40px;border:2px solid #317c82;margin-top:9px}
    .lts .search p{float:left;width:200px;height:40px}
    .lts .search p input{width:100%;height:40px;line-height:40px;background:0 0;border:none;padding:0 10px;box-sizing:border-box;color:#000}
    .lts .search input[type=submit]{float:right;width:100px;height:40px;line-height:40px;text-align:center;background:#317c82;border:none;cursor:pointer;font-size:16px;color:#fff}

    @media screen and (max-width: 1024px){
        .lts .tel{margin-left:120px}
        .lts .tel h2{font-size:18px}
        .lts .tel p{font-size:26px}
    }

    @media screen and (max-width: 768px){
        .lts{position:fixed;z-index:2;top:42px;left:0;width:100%;padding:10px 0;height:46px;background:#fff;box-shadow:0 1px 1px 1px rgba(0,0,0,.1)}
        .lts .logo{margin-left:2%;width:154px;height:46px}
        .lts .logo img{width:154px;height:46px}
        
        .lts .tel{display:none}
        
        .lts .search{float:none;width:96%;height:40px;border:none;display:none;margin-top:0;padding:12px 2%;position:absolute;z-index:2;top:56px;left:0;background:#f2f2f2;transition:none}
        .lts .search p{float:none;background:#fff;margin-right:100px;width:auto;}
        .lts .search p input{width:96%;padding:0 2%}
        .lts .search input[type=submit]{float:none;position:absolute;top:12px;right:2%}
        
        .lts .wap{float:right;margin-right:2%;width:76px;height:46px;display:flex;justify-content:space-between;align-items:center}
        .lts .wap a{display:block;width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-size:26px 26px}
        .lts .wap .search_icon{background-image:url(../images/search1.png)}
        .lts .wap .nav_icon{background-image:url(../images/nav1.png)}
    }

/* NAV */
    .nav{height:60px;background:#317c82;position:relative;z-index:10}
    .nav a{transition:all .3s ease-in-out}
    .nav ul li{float:left;width:132px;border-right:1px solid #245b5f;position:relative;transition:all .3s ease-in-out}
    .nav ul li>a{display:block;height:60px;text-align:center;line-height:60px;font-size:16px;color:#fff}
    .nav ul li:hover{border-right:1px solid #419caa}
    .nav ul .on>a,.nav ul li:hover>a{background:#419caa}
    
    .nav ul li dl{position:absolute;z-index:2;top:70px;left:0;width:170px;border:1px solid #419caa;background:#fff;opacity:0;visibility:hidden;transition:all .6s ease}
    .nav ul li:hover dl{top:60px;opacity:1;visibility:visible}
    .nav ul li dl dd{height:50px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;position:relative}
    .nav ul li dl dd:last-child{border-bottom:none}
    .nav ul li dl dd>a{display:block;height:50px;line-height:50px;text-align:center;font-size:16px;color:#666}
    .nav ul li dl dd:hover>a{background:#419caa;color:#fff}
    
    .nav ul li dl dd div{position:absolute;top:0;left:200px;width:158px;background:rgba(255,255,255,.7);opacity:0;visibility:hidden;transition:all .6s ease}
    .nav ul li dl dd:hover div{left:170px;opacity:1;visibility:visible}
    .nav ul li dl dd div a{display:block;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333}
    .nav ul li dl dd div a:last-child{border-bottom:none}
    .nav ul li dl dd div a:hover{background:#419caa;color:#fff}

    @media screen and (max-width: 1024px){
        .nav{height:48px}
        .nav .box{width:100%!important;display:flex;justify-content:space-between}
        .nav ul li{width:11%}
        .nav ul li>a{height:48px;line-height:48px;font-size:15px}

        .nav ul li dl{top:58px;width:145px}
        .nav ul li:hover dl{top:48px}
        .nav ul li dl dd{height:42px}
        .nav ul li dl dd>a{height:42px;line-height:42px;font-size:15px}

        .nav ul li dl dd div{left:170px;width:134px}
        .nav ul li dl dd:hover div{left:145px}
        .nav ul li dl dd div a{height:42px;line-height:42px}
    }

    @media screen and (max-width: 768px){
        .nav{display:none;position:fixed;z-index:2;top:108px;left:0;width:100%;height:calc(100% - 108px);transition:none}
        .nav .box{width:auto!important;display:block;max-height:100%;overflow:auto}
        .nav ul li{float:none;width:100%;border-right:none;border-bottom:1px solid #245b5f}
        .nav ul li>a{position:relative;text-align:left;padding:0 20px;height:60px;line-height:60px;font-size:16px}

        .nav ul .on>a,.nav ul li:hover>a{background:#61b3b9}
        .nav ul li:hover{border-right:none}

        .nav ul li dl{position:relative;z-index:0;top:0;left:0;width:100%;border:none;background:#61b3b9;opacity:1;visibility:visible;display:none;transition:none}
        .nav ul li:hover dl{top:0;border-top:1px solid #245b5f}
        .nav ul li dl dd{height:auto;border-bottom:1px solid #e5e5e5;box-sizing:border-box;position:relative}
        .nav ul li dl dd:last-child{border-bottom:none}
        .nav ul li dl dd>a{height:60px;line-height:60px;text-align:left;padding:0 40px;font-size:15px;color:#fff}
        .nav ul li dl dd:hover>a{background:#70cdd4;color:#fff}

        .nav ul li dl dd div{position:relative;top:0;left:0;width:100%;background:#9adde2;opacity:1;visibility:visible;display:none;transition:none}
        .nav ul li dl dd:hover div{left:0;border-top:1px solid #64b9bf}
        .nav ul li dl dd div a{height:50px;line-height:50px;text-align:left;padding:0 60px;font-size:14px;border-bottom:1px solid #8acbd0;color:#028e98}
        .nav ul li dl dd div a:last-child{border-bottom:none}
        .nav ul li dl dd div a:hover{background:#9adde2;color:#028e98}

        /* 补充拥有子级的样式 */
        .nav ul li a span{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:url(../images/arrow.png) no-repeat center center;background-size:16px auto;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
        .nav ul li a span.open{transform:rotate(180deg)}
    }

/* banner */
    .banner{overflow:hidden; width:100%}
	.banner .swiper-wrapper .swiper-slide img{width:100%; height:auto; vertical-align: middle}
    .banner .swiper-pagination{bottom:42px!important}
    .banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border:3px solid #fff;background:0 0;margin:0 6px!important;opacity:1}
    .banner .swiper-pagination .swiper-pagination-bullet-active{width:16px;height:16px;border:none;background:#317c82}
    .banner .swiper-button-next,.banner .swiper-button-prev{opacity:0;visibility:hidden;width:32px!important;height:50px!important;margin-top:-25px!important;background-image:url(../images/prenext.png)!important;transition:all .3s ease-in-out}
    .banner .swiper-button-prev{left:12%!important}
    .banner .swiper-button-next{background-image:url(../images/next.png)!important;right:12%!important}
    .banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{opacity:1;visibility:visible}
	
	/*@media screen and (max-width: 1366px){
		.banner .swiper-wrapper .swiper-slide{height:300px; background-size:100% 300px;}
	}*/

    @media screen and (max-width: 1024px){
        .banner .swiper-pagination{bottom:20px!important}
        .banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border:2px solid #fff}
        .banner .swiper-pagination .swiper-pagination-bullet-active{width:12px;height:12px;border:none}
        .banner .swiper-button-next,.banner .swiper-button-prev{opacity:1;visibility:visible}

    }

    @media screen and (max-width: 768px){
        .banner .swiper-pagination{bottom:10px!important}
        .banner .swiper-button-next,.banner .swiper-button-prev{background-size:20px auto;}
    }

/* 首页 */
    /* 通用栏目名称 */
    .label_title{text-align:center}
    .label_title h3{margin-bottom:12px;font-family:'AvantGarde Bk Bt';font-size:45px;font-weight:400;color:#666}
    .label_title h2{font-weight:700;font-size:30px;color:#317c82}
    .label_title h2 span{position:relative}
    .label_title h2 span::after,.label_title h2 span::before{content:"";position:absolute;top:50%;margin-top:-1px;display:block;width:50px;height:2px;background:#ccc}
    .label_title h2 span::before{left:-90px}
    .label_title h2 span::after{right:-90px}

    @media screen and (max-width: 1024px){
        .label_title h3{margin-bottom:10px;font-size:38px}
        .label_title h2{font-size:26px}
        .label_title h2 span::before{left:-76px}
        .label_title h2 span::after{right:-76px}
    }

    @media screen and (max-width: 768px){
        .label_title h3{margin-bottom:8px;font-size:28px}
        .label_title h2{font-size:22px}
        .label_title h2 span::before{left:-66px}
        .label_title h2 span::after{right:-66px}
    }

    /* 通用标签卡 */
    .tab{margin-top:50px;text-align:center}
    .tab a{display:inline-block;padding:0 12px;margin:0 8px;height:40px;line-height:40px;background:#317c82;font-size:18px;color:#fff;transition:all .3s ease-in-out}
    .tab a:hover, .tab .active{background:#419caa}

    @media screen and (max-width: 1024px){
        .tab{margin-top:17px}
        .tab a{padding:0 12px;margin:15px 15px 0 15px;height:34px;line-height:34px;font-size:16px}
    }

    @media screen and (max-width: 768px){
        .tab{margin-top:16px;/*white-space:nowrap;overflow:auto*/ text-align:center;}
        .tab a{padding:0 10px;margin:0 8px 8px 0;height:30px;line-height:30px;font-size:14px}
    }

    /* 通用查看更多 */
    .more{position:relative;margin-top:40px;text-align:center}
    .more::before{content:"";position:absolute;left:0;top:50%;margin-top:-.5px;width:500px;height:1px;background:#ccc}
    .more::after{content:"";position:absolute;right:0;top:50%;margin-top:-.5px;width:500px;height:1px;background:#ccc}
    .more a{display:inline-block;width:198px;height:48px;line-height:48px;border:1px solid #ccc;font-size:16px;transition:all .5s}
    .more a:hover{background:#317c82;color:#fff}

    @media screen and (max-width: 1024px){
        .more{margin-top:34px}
        .more::before{width:421px}
        .more::after{width:421px}
        .more a{display:inline-block;width:168px;height:40px;line-height:40px;font-size:14px}
    }

    @media screen and (max-width: 768px){
        .more{padding:0 2%;margin-top:24px;overflow:hidden}
        .more::before{left:2%;width:calc(48% - 60px)}
        .more::after{right:2%;width:calc(48% - 60px)}
        .more a{width:118px;height:30px;line-height:30px;font-size:13px}
    }


    /* 产品中心 */
    .cpzx{background:url(../images/bg.jpg);padding:80px 0 45px 0}
    .cpzx ul{margin-top:38px;overflow:hidden}
    .cpzx ul .big{width:1230px}
    .cpzx ul li{float:left;width:380px;height:355px;background:#f6f6f6;margin:30px 30px 0 0;transition:all .5s}
    .cpzx ul li a{display:block;padding:25px 30px}
    .cpzx ul li i{display:block;width:320px;height:240px}
    .cpzx ul li i img{width:320px;height:240px}
    .cpzx ul li h2{margin-top:12px;height:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:400;color:#333}
    .cpzx ul li span{display:block;width:100%;height:24px;background:url(../images/icon1.png) no-repeat right center}
    .cpzx ul li:hover{background:#2f7984}
    .cpzx ul li:hover h2{color:#fff}
    .cpzx ul li:hover span{background:url(../images/icon2.png) no-repeat right center}
    
    @media screen and (max-width: 1024px){
        .cpzx{padding:38px 0}
        .cpzx ul{margin-top:22px}
        .cpzx ul .big{width:1038px}
        .cpzx ul li{width:320px;height:299px;margin:26px 26px 0 0}
        .cpzx ul li a{padding:20px 24px}
        .cpzx ul li i{width:272px;height:204px}
        .cpzx ul li i img{width:272px;height:204px}
        .cpzx ul li h2{margin-top:10px;height:24px;font-size:15px}
        .cpzx ul li span{background-size:80px auto}
    }

    @media screen and (max-width: 768px){
        .cpzx{padding:28px 0}
        .cpzx ul{margin-top:16px;padding:0 2%}
        .cpzx ul .big{width:auto;margin-right:-2%}
        .cpzx ul li{width:48%;height:auto;margin:18px 2% 0 0}
        .cpzx ul li a{display:block;padding:16px 10px}
        .cpzx ul li i{display:flex;width:100%;height:140px;overflow:hidden}
        .cpzx ul li i img{width:100%;height:auto}
        .cpzx ul li h2{margin-top:8px;height:26px;font-size:14px}
        .cpzx ul li span{width:100%;height:24px;background-size:70px auto}
        .cpzx ul li:nth-child(9){display:none}
    }

    /* 标语一 */
    .slogan{position:relative;background:url(../images/slogan.jpg);display:flex;justify-content:center}
    .slogan .container{display:flex;width:80%;height:180px;align-items:center;justify-content:space-around;font-size:10px}
    .slogan .txt h2{font-size:3em;font-weight:700;color:#6bd1e1}
    .slogan .txt p{margin-top:12px;font-size:2em;color:#fff}
    .slogan .txt p span{margin-left:10px}
    .slogan a{display:block;width:202px;height:57px;background:url(../images/slogan_btn.png) no-repeat;text-align:center;line-height:57px;font-size:20px;color:#317c82;flex-shrink:0;transition:all .3s ease-in-out}
    .slogan a:hover{background:url(../images/slogan_btn1.png) no-repeat}

    @media screen and (max-width: 1600px){
        .slogan .container{width:96%;justify-content:space-between}
		.slogan a{margin-top:15px;width:140px;height:40px;line-height:40px;font-size:16px;background-size:140px auto}
        .slogan a:hover{background:url(../images/slogan_btn1.png) no-repeat;background-size:140px auto}
    }

    @media screen and (max-width: 768px){
        .slogan .container{font-size:7px;flex-direction:column;justify-content:center;height:auto;padding:15px 0 0 0}
        .slogan .txt{text-align:center}
        .slogan .txt p{line-height:28px}
        .slogan .txt p span{display:block;margin:0}
        .slogan a{margin-top:15px;width:120px;height:34px;line-height:34px;font-size:14px;background-size:120px auto}
        .slogan a:hover{background:url(../images/slogan_btn1.png) no-repeat;background-size:120px auto}
        .slogan i{margin-top:15px;width:40%}
    }

    /* 我们的优势 */
    .youshi{padding:80px 0 45px 0;background:url(../images/bg.jpg)}
    .youshi ul{margin-top:60px;padding:15px 60px 0 60px;overflow:hidden}
    .youshi ul .big{width:1203px}
    .youshi ul li{float:left;width:278px;margin-right:123px;text-align:center;transition:all .3s ease-in-out}
    .youshi ul li div{margin-top:30px}
    .youshi ul li div h2{font-size:24px;color:#245b5f;transition:all .6s ease-in-out}
    .youshi ul li div p{margin-top:20px;line-height:24px;color:#666; text-align:left}
    .youshi ul li:hover{transform:translateY(-15px)}
    .youshi ul li:hover h2{font-weight:700}

    @media screen and (max-width: 1024px){
        .youshi{padding:68px 0 38px 0}
        .youshi ul{margin-top:50px;padding:12px 50px 0 50px}
        .youshi ul .big{width:1014px}
        .youshi ul li{width:236px;margin-right:102px}
        .youshi ul li div{margin-top:25px}
        .youshi ul li div h2{font-size:20px}
        .youshi ul li div p{margin-top:16px;line-height:20px}
        .youshi ul li:hover{transform:translateY(-12px)}
    }
    
    @media screen and (max-width: 768px){
        .youshi{padding:50px 5% 28px 5%}
        .youshi ul{margin-top:0px;padding:0}
        .youshi ul .big{width:auto}
        .youshi ul li{position:relative;float:none;width:auto;min-height:85px;margin:20px 0 0 0;text-align:left;padding-bottom:20px;border-bottom:1px solid #ccc}
        .youshi ul li img{position:absolute;top:0;left:0;width:76px;height:85px}
        .youshi ul li div{width:auto;margin:0 0 0 86px}   
        .youshi ul li div h2{font-size:16px;font-weight:bold}
        .youshi ul li div p{margin-top:8px}
        .youshi ul li:hover{margin:20px 0 0 0;transform:translateY(0)}  

        .youshi ul li:nth-child(2) img{left:auto;right:0!important}
        .youshi ul li:nth-child(2) div{margin:0 86px 0 0}
    }

    /* 解决方案 */
    .jjfa{background:url(../images/bg.jpg);padding:80px 0 45px 0}
    .jjfa .case{margin-top:60px;position:relative}
    .jjfa .case em{position:absolute;top:50%;margin-top:-21px;display:block;width:42px;height:42px;overflow:hidden;cursor:pointer}
    .jjfa .case em .big{position:relative;width:84px}
    .jjfa .case em .big::after,.jjfa .case em .big::before{content:"";position:relative;left:0;display:inline-block;width:42px;height:42px;background-position:center;background-repeat:no-repeat;transition:all .6s ease}
    .jjfa .case .prev{left:-80px}
    .jjfa .case .prev .big::before{background-image:url(../images/prev1.png)}
    .jjfa .case .prev .big::after{background-image:url(../images/prev2.png)}
    .jjfa .case .prev:hover .big::after,.jjfa .case .prev:hover .big::before{left:-42px}
    .jjfa .case .next{right:-80px}
    .jjfa .case .next .big::before{left:-42px;background-image:url(../images/next2.png)}
    .jjfa .case .next .big::after{left:-42px;background-image:url(../images/next1.png)}
    .jjfa .case .next:hover .big::after,.jjfa .case .next:hover .big::before{left:0}
    .jjfa .case .swiper-slide{width:378px;margin-right:30px;border:1px solid #ddd;background:#fff;transition:all .6s ease}
    .jjfa .case .swiper-slide a{display:block;padding:30px}
    .jjfa .case img{display:block;width:320px;height:240px}
    .jjfa .case h2{margin-top:20px;font-size:20px;color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
    .jjfa .case p{margin-top:12px;height:84px;overflow:hidden;line-height:28px;color:#333}
    .jjfa .case span{margin-top:12px;display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;background:#317c82;color:#fff}
    .jjfa .case .swiper-slide:hover{border:1px solid #317c82;background:#317c82}
    .jjfa .case .swiper-slide:hover h2,.jjfa .case .swiper-slide:hover p{color:#fff}
    .jjfa .case .swiper-slide:hover span{background:#fff;color:#317c82}

    @media screen and (max-width: 1024px){
        .jjfa{padding:68px 0 38px 0}
        .jjfa .case{margin-top:50px}
        .jjfa .case em{display:none}
        .jjfa .case .swiper-slide{width:318px;margin-right:26px}
        .jjfa .case .swiper-slide a{padding:24px}
        .jjfa .case img{width:270px;height:203px}
        .jjfa .case h2{margin-top:16px;font-size:18px}
        .jjfa .case p{margin-top:10px}
        .jjfa .case span{margin-top:10px}
    }
    
    @media screen and (max-width: 768px){
        .jjfa{padding:50px 2% 28px 2%}
        .jjfa .case{margin-top:38px}
        .jjfa .case .swiper-slide{width:48%;margin-right:4%;border:1px solid #ddd;box-sizing:border-box}
        .jjfa .case .swiper-slide a{display:block;padding:10px}
        .jjfa .case img{width:100%;height:auto}
        .jjfa .case h2{margin-top:12px;font-size:16px}
        .jjfa .case p{margin-top:10px}
        .jjfa .case span{margin-top:10px;width:100px}
    }

    /* 多视频展示 */
    .video{padding:80px 0 0 0;background:url(../images/bg.jpg)}
    .video .show{margin-top:20px;padding:10px;background:#fff}
    .video .show video{width:100%;height:500px}
    
    @media screen and (max-width:1024px){
        .video{padding:68px 0 0 0}
        .video .show video{height:auto}
    }
    
    @media screen and (max-width:768px){
        .video{padding:50px 2% 0 2%}
        .video .show video{height:auto}
    }

    /* 新闻动态 */
    .xwdt{padding:80px 0 45px 0;background:url(../images/bg.jpg)}
    .xwdt .xw{margin-top:20px;position:relative}

    .xwdt .xw em{position:absolute;top:50%;margin-top:-21px;display:block;width:42px;height:42px;overflow:hidden;cursor:pointer}
    .xwdt .xw em .big{position:relative;width:84px}
    .xwdt .xw em .big::after,.xwdt .xw em .big::before{content:"";position:relative;left:0;display:inline-block;width:42px;height:42px;background-position:center;background-repeat:no-repeat;transition:all .6s ease}
    .xwdt .xw .prev{left:-80px}
    .xwdt .xw .prev .big::before{background-image:url(../images/prev1.png)}
    .xwdt .xw .prev .big::after{background-image:url(../images/prev2.png)}
    .xwdt .xw .prev:hover .big::after,.xwdt .xw .prev:hover .big::before{left:-42px}
    .xwdt .xw .next{right:-80px}
    .xwdt .xw .next .big::before{left:-42px;background-image:url(../images/next2.png)}
    .xwdt .xw .next .big::after{left:-42px;background-image:url(../images/next1.png)}
    .xwdt .xw .next:hover .big::after,.xwdt .xw .next:hover .big::before{left:0}

    .xwdt .xw ul{overflow:hidden}
    .xwdt .xw ul .big{width:1232px}
    .xwdt .xw ul li{float:left;width:582px;height:148px;background:#f6f6f6;border:1px solid #ddd;margin:32px 32px 0 0;transition:all .3s ease-in-out}
    .xwdt .xw ul li a{display:block;height:76px;padding:36px 50px 36px 30px}
    .xwdt .xw ul li .date{float:left;width:66px;display:flex;flex-direction:column;justify-content:center;font-family:arial}
    .xwdt .xw ul li .date .day{line-height:50px;font-size:60px;color:#999}
    .xwdt .xw ul li .date .year{margin-top:8px;font-size:16px;color:#666}
    .xwdt .xw ul li .txt{float:right;width:420px}
    .xwdt .xw ul li .txt h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;color:#333}
    .xwdt .xw ul li .txt p{margin-top:8px;height:40px;line-height:20px;overflow:hidden;color:#666}
    .xwdt .xw ul li:hover{background:#317c82;border:1px solid #317c82}
    .xwdt .xw ul li:hover .day,.xwdt .xw ul li:hover .txt p,.xwdt .xw ul li:hover .year{color:#d5fffa}
    .xwdt .xw ul li:hover .txt h3{color:#fff}

    @media screen and (max-width: 1024px){
        .xwdt{padding:68px 0 38px 0}
        .xwdt .xw{margin-top:16px}
        .xwdt .xw em{display:none}
        .xwdt .xw ul .big{width:1038px}
        .xwdt .xw ul li{width:491px;height:auto;padding:10px 0;margin:26px 26px 0 0}
        .xwdt .xw ul li a{display:block;height:100%;padding:0 20px}
        .xwdt .xw ul li .date{width:56px}
        .xwdt .xw ul li .date .day{line-height:42px;font-size:50px}
        .xwdt .xw ul li .txt{float:right;width:375px}
        .xwdt .xw ul li .txt h3{font-size:18px}
        .xwdt .xw ul li .txt p{margin-top:6px}
    }

    @media screen and (max-width: 768px){
        .xwdt{padding:50px 2% 28px 2%}
        .xwdt .xw{margin-top:14px}
        .xwdt .xw ul .big{width:auto}
        .xwdt .xw ul li{float:none;width:auto;height:auto;margin:20px 0 0 0;padding:0;box-sizing:border-box}
        .xwdt .xw ul li a{display:block;height:auto;padding:12px 2%;position:relative}
        .xwdt .xw ul li .date{float:none;position:absolute;top:12px;left:2%;width:66px;text-align:center}
        .xwdt .xw ul li .date .day{line-height:32px;font-size:30px}
        .xwdt .xw ul li .date .year{margin-top:2px}
        .xwdt .xw ul li .txt{margin-left:76px;float:none;width:auto}
        .xwdt .xw ul li .txt h3{font-size:16px}
        .xwdt .xw ul li .txt p{margin-top:8px;height:20px}
    }

/* 底部 */
    .foot a{transition:all .3s ease-in-out}
    .foot{padding:30px 0 0 0;background:#656565}
    .foot .links{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #434343;font-size:16px;color:#f9f9f9}
    .foot .links a{color:#f9f9f9;padding-right:10px}
    .foot .links a:hover{opacity:.8}
    .foot .code_nav{margin-bottom:20px}
    
	.foot .fleft{float:left;width:340px}
    .foot .qrcode i{float:left;display:block;padding:6px;width:78px;height:78px;background:#ddd}
    .foot .qrcode i img{width:78px;height:78px}
    .foot .qrcode .tel{float:right;width:230px;color:#fff}
    .foot .qrcode .tel h3{padding:5px 0;font-size:26px;font-family:arial;font-weight:400;color:#45afb7}
	.foot .qrcode .tel p{line-height:28px; color:#fff}
	.foot .qrcode .tel p a{color:#fff}
	
	
	.foot .fleft ul{margin-top:20px;display:flex;justify-content:space-between}
    .foot .fleft ul li{width:30%; text-align: center; color: #fff;}
    .foot .fleft ul li a{line-height:32px;color:#fff}
    .foot .fleft ul li i{transition:all .3s ease-in-out;display:block;border:2px solid #fff;border-radius:3px;display:flex;align-items:center}
    .foot .fleft ul li:hover i{background:#be0d08;border:2px solid #be0d08}
    
	
	
	
	.foot .fnav{float:right;width:850px}
    .foot .fnav .each{float:left;width:141px}
    .foot .fnav .each h3{border-left:1px solid #317c82;margin-bottom:24px;text-align:center;font-size:18px;color:#fff}
    .foot .fnav .each h3 a{color:#fff}
    .foot .fnav .each h3:hover a{opacity:.8}
    .foot .fnav .each:last-child h3{border-right:1px solid #317c82}
    .foot .fnav .each>a{display:block;text-indent:40px;line-height:26px;font-size:12px;color:#ccc}
    .foot .fnav .each>a:hover{color:#fff}
    .foot .copyright{border-top:1px solid #434343;height:57px;line-height:57px;font-size:12px;color:#999}
    .foot .copyright a{color:#999}

    @media screen and (max-width: 1024px){
        .foot{padding:26px 0 0 0}
        .foot .links{padding-bottom:26px;margin-bottom:26px;font-size:15px}
        .foot .code_nav{margin-bottom:16px}
        .foot .fleft{width:290px}
        .foot .qrcode .tel{width:190px}
        .foot .qrcode .tel h3{font-size:24px}
        .foot .fnav{width:712px}
        .foot .fnav .each{width:118px}
        .foot .fnav .each h3{margin-bottom:20px;font-size:16px}
        .foot .fnav .each>a{text-indent:30px}
        .foot .copyright{height:40px;line-height:40px;text-align:center}
    }

    @media screen and (max-width: 768px){
        .foot{padding:18px 2%}
        .foot .links{padding-bottom:18px;margin-bottom:18px;font-size:14px}
        .foot .links a{padding-right:8px}
        .foot .code_nav{margin-bottom:14px;display:flex;justify-content:center}
		
		.foot .fleft{width:auto}
        .foot .qrcode{float:none;width:90%; margin:0 auto; display:flex}
        .foot .qrcode i{float:none;margin-right:20px}
        .foot .qrcode .tel{float:none;width:calc(100% - 100px)}
        .foot .fnav{display:none}
        .foot .copyright{padding:10px 0 0 0;height:auto;line-height:26px}
        .foot .copyright span{display:block}
    }

/* 栏目页 */
    
    /* 栏目页banner */
    .nbanner{text-align:center;/*height:300px;*/background-position:center;background-repeat:no-repeat;background-size:cover}
	.nbanner img{width:100%; height:auto; vertical-align: middle}

    @media screen and (max-width: 1024px){
        /*.nbanner{height:220px}*/
    }
    @media screen and (max-width: 768px){
        /*.nbanner{height:94px}*/
        
    }

    /* 当前位置 */
    .position{height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;margin-bottom:20px;padding:10px 0 10px 20px;background:url(../images/home.png) no-repeat left center;color:#333}
    .position a{color:#333;transition:all .3s ease-in-out}
    .position a:hover{color:#317c82}

    @media screen and (max-width: 768px){
        .position{margin-bottom:12px;padding:10px 10px 10px 30px;background:url(../images/home.png) no-repeat 10px center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    }

    /* 左侧 */
    .left-container{float:left;width:245px}

    @media screen and (max-width: 1024px){
        .left-container{width:190px}
    }

    @media screen and (max-width: 768px){
        .left-container{display:none}
    }

    /* 栏目分类 */
    .category{border-bottom:9px solid #eaeaea;margin-bottom:10px}
    .category h2{padding-right:30px;height:102px;background:url(../images/category.jpg) no-repeat left center;line-height:102px;text-align:center;font-size:20px;font-weight:700;color:#fff}
    .category ul{border:1px solid #ddd}
    .category ul a{transition:all .3s ease-in-out}
    .category ul li>a{display:block;border-bottom:1px solid #eaeaea;height:60px;line-height:60px;padding-left:25px;background-position:213px center;background-repeat:no-repeat;background-image:url(../images/icon3.png);color:#333}
    .category ul li:hover>a,.category ul li .on{background-image:url(../images/icon4.png);background-color:#317c82;color:#fff;font-weight:700}
    .category ul li div{display:none;background:#efefef}
    .category ul li .on + div{display:block}
    .category ul li div a{display:block;border-bottom:1px solid #eaeaea;height:50px;line-height:50px;padding-left:25px}
    .category ul li div a:hover,.category ul li div .active{background-color:#317c82;color:#fff;font-weight:700}

    @media screen and (max-width: 1024px){
        .category{border-bottom:6px solid #eaeaea}
        .category h2{padding-right:24px;height:86px;line-height:86px;font-size:18px}
        .category ul li>a{height:48px;line-height:48px;padding-left:18px;background-position:164px center}
        .category ul li div a{height:38px;line-height:38px;padding-left:18px}
    }

    /* 推荐产品 */
    .recommend_product{border-bottom:9px solid #eaeaea;margin-bottom:10px}
    .recommend_product h2{height:60px;line-height:60px;padding-right:30px;text-align:center;font-size:20px;font-weight:700;color:#fff;background:url(../images/category.jpg) no-repeat left center}
    .recommend_product ul{overflow:hidden}
    .recommend_product ul .big{width:256px}
    .recommend_product ul li{float:left;width:117px;margin:10px 11px 0 0}
    .recommend_product ul li img{width:117px;height:88px}
    .recommend_product ul li p{line-height:24px;text-align:center;transition:all .3s ease-in-out}
    .recommend_product ul li:hover p{color:#317c82}

    @media screen and (max-width: 1024px){
        .recommend_product{border-bottom:6px solid #eaeaea;margin-bottom:10px}
        .recommend_product h2{height:38px;line-height:38px;padding-right:24px;font-size:18px}
        .recommend_product ul .big{width:200px}
        .recommend_product ul li{width:90px;margin:10px 10px 0 0}
        .recommend_product ul li img{width:90x;height:68px}
        .recommend_product ul li p{line-height:24px}
    }

    /* 联系我们 */
    .lxwm{border-bottom:9px solid #eaeaea;margin-bottom:10px}
    .lxwm h2{height:60px;line-height:60px;padding-right:30px;text-align:center;font-size:20px;font-weight:700;color:#fff;background:url(../images/category.jpg) no-repeat left center}
    .lxwm .txt{padding:10px}
    .lxwm .txt h3{font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:1px solid #f2f2f2;color:#317c82}
    .lxwm .txt .dz{padding:10px 0;border-bottom:1px solid #f2f2f2;line-height:24px}
    .lxwm .txt .zxrx{padding-top:10px;font-size:18px}
    .lxwm .txt .zxrx span{display:block;font-size:22px;color:#317c82}

    @media screen and (max-width: 1024px){
        .lxwm{border-bottom:6px solid #eaeaea;margin-bottom:10px}
        .lxwm h2{height:38px;line-height:38px;padding-right:24px;font-size:18px}
        .lxwm .txt{padding:10px 5px}
        .lxwm .txt h3{font-size:14px}
        .lxwm .txt .dz{padding:10px 0;border-bottom:1px solid #f2f2f2;line-height:24px}
        .lxwm .txt .zxrx{font-size:12px}
        .lxwm .txt .zxrx span{font-size:18px}
    }

    /* 右侧 */
    .right-container{float:right;width:920px}
    
    @media screen and (max-width:1024px){
        .right-container{width:806px}
    }
    
    @media screen and (max-width:768px){
        .right-container{float:none;width:auto;padding:0 2%}
    }


    /* 产品、方案列表 */
    .plist{overflow:hidden}
    .plist .big{width:951px}
    .plist li{position:relative;float:left;margin:0 31px 31px 0;width:286px;background:#f6f6f6;transition:all .3s ease-in-out}
    .plist li i{position:relative;display:block;padding:1px;width:284px;height:213px}
    .plist li i img{display:block;width:284px;height:213px}
    .plist li i::after{content:"";position:absolute;top:1px;left:1px;display:block;width:284px;height:213px;background-color:rgba(0,0,0,0);background-image:url(../images/icon5.png);background-position:center;background-repeat:no-repeat;opacity:0;visibility:hidden;transform:scale(.2) rotateX(180deg);transition:all .5s ease-out}
    .plist li p{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:45px;line-height:45px;text-align:center;color:#555}
    .plist li:hover{background:#317c82}
    .plist li:hover i img{opacity:.8}
    .plist li:hover i::after{opacity:1;visibility:visible;background-color:rgba(0,0,0,.3);transform:scale(1) rotateX(0)}
    .plist li:hover p{color:#fff}

    @media screen and (max-width: 1024px){
        .plist .big{width:819px}
        .plist li{margin:0 13px 13px 0;width:260px}
        .plist li i{width:258px;height:194px}
        .plist li i img{width:258px;height:194px}
        .plist li i::after{width:258px;height:194px}        
    }

    @media screen and (max-width: 768px){
		.plist .big{width:auto;margin-right:-2%}
        .plist li{margin:0 2% 15px 0;width:48%}
		.plist li i{display:flex;margin-top:1px;width:calc(100% - 2px);height:150px;overflow:hidden}
        .plist li i img{width:100%;height:auto}
        .plist li i::after{top:0;width:calc(100% - 2px);height:100%}
        .plist li:nth-child(2n+1){clear:both}
    }

    /* 推荐资讯 */
    .recommend_info{margin:20px 0 10px 0;border:1px solid #e4e4e4}
    .recommend_info h2{border-left:5px solid #317c82;border-bottom:1px solid #e4e4e4;height:38px;line-height:38px;padding-left:22px;font-size:14px;font-weight:700;color:#317c82}
    .recommend_info ul{padding:15px}
    .recommend_info ul li{float:left;width:46%;margin:0 2%;height:35px;line-height:35px;border-bottom:1px dashed #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease-in-out}
    .recommend_info ul li span{float:right;color:#666}
    .recommend_info ul li a:hover{color:#317c82}


    @media screen and (max-width: 768px){
        .recommend_info h2{padding-left:10px}
        .recommend_info ul{padding:6px 2% 10px 2%}
        .recommend_info ul li{float:none;width:auto;margin:0;height:42px;line-height:42px}
        .recommend_info ul li span{float:right;color:#666}
        .recommend_info ul li a:hover{color:#317c82}
    }

    /* 新闻列表 资料下载 */
    .nlist li{height:150px;padding:20px;border-bottom:1px solid #eaeaea;transition:all .5s}
    .nlist a{display:block}
    .nlist i{float:left;display:block;width:180px;height:150px;overflow:hidden}
    .nlist i img{width:180px;height:150px;transition:all .3s ease-out}
    .nlist li .txt{float:right;width:680px}
	.nlist li .txt h2{font-size:16px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .nlist li .txt .date{line-height:30px;font-size:12px;color:#999}
    .nlist li .txt .desc{color:#666;line-height:30px;height:90px;overflow:hidden}
    .nlist li:hover{box-shadow:0 0 15px rgba(0,0,0,.2)}
    .nlist li:hover img{transform:scale(1.1)}
    .nlist li:hover h2{color:#317c82}

    @media screen and (max-width: 1024px){
        .nlist li{height:120px;padding:16px}
        .nlist i{width:144px;height:120px}
        .nlist i img{width:144px;height:120px}
        .nlist li .txt{width:610px}
        .nlist li .txt .desc{height:60px}
    }

    @media screen and (max-width: 768px){
        .nlist li{position:relative;height:100px;padding:12px}
        .nlist i{position:absolute;top:12px;left:12px;width:120px;height:100px}
        .nlist i img{width:120px;height:100px}
        .nlist li .txt{margin-left:142px;float:none;width:auto}
        .nlist li .txt .desc{height:30px}
    }

    /* 资讯详情 */
    .article .title{padding:20px 0;border-bottom:1px dashed #ccc;text-align:center;font-size:24px;font-weight:700}
    .article .date{height:30px;line-height:30px;margin-bottom:15px;text-align:center;font-size:12px;color:#999}
    .article .date span{margin-right:12px}
    .article .date span:last-child{margin-right:0}
    .article .content{line-height:28px;color:#666;padding-bottom:20px}
    .article .content video{max-width:100%;width:80%;height:auto}

    @media screen and (max-width: 768px){
        .article .title{padding:0 0 10px 0;font-size:18px}
        .article .date{margin-bottom:12px}
        .article .content video{width:100%}
    }

    /* 详情页相册 */
    .article .photos{margin-bottom:15px}
    .article .photos .swiper-slide{text-align:center}
    .article .photos .swiper-slide img{position:relative;width:auto;max-width:100%;height:auto}
    .article .photos .swiper-button-prev{width:50%;height:100%;top:0;left:0;margin:0;background:0 0}
    .article .photos .swiper-button-next{width:50%;height:100%;top:0;right:0;margin:0;background:0 0}
    .article .photos .swiper-button-next::after,.article .photos .swiper-button-prev::after{display:none}

    .article .thumbs{background:#eee;height:108px;padding:20px 85px;margin-bottom:15px}
    .article .thumbs .swiper-slide{width:136px!important;height:102px;border:3px solid #ddd;cursor:pointer;transition:all .3s ease-in-out}
    .article .thumbs .swiper-slide img{width:136px;height:102px}
    .article .thumbs .swiper-button-prev{display:block!important;width:85px;height:108px;left:0;margin-top:-54px;background-color:#eee;background-position:center;background-image:url(../images/lbar.jpg);background-size:45px 108px;opacity:1!important;cursor:pointer!important;pointer-events:visible!important;background-repeat:no-repeat;background-position:calc()}
    .article .thumbs .swiper-button-next{display: block !important;width:85px;height:108px;right:0;margin-top:-54px;background-color:#eee;background-image:url(../images/rbar.jpg);background-size:45px 108px;opacity:1!important;cursor:pointer!important;pointer-events:visible!important;background-repeat:no-repeat;background-position:center}
    .article .thumbs .swiper-button-next::after,.article .thumbs .swiper-button-prev::after{display:none}
    .article .thumbs .swiper-slide-thumb-active{border:3px solid #317c82}

    @media screen and (max-width: 1024px){
        .article .photos .swiper-button-prev{width:32px;height:50px;top:50%;left:20px;margin:-25px 0 0 0;background-image:url(../images/prenext.png)!important}
        .article .photos .swiper-button-next{width:32px;height:50px;top:50%;right:20px;margin:-25px 0 0 0;background-image:url(../images/next.png)!important}
        .article .thumbs{display:none}
    }

    @media screen and (max-width: 1024px){
        .article .photos .swiper-button-prev{width:26px;height:40px;left:10px;margin:-20px 0 0 0;background-size:26px 40px}
        .article .photos .swiper-button-next{width:26px;height:40px;right:10px;margin:-20px 0 0 0;background-size:26px 40px} 
    }

    /* 上下信息 */
    .prenext{border:1px solid #ccc;height:38px;line-height:38px;padding:0 10px;margin:10px 0}
    .prenext a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease-in-out}
    .prenext a:first-child{float:left;width:49%}
    .prenext a:last-child{float:right;width:49%;text-align:right}
    .prenext a:hover{color:#317c82}

    @media screen and (max-width: 768px){
        .prenext{height:auto;padding:0 2%;margin:10px 0;line-height:36px}
        .prenext a:first-child{float:none;width:auto}
        .prenext a:last-child{float:none;width:auto;text-align:left}
    }

    /* 品牌中心 */
    .brand{margin-top:60px}
    .brand h2{margin-bottom:30px;text-align:center;font-size:36px;font-weight:500;color:#203144}
    .brand ul li{float:left;width:25%;margin-bottom:55px;display:flex;justify-content:center;align-items:center}
    .brand ul li a{display:block;width:233px;height:213px;border:1px solid #ccc;transition:all .3s ease-in-out}
    .brand ul li a img{display:block;width:233px;height:180px}
    .brand ul li a h3{line-height:33px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .brand ul li a:hover{box-shadow:0 0 30px rgba(32,49,68,.3);transform:translateY(-5px)}

    @media screen and (max-width: 1024px){
        .brand{margin-top:30px}
        .brand h2{font-size:30px} 
    }

    @media screen and (max-width: 768px){
        .brand{margin-top:20px;padding:0 2%}
        .brand h2{margin-bottom:20px;font-size:20px}
        .brand ul li{width:50%;margin-bottom:20px;display:flex;justify-content:center}
        .brand ul li a{width:94%;height:auto}
        .brand ul li a img{display:block;width:100%;height:auto}
    }

    /* 留言反馈 */
    .lyfk h2{padding:25px 0;font-size:24px;color:#317c82}
    .lyfk ul{overflow:hidden}
    .lyfk ul .big{width:996px}
    .lyfk ul li{position:relative;float:left;margin:0 76px 45px 0;width:420px;height:56px;border:1px solid #e4e4e4}
    .lyfk ul li label{position:absolute;top:0;left:0;display:block;width:66px;height:56px;text-align:center;line-height:56px;font-size:18px;color:#666}
    .lyfk ul li p{margin:0 20px 0 66px}
    .lyfk ul li p input{width:100%;height:56px;line-height:56px;border:none;background:0 0;font-size:16px;color:#666}
    .lyfk ul li span{position:absolute;top:0;right:0;display:block;width:20px;height:56px;text-align:center;line-height:56px;color:red}
    .lyfk .content{position:relative;border:1px solid #e4e4e4;height:270px;margin-bottom:45px}
    .lyfk .content label{position:absolute;z-index:2;top:0;left:0;display:block;height:56px;width:102px;text-align:center;line-height:56px;font-size:18px;color:#666}
    .lyfk .content textarea{resize:none;border:none;background:0 0;padding:12px 10px;width:898px;height:260px;text-indent:100px;line-height:35px;font-size:18px;font-family:'microsoft yahei';color:#333}
    .lyfk .btn{text-align:right}
    .lyfk .btn input{width:232px;height:52px;text-align:center;line-height:52px;background:#317c82;border:none;font-size:18px;color:#fff;cursor:pointer}

    .lyfk.en-us ul li p{margin:0 20px 0 98px}

    @media screen and (max-width: 1024px){
        .lyfk h2{padding:16px 0;font-size:20px}
        .lyfk ul .big{width:866px}
        .lyfk ul li{position:relative;float:left;margin:0 60px 38px 0;width:371px;height:49px;border:1px solid #e4e4e4}
        .lyfk ul li label{width:66px;height:49px;line-height:49px;font-size:16px}
        .lyfk ul li p input{height:49px;line-height:49px}
        .lyfk ul li span{height:49px;line-height:49px}
        .lyfk .content{margin-bottom:38px}
        .lyfk .content label{height:49px;line-height:49px;font-size:16px}
        .lyfk .content textarea{width:784px;height:260px}
        .lyfk .btn{text-align:right}
        .lyfk .btn input{width:196px;height:44px;line-height:44px}
    }

    @media screen and (max-width: 768px){
        .lyfk h2{padding:15px 0;font-size:18px}
        .lyfk ul .big{width:auto}
        .lyfk ul li{float:none;margin:0 0 20px 0;width:auto;height:40px}
        .lyfk ul li label{height:40px;line-height:40px;font-size:14px}
        .lyfk ul li p input{height:40px;line-height:40px;font-size:14px}
        .lyfk .content{height:auto;margin-bottom:20px;padding:10px 0}
        .lyfk .content label{height:36px;width:80px;line-height:36px;font-size:14px;background:#fff}
        .lyfk .content textarea{padding:0 10px;width:calc(100% - 20px);height:200px;text-indent:80px;line-height:28px;font-size:14px}
        .lyfk .btn{text-align:center;margin-bottom:20px}
        .lyfk .btn input{width:138px;height:32px;line-height:32px;font-size:16px}
    }