@charset "utf-8";
/* CSS Document */
.menu-btn{ height:92px; margin:0 28px; width:25px;cursor:pointer; display:none; position:fixed; right:0}
.menu-btn span{display:block; height:2px; width:25px; background:#000; margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:70px; display:block; text-transform:uppercase}


.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}

.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#000; color:#fff; display:none; z-index:1500}
.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.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}


.phshow{ display:none !important}
.pcshow{ display: block !important}


@media screen and (max-width: 1600px){
#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-100px;}
.header{height:100px;}
.space{ margin-top:100px;}
.banner, .banner .swiper-slide{ height:calc(100vh - 100px);}

.header .logo{ margin:15px 0;}
.header .menu { margin-top:8px;}
.header .menu li .menu_a{ line-height:92px;}

.banner_text h3{ font-size:60px; line-height:60px;}
.banner_text h4{ font-size:24px;}


.nmain .title { margin-bottom:25px;}
.title h3{font-size:45px;line-height:50px; }
.title h4{font-size:45px;line-height:50px; padding-bottom:18px;}
.title h4:after{ width:50px; height:3px;}
.title.jvzhong h4:after{ left:50%; margin-left:-25px;}
.title p{ font-size:16px;}
.title02{ margin-bottom:25px;}
.title02 h3{font-size:30px; line-height:38px;}
.title02 h3:after{width:50px; height:3px; }
.title02.jvzhong h3:after{ margin-left:-25px}
.title03{ margin-bottom:25px;}
.title03 h3{font-size:20px; padding-bottom:18px; }
.title03 h3:after{width:50px; height:3px; }
.title03.jvzhong h3:after{ margin-left:-25px}

.title04{ margin-bottom:25px;}
.title04 h3{font-size:30px; line-height:38px; padding-bottom:18px; }
.title04 h3:after{ width:50px; height:3px;}
.title04.jvzhong h3:after{ margin-left:-25px}

.title05{ margin-bottom:25px;}
.title05 h3{font-size:30px; line-height:38px;}
.title05 p{ padding-bottom:18px; font-size:18px;}
.title05 p:after{ width:50px; height:3px;}
.title05.jvzhong p:after{ lmargin-left:-25px}

.nnewsxiang .newstitle{ padding-bottom:35px}
.nnewsnav .newstitle h3{font-size:38px;line-height:38px;}
.nnewsnav .newstitle p{font-size:20px;}
.nnewsxiang .newstitle h3{font-size:32px; line-height:32px;}


}
@media screen and (max-width: 1440px){
.main01 .text .intro p{ font-size:16px}
.main03 .item .text p{font-size:16px}
.main04 .conn .text .inn p{ font-size:16px;}
.main05 .date{ font-size:16px;}
.footer li:last-child .kuai span{font-size:16px;}
.nab01 .conn{ font-size:16px;}
.nab02 { font-size:16px; }
.nab03 .text p{font-size:16px;}
.nab04 .text p{font-size:16px; }
.iparter li .par2{font-size:16px; }
.npro02 .conn p{ font-size:16px;}
.npro03 { font-size:16px; }
.ndetail .right .intro{ font-size:16px; }
.nnewsnav .nnav{ font-size:16px;}
.topnews .kuai .text p{font-size:16px;}
.othernews .date{ font-size:16px;}
.shangxia p {font-size:16px;}
.nliuyan .right{ font-size:16px;}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.footer.section{ padding:50px 0;}
.title { margin-bottom:50px;}

.main05 .conn{ margin-top:-20px}


.main01 .kuai01 .text { padding: 10% 0 0 10%; }
.main01 .kuai02 .text { padding: 10% 10% 0 0;}

.nab03 .text{padding: 10% 0 0 10%;}
.nab04 .text { padding: 10% 10% 0 0;}

.plists .item .text p{ font-size:20px;}
.plists .item .text{ height:80px}

.topnews .kuai .text{padding: 6% 3%;}
.othernews .text{padding: 10px 20px 20px 20px;}
.main05 .text{padding: 10px 20px 20px 20px;}
.main05 .date{ margin-right:20px}
.nab02 .text{ padding:80px 0 150px 0}
.npro03 .text{ padding:80px 0 150px 0}
}
@media screen and (max-width: 1366px){
.header .menu li .menu_a{ font-size:18px; }
.main03 .item .text .intext{ padding:10% 6%}
.header .menu li .menu_a{ margin:0 20px}
.main01 .kuai01 .text{padding: 6% 0 0 6%;}
.main01 .kuai02 .text { padding: 6% 6% 0 0;}
.nab03 .text{padding: 10% 0 0 6%;}
.nab04 .text{ padding: 10% 6% 0 0;}

.npro .item .text .inn p{font-size:32px;}

.nnavlist .inn .wrap .item{ width:180px; height:180px;}
.ndetail .kuai .biaozhi{ width:180px;height:180px;}

}

@media screen and (max-width: 1240px){
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.footer.section{ padding:35px 0;}
.title { margin-bottom:35px;}
.main05 .conn{ margin-top:0}

.header .menu li .menu_a{ font-size:16px; }

.banner_text h3{ font-size:36px; line-height:50px;}
.banner_text h4{ font-size:20px;}


.title h3{font-size:36px;line-height:40px; }
.title h4{font-size:36px;line-height:40px; }

.title02 h3{font-size:30px; line-height:32px;}
.title03 h3{font-size:18px;}

.title04 h3{font-size:30px; line-height:32px; }

.title05 h3{font-size:30px; line-height:32px;}
.title05 p{font-size:16px;}

.nnewsxiang .newstitle{ padding-bottom:25px}
.nnewsnav .newstitle h3{font-size:30px;line-height:32px;}
.nnewsnav .newstitle p{font-size:18px;}
.nnewsxiang .newstitle h3{font-size:24px; line-height:30px;}

body{font-size:15px;}
input,textarea,select,button,input{ font-size:15px;}


#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-90px;}
.header{height:90px;}
.space{ margin-top:90px;}
.banner, .banner .swiper-slide,.banner .ratio-img{ height:450px; min-height:450px;}

.header .logo{ margin:10px 0;}
.header .menu { margin-top:5px;}
.header .menu li .menu_a{ line-height:85px;}

.nnavlist .inn .wrap .item{ width:160px; height:160px;}
.ndetail .kuai .biaozhi{ width:160px;height:160px;}
.nnavlist .inn .wrap .item .desc{ font-size:20px}

.ndetail .left{ line-height:50px; font-size:50px}
.ndetail .kuai .text{ top:80px;}

.ncontact .nliucheng .item .inn{ width:200px; height:200px;}
.ncontact .nliucheng .item .inn .desc{ font-size:20px}
}
@media screen and (max-width: 1060px){
.nnavlist .inn .wrap .item{ width:140px; height:140px;}
.ndetail .kuai .biaozhi{ width:140px;height:140px;}
.nnavlist .inn .wrap .item .desc{ font-size:16px}

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

.banner_text h3{ font-size:36px; line-height:40px;}
.banner_text h4{ font-size:18px;}
	
.title h3{font-size:30px;line-height:35px; }
.title h4{font-size:30px;line-height:35px; }

.title02 h3{font-size:30px; line-height:30px;}
.title03 h3{font-size:18px;}

.title04 h3{font-size:30px; line-height:30px; }
.title05 h3{font-size:30px; line-height:30px;}

.header .menu { margin-top:0px;}
.header .menu li .menu_a{ line-height:90px;}
.header .menu li .menu_a{ margin:0 18px}
.header .menu li{ display:none}
.header .menu li:last-child{ display:block}
.menu-btn{ display:block}
.header .menu{ margin-right:20px}

.banner video{ display:none !important}
.main01 .kuai01 .pic{ float:none; width:100%;}
.main01 .kuai01 .wraph{ float:none; width:100%;}
.main01 .kuai02 .pic{ float:none; width:100%;}
.main01 .kuai02 .wraph{ float:none; width:100%;}
.main01 .kuai01 .text{ padding:20px 20px 30px 20px}
.main01 .kuai02 .text{ padding:20px 20px 30px 20px }

.main01 .kuai01 .swiper-button-prev, .main01 .kuai01 .swiper-button-next{ width:35px; height:35px; margin-top:0; top:auto; bottom:30px; }
.main01 .kuai01 .swiper-button-prev{ left:auto; right:60px}
.main01 .kuai01 .swiper-button-next{right:20px;}
.main01 .text .more a{line-height:35px; width:120px}

.main03 .conn{display: block;}
.main03 .item{width:100%;}

.main03 .item .text{ position:relative; padding-bottom:30px;}

.main03 .item:nth-child(2n) .pic{ position: relative; bottom:auto; left:auto}
.main03 .item .pic:after{ border: 20px solid transparent;border-bottom: 20px solid #eee;}
.main03 .item:nth-child(2n) .pic:after{ bottom:0; top:auto;border: 20px solid transparent;border-top: 20px solid transparent;border-bottom: 20px solid #eee;}
.main03 .item .text .intext{padding:20px 20px 30px 20px;}

.pcshow{ display:none !important}
.phshow{ display: block !important}

.main05 .swiper-button-prev, .main05 .swiper-button-next{ width:35px; height:35px;}
.main05 .swiper-button-prev{ background:url(../images/pre.png) #ccc no-repeat center center /cover; right:40px; left:auto;}

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

.nab03 .pic{ float:none; width:100%;}
.nab03 .wraph{ float:none; width:100%;}
.nab03 .text{ padding:20px 20px 40px 20px}

.nab04 .pic{ float:none; width:100%;}
.nab04 .wraph{ float:right; width:100%;}
.nab04 .text{ padding:20px 20px 40px 20px}

.m-foot{ display:block}
.footer{ margin-bottom:55px;}


.iparter li{ float:left; width:23%; margin:-2% 1% 0 1%;}
.iparter li:nth-child(5), .iparter li:nth-child(12), .iparter li:nth-child(19),  .iparter li:nth-child(26){ margin-left:13%; clear:both}
.iparter li:nth-child(8){ margin-left:1%; clear:none}

.npro .item .text .inn p{font-size:28px;}

.npro .item{ float:none; width:100%;}
.npro .item:nth-child(2n){ float:none; margin-top:30px}

.nnavlist .inn .wrap .item{ width:100px; height:100px;}
.ndetail .kuai .biaozhi{ width:100px;height:100px;}
.nnavlist .inn .wrap .item .desc{ font-size:15px}
.nnavlist .inn .wrap .item .desc{ margin-top:0}
.nnavlist img{ width:200%; margin-left:-50%}
.nnavlist .inn .wrap .item img{ width:100%; margin-left:0%}

.plists .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:3%;}
.plists .item:nth-child(3n+1){ clear:none} 
.plists .item:nth-child(2n){ float:right}
.plists .item:nth-child(2n+1){ clear:both} 
.plists .item .text p{ font-size:16px; }
.plists .item .text{height: 60px;}

.ndetail .left{ line-height:40px; font-size:40px}

.nliuyan .left{ float:none; width:100%}
.nliuyan .right{ float:none; width:100%; margin-top:30px}

.ncontact .nliucheng .item .inn{ width:160px; height:160px;}
.ncontact .nliucheng .item .inn .desc{ font-size:16px; margin-top:-10px; line-height:16px}

.shangxia .back{ position:relative; top:auto; margin-top:40px}
.nnewsnav .nnav {position: relative; bottom: auto;right: auto;margin-top:40px;}
.nnewsnav .nnav a { margin:0 15px 0 0}


.topnews .kuai .pic{ float:none; width:100%}
.topnews .kuai .text{ float:none; padding:20px 20px 30px 20px; width:100%}
.topnews .kuai:nth-child(2n) .pic{ float:none}
.topnews .kuai:nth-child(2n) .text{ float:none}


.othernews .item{ width:48.5%; margin-right:0%; margin-bottom:3%;}
.othernews .item:nth-child(3n+1){ clear:none}
.othernews .item:nth-child(2n){ float:right}
.othernews .item:nth-child(2n+1){ clear:both}
.othernews .date{ width:120px; margin-right:20px;}
.othernews .text{ padding:10px 20px 20px 20px; clear:both;}
}

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

.banner_text h3{ font-size:32px; line-height:32px;}
.banner_text h4{ font-size:18px;}
	
.title h3{font-size:30px;line-height:30px; }
.title h4{font-size:30px;line-height:30px; }

.title02 h3{font-size:24px;}
.title03 h3{font-size:18px;}

.title04 h3{font-size:24px;}
.title05 h3{font-size:24px;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-80px;}
.header{height:80px;}
.space{ margin-top:80px;}
.banner, .banner .swiper-slide,.banner .ratio-img{height:350px; min-height:350px;}

.header .logo{ margin:10px 0;}
.header .logo img{ height:60px;}
.header .menu { margin-top:0px;}
.header .menu li .menu_a{ line-height:80px;}

.header .menu li .menu_a{ margin:0 16px}

.menu-btn{ margin:0 20px; height: 80px;}
.menu-btn .line1 { margin-top: 28px;}
.header .menu{ margin-right:35px}

.banner_text .more{ margin-top:25px;}
.banner .swiper-pagination{bottom: 10px !important;width: 100%;}
.banner_text{ top:40%}
.banner .swiper-pagination-bullet{width: 12px;height: 12px; }
.footer ul{ display:block}
.footer li{ display:block; width:100%;clear:both}
.footer li:last-child{ padding-top:20px; clear:both}

.npro .item .text .inn p{font-size:24px;}

.ndetail .left{ float:none; width:100%; display:none}
.ndetail .right{ float:none; width:100%; margin-top:0px}

.ndetail .kuai .text{font-size: 24px; line-height: 24px; top: 65px;}

.ncontact .form .column{ float:left; width:48.5%; margin-right:0px; margin-bottom:15px}
.ncontact .form .column:nth-child(2n){ float:right}
.ncontact .form .column:nth-child(2n+1){ clear:both}
.ncontact .form .row_1 { margin-right:0px}
.ncontact .form .row_3 .submit{ margin-top:20px}

.ncontact .nliucheng .item .inn{ width:120px; height:120px;}
.ncontact .nliucheng .item .inn .desc{ font-size:13px; margin-top:-10px; line-height:13px}

}

@media screen and (max-width: 540px){
#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-70px;}
.header{height:70px;}
.space{ margin-top:70px;}
.banner, .banner .swiper-slide, .banner .ratio-img{ height:250px; min-height:250px;}

.header .logo{ margin:10px 0;}
.header .logo img{ height:50px;}
.header .menu li .menu_a{ line-height:70px;}	
	
	
.title h3{font-size:26px; }
.title h4{font-size:26px}

.ndetail .kuai .biaozhi{ width:70px; height:70px;}
.ndetail .kuai .biaozhi .inn .desc{ margin-top:0; font-size:15px; line-height:15px;}
.ncontact .nliucheng{ margin-top:60px}
.ncontact .nliucheng .item .inn {width: 80px;height: 80px;}
.ncontact .nliucheng .item .inn .desc{ margin:0 auto 10px auto; font-size:10px}

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