@charset "utf-8";
/* CSS Document */

.m-menubtn02{position:absolute; border-radius:5px; overflow:hidden; top:50%; right:0; width:32px; height:32px; margin-top:-16px; cursor:pointer;background: url(../images/m_menu.png) #1a7db9 no-repeat center; background-size: cover;display:none}
.m-menubtn02 span:before {bottom: 5px;}
.m-menubtn02 span:after {bottom: -5px;}
.m-menubtn02.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#000}
.m-menubtn02.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#000}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#000}
.m-menubtn02.active span, .m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02 span, .m-menubtn02 span:before, .m-menubtn02 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-menu02{position: fixed; right:0;left:0;top:80px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 80px);height: -moz-calc(100vh - 80px);height: calc(100vh - 80px);overflow: auto;padding-bottom: 80px;}
.m-menu02 li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu02 li:nth-child(1){border-top: 1px solid #ddd;}
.m-menu02 li>a{ font-size:17px;line-height:55px; padding:0 30px; position:relative}
.m-menu02 li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu02 li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu02 li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu02 a{ display:block; color:#101010;}
.m-menu02 .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu02 .sub li{ border-bottom:0}
.m-menu02 .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 30px; position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}

.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#0e71af; 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:16px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.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}


.phshow{ display:none}
.pcshow{ display: block}
@media screen and (max-width: 1650px){
.nab03 .swiper-button-prev, .nab03 .swiper-button-next { bottom:60px;}
.hrlist li .tit{ height:90px; }
}
@media screen and (max-width: 1550px){
body{ font-size:15px; line-height:28px;}
.title{ margin-bottom:30px; padding-left:30px; background:url(../images/ticon.png) no-repeat left 5px; background-size:20px auto;}
.title h4{ font-size:30px; line-height:35px;}
.title h3{ font-size:30px; line-height:35px;}
.header .menu li a{font-size:16px;}
.header .menu li a.clist{ padding-right:20px;}

.banner .text .wrap img{ height:42px; margin-bottom:15px;}
.banner .text .wrap h3{ font-size:36px; line-height:45px;}

.nbanner .text .wrap img{ height:38px;}
.nbanner .text .wrap h3{ font-size:36px; line-height:45px;}

.section{ padding:70px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:70px;}
.banner .text .wrap{ padding-left:35px;}

.iproducts .conn{ padding:0 15px;}
.inews .conn{ margin:0 0 0 30px}
.nprolist .conn{ margin:0 30px;}
.nprodetail .conn{ margin:0 30px;}
.protj .conn{ padding: 0 15px;}
.napp .item .wrap{ padding:0 30px;}
.topnews .conn{margin: 0 30px;}
.othernews .conn{margin: 0 30px;}
.nnewslists .conn{margin: 0 30px}
.nappdetail .conn{width: calc(100% - 60px);}
.nappdetail .ntitle{margin: 30px}
.nab01 .intro{ padding:30px;}
.nab02 .conn{padding: 0 15px;}
.nab04 .conn{ padding:30px 30px 60px 30px}
.aqlist, .hrlist{margin: 0 30px;}
.nab03 .conn{ padding:0 30px;}
.nab04 .swiper-pagination{width:calc(100% - 60px);}

.newstj .swiper-slide a{ padding:15px 15px 25px 15px;}
.newstj .swiper-slide{ padding:15px;}
.protj .swiper-slide{ padding:15px;}
.protj .swiper-slide a {padding:15px 15px 25px 15px;}
.protj .swiper-slide .text h3{ margin-bottom:0}

.nprodetail .conn .intro{ font-size:16px;}
.nprodetail .conn .intro h3{ font-size:24px;}

.napp .item .text h3{ font-size:30px; margin:0 0 15px 0}
.nappdetail .ntitle h3{ font-size:24px;}
.nab02 .swiper-slide .text h3{font-size:22px;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next { bottom:55px;}
.ncontact .feedback{ border-radius:30px; padding:30px; }
.ncontact .feedback .erweima img{ width:150px;}
.header .menu li{ margin:0 20px;}

.inews .conn .topnews .text{ padding:10px 20px}
.napp .item .text h3{ font-size:28px;}
}

@media screen and (max-width: 1440px){
.header .menu li{ margin:0 8px;}
.header .menu li a{ font-size:16px;}
}




@media screen and (max-width: 1366px){
.nab03 .swiper-button-prev, .nab03 .swiper-button-next { bottom:50px;}
.message .submit{ font-size:16px;}

body{ font-size:14px; line-height:26px;}
.footer li:first-child .item h3{ font-size:16px;}
.header .menu li:last-child{ margin-right:250px;}
.header .menu li{ margin:0 8px;}
.header .menu li a{ font-size:16px;}
.section{ padding:60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}
.iapp .swiper-slide .text h3{ margin:20px 0 10px 0;}
.nab02 .swiper-slide .text h3{ font-size:20px;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next { bottom:45px;}
.ncontact .feedback .ntitle{ margin-bottom:25px;}
.ncontact .feedback .ntitle p{ font-size:16px;}
.topnews .text h3, .inews .conn h3{ font-size:18px;}
.iproducts .swiper-slide .text h3{ font-size:18px;}
.iproducts .swiper-slide .text{ padding:20px 0 30px 0}
.header .logo .name{ display:none !important;}
.header .logo{ margin-top:-21px;}
.iapp .swiper-slide{ padding:2%;}
.iapp .swiper-slide-active{ padding:0}
.header .logo img{ height:36px;}
.header .logo{ margin-top:-18px;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-100px;}
.header .wrap{ height:100px;}
.header .menu li{ line-height:100px;}
.header .lang{ line-height:100px;}
.header .sou a{ height:100px;}

.banner .text .wrap img{ height:35px; margin-bottom:12px;}
.banner .text .wrap h3{  line-height:40px;}

.nbanner .text .wrap img{ height:35px;}
.nbanner .text .wrap h3{ font-size:30px; line-height:40px;}
.nbanner img{ width:110%; margin-left:-5%}
.search .search-box h3{  line-height:60px;}
.search .inp{ line-height:50px; height:50px;}

.title h4{ font-size:28px; line-height:32px;}
.title h3{ font-size:28px; line-height:32px;}
.inews .conn h3{ font-size:16px; margin:2px 0}
.footer li:first-child{ max-width:450px}

.nprodetail .detail .ntitle h3{ font-size:24px; }
.nprodetail .detail .ntitle{margin: 10px auto;}
.nprodetail .conn .swiper-slide .outpic{ padding:10px;}
.napp .item{ padding:40px 0}
.nab01 .youshi .item h3{ font-size:24px;}
.nab01 .youshi .item{ font-size:16px;}
.nab01 .youshi .item{ margin-bottom:20px;}
.nab04 .item{ padding:10px;}
.aqlist li{ padding:20px;}
.aqlist li .aqlist_tit, .aqlist .aqlist_con .cheng{ font-size:18px;}
.hrlist li .tit{ font-size:18px;padding: 20px 0 15px;}
.nnewslists .item .text h3{ font-size:18px;}
}
@media screen and (max-width: 1240px){
.iapp .swiper-slide{ width:680px; padding:30px;}
.newstj .swiper-slide .text h3{ font-size:16px;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-90px;}
.header .wrap{ height:90px;}
.header .menu li{ line-height:90px;}
.header .lang{ line-height:90px;}
.header .sou a{ height:90px;}
.wrap{ width:94%}
.header .menu li:last-child{ margin-right:240px;}
.nbanner img{ width:120%; margin-left:-10%}

.banner, .banner .swiper-slide{ height:100vh; min-height:550px;}
.banner .ratio-img{ height:100vh; min-height:550px;}
.footer li:first-child{ min-width:380px; margin-right:50px}
.napp .item .text h3{ font-size:24px;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ bottom:40px;}
}

@media screen and (max-width: 1280px){
.header .menu li{ margin:0 2px;}
.header .menu li a{ font-size:14px;}
.banner .text .wrap h3{ font-size:24px;  line-height:35px;}
.nprolist .conn .item .text h3{ font-size:16px; }
.nprolist .conn .item .text p{ font-size:12px;line-height:20px;}
.nnewslists .item .text h3{ font-size:16px;line-height:24px; }
.othernews .conn .item .text h3{ font-size:16px;line-height:24px;}
.nab02 .swiper-slide .text .con{ height:400px;}
.nab02 .swiper-slide .out {padding:20px 15px; }
.title h4{
	font-size:26px;
	line-height:35px;

}
.title h3{ font-size:22px; line-height:30px;}

.footer li h3{ font-size:14px; }
.footer li:first-child .flogo h3{
	font-size:14px;
	
}
.footer li:first-child .item h3{

	font-size:14px;

}
.footer p, .footer p a{ font-size:12px;}

.hrlist li .tit{ font-size:16px;height:80px; }



}

@media screen and (max-width: 1160px){
.header .menu{ display:none}
.header .menubutton{ display:none}
.m-menubtn02{ display: block;}
.header .sou{ display:none;}
.header .lang{ right:55px;}
.footer .copyright{ margin-bottom:55px;}
.m-foot{ display:block; }

.section{ padding:50px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}

.nab01 .intro{ width:100%; margin-bottom:35px; float:none;}
.nab01 .youshi{ width:100%; float:none;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{  bottom:8%;}
}

@media screen and (max-width: 920px){
.iapp .swiper-slide{ width:100%; padding:0;}
.iapp .conn{ margin:0 3%; }
.iapp .conn .swiper-slide{ padding:0 30px;}
.iapp .swiper-button-prev{ left:0;}
.iapp .swiper-button-next{ right:0; }
#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-80px;}
.header .wrap{ height:80px;}
.header .lang{ line-height:80px;}
.header .sou a{ height:80px;}


.banner .text .wrap img{ height:30px; margin-bottom:12px;}
.banner .text .wrap h3{ font-size:24px; line-height:30px;}

.nbanner .text .wrap img{ height:30px;}
.nbanner .text .wrap h3{ font-size:24px; line-height:30px;}

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

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

.banner, .banner .swiper-slide{ height:510px; min-height:510px;}
.banner .ratio-img{ height:510px; min-height:510px;}

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

.inews .conn .topnews{ position: relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:25px;}
.inews .conn .sth{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:25px;}
.inews .conn .other{width:100%; margin-left:0}

.inews .conn .nspic img{ display: block; width:100%; height:auto}

.inews .conn .topnews .nspic{ position:relative; left:auto; top:auto; height:auto;}
.inews .conn .sth .nspic{ position:relative; left:auto; top:auto; width:100%; height:auto;}
.inews .conn .nspic div{ position:relative; left:auto; top:auto; width:100%; height:auto; }

.inews .conn .sth .list:last-child{bottom:auto; position:relative;left: auto; margin-top:20px;}
.inews .conn{ padding:0px 30px 0 0;}
.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.footer li:first-child{ width:100%; min-width:100%; margin-right:0;}
.nprolist .conn .item{ padding:15px 15px 25px 15px;}
.napp .item .text h3{ font-size:22px;}
.nprodetail .conn .intro{ width:100%; }
.nprodetail .conn .swiper-container{ width:100%; position:relative; margin-bottom:20px; top:auto; right:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}

.othernews .conn .item{ border-radius:15px; padding:15px 15px 25px 15px;}
.nab02 .swiper-slide .out{ padding:30px 20px;}
.nab02 .swiper-slide .text h3{ font-size:18px; margin-bottom:10px;}
.nab01 .youshi .item{ border-radius:30px;}

.nab01 .youshi .item{ width:48.5%; margin-bottom:20px; float:left}
.nab01 .youshi .item:nth-child(1){ margin-left:0;}
.nab01 .youshi .item:nth-child(2n){ margin-left:0; float:right}
.nab01 .youshi .item:nth-child(3){ margin-left:0;}
.nab03 .swiper-slide .text h3{ font-size:16px;}
.nab03 .title{ position:relative; width:100%}
.gallery-top{ width:100%; float:none}
.gallery-thumbs{ position:relative; width:100%; left:auto;}
.nab03 .swiper-button-next{ left:auto; right:0}
.nab03 .swiper-button-prev{ left:0}

.hrlist li{ width:48.5%;margin-right:3%; margin-bottom:3%; padding:20px;}
.hrlist li:nth-child(3n){ margin-right:3%;}
.hrlist li:nth-child(2n){ margin-right:0;}
.ncontact .lianxi .item h3{ font-size:18px;}
.search-box {width:94%; left:3%; margin-left:0px;}
.nprodetail .detail .pleft .kuai .wenzi h3{ font-size:20px; line-height:40px;}
}
@media screen and (max-width: 768px){
.nab01 .youshi .item h3{ font-size:20px;}
.banner, .banner .swiper-slide{ height:430px; min-height:430px;}
.banner .ratio-img{ height:430px; min-height:430px;}
.inews .nav{ position:relative; right:auto; bottom:auto;}
.inews .nav li{ margin-left:30px;}

.nprolist .conn .item{ width:48.5%; margin-right:3%; margin-bottom:3%;border-radius:15px;}
.nprolist .conn .item:nth-child(4n){ margin-right:3%;}
.nprolist .conn .item:nth-child(2n){ margin-right:0;}

.othernews .conn .item{ width:48.5%; margin-right:3%; margin-bottom:3%;border-radius:15px; }
.othernews .conn .item:nth-child(3n){ margin-right:3%;}
.othernews .conn .item:nth-child(2n){ margin-right:0;}
.section{ padding:40px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:40px;}
.nprolist .conn .item .text h3{ font-size:16px;}
.nbanner .text{ top:56%;}

.napp .item .pic{ width:100%; border-radius:15px; float:none; margin-bottom:20px; }
.napp .item .text{ width:100%; float:none;}
.napp .item:nth-child(1){ padding-top:0}
.topnews .conn a{ display:block}
.topnews .pic{ width:100%; border-radius:15px; overflow:hidden; display: block}
.topnews .text{ width:100%; padding:20px; display: block;}
.topnews .text h3{ margin-bottom:10px;}
.topnews .text .date{ margin-top:20px;}
.nappdetail .ntitle h3{ font-size:20px; line-height:26px; margin-bottom:10px;}

.ncontact .lianxi{ margin-bottom:40px;}
.ncontact .lianxi .item{ width:100%; border-right:none; border-bottom:dashed 1px #dedede; padding-bottom:30px; margin-bottom:30px;}
.ncontact .lianxi .item:last-child{ border-bottom:none;}

.ncontact .feedback .message{ width:100%;}
.ncontact .feedback .erweima{ position: relative; width:100%; top:auto; margin-top:0; font-size:16px; right:auto; margin-top:30px;}

.nprodetail .detail .pleft{ width:100%; float:none;}
.nprodetail .detail .pright{ width:100%; float:none; }
}

@media screen and (max-width: 640px){
.banner, .banner .swiper-slide{ height:360px; min-height:360px;}
.banner .ratio-img{ height:360px; min-height:360px;}
.banner .text .wrap img, .nbanner .text .wrap img { display:none;}
.nbanner img{ width:150%; margin-left:-25%}

#a01, #a02, #a03, #a04, #a05, #a06, #a07,  #a08{ margin-top:-70px;}
.header .wrap{ height:70px;}
.header .lang{ line-height:70px;}
.header .sou a{ height:70px;}
.m-menu02{ top:70px;}

.header .logo img{ height:28px;}
.header .logo{ margin-top:-14px;}
.inews .nav li{ margin-left:16px;}
.inews .nav li:first-child{ margin-left:0}
.footer li:first-child .flogo h4{font-size: 11.8px;}
.footer li:first-child .flogo h3{ font-size:20px;}
.footer .fcontent{ padding:45px 0 0 0}
.footer .copyright{ padding:20px 0;}
.footer li:first-child .wcode img{ width:100px;}
.napp .item .text h3{ font-size:20px;}
.topnews .text h3, .inews .conn h3{ font-size:16px;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ bottom:7%;}

.nab04 .item{ width:33.33%; }
.gallery-top .swiper-slide{ padding:20px;}
.aqlist li .aqlist_tit, .aqlist .aqlist_con .cheng{ font-size:16px;}
.aqlist li{ padding:10px 20px;}
.nnewslists .item .text h3{ font-size:16px;}

.nnewslists .conn .pic{ float:none; width:100%; border-radius: 15px; margin-bottom:20px;}
.nnewslists .conn .text{ float:none; width:100%; padding-top:0;}
.nnewslists .item .text .date{ margin-top:10px; margin-bottom:10px;}

.nprodetail .detail .pleft .kuai .pic{ float:none; width:100%}
.nprodetail .detail .pleft .kuai .wenzi{ float:none; width:100%;line-height:30px;}
.nprodetail .conn .swiper-container{ position:relative; z-index:-1;}
.nprodetail .conn{ margin:0;}
}

@media screen and (max-width: 450px){
.banner, .banner .swiper-slide{ height:300px; min-height:300px;}
.banner .text .wrap h3{ font-size:20px; line-height:24px;}
.banner .ratio-img{ height:300px; min-height:300px;}
.nprolist .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; }
.nprolist .conn .item:nth-child(4n){ margin-right:0%;}
.nbanner img{ width:170%; margin-left:-35%}
.nab01 .youshi .item h3{ font-size:18px;}
.othernews .conn .item{ width:100%; margin-right:0%; margin-bottom:20px;}
.othernews .conn .item:nth-child(3n){ margin-right:0%;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ bottom:4%}
.nab02 .swiper-slide .text .con{ height:100%;min-height:200px; }
.hrlist li{ width:100%;margin-right:0%; margin-bottom:20px;}
.hrlist li:nth-child(3n){ margin-right:0%;}
.hrlist li .hd .hr_con{ width:95%;}
.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}
}