﻿@charset "utf-8";
/* CSS Document 0070c0*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body{color:#000; font-size:14px; font-family:Arial,'微软雅黑'}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:15px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b,textarea,input{ font-family:Arial,'微软雅黑';}
a{ color:#333; text-decoration:none;}
.w1400{max-width:1400px;margin:auto;width:98%;}

#top{max-width:1600px;margin:auto;display:flex;box-sizing: border-box;padding: 0 1%;}
.top-logo{flex-shrink: 0;width:350px;display:table;}
.top-logo h1{display:table-cell;vertical-align: middle;}
.top-logo a{display:flex;}
.top-logo-a{margin-right:15px;}
.top-logo-a img{width:55px}
.top-logo-b{display:table;}
.top-logo-b p{font-size:25px;font-weight: bolder;letter-spacing: 5px;}
.top-logo-b span{font-size:12px;font-weight:800;}
.top-logo-bb{display:table-cell;vertical-align: middle;}

/*手机*/
.sjtop-logo-b{display:none;;}
.sjtop-logo-b p{font-size:25px;font-weight: bolder;letter-spacing: 5px;}
.sjtop-logo-b span{font-size:12px;font-weight:800;}
.sjtop-logo-bb{display:table-cell;vertical-align: middle;}

.zhz{width:49px;height:49px;overflow:hidden;display:none;flex-shrink:0;position:absolute;margin-top:11px;top:0;right: 22px;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}


.sjxx {position:absolute;top:0px;right:0px;font-size:20px;z-index:1;padding:10px 20px;display:none;cursor: pointer;}

/*导航*/
.top-dh{flex-shrink:0;width:calc(85% - 540px);justify-content: space-between;margin-left:10%;margin-right:3%;}
.top-dh ul{display:flex;justify-content: space-around;}
.top-dh ul li{flex-shrink:0;width:16.6666%;text-align:center;position:relative;}
.top-dh ul li p{font-size:16px;line-height:99px;}
.top-dh ul li p a{color:#171717;display:block;}
.top-dh ul li i{position:absolute;top:0;right:0;width:50px;height:50px;display:none;}
.top-dh ul li i:after{content:'';position:absolute;top:50%;right:50%;border-top:5px solid #000;border-right:5px solid #fff; transform: translateX(50%) rotate(45deg);}
.top-dh ul li i.zss:after{transform: translateX(50%) rotate(-135deg);}
.top-dh ul li dl{position:absolute;top:100%;left:0;width:100%;z-index:999;background:#fff;display:none;}
.top-dh ul li dd a{display:block;padding:10px 0;}
.top-dh ul li:hover p a{color:#0288df;}
.top-dh ul li dd:hover a{color:#0288df;background:#f9f9f9;}
@media screen and (min-width:1000px){
.top-dh ul li:hover p a{background:#0288df;color:#fff;}
}

/*电话*/
.top-tel{font-size:0;}
.top-tel p{display:inline-block;vertical-align: middle;margin-right:20px;margin-top: 32px;}
.top-tel img{width:35px;}
.top-tel span{display:inline-block;vertical-align: middle;font-size:20px;font-weight: bold;color:#0070c0;margin-top: 35px;}

/*大图*/
#banner .item{position:relative;}
.ban{position:absolute;top:0;left:0;z-index:2;height:100%;display:table;width:100%;text-align: center;}
.abnn{display:table-cell;vertical-align: middle;}

.banb{font-size:46px;font-weight: bold;color:#0070c0;margin:auto;display:inline-block;-webkit-text-stroke:0.5px #fff;}
.banc{font-size:16px;display:inline-block;background:rgb(0 0 0 / 55%);padding:30px 50px;}
.banc p{color:#fff;margin-top:20px;}
.band a{display:block;width:180px;text-align:center;background:#0288df;color:#fff;border-radius: 10px;font-size:16px;line-height:50px;}


/*产品 0070c0*/
#produ{margin:100px auto;}
.produ{display:flex;flex-wrap: wrap;justify-content: space-between;}
.produ li{flex-shrink:0;width:23%;box-sizing:border-box;border:1px solid #ccc;border-radius: 10px;text-align:center;transition:all 0.3s;margin:0 0% 20px 0;}
.produ li .pro-ab{overflow:hidden;}
.produ li .pro-ab img{width:100%;transition:all 0.3s;border-radius: 10px;}
.produ li .pro-a{margin:20px 0 30px;font-size:18px;font-weight:bold;color:#333;}
.produ li .pro-b{width:100px;border:1px solid #ccc;border-radius:5px;line-height:30px;margin:auto;display:none;}
.produ li:Hover{border:1px solid #0070c0;box-shadow:0 0 10px #ccc;}
.produ li:Hover .pro-b{background:#0070c0;border:1px solid #0070c0;color:#fff;}

/*关于我们*/
#about{background:#0070c0;padding:80px 0;}
.about{text-align:center;color:#fff;}
.about p{font-size:32px;font-weight: bold;margin-bottom:20px;}
.about span{font-size:16px;}

.aba-a{display:flex;justify-content: space-between;flex-wrap: wrap;margin-top:60px;}
.aba-aa{width:50%;flex-shrink:0;box-sizing:border-box;padding:5px;background:#fff;border-top-left-radius: 20px;}
.aba-aa img{width:100%;border-top-left-radius: 20px;}
.aba-aa video{width:100%;}
.aba-bb{flex-shrink:0;width:50%;line-height:46px;color:#000;background:#fff;box-sizing:border-box;padding:2%;border-bottom-right-radius: 20px;font-size:16px;padding-top:50px;}
.aba-bb a{display:block;color:#000;margin-top:0px;text-align:right;}
.aba-bb a:hover{color:#0070c0;}

/*kebeideguagngaoci*/
.guao{text-align:center;padding:80px 0 40px;}
.guao p{font-size:34px;font-weight:bold;color:#242733;margin-bottom:10px;}
.guao span{font-size:20px;color:#666;}

.guaoimg{height:480px;background:url("../images/gg.jpg") no-repeat;background-position:center;background-attachment: fixed;margin-top:40px;}

/*新品*/
.xinp ul{display:flex;flex-wrap: wrap;margin-right:-2%;}
.xinp li{flex-shrink:0;width:23%;margin:0 2% 20px 0;box-sizing:border-box;text-align: center;font-size:16px;padding-bottom:20px;}
.xinp li span{display:block;margin-top:20px;}
.xinp li p{overflow:hidden;}
.xinp li p img{transition:all .3s;width:100%;}
.xinp li:hover p img{transform:scale(1.1);}
.xinp li:hover{background:#f9f9f9;}

/*新闻*/
#news{margin:80px auto 10px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.newsa{flex-shrink:0;width:48%;}
.newsb{flex-shrink:0;width:48%;}
.newsa-a{font-size:34px;font-weight: bold;margin-bottom:50px;color: #242733;}
.newsa-aa{height:345px;overflow:hidden;margin-bottom:30px;}
.newsa-ab{font-size:20px;font-weight: 400;}
.newsa-ac{font-size:16px;color:#333; opacity: 0.6;margin:10px auto 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsa-ad{color:#555;}

.newsa-b{text-align:right;margin-top:20px;}
.newsa-b a{display:inline-block;vertical-align: middle;font-size:16px;margin-left:30px;}
.newsa-b a:hover{color:#0070c0;}
.newsa-ba{border-top:1px solid #eee;margin-top:50px;}
.newsa-ba li{border-bottom:1px solid #eee;padding:30px 10px;box-sizing:border-box;}
.newsa-ba li:hover .newsa-ab{color:#0070c0}

.newsa-ab:hover{color:#0070c0}


/*合作*/
.hez{margin-bottom:50px;}
.hez ul{display:flex;flex-wrap: wrap;}
.hez li{flex-shrink:0;width:12.5%;text-align:center;margin-bottom:10px;box-sizing:border-box;padding:10px 20px;}
.hez li img{max-width:100%;transition:all 0.5s;}
.hez li:hover img{filter: grayscale(0%);}


/*广告*/
.ggao{background:#0070c0;padding:50px 0;display:flex;align-items: center;text-align: center;justify-content: center;}
.ggaoa{padding:0 30px;}
.ggaoa img{animation:ssw 3s infinite;}
@keyframes ssw{
0%{transform:translateX(-10px);}
50%{transform:translateX(10px);}
100%{transform:translateX(-10px);}
}
.ggaob{padding:0 120px}
.ggaob p{font-size:34px;color:#fff;margin-bottom:10px;font-weight: bold;}
.ggaob span{font-size:16px;color:#fff;}
.ggaoc a{display:inline-block;padding:15px 30px;background:#fff;color:#000;font-size:18px;border-radius: 10px;}
.ggaoc a:hover{background:#eee;}


/**/
.font{background:#eee;font-size:15px;padding:30px 0;border-bottom:1px solid #ccc;}
.fon{display:flex;justify-content: space-between;}
.fonta{flex-shrink:0;width:65%;}
.fonta ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.fonta ul li{overflow: hidden;width:65%;flex-shrink:0;}
.fonta ul li h5{font-size:20px;color:#000;margin-bottom:50px;}
.fonta ul p{width:50%;float:left;margin-bottom:20px;}
.fonta ul p a{color:#666;}

.fonta ul li:nth-child(1){width:35%;}
.fonta ul li:nth-child(1) p{width:100%;}

.fontb{flex-shrink:0;width:20%;}
.fontb h5{font-size:20px;color:#000;margin-bottom:50px;}
.fontb h6{font-size:26px;font-weight: bold;margin-bottom:20px;}
.fontb p{line-height:36px;color:#666;}

.fontc{flex-shrink:0;width:10%;text-align:center;}
.fontc h5{font-size:20px;margin-bottom:50px;}
.fontc img{max-width:100%;}
.fontc p{color:#666;margin-top:20px;}

.ftt{text-align:center;padding:25px 0;font-size:16px;color:#666;background: #f8f8f8;}


@media screen and (max-width:1200px){
    #top{position:relative;width:100%;}
    .top-dh{position:fixed;top:0;left:0;width:100%;z-index:999;background:#fff;margin:auto;border-top:1px solid #f2f2f2;height:100%;overflow-y: auto;padding-top:50px;box-sizing:border-box;display:none;}
    .top-dh ul li p{line-height:50px;}
    .top-dh ul{flex-wrap:wrap;}
    .top-dh ul li{width:100%;box-sizing:border-box;padding-left:20px;text-align:left;border-bottom:1px solid #f1f1f1;}
    .top-dh ul li i{display:block;}
    .top-dh ul li dl{position:static;text-align:center;}
    .top-dh ul li i{display:block;}
    .sjxx{display:block;}
    .top-tel{display:none;}
    .zhz{display:block;}
    .top-logo{margin: 10px 0;}
    .produ li .pro-a{font-size: 14px;}
    #produ{margin: 60px auto;}
    #about{padding: 50px 0;}
    .about p{font-size: 26px;margin-bottom: 10px;}
    .aba-a{margin-top: 30px;}
    .aba-bb{line-height: 33px;font-size: 14px;padding:1% 2% 1% 2%;}
    .guao p{font-size: 26px;margin-bottom: 10px;}
    .guao span{font-size: 16px;}
    .guao{padding: 50px 0 10px;}
    .newsa-a{font-size: 22px;margin-bottom: 20px;}
    #news{margin: 40px auto 10px;}
    .newsa-aa{margin-bottom: 30px;height:220px;}
    .newsa-b{margin-top: 8px;}
    .newsa-ba{margin-top: 20px;}
    .newsa-ba li{padding: 12px 10px;}
    .newsa-ab{font-size: 16px;}
    .newsa-ac{font-size: 14px;}
    .newsa-ac{margin: 10px auto 17px;}
    .ggaob p{font-size: 25px;}
    .ggaob span{font-size: 13px;}
    .ggaoa img{height:30px;}
    .ggaoc a{font-size: 14px;}
    .fonta{display:none;}
    .fon{justify-content:center;}
    .fontb{    width: 47%;}
    .fontc{width: 14%;}
    .fontc h5{margin-bottom: 10px;}
    .ftt{font-size: 14px;}
}

@media screen and (max-width:780px){
    .zhz{right:2px;margin-top: 6px;}
    .banb{font-size: 18px;color:#fff;-webkit-text-stroke:0;}
    .banc p{font-size:14px;}
    .banc{padding:10px ;}
    #produ{margin: 30px auto;}
    .produ li{width:48%;}
    .produ li .pro-a{margin: 10px 0 10px;}
    #about{padding: 30px 0;}
    .about p{font-size: 22px;}
    .about span{font-size: 12px;}
    .aba-aa{width:100%;}
    .aba-bb{width:100%;}
    .aba-bb a{text-align:center;margin:20px 0;}
    .guao p{font-size: 22px;}
    .guao{padding: 30px 0 0px;}
    .guaoimg{background-size: auto 100%;height: 240px;}
    .newsa{width:100%;}
    #news{margin: 20px auto 10px;}
    .newsa-a{text-align:center;margin-bottom:10px;}
    .newsa-aa{height: 180px;margin-bottom: 10px;}
    .newsb{width:100%;}
    .newsa-b{display:none;}
    .hez li{width:25%;}
    .hez ul{justify-content:flex-start}
    .hez{margin:20px auto;}
    .ggao{flex-wrap:wrap;padding: 30px 0;}
    .ggaoa{display:none;}
    .ggaob{padding:0;margin-bottom:20px;}
    .ggaob p{font-size: 20px;margin-bottom: 5px;}
    .ggaoc a{padding: 10px 30px;}
    .font{padding: 30px 0;display:none;}
    .fontb h5{font-size: 16px;margin-bottom: 20px;}
    .fontc{display:none;}
    .fontb{width:90%;}
    .top-logo{width:100%;margin: 4px 0;}
    .top-logo-b p{font-size: 19px;}
    .ggaob{width:100%;}
    .fontb h6{margin-bottom: 10px;}
    .fontb p{line-height: 28px;}

.xinp li{width:48%;margin:0 2% 10px 0;font-size:14px;padding-bottom:10px;}
.xinp li span{margin-top:10px;}
}