@charset "gb2312";
/* CSS Document */
.m-btn{ width:25px; height:15px; margin-top:40px; display:none; position:absolute; right:10px;}
.m-btn span{ width:100%; height:3px;background: #666; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; margin-top:75px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#666; color:#fff;}
.m-menu .menu_a.active i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#333; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}
@media screen and (max-width:1600px){
    .banner {width: 120%; margin-left:-10%}
    .banner-words {margin-left:9%}
}
@media screen and (max-width:1440px){
    .banner {width: 130%; margin-left:-15%}
    .banner-words {margin-left:12%}
}
@media screen and (max-width:1240px){
    .wrap{width:98%;}
    .banner-words h3{ font-size:30px;}
    .banner-words h1{ font-size:38px;}
    .inabout .jianjie{padding: 0 10px; box-sizing: border-box;}
    .footer .mid{ margin-left: 80px;}
}
@media screen and (max-width:1080px){
    .footer .left{display: none;}
    .footer .mid{ margin-left: 0;}
    .prol{width: 22%;}
    .pror{width: 78%; padding-left: 30px;}
}
@media screen and (max-width:920px){
    .m-btn{ display:block}
    .menu { display:none}
    .m-menu{margin-top: 89px;}
    .header{ line-height:89px;}
    .banner {width: 140%; margin-left:-20%}
    .banner-words {margin-left:15%}
    .title{margin-bottom: 15px;}
    .title h3{ line-height:50px; font-size:26px;padding-bottom:6px;}
    .title span{ width:40px; margin-bottom:10px;}
    .title p{ line-height:30px; font-size:14px;}
    .i-pro-list{margin-top: 15px;}
    .i-pro-list li .tit{font-size: 14px;}
    .pro .more{margin-top: 30px;}
    .inabout .jianjie .jianjiein{padding: 20px 0;}
    .inabout .jianjie .more{margin-top: 15px;}
    .news_list.conn{padding-bottom: 40px;}
    .section{ padding:30px 0 40px 0}
    .section02{ padding:50px 0}
    .nbanner{ height:260px; font-size:16px; }
    .nbanner h3{ padding-top:100px; font-size:32px;}
    .i-pro-list ul{ margin-right:-20px}
    .i-pro-list li{ padding-right:20px;}
    .ad{padding: 40px 0;}
    .prol li a{font-size: 14px;}
    .prol .ctit{ line-height: 70px;}    
    .pror .i-pro-list ul{padding-bottom: 10px;}
    .liuyan.conn{padding-top: 20px;}
}
@media screen and (max-width:768px){
    .wrap{width:94%;}
    .banner-words h3{ font-size:26px;}
    .banner-words h1{ font-size:32px;}
    .pro .item h3{ font-size:20px;margin-bottom:10px;}
    .pro .item p{ font-size:14px;line-height:28px; margin-bottom:10px;}
    .i-pro-list li{ width: 33.33%;}
    .prol{width: 108%;padding: 12px 10px 0;margin: -30px -4% 20px;color: #333333;text-align: center;background: #f9f9f9;box-sizing: border-box;}
    .prol .ctit{display: none;}
    .prol li{ margin: 0 3px 12px; width: auto;display: inline-block;}
    .prol li a{line-height: 36px; padding: 0 15px; background: #ddd; border-radius: 20px;}
    .pror{width: 100%; padding-left: 0;}
    .floatKf{ display:none; }
    .inabout .jianjie{ width:100%; background:none; background:rgba(255,255,255,0.6);box-shadow: 0 0 0px #ccc; }
    .inabout .jianjie .jianjiein .conn{ font-size:14px; line-height:28px; width:100%;  margin:0 auto}
    .inabout .jianjie .jianjiein { width:100%; max-width: initial; float:none; }
    .inabout .jianjie .jianjiein .more02{ display:none;}
    .inabout .jianjie .more{ margin-bottom: 25px;}
    .inabout .jianjie .jianjiein .title{ margin-top:10px;}
    .inabout.section02{ padding:0; }
    .ad li .adCon{padding-left: 70px;}
    .innews .tabmenu li {border-right:none; float:none; width:94%; margin-left:0px; min-height:auto;padding:2% 3%;border-bottom:dashed 1px #ddd;}
    .innews .tabmenu .cli {width:94%}
    .innews .tabmenu li h3{ line-height:28px;font-size:15px; margin-bottom:5px;}
    .innews .tabmenu .cli h3{ font-size:15px; margin-bottom:15px;}
    .innews .more { margin:15px 0 20px 0; }
    .innews .tabmenu .cli .tu{ display:none}
    .innews .tabmenu .cli .jian{ display: block;}
    .innews .tabmenu li .jian{line-height:25px; font-size:13px;}
    .m-foot{ display:block;}
    .nguide .wrap{ width:100%;}
    .nguide { padding:12px 0;}
    .nguide ul { font-size: 16px; }
    .nguide li { margin:0;}
    .nguide li a {line-height:36px;padding:0 10px;}
    .aboutleft{ float:none; width:96%; margin:0px auto; }
    .aboutleft h3{font-size:26px; line-height:40px;margin-bottom:10px; }
    .aboutleft p{ line-height:28px; font-size:14px; margin-bottom:5px;}
    .aboutright{width:96%;position:relative;float:none; margin:20px auto 0 auto; padding-right: 0;}
    .aboutright:after{ display:none}
    .aboutright:before{ display:none}
    .culturebox{ margin:30px 0 50px;}
    .cufltxt{padding: 20px 20px 40px;}
    .cufltxt h3{font-size:22px;margin-bottom: 10px;}
    .cufltxt h3:after{margin:10px 0 15px}
    .cufltxt .txt{line-height: 25px;font-size: 14px;}
    .nbanner{ height:180px;}
    .nbanner h3{ padding-top:60px; font-size:28px;}
    .prodetail .proleft{ float:none ; width:100%; margin-bottom:15px;}
    .prodetail .proright{ float:none; width:100%; }
    .prodetail .proright .biaoti h3{font-size: 18px; padding: 6px 0;}
    .news_list .newskuai{ width:100%; padding: 0;}
    .newsxiang .nxq img{ width:auto; max-width:100%;}
    .newsxiang .dabiaoti{margin-bottom: 10px;}
}
@media screen and (max-width:720px){
    body{ font-size:13px;} 
    .header{ line-height:60px;}
    .header .logo{width: 70%;}
    .banner {width: 150%; margin-left:-25%}
    .banner-words {margin-left:20%}
    .banner-words h3{ font-size:18px;}
    .banner-words h1{ font-size:24px; padding:0; margin:0}
    .banner-words {height: 140px;margin-top: -70px; }
    .banner-words .more{ margin-top:20px;width:100px;font-size:12px;  height:32px; line-height:32px;}
    .pro .item h3{ font-size:22px;}
    .prolist h3{font-size: 22px;margin-bottom: 8px;}
    .footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5){ display:none}
    .footer li{ border:none; margin-left:3%; padding-left:0}
    .nbanner{ height:140px;}
    .nbanner h3{ padding-top:50px; font-size:24px;}
    .honor li{ float:left; width:48%; margin-right:2%;margin-bottom:15px}
    .honor li:nth-child(3n+1){ clear:none; float:left; }
    .honor li:nth-child(2n+1){ clear:both}
    .honor li:nth-child(2n){ margin-right:0; float:right}
    #a01{ position: absolute;  margin-top:-50px;}
    #a02{ position:absolute; margin-top:-50px;}
    #a03{ position:absolute; margin-top:-50px;}
    #a04{ position:absolute; margin-top:-50px;}
    .news_list.conn{padding-bottom: 20px;}
    .news_list .newspic{ float:none; width:100%; margin-bottom:15px;}
    .news_list .newskuai a{ padding:10px 0; }
    .news_list .newskuai h3{ line-height:30px; padding:0; color:#333; font-size:15px;}
    .news_list .newskuai p{line-height:24px; color:#666; font-size:13px;}
    .news_list .newskuai .neiwen{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow:hidden}
    .news_list .newskuai .time{background:url(../images/time.png) no-repeat left center; padding-left:25px; margin:5px 0 10px 0;}
    .news_list .newscon{ float:none; width:100%;}
    .pagination p.pageRemark{ display:none}
    .shangxia li{ float:none; line-height:30px;}
    .shangxia li:nth-child(2){ float:none; text-align:left; }
    .prolist .pic{ float:none; width:94%; margin:0 auto}
    .prolist .wenzi{ float:none; width:94%; margin:15px auto 0 auto;}
    .prolist li:nth-child(2n) .pic{ float:none;}
    .prolist li:nth-child(2n) .wenzi{ float:none;}
    .prolist .more{ margin-top:15px; margin-bottom:15px; }
    .caselist{ margin-top:0px;}
    .caselist li{ float:left; width:48%; margin-right:2%; margin-bottom:15px}
    .caselist li:nth-child(2n+1){ float:right;}
    .caselist li:nth-child(3n+1){ float:left;}
    .caselist li:nth-child(2n+1){ clear:both}
    .nmain .lianxi{ padding: 0 0 10px}
    .lianxi ul{width: 100%;display: block;display: block;}
    .lianxi li{line-height:28px; margin-bottom:15px;width: 100%; text-align: left; line-height: 50PX;}
    .lianxi .pic{ float:left; width:50px; margin-right: 10px;}
    .lianxi .box{ margin-top:0px;}
    #dituContent{max-height: 300px;}
    .liuyan ul li input{height: 36px; font-size: 14px;}
    .liuyan textarea{ font-size: 14px;}
    .liuyan .inp-sub{height: 40px; line-height: 40px; font-size: 14px;}
    .newsxiang .dabiaoti h3{font-size:22px;}
    .prodetail .proright .biaoti h3{ font-size:22px;}
}
@media screen and (max-width:640px){
    .header .logo img{max-height: 80px;}
    .m-btn{margin-top: 35px;}
    .m-menu{margin-top: 80px;}
    .banner{padding-top: 80px;}
    .banner .swiper-pagination{display: none;}
    .nbanner{margin-top: 80px;}
    .section{padding: 20px 0 30px;}
    .title h3{font-size: 22px; font-weight: normal; line-height: 40px;}
    .i-pro-list{margin-top: 8px;}
    .i-pro-list ul{ margin-right:-10px}
    .i-pro-list li{ margin-top: 10px; padding-right: 10px;}
    .i-pro-list li .tit{line-height: 38px;}
    .prol{margin-top: -20px;}
    .pror .i-pro-list li{margin-bottom: 20px;}
    .pro .more{margin-top: 20px; width: 130px;}
    .pro .more a{padding: 8px 15px;}
    .inabout .jianjie .jianjiein{padding: 10px 0;}
    .ad{ padding: 30px 10px;}
    .ad li{width: 50%;}
    .ad .li1{position: relative; left: 0; margin-left: 0; }
    .ad .li3{ float: left; margin-top: 20px;}
    .newsxiang .dabiaoti h3{font-size:20px;}
    .prodetail .proright .biaoti h3{ font-size:20px;}	
    .imgfzuo { width:100%; float:none;}
    .wenziyou{ float:none; width:100%}
    .gongneng li{ float:none; width:100%; margin:10px 0;}
    .gongneng li:nth-child(2n){ float:none;}
    .footer{ padding:30px 0 20px;font-size: 14px; }
    .footer .mid{float: none; line-height: 22px; }
    .footer .mid p{padding-top: 8px;padding-bottom: 8px;}
    .footer .qr{float: left; padding-left: 0; padding-right: 15px; padding-top: 10px;}
    .copyright{ line-height:25px; padding:12px 0; }
    .liuyan.conn{padding-top: 10px;}
    .liuyan p,.liuyan .inptxt{margin-bottom: 0;}
}
@media screen and (max-width:480px){
    .i-pro-list li,.pror .i-pro-list li{width: 50%;}
    .ad li{width: 100%;}
    .ad .li1{ margin-top: 20px;}
    .culturebox{margin-top: 20px;}
    .cufltxt{width: 50%; padding: 10px;}
    .cufltxt h3 {font-size: 18px; margin-bottom: 0;}
    .cufltxt h3:after{margin: 10px 0; }
    .newsxiang .dabiaoti{padding-bottom: 6px;}
    .newsxiang .dabiaoti h3{font-weight: normal; font-size: 18px; padding: 6px 0; line-height: 24px;}
    .newsxiang .nxq{line-height: 26px; font-size: 14px;}
    .shangxia{padding-bottom: 0;}
    .lianxi .pic{width:40px; margin-right: 6px;}
    .lianxi li{line-height: 40px;}
    #dituContent{max-height: 200px;}
    .liuyan ul li{width: 100%;}
}