/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/

@media screen and (max-width:1660px){
    .block{width:1400px;}
    .banner h1{ font-size: 45px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
    .banner p{ font-size: 15px; letter-spacing: 2px;  font-weight: 200; color: #fff;}
    .banner .more{ width: 190px; height: 40px;line-height: 40px;  margin-top: 40px;   font-size: 14px;  }  
    header .nav li a{ padding: 0 18px; }
    .advantage .adv .textfl li h5{ font-size:18px;}
    .advantage .adv .textfl li p{ font-size: 13px;}
    .advantage .adv .textfl{ width: 53%; }
    .advantage .adv .picfl{ margin-top: 6%; }

    .newsbox{ width:80%;}
    .w1200{ width: 900px; }
}
@media screen and (max-width:1500px){
.w1500{ width: 1300px; }
}

@media screen and (max-width:1440px){   
.banner h1{ font-size: 40px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
.banner p{ font-size: 15px; letter-spacing: 2px;  font-weight: 200; color: #fff;}
.banner .more{ width: 180px; height: 40px;line-height: 40px;  margin-top: 40px;   font-size: 14px;  }
.block{ width: 1100px;}
header{ height: 74px; }

header .logo img {height: 60px;}

header .nav li{ font-size: 15px;height:40px;line-height:40px; }
header .nav li a{ padding: 0 10px; }
header .nav li span{ font-size: 16px;vertical-align: -2px; }
header .nav .hottel{ font-size: 14px; }
.product{ height:calc(100vh - 94px) ;margin-top: 74px; }
.brand{ height:calc(100vh - 94px) ;margin-top: 74px; }
.product .info h3{ font-size: 22px;  margin-top: 20px; }
.product .info p{ margin-top: 15px; line-height: 20px; font-size: 14px;}
.product .info .num{ font-size: 22px; color: #999; margin-top: 30px; }
.product .info .button{ width: 180px; display: block; }
.brand .w80 .textfl .title h5{ font-size: 22px;  }
.brand .w80 .textfl .title p{ font-size: 14px;  }
.brand .w80 .textfl{ width: 58%; }
.brand .w80 .picfr{ width: 40%; padding-top: 15%;}
.advantage{ height:calc(100vh - 94px) ;margin-top: 74px; }
.advantage .adv .picfl{ width: 35%; }
.advantage .adv .textfl{ width: 60%;  margin-top:3%; }
.advantage .adv .textfl li h5{ font-size:16px;}
.advantage .adv .textfl li p{ font-size: 13px;}
header .nav li .pc{ top: 40px; }
header .nav li .pc li{ font-size: 12px; }
.newsbox{ width:80%;}
.newsbox .list li .infor:before{ height:160px; }
.newsbox .pic h5{ font-size:16px;  }
.newsbox .pic p{ font-size: 13px; }
.newsbox .list li .infor h4{ font-size: 15px; }
.newsbox .list li .infor p{ font-size: 13px; line-height: 22px; }
.newsbox .list li .time .day{ font-size: 24px; }
.banner-inner{ width: 100%; height: 300px; margin-top: 74px; }
.navigation{padding: 50px 0;border-bottom: 1px solid #f0f0f0}
.w1500{ width: 1100px; }
.list-news-arct .two2{width:500px;}
.online{ width: 70%; margin:0 auto; }
.gywm-p{ font-size:18px; }
.gywm-gy{ font-size:24px;  margin-bottom:40px; line-height:40px;}
table {width:1100px;margin:0 auto 10px auto}
.td1{ width: 260px; }
.td2{width:600px; height:600px; overflow:hidden;}


}

@media screen and (max-width:1200px){   
.banner h1{ font-size: 35px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
.banner p{ font-size: 15px; letter-spacing: 2px;  font-weight: 200; color: #fff;}
.banner .more{ width: 160px; height: 40px;line-height: 40px;  margin-top: 40px;   font-size: 14px;  }
.block{ width: 980px;}
header .nav li{ font-size: 14px;}
header .nav li a{ padding: 0 7px; }
header .nav li:after{ height: 14px; }

header .logo img {height: 45px;}


.product .info h3{ font-size: 20px;  margin-top: 20px; }
.product .info p{ margin-top: 15px; line-height: 20px; font-size: 13px;}
.product .info .num{ font-size: 20px; color: #999; margin-top: 30px; }
.product .info .button{ width: 180px; display: block; }
.brand .w80 .textfl .title h5{ font-size: 20px;  }
.brand .w80 .textfl .title p{ font-size: 13px;  }
.brand .w80 .textfl{ width: 60%; }
.brand .w80 .textfl .title{ padding-top: 50px; }
.brand .w80 .picfr{ width: 38%;}
.brand .w80 .textfl .intro p{ font-size: 14px; }
.brand .w80 .textfl .intro{ margin-top:20px;  line-height: 24px;}
.brand .w80 .textfl .intro .more{ height: 40px; line-height: 40px; }
.advantage .adv .picfl{ width: 30%; display: none; }
.advantage .adv .textfl{ width: 85%;  margin:0 auto; margin-top:3%; float: none; }
.advantage .title h5{ font-size: 22px; }
.advantage .title p{ font-size: 14px; }
.advantage .adv .textfl li h5{ font-size:16px;}
.advantage .adv .textfl li p{ font-size: 13px;}
.navigation{padding: 40px 0;border-bottom: 1px solid #f0f0f0}
.w1500{ width: 900px; }

.list-news-arct .two2{width:500px;}
.list-news-right img{width: 180px;}
.online{ width: 80%; margin:0 auto; }

.gywm-p{ font-size:16px; }
.gywm-gy{ font-size:22px;  margin-bottom:30px; line-height:36px;}
table {width:900px;margin:0 auto 10px auto}
.prolist ul.prolist-li li{float:left;width:32.333%; border:1px solid #ddd;margin-right:1.5%;margin-top:1.5%; box-sizing: border-box;}
.prolist ul.prolist-li li:nth-child(3n){ margin-right: 0; }
.prolist ul.prolist-li li:nth-child(4n){ margin-right: 1.5%; }
.prolist ul.prolist-li li .pro_info h3{ font-size: 14px; }


}
    


@media screen and (max-width:992px){     
.banner h1{ font-size: 30px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
.banner p{ font-size: 14px; letter-spacing: 2px;  font-weight: 200; color: #fff;}
.banner .more{ width: 150px; height: 40px;line-height: 40px;  margin-top: 40px;   font-size: 14px;  }
.block{ width: 90%;}
header{ display: none; }
.mobile{ display: block;}
.banner .swiper-container {width: 100%;height:calc(100vh - 50px);}
.product{ height:calc(100vh - 70px) ;margin-top: 50px; }
.brand{ height:calc(100vh - 70px) ;margin-top: 50px; }
.product .info h3{ font-size: 18px;  margin-top: 20px; }
.product .info p{ margin-top: 15px; line-height: 20px; font-size: 12px;}
.product .info .num{ font-size: 18px; color: #999; margin-top: 30px; }
.product .info .button{ width: 180px; display: block; }
.brand .w80 .textfl .title h5{ font-size: 18px;  }
.brand .w80 .textfl .title p{ font-size: 12px;  }
.brand .w80 .textfl{ width: 50%; }
.brand .w80 .textfl .title{ padding-top: 50px; }
.brand .w80 .picfr{ width: 40%; }
.brand .w80 .textfl .intro p{ font-size: 14px; }
.brand .w80 .textfl .intro{ margin-top:20px;  line-height: 24px;}
.brand .w80 .textfl .intro p{ display: none }
.brand .w80 .textfl .intro p:first-child{ display: block }
.advantage{ height:calc(100vh - 70px) ;margin-top: 50px; }
.advantage .adv .textfl{ width: 90%; }
.advantage .adv .textfl li{ width: 32.333%; margin-right:1.5%; }
.advantage .adv .textfl li:nth-child(3){ margin-right: 0; }
.advantage .adv .textfl li:nth-child(4){ margin-right: 1.5%; }
.advantage .adv .textfl li:nth-child(5){ margin-left: 0; }
.advantage .adv .textfl li:nth-child(6){ margin-right: 0; }
.advantage .adv .textfl li:nth-child(7){ margin-left: 33.3333%; }
.advantage .title{padding-top:30px;}
.advantage .title h5{ font-size: 20px; }
.advantage .title p{ font-size: 13px; }
.newsbox .pic{ display: none; }
.newsbox .list{ width: 100%; }
.banner-inner{ width: 100%; height:220px; margin-top: 0; }
.navigation{padding: 30px 0;border-bottom: 1px solid #f0f0f0}
.w1500{ width: 80%; }
.list-news-date .two{ margin-top:10px; }
.list-news-date .thr{width:calc(100% - 136px); overflow: hidden; line-height: 24px; font-size: 14px;}
.list-news-arct .two2{width:calc(100% - 134px);}
.list-news-right img{width: 180px;}
.list-news-date .one{ width: 70px; }
.list-news-arct .two2{ margin-left: 95px; }
.list-news-lieb:hover .two{width: 36px;transition: all 0.5s;}
.list-news-lieb:hover .two2{margin-left:95px;float: left;transition: all 0.5s;}
.list-news-lieb:hover .thr a{color: #000;font-size: 16px;transition: all 0.5s;}
.list-news-lieb:hover .one1{float:left;width: 38px;height: 38px;background: url(../images/jiant-right.png);transition: all 0.5s;}
.list-news-lieb:hover .one a{width: 90px;color: #000;font-size: 20px;float: left;transition: all 0.5s;}
.list-news-right{ display: none; }
.w1500{ width:80%; }
.brandtopic li{ padding:15px; }
.brandtopic li .pic{ width:150px}
.brandtopic li .text{ width: calc(100% - 170px) }
.brandtopic li .text p{ margin-top: 5px; height: 48px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zx-cu ul li{width: 50%;}
.online{ width: 90%; margin:0 auto; }
.gywm-p{ font-size:14px; }
.gywm-gy{ font-size:20px;  margin-bottom:30px; line-height:32px;}
#map{ width: 100%; height: 400px; }
table {width:90%;margin:0 auto 10px auto}
.td1{ width: 100%;     display: block;}
.td2{width: 100%; height:600px; overflow:hidden;    display: block;}
#allmap {width: 100%;height: 550px; margin-top:40px;  }
.prolist ul.prolist-li li{float:left;width:49%; border:1px solid #ddd;margin-right:2%;margin-top:2%; box-sizing: border-box;}
.prolist ul.prolist-li li:nth-child(2n){ margin-right: 0; }
.prolist ul.prolist-li li:nth-child(3n){ margin-right: 2%; }
.prolist ul.prolist-li li .pro_info h3{ font-size: 14px; }

}

@media screen and (max-width:768px){
    .currentDt{ background: none; }
.banner h1{ font-size: 20px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
.banner p{ font-size: 13px; letter-spacing: 2px;  font-weight: 200; color: #fff;}
.banner .more{ width: 140px; height: 40px;line-height: 40px;  margin-top: 40px;   font-size: 14px;  }
.product .info h3{ font-size: 16px;  margin-top: 20px; }
.product .info p{ margin-top: 15px; line-height: 20px; font-size: 12px;}
.product .info .num{ font-size: 16px; color: #999; margin-top: 30px; }
.product .info .button{ width: 120px; height: 40px; }
.brand .w80{ width: 90%; }
.brand .w80 .textfl{ width: 100%; }
.brand .w80 .textfl .intro p{ font-size: 14px; }
.brand .w80 .textfl .title{ padding-top: 20px; }
.brand .w80 .textfl .intro{ margin-top:20px;  line-height: 24px;}
.brand .w80 .textfl .intro p{ display: none; font-size: 13px; line-height: 20px; }
.brand .w80 .textfl .intro p:first-child{ display: block }
.brand .w80 .picfr{ width: 100%;     padding-top: 8%;}
.brand .w80 .textfl .intro .more{ width: 100px; margin-top:20px; font-size: 14px; }
.advantage .adv .textfl{ width: 96%;overflow-x: scroll;margin-top:50px;}
.advantage .adv .textfl ul{ width: 1260px; }
.advantage .adv .textfl li{ width: 200px; padding:20px;height: 200px;margin-right: 10px; }
.advantage .adv .textfl li:nth-child(3){ margin-right: 10px; }
.advantage .adv .textfl li img{ width: 40px; }
.advantage .adv .textfl li h5{ font-size:12px;margin-top:10px;}
.advantage .adv .textfl li p{ font-size: 10px; line-height: 20px;}
.advantage .adv .textfl li:nth-child(7){ display: none; }
.advantage .title{padding-top:30px;}
.advantage .title h5{ font-size: 18px; }
.advantage .title p{ font-size: 12px; }
.newsbox{ width: 92%; }
.newsbox .list li .infor p{ height: 70px;overflow: hidden; }
.news .tab li{ margin-right: 15px; width: 100px; height: 35px; line-height: 35px;} 
.newsbox .list li .infor h4{ font-size: 14px;line-height: 24px; }
.navigation{padding: 20px 0;border-bottom: 1px solid #f0f0f0}
.w1500{ width:90%; }

.brandtopic li{ padding:10px; }
.brandtopic li .pic{ width:100%;}
.brandtopic li .text{ width:100%; margin-top: 10px;}
.brandtopic li .text h5{ font-size: 14px; line-height: 24px;}
.brandtopic li .text p{font-size: 12px; line-height: 20px; height: 60px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.brandtopic li .text .zttitle img{width: 80px; }
.brandtopic li .text .zttitle span{font-size: 24px; }
.brandtopic li .text .zttitle .time{ font-size: 15px;  height:24px; line-height: 24px; }
.zx-cu ul li{ width:100%;}
.zx-li{  width: calc(100% - 20px);  margin-left: 10px; height: 40px; }
.zx-li-h{ width: 40px; height: 40px;background-size:30px; }
.fan.on .zx-li-h{background-size: 30px;}
.zx-li h1{ font-size: 14px;    margin-left: 40px; line-height: 40px; }
.zx-li h1 em{ width: 30px; height: 30px;    background: url(../images/talent.png) no-repeat -5px -10px; background-size:40px; margin-top:5px; }
.ta-li{width: calc(100% - 70px);    margin-left:50px; text-align: justify;}
.fan.on h1 em {background-position: -5px -102px;}

.online{ width: 96%; margin:0 auto; }
.zx-h{ width:100%; float:left;}
#map{ width: 100%; height: 300px; }
.zx-h input{ height: 35px; }
.ly #message{ height: 150px; }
.contbg{ margin-top:30px;    padding: 30px 0; }


.subNavBox{ display: none; }
.prolist{ width: 100%; }
.prolist ul.prolist-li li{float:left;width:49%; border:1px solid #ddd;margin-right:2%;margin-top:2%; box-sizing: border-box;}
.prolist ul.prolist-li li:nth-child(2n){ margin-right: 0; }
.prolist ul.prolist-li li .pro_info h3{ font-size: 14px; }
.navigation ul li{ margin-right: 10px; }

.brand .w80 .picfr .hide{ display:block }
.brand .w80 .picfr .show{ display:none }
.foot-down-n-l{ margin-top: 10px; line-height: 22px; }
.foot-down-n-l a{ display: initial; }
.foot-down-n-r{ float: left; margin-top: 6px; }
.pronav{ display: block; }
table select{ display: block; margin-bottom: 10px;  }
table input[type=button]{ display: block; }
.foot a:last-child{  display:block}
.pro-text img {
    max-width: 100%;
    height: auto !important;
}
.article-news-diaoy img {
    max-width: 100%;
    height: auto !important;
}

.newsbox .list li:nth-child(2){display:none;}
.box-text{min-height: 240px;}
.box-text table img{display:none;}

}