@charset "utf-8";

/* CSS Document */



.m-menubtn{z-index: 102;top:0;right:0%;cursor: pointer;-webkit-transition:.5s;transition:.5s;background-image: linear-gradient(45deg, #309bd3, #0079c4); position:absolute; width:90px; height:95px;}

.m-menubtn.anim{opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0,0); transform: translate(0,0);}

.m-menubtn>span{position: absolute;top: 0;bottom: 0;left: 0; right: 0; width:32px;height:2px; background-color: #fff; margin: auto;}

.m-menubtn>span:before, .m-menubtn>span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}

.m-menubtn>span:before {bottom: 8px;}

.m-menubtn>span:after {bottom: -8px;}

.m-menubtn.active>span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff}

.m-menubtn.active>span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}

.m-menubtn.active>span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff}

.m-menubtn.active>span, .m-menubtn.active>span:before, .m-menubtn.active>span:after {right: 0;bottom: 0;}

.m-menubtn>span, .m-menubtn>span:before, .m-menubtn>span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}



.m-menu{position:fixed; text-align:left; left:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;visibility: hidden;opacity: 0;z-index:101;display:flex; display:-webkit-flex; justify-content:center; align-items:center;}

.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:5%; padding-right:5%;overflow-y:auto;overflow-x:hidden; display:flex; display:-webkit-flex; justify-content:center;}

.m-menu li{ float:left; width:14.28%;position: relative;bottom: -20px;opacity: 0;-webkit-transition:0.6s cubic-bezier(0.5, 0, 0, 1);-moz-transition: 0.6s cubic-bezier(0.5, 0, 0, 1);-o-transition: 0.6s cubic-bezier(0.5, 0, 0, 1);transition: 0.6s cubic-bezier(0.5, 0, 0, 1);}

.m-menu li>a{ font-size:30px; font-weight:bold; line-height:40px; margin-bottom:20px}

.m-menu a{ display:block; color:#fff;}

.m-menu .sub a{color:rgba(255,255,255,.5); line-height:35px;font-size:18px; padding-left:20px; position:relative}

.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}

.m-menu a:hover{color:#0677c4}

.m-menu.active{visibility: visible; opacity:1;}

.m-menu.active li{bottom: 0;opacity: 1;}

.m-menu.active li:nth-child(1){transition-delay:.3s;}

.m-menu.active li:nth-child(2){transition-delay:.35s;}

.m-menu.active li:nth-child(3){transition-delay:.4s;}

.m-menu.active li:nth-child(4){transition-delay:.45s;}

.m-menu.active li:nth-child(5){transition-delay:.5s;}

.m-menu.active li:nth-child(6){transition-delay:.55s;}

.m-menu.active li:nth-child(7){transition-delay:.6s;}

.m-menubg{display: block;width:100%;height:0;z-index:100;position: fixed;bottom: 0;-webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); -moz-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); background:#151515}

.m-menubg.active{ height:100%}



.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#0079c4; 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){

.header .menu li .menu_a{ font-size:17px; margin:0 20px;}

.header .tel{ font-size:20px; right:105px;}

.m-menubtn{ width:85px;}

.header .logo{ left:3%}

.i-about .iabouttop{margin-bottom:35px;}

.i-about .iabouttop .aboutintro .conn .more { margin-top:25px;}

body{ line-height:26px;}

.i-about .iabouttop .aboutintro .conn{  padding:30px 50px;}

.i-about .iabouttop .aboutintro .conn .intro{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}



.i-serivce .conn li{  min-height:200px;}

.i-serivce .conn li:nth-child(4n){ margin-right:0}
.i-serivce .conn li:nth-child(4n+1){ clear:both}

.i-serivce .conn li .icon{ transition: 0.5s; margin:30px auto 5px auto;}

.i-serivce .conn li:hover .icon{ margin:25px auto 0px auto;}



.i-news li{ height:500px;}

}


@media screen and (max-width:1366px){

*{line-height:28px;}

.ban-txt h3{ font-size:45px; line-height:55px;}
.ban-txt p{ font-size:36px;  line-height:40px;}
.ban-txt {margin-top: -45px;}





.header { height:90px;}

.header .logo{ margin-top:-32px;}

.header .logo img{height:64px;}

.header .menu li .menu_a{ line-height:90px; }

.m-menubtn{ height:90px; width:75px;}

#a01, #a02, #a03, #a04{ margin-top:-90px;}

.header:after{ top:90px;}

.header .tel{ font-size:18px;line-height:90px;right:90px;}

.i-serivce .conn li .text{ font-size:18px;}



.i-serivce .conn li .icon{ margin:20px auto 0px auto;}

.i-serivce .conn li:hover .icon{ margin:15px auto 5px auto;}

.i-about .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; line-height:28px; height:84px; overflow: hidden; }

.i-about .iaboutbottom li h3, .njianjie .iaboutbottom li h3{ font-size:18px; margin-top:-10px}

.i-serivce .conn li .more{ bottom:15px}

.i-serivce .conn li{ min-height:190px}

.i-news li{ height:470px;}



.title h3{font-size:32px;}
.title h4{font-size:16px;}
.title h3 .en{ font-size:24px;}
.ntitle h3{ font-size:32px;  line-height:32px;}



.nnews .topnews .wenzi h3{ font-size:22px; }

.newslist li .txt .tit{font-size: 20px;}



.ncase .item .wenzi h3{ font-size:16px;}


.m-menu ul{ padding-left:3%; padding-right:3%;}
.m-menu li>a{ font-size:24px; font-weight:bold; line-height:35px; }
.m-menu .sub a{line-height:30px;font-size:16px}
.m-menu li{ width:16.66%;}



.nnav { position:relative; margin-top:-26px;}
.nnav .wrap{ padding:8px 0;}
.nnav li a{ padding:0 25px; line-height:35px; font-size:16px; }

.nbanner{ width:120%; margin-left:-10%}

.ntitle02 h3{ font-size:26px;  line-height:32px;}
}



@media screen and (max-width:1240px){

.header { height:85px;}

.header .logo{ margin-top:-30px;}

.header .logo img{height:60px;}

.header .menu li .menu_a{ line-height:85px; margin:0 16px; }

.m-menubtn{ height:85px; width:75px;}	

.header .tel{ font-size:17px;line-height:85px;right:90px;}

.header:after{ top:85px;}
.m-menu li>a{ font-size:20px;}
.m-menu .sub a{font-size:15px}
.ban-txt{ top:50%}
.ban-txt h3{ font-size:36px; line-height:36px;}
.ban-txt p{ font-size:30px;  line-height:30px; padding:20px 0}

.nmain.section{ padding:60px 0 80px 0}
.nmain.njiang.section{ padding-bottom:60px !important}
.nmain.sectionpre{ padding-top:60px}


.newslist li .time span:first-child{font-size:45px;line-height: 45px;}
.newslist li .time span:last-child{font-size: 14px;line-height:28px;}


.njiang .item .wenzi h3{ font-size:20px;}
}

@media screen and (max-width:1200px){
.section{ padding:0 0 65px 0 !important}
.nmain.section{ padding:65px 0 !important}
#fullpage .section:first-child, #fullpage .section:last-child{ padding-bottom:0 !important}
.i-about .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; line-height:28px; height:140px; overflow: hidden; }
.i-about .iaboutbottom li h3 span, .njianjie .iaboutbottom li h3 span{ font-size:24px;}

.banner, .banner-box{height:auto !important}
.banner .swiper-container{height:auto !important}
.banner img{height:auto !important}


.title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}

.banner{ width:120%; margin-left:-10%}
.wrap{ width:94%;}
#fullpage{ width:100%; height:auto; overflow-x:hidden;}

.footer li:nth-child(3){ display:none}

.nbanner{ width:130%; margin-left:-15%}

.wenhuak .item .wenzi{ padding:15px 20px;margin-top:-60px;}
.wenhuak .item .wenzi h3{ font-size:18px}

.nnews .topnews .wenzi h3{ font-size:20px; margin:15px 0;}

.newslist li .txt { width: calc(70% - 90px);}
.newslist li .time{ width:90px; padding-right:0}

.ncb01 .item h3{ font-size:14px;}
.ncb01 .item p{ font-size:16px;}
}



@media screen and (max-width:1140px){
.header .menu li .menu_a{ font-size:16px; margin: 0 11px;}	
.ban-txt h3{ font-size:30px;}
.ban-txt p{ font-size:24px; padding:10px 0}	
}


@media screen and (max-width:1023px){
.header .menu{ display:none}	
.nbanner{ width:140%; margin-left:-20%}

.nnav li a{ padding:0 5px;font-size:15px; }
.nnav.nnav05 li{ width:32%; min-width:90px; max-width:100px;}
.nnav.nnav02 li{ width:48%; min-width:90px; max-width:100px;}
.nnav.nnav07 li{ width:auto;}
.nnav.nnav07 li a{font-size:14px; }
.nnav.nnav06 li{ width:auto;}
.nnav.nnav06 li a{font-size:14px; }

.ntitle { margin-bottom:15px;}
.ntitle h3{ margin-bottom:0px;}

.newslist li .time span:first-child{font-size:40px;line-height: 40px;}
.newslist li .time span:last-child{font-size: 14px;line-height:24px;}
}

@media screen and (max-width:920px){
.banner{ width:130%; margin-left:-15%}	

.title h3{font-size:28px;}
.title h4{font-size:15px;}
.title h3 .en{ font-size:20px;}
.ntitle h3{ font-size:28px;  line-height:30px;}
.i-news li{ height:420px;}

.footer li:nth-child(6){ display:none}
.copyright{ margin-bottom:55px;}
.m-foot{ display:block;}
.nbanner{ width:160%; margin-left:-30%}

.nmain.section{ padding:50px 0 60px 0 !important}
.nmain.njiang.section{ padding-bottom:50px !important}
.nmain.sectionpre{ padding-top:50px}

.wenhuak .item{ float:none; width:100%; }

.wenhuak .item:nth-child(3) .dbpic, .wenhuak .item:nth-child(4) .dbpic{ margin-left:0; }
.wenhuak .item:nth-child(3) .wenzi, .wenhuak .item:nth-child(4) .wenzi{ right:0; left:auto}
.wenhuak .item:nth-child(2n) .dbpic{ margin-left:47.8% !important; }
.wenhuak .item:nth-child(2) .dbpic img, .wenhuak .item:nth-child(3) .dbpic img, .wenhuak .item:nth-child(6) .dbpic img{transform:rotateY(180deg) !important;}
.wenhuak .item:nth-child(2n) .wenzi{ right:auto !important; left:0 !important}

.wenhuak .item .wenzi p{ line-height:21px;}

.nwenhua .conn02{ background:#fff}
.nwenhua .conn02{ display: block}
.nwenhua .imgfr{width:100%;display:block;}
.nwenhua .conn02 .wenzi{display:block;padding-right:0px; width:100%}

.newslist li .time span:first-child{font-size:36px;}


.ncase .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:3%;}
.ncase .item:nth-child(2n){ float:right}
.ncase .item:nth-child(3n+1){ clear:none;}
.ncase .item:nth-child(2n+1){ clear:both;}

.ntitle02 h3{ font-size:24px;  line-height:30px;}

.single-product-top{ padding:0}
.proxs{ width:100%}
.proxs h3{ font-size:20px;}

.njiang .item .wenzi h3{ font-size:18px;}

.njiang .item{ width:48.5%; margin-right:0%; margin-bottom:3%;}
.njiang .item:nth-child(3n+1){ clear:none}
.njiang .item:nth-child(2n){ float:right}
.njiang .item:nth-child(2n+1){ clear:both}
.njiang .item .wenzi{ padding:15px 0;}

.i-honorlist .swiper-container{ width:100%}
.i-honorlist .swiper-slide .tu{ padding:0;}
.i-honorlist .swiper-slide .wenzi p{ font-size:15px !important;}

.i-honorlist .swiper-button-prev, .i-honorlist .swiper-button-next{ width:40px; height:40px; border-radius:50%; margin-top:auto; top:auto; bottom:0}
.i-honorlist .swiper-button-prev{background-size:40px auto; left:10%; opacity:0.7}
.i-honorlist .swiper-button-next{background-size:40px auto; right:10%;opacity:0.7}
.i-honorlist .swiper-button-prev:hover{ background-size:40px auto; opacity:1}
.i-honorlist .swiper-button-next:hover{ background-size:40px auto; opacity:1}


}

@media screen and (max-width:640px){
.banner{ width:150%; margin-left:-25%}	
.ban-txt{ margin-top:-20px}
.ban-txt h3{ font-size:20px !important;}
.ban-txt p{ font-size:13px !important; padding:0}	
.banner .swiper-pagination{ bottom:15px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ bottom:-8px}
.header .tel{ display:none}


.header { height:75px;}
.header .logo{ margin-top:-27px;}
.header .logo img{height:54px;}
.m-menubtn{ height:75px; width:60px;}	
.header:after{ top:75px;}

.i-about .title .company{ padding-top:0}

.i-about .intro{ height:auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10; height:280px; overflow:hidden}


.i-about .iaboutbottom li, .njianjie .iaboutbottom li{ width:50%; padding:0 10px; margin-top:20px}
.i-about .iaboutbottom li:nth-child(2n), .njianjie .iaboutbottom li:nth-child(2n){ border:none}
.i-about .iaboutbottom li:nth-child(2n+1), .njianjie .iaboutbottom li:nth-child(2n+1){ clear:both}

.i-about .iaboutbottom li h3, .njianjie .iaboutbottom li h3{ font-size:16px;}
.i-about .iaboutbottom li h3 span, .njianjie .iaboutbottom li h3 span{ font-size:20px;}
.i-about .iaboutbottom li .icon img, .njianjie .iaboutbottom li .icon img{ max-width:80px !important; margin-bottom:15px}

.title h3{font-size:24px;}
.title h3 .en{ font-size:16px;}
.ntitle h3{ font-size:24px;}
.i-serivce .title .more{ bottom:-25px;}
.i-case .title .more{ position:relative; bottom:-20px}
#fp-nav.right{ display:none !important}

.i-serivce .conn li{ width:calc(50% - 5px); margin-right:0; margin-top:5px; margin-bottom:5px}
.i-serivce .conn li:nth-child(2n){ float:right}
.i-serivce .conn li:nth-child(4n+1){ clear:none}
.i-serivce .conn li:nth-child(2n+1){ clear:both}

.i-case .txt{ bottom:auto; left:auto; width:100%; font-size:16px; line-height:35px; position:relative}

.i-news li{ float:left; width:48.5%; margin-right:0%;padding:15px; margin-bottom:20px; height:340px}
.i-news li:nth-child(2n){ float:right}
.i-news li:nth-child(4n+1){ clear:none}
.i-news li:nth-child(2n+1){ clear:both}


.i-case .swiper-button-prev, .i-case .swiper-button-next{background:none; margin-top:0; bottom:6px; top:auto}
.i-case .swiper-button-prev{left:50%; margin-left:-100px}	
.i-case .swiper-button-next{right:50%; margin-right:-100px}	
.i-case .swiper-button-prev span,.i-case .swiper-button-next span{display:block;width: 12px;height: 12px;position: absolute;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.i-case .swiper-button-next span{left:auto;right:0px;}
.i-case .swiper-button-prev span:after{ content:""; display:block; width:12px; height:12px; border-top:2px solid rgba(0,0,0,.7);border-left:2px solid rgba(0,0,0,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.i-case .swiper-button-next span:after{ content:""; display:block; width:12px; height:12px; border-top:2px solid rgba(0,0,0,.7);border-right:2px solid rgba(0,0,0,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}
.i-case .swiper-button-prev, .i-case .swiper-button-next{ height:16px;}

.footer li:nth-child(4){ display:none}
.footer li .flogo{ height:54px !important; width:auto !important; max-width: auto !important; margin-bottom: 15px;}
.footer {padding: 30px 0 50px 0;}
.i-news li h3{ font-size:16px;}
.i-serivce .conn li .text{ font-size:16px;}
.copyright{ padding:15px 0}

.m-menu li{ margin-bottom:10px}
.m-menu li>a{ font-size:20px; margin-bottom:0;font-weight: normal;}
.m-menu .sub a{ font-size:14px; line-height:24px !important;}
.m-menu ul{ display:block; padding-left:5%; padding-right:5%}
.m-menu li{ width:50%}
.m-menu li:nth-child(2n+1){ clear:both}
.m-menu ul{padding-top:0px; }

.nbanner{ width:180%; margin-left:-40%}
.njianjie{padding-bottom: 120px !important;}
.njianjie .iaboutbottom{margin-top: 35px;}
.njianjie {background: url(../images/nbg.png) no-repeat center bottom;background-size: 250% auto;}


.nleader .lpic{ float:none; width:calc(100% - 30px);}
.nleader .wenzi{ float:none; width:100%;margin-top:50px}

.nhonor02 .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; padding:1%;}
.nhonor02 .item:nth-child(4n){ margin-right:2%}
.nhonor02 .item:nth-child(4n+1){ clear:none}
.nhonor02 .item:nth-child(3n){ margin-right:0}
.nhonor02 .item:nth-child(3n+1){ clear:both}

.nnews .topnews .wenzi h3{ font-size:18px; margin:15px 0;}

.newslist li .time span:first-child{font-size:32px;}

.newslist li .pic{width:100%;float:none; height:auto}
.newslist li .txt { width: calc(95% - 80px); margin-right:0}
.newslist li .time{ width:80px;}
.newslist li .txt .tit{ margin:15px 0;font-size: 16px;}

.nnewsx .newstitle .back{ position:relative; bottom:auto; margin-top:10px; float:right}


.shangxia li{ float:none; width:100%;}
.shangxia li:nth-child(2){ float:none}
.shangxia li a{ line-height:45px; margin:0 15px}


.njiang .item{ width:100%; margin-right:0%; margin-bottom:20px; float:none}
.njiang .item:nth-child(2n){ float:none}

.njiang .item  .pic{ width:42%}
.njiang .item .wenzi{ width:55%}


.ncb01 .item{ float:none; width:100%; border-bottom:solid 1px #ddd; padding-bottom:30px;}
.ncb01 .item:nth-child(1){border-top:solid 1px #ddd}
.ncb01 .item:after{ display:none}
.ncb01 .item:nth-child(4):after{display:none}
.ncb01 .item h3{ margin-top:0px}


.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}
.message .inp02{ width:calc(100% - 80px); max-width:180px;}

.message{background:url(../images/conbg.jpg) no-repeat center bottom; background-size:200% auto;}
}

@media screen and (max-width:540px){
.banner{ width:160%; margin-left:-30%}
.footer li:nth-child(2), .footer li:nth-child(5){ display:none}

.nhonor .item{ width:48.5%; margin-right:0%; margin-bottom:3%; padding:1%; }
.nhonor .item:nth-child(2n){ float:right}
.nhonor .item:nth-child(3n+1){ clear:none}	
.nhonor .item:nth-child(2n+1){ clear:both}	
.nhonor .item .wenzi{ line-height:24px; height:48px;margin-top: 8px;}

.nhonor .ntitle p{ margin-top:20px;}

.nhonor02 .item{ width:48.5%; margin-right:0%; margin-bottom:3%;}
.nhonor02 .item:nth-child(2n){ float:right; margin-right:0}
.nhonor02 .item:nth-child(3n+1){ clear:none}
.nhonor02 .item:nth-child(2n+1){ clear:both}
.nhonor02 .item .wenzi{ height:66px; line-height:22px;}


.nnews .topnews .pic{ float:none; width:100%}
.nnews .topnews .wenzi{ float:none; width:100%}
.nnews .topnews .swiper-pagination{ bottom:0}
.nnews .topnews .more{ margin-top:20px;}

.nhonor .ntitle p{ font-size:14px; }

.nnews .topnews .wenzi h3{ font-size:16px;}


.ncase .item{ float:none; width:100%; margin-bottom:20px;}
.ncase .item:nth-child(2n){ float:none}
}