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

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:82px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.header.scroll .m-menubtn{ height:75px;}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #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: 5px;}
.m-menubtn span:after {bottom: -5px;}
.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; right:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:98;}
.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background:#01847f; transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;}
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom:1px solid rgba(255,255,255,.3);opacity: 0; transform: translateX(3.5rem);}
.m-menu li>a{ font-size:17px;line-height:50px; position:relative}
.m-menu li>a i{ position:absolute; width:20px; height:20px; right:0;top:50%; margin-top:-10px}
.m-menu li>a i:before{ content:""; width:20px; height:1px; background:#fff; position:absolute; left:0;top:10px;}
.m-menu li>a i:after{ content:""; width:1px; height:20px; background:#fff; position:absolute; left:10px;top:0;}
.m-menu li>a.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.m-menu a{ display:block; color:#fff;}
.m-menu .sub{ display:none; padding-bottom:10px}
.m-menu .sub a{line-height:30px;font-size:15px; 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.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}

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

.banner, .banner .swiper-slide{ min-height:400px;}

@media screen and (max-width:1600px){
.wrap{ width:84%;}
.iquick .itop{ padding:25px 0 30px 0; }
.iquick .itop h3{font-size:32px;line-height:40px;}
.banner, .banner .swiper-slide{ height:calc(100vh - 216px); }
}

@media screen and (max-width:1366px){
.iquick .itop{ padding:20px 0 25px 0;}
.iquick .itop h3{ font-size:30px;  text-align:center; }
.banner, .banner .swiper-slide{ height:calc(100vh - 197px); }
.space{ height:82px;}
.header .wrap{ position:relative; height:82px;}
.header .menu li .menu_a{ line-height:82px;}
.header.scroll .wrap{ height:75px;}
.header.scroll .menu li .menu_a{ line-height:75px;}
.header .logo{ margin-top:-34px;}
.header .logo img{ height:68px;}
.header.scroll .logo img{ height:60px;}
.header.scroll .logo{margin-top:-30px;}
.title h3{font-size:42px;}
.nbanner .text h3{font-size:42px;}
.icoper .qimo8 .qimo ul li img{ height:95px;}
.wrap{ width:88%;}

.nbanner {height:350px; }

.nnav{ line-height:65px;}
.nnav .wrap{ width:100%}
.nnav ul li a{ font-size:16px; padding: 0 40px;}

#a01, #a02, #a03, #a04{ margin-top:-75px;}
.title h4{font-size:32px; line-height:35px;}
}

@media screen and (max-width:1240px){
.header .menu li .menu_a{ margin: 0 12px;}	
.iquick .list .item .text h3{ font-size:20px;}
.iquick .list .item .text{ height:60px;}
.title h3{font-size:40px;}
.nbanner .text h3{font-size:40px;}
.inews .title .more{ width:140px; line-height:38px; padding-right:25px; font-size:14px;}
.icoper .qimo8 .qimo ul li img{ height:90px;}
.footer li:nth-child(1) img{ height:88px;}
.footer { font-size:15px;}
.footer .fcontent{ padding:50px 0}
.wrap{ width:92%;}
.header .language{ width:88px; }
.inews .conn .item h3{ font-size:20px}
.nssip02 .item .text h3{ font-size:20px}

.nways .item .num{font-size: 50px;line-height: 60px;}
.nways .item h3{margin-bottom:10px; font-size:22px;}
.nways02 .conn .list .item{font-size:22px;}
.nschool .text{ padding:20px;}

.feedback .conn{ padding:40px 40px 70px 40px}
.newsxiang .ntitle h3{ font-size:24px}
}

@media screen and (max-width:1120px){
.header .menu li .menu_a{ margin: 0 8px;}	
body{ font-size:15px;} 
.wrap{ width:94%;}


}

@media screen and (max-width:1024px){
.header .menu{ display:none;}	
.m-menubtn{ display:block;}	
.header .language{ right:30px;}

.space{ height:70px;}
.header .wrap{ position:relative; height:70px;}
.header.scroll .wrap{ height:70px;}
#a01, #a02, #a03, #a04{ margin-top:-70px;}
.header .logo{ margin-top:-28px;}
.header .logo img{ height:56px;}
.header.scroll .logo img{ height:56px;}
.header.scroll .logo{margin-top:-28px;}
.m-menubtn{height:70px;}
.header.scroll .m-menubtn{ height:70px;}
.header .language a{ border:none}
.banner, .banner .swiper-slide{ height:380px; min-height:380px;}
.iquick .list .item .text h3{ font-size:18px;}
.iquick .list .item{ width:32%; margin-right:2%}
.inews .conn .item{ width:49%; margin-right:2%;}
.title h3{font-size:36px;}
.nbanner .text h3{font-size:36px;}
.footer li h3{ font-size:18px;}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.footer .fcontent{ padding:40px 0}
.nbanner {height:280px; }
.nnav ul li a{ font-size:16px; padding: 0 25px;}

.title h4{font-size:28px; line-height:32px;padding-bottom: 10px;}
.nserivce .title p{ line-height:32px; font-size:20px;}
.nserivce .title{ padding:25px 0px 35px 0px; }
.nserivce .conn .text h3{font-size: 22px;}
.nssip .item .icon{ font-size:22px; width:90px; line-height:90px; height:90px; margin-left:-45px; top:-45px;}
.nssip .item h3{font-size:22px;}
.nssip .item{ margin-top:45px;}
.nssip02 .item{ width:100%; margin-right:0%;}
.nschool02 .conn .item h3{font-size:20px;}
.nschool02 .conn .item{ padding:20px;}

}
@media screen and (max-width:920px){
.banner, .banner .swiper-slide{ height:340px; min-height:340px;}	
.iquick .itop  h3{ font-size:24px;}
.icoper .qimo8 .qimo ul li{ margin:5px;}
.icoper .qimo8 .qimo ul li img{ height:80px;}
.nnav{ line-height:55px;}
.nnav ul li a{ font-size:16px; padding: 0 20px;}

.nab .pic02{ float:none; width:100%; position:relative; left:auto; top:auto}
.nab .text{ float:none; width:100%; margin-top:20px; padding:0}
.nab02 .pic02{ float:none; right:auto;}
.nab02 .text{ float:none; }

.nab03 .pic{ float:none; width:100%; margin-right:0%;}
.nab03 .text{float:none; width:100%; margin-top:20px; }
.nab03 .title h5{ font-size:20px; margin-left: 0;}
.nssip .item .icon{ font-size:20px; }
.nssip .item h3{font-size:20px;}


.nways .item .num{font-size: 45px;line-height: 50px;}
.nways .item h3{font-size:20px;}
.nways02 .conn .list .item{font-size:20px;}

.nschool .chinamap{ float:none; width:100%; margin-bottom:30px;}
.nschool .text{width:100%; position: relative; top:auto; right:auto; height:auto; padding:15px;}
.newsxiang .ntitle h3{ font-size:22px}
.feedback .conn{ padding:25px 25px 40px 25px}
}
@media screen and (max-width:768px){
.banner, .banner .swiper-slide{ height:280px; min-height:280px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px;border:solid 1px #fff;}
.banner .swiper-pagination{bottom:3% !important;}
.banner .swiper-pagination-bullet-active{ border:solid 1px #01847f; }
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none }

.iquick .list .item{ width:100%; margin-right:0%; margin-top:20px;}
.iquick .list .item:nth-child(1){ margin-top:0}
.inews .conn .item{ width:100%; margin-right:0%; margin-top:20px;}
.inews .conn .item:nth-child(1){ margin-top:0}
.inews .item .text{ padding:15px;}
.icoper .qimo8 .qimo ul li img{ height:70px;}
.icoper .qimo8 .qimo ul li .img-dv .img1{ height:70px; width:auto !important;}

.title h3{font-size:32px;}
.nbanner .text h3{font-size:32px;}
.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.footer .fcontent{ padding:35px 0}

.wrap{ width:92%;}

.nbanner {height:200px; }
.nserivce .conn .pic{ float:none; width:100%}
.nserivce .conn .text{ float:none; width:100%}
.nserivce .conn .kuai:nth-child(2n) .pic{ float:none}
.nserivce .conn .kuai:nth-child(2n) .text{ float:none;}
.nserivce .conn .text{ padding-top:0}

.nschool02 .conn .item{ float:none; width:100%; margin-top:20px;}
.nschool02 .conn .item:nth-child(1){ margin-top:0}
.feedback .form .column{ float:none; width:100%; margin-right:0;}
.feedback .form .row_1 { margin-right:0px}

.newsxiang .newsxleft{ float:none; width:100%; margin-bottom:50px; }
.newsxiang .newsxright{ float:none; width:100%; }
.title p{ font-size:18px;}
}
@media screen and (max-width:640px){
.banner, .banner .swiper-slide{ height:240px; min-height:240px;}	
.space{ height:65px;}
.header .wrap{ position:relative; height:65px;}
#a01, #a02, #a03, #a04{ margin-top:-65px;}
.header.scroll .wrap{ height:65px;}
.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px;}
.header.scroll .logo img{ height:50px;}
.header.scroll .logo{margin-top:-25px;}
.m-menubtn{height:65px;}
.header.scroll .m-menubtn{ height:65px;}

.iquick .itop h3{ font-size:22px; line-height:32px; }
.footer ul {width: 100%;display: block;display:block;}
.footer li {line-height:28px; display:block;}
.footer li:nth-child(1) img{ display:none}
.footer li:nth-child(2){ display:none}
.footer li:nth-child(3) .kuai p:nth-child(1){padding: 10px 0 5px 23px;}
.footer li:nth-child(3) p{ padding-left:23px}
.footer li:nth-child(3) .kuai{padding-bottom: 17px; margin-bottom: 15px}
.title h3{font-size:28px; padding-bottom: 23px;}
.nbanner .text h3{font-size:28px;}
.nnav ul li a{ padding: 0 15px;}

.title h4{font-size:24px; line-height:30px;}
.nserivce .title p{ line-height:30px; font-size:18px;}
.nserivce .conn .text h3{font-size: 20px;}


.nssip .item{ width:100%; margin-top:40px; padding:60px 15px 30px 15px; margin-right:0}
.nssip .item:nth-child(2){ margin-top:65px;}

.nways .item{ width:100%;padding:15px 15px 30px 15px; margin-right:0%; margin-bottom:20px; }
.nways02 .conn .list .item{ float:none; width:100%; margin-right:0%; padding:30px 15px; margin-top:20px} 
.nways02 .conn .list .item:nth-child(1){ margin-top:0; }
}
@media screen and (max-width:450px){
.banner, .banner .swiper-slide{ height:200px; min-height:200px;}	
.nbanner {height:160px; }
.title h3{font-size:26px;}
.nbanner .text h3{font-size:24px;}
.nssip02 .item{ margin-top:15px;}
.nssip02 .item:nth-child(1){ margin-top:-10px}
.nssip02 .item .pic{ float:none; width:100%; position: relative; left:auto; top:auto; height:auto}
.nssip02 .item .pic img{ height:auto}
.nssip02 .item .text{ float:none; width:100%; padding:15px 15px 35px 15px; }
.nssip02 .item:nth-child(5) .text{ width:100%; float:none; margin-left:0;padding:15px 15px 15px 15px;}
.nssip02 .item:nth-child(5) .text02{ float:none; width:100%; padding:15px 15px 35px 15px;}


.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.footer .fcontent{ padding:30px 0}


.nab .pic02 img{ width:66%;max-width:66%; height:auto; margin:15px auto;}
}