@charset "utf-8";
/* CSS Document */
.menu-btn{ height:80px; margin:0 20px; width:25px;cursor:pointer; display:none; position:fixed; right:1%}
.header .menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span{background:#0064a7;}
.menu-btn .line1{ margin-top:35px}
.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:30px; height:30px; background:url(../images/mclose.png) no-repeat center center; background-size:cover; 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:20px; line-height:45px; display:block}

.m-menu li.last form {width: 80%;margin:50px auto 25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius:3px; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #0084ce;color: #FFF;margin-left: -3px;border-radius:3px;  border:none}



.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:#0064a7; 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}
.pcshow{ display: block}


@media screen and (max-width:1650px){
.header .menu li .menu_a{ margin:0 25px; }
}

@media screen and (max-width:1550px){
.header .menu li .menu_a{ margin:0 20px;font-size:17px; }
.title h3{ font-size:35px; line-height:35px;}

.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}
.header .language{ margin-top:-17.5px;}
.header .language li a{ width:35px; line-height:35px; font-size:15px;}

.iBnr3-box .t1{line-height:60px;font-size:45px;letter-spacing:10px;}
.iBnr3-box .t2{line-height:60px;font-size:30px;letter-spacing:0px;}

.iabout .video .video-btn{width:65px; height:65px;}
.inews .text h3{ font-size:18px;}
.nbanner img{ width:110%; margin-left:-5%;}

.title02 { margin-bottom:25px; position:relative;}
.title02 h3{ font-size:24px; line-height:30px; }
}

@media screen and (max-width:1366px){
body{ font-size:15px; line-height:28px; }
.iapp .swiper-slide .text h3{ font-size:20px;}
.iapp .swiper-slide .text .conn{ margin-bottom:0}
.iapp .swiper-slide .text{ padding:20px;}
.iapp .swiper-button-prev, .iapp .swiper-button-next{ width:25px; height:20px;}	
.iapp .swiper-button-prev{ left:calc(50% - 32px);}
.iapp .swiper-button-next{ right:calc(50% - 32px);}

.niapp .item .text h3{ font-size:20px;}
.niapp .item .text .conn{ margin-bottom:0}
.niapp .item .text{ padding:20px;}

.header .menu { right:100px;}
.header .menu li .menu_a{ margin:0 16px;}
.header .language li a{ width:35px; line-height:35px; font-size:15px;}
.header .language li{ margin-left:6px;}
.header .logo{ margin-top:-34px;}
.header .logo img{ height:68px;}

#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-90px;}
.header .wrap{ width:92%; max-width:92%;height:90px;}
.wrap{ width:92%;}
.space{height:90px;}
.header .menu li .menu_a{line-height:90px; font-size:16px;}

body{ font-size:15px;} 

.iBnr3-box .t1{line-height:50px;font-size:36px;letter-spacing:5px;}
.iBnr3-box .t2{line-height:50px;font-size:24px;letter-spacing:0px;}
.iBnr3-box .t1:after, .iBnr3-box .t1:before{ display:none}
.title h3{ font-size:32px; line-height:32px;}

.title h3{ font-size:24px;}	
.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}	
.title { margin-bottom:25px;}
.iabout .iyoushi li h3 span{ font-size:36px;}
.toscroll{ right:3%; bottom:3%}

.more a{ width:130px;line-height:42px; height:42px; padding-left:32px; border-radius:25px;}
.more a i{ width:42px; height:42px;}

.iBnr3-box{margin-top:-70px;}
.iabout .iyoushi li{ margin-right:30px}
.iabout .video .video-btn{width:55px; height:55px;}
.inews .othernews .item{padding: 15px 15px 20px 15px;}
.footer li:nth-child(1) img{ height:68px}
.footer .copyright{ padding:20px 0}
.nbanner .text{ bottom:0}
.nbanner img{ width:120%; margin-left:-10%;}
.nguide{ line-height:65px;}
.nguide li a{margin: 0 40px 0 0; font-size: 17px;}
.nab .conn p{ line-height:30px;}
.nab .lists .item .text{ padding:20px 20px 30px 20px;}
.nab .lists .item .text h3{ font-size:20px;}

.history-list .item h3{ font-size:28px; margin-bottom:10px}
.history-list .item p{ line-height:30px; width:110%}

.nab03 .conn .item h3{ font-size:20px; margin-top:20px;}
.nab03 .conn .item .con{ margin:10px 20px 30px 20px}
.nab04 .wenzi{ padding:20px;}

.nab04 .wenzi h3{ font-size:18px; line-height:30px;}
.nab04 .wenzi h4{ font-size:17px;}
.nfengcai .swiper-slide .text h3{ font-size:18px;}
.newsxiang .newstitle h3{ font-size:24px;}

.nnews .newskuai .wenzi h3{ line-height:30px; font-size:20px; margin-bottom:5px;}
.nnews .newskuai .wenzi .more{ margin-top:20px;}
.nnews .newskuai .wenzi{ padding:0}
.nnews .newskuai{ padding:20px 0}
}

@media screen and (max-width:1240px){
.header .wrap{ width:94%; max-width:94%;}
.wrap{ width:94%;}	
#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-80px;}
.header .wrap{height:80px;}
.space{height:80px;}
.header .menu li .menu_a{line-height:80px; margin:0 13px;}
.header .logo{ margin-top:-30px;}
.header .logo img{ height:60px;}
.header .language li a{ font-size:14px;}
.title h3{ font-size:28px; line-height:30px;}
.inews .date h3{ font-size:36px;}
.inews .topnews{ width:40%}
.inews .othernews{ width:58%}
.header .menu { right:90px;}
.iBnr3-box .t1{line-height:50px;font-size:30px;letter-spacing:0px;}
.iBnr3-box .t2{line-height:50px;font-size:20px;}
.inews .text h3{ font-size:17px; margin-bottom:5px;}
.iworld .conn{ width:100%;}

.footer li:nth-child(1) img{ height:60px}
.footer li:last-child{ display:none}
.footer li h3{ font-size:16px;}
.footer .fcontent{ padding:50px 0}
.nbanner img{ width:130%; margin-left:-15%;}
.nbanner.nbannerabout img{ width:130%; margin-left:-20%;}
.nguide{ line-height:55px;}
.nguide li a{margin: 0 30px 0 0; font-size: 16px;}
.nab .lists .item .text h3{ font-size:18px;}
.ncontact .conn .cleft .kuai h3{ font-size:18px;}
.ncontact .conn .cleft .kuai h3{ margin-bottom:0}

.nsb .conn .list .item .num{width: 30px; height: 30px;line-height: 30px;left: 8%; margin-top: -15px; font-size:20px;}
.nsb .conn .list .item .text p{ font-size:16px;padding-left: 32%;}
.nsb .conn .list{margin-bottom:15px;}
.nsb .conn .list .item .text{ height:70px;}
.nsb .conn .list .item{ height:70px;}
}
@media screen and (max-width:1024px){
.header .menu { display:none}	
.menu-btn{ display:block}
.m-foot{ display:block}
.footer{ margin-bottom:55px;}
.header .language{ right:56px;}
.header .language{ margin-top:-16px;}
.header .language li a{ width:32px; line-height:32px; font-size:13px;}

.banner, .banner-box{height:500px; min-height:500px;}
#index-bnr .bnr-img{height:500px; min-height:500px;}

.iabout .video .video-btn{width:45px; height:45px;}

.map-poi h3{ font-size:15px;}
.inews .topnews .text{width: calc(100% - 75px);}
.nbanner img{ width:140%; margin-left:-20%;}
.nbanner.nbannerabout img{ width:140%; margin-left:-30%;}
.history-list .item h3{ font-size:24px; margin-bottom:5px}
.history-list .item p{width:100%}
.feedback .conn{ padding:30px;}
.ndown ul li{ padding:30px 20px}
}
@media screen and (max-width:920px){
.banner, .banner-box{height:450px; min-height:450px;}
#index-bnr .bnr-img{height:450px; min-height:450px;}
body{ font-size:14px;}	

.iabout .video{ width:100%; position:relative; float:none; border-radius:0; overflow:hidden}
.iabout .iableft{ float:none; width:100%; margin-top:30px}

.iabout.section{ padding-top:0; }
.iapp .swiper-button-prev, .iapp .swiper-button-next{ width:20px; height:16px;}	
.iapp .swiper-button-prev{ left:calc(50% - 28px);}
.iapp .swiper-button-next{ right:calc(50% - 28px);}
.iapp .swiper-slide .text h3{ font-size:18px; margin-bottom:5px}
.iapp .swiper-slide .text .conn{ line-height:25px; height:75px;}
.iabout .iyoushi ul{width: 100%;display: flex; display: -webkit-flex;justify-content: space-between;}
.iabout .iyoushi ul li{ display:inline-block; margin-right:auto}

.niapp .item .text h3{ font-size:18px; margin-bottom:5px}
.niapp .item .text .conn{ line-height:25px; height:75px;}

.map-poi h3{ margin-left:-35px;}
.map-poi.map-poi03 h3{ margin-left:15px;}
.map-poi h3{ font-size:14px;}
.map-poi02 h3{ margin-left:18px;  white-space:nowrap !important;}

.map-poi.poi2 h3{margin-top: 0px !important;}

.map-poi .dian {width: 10px;height: 10px;}
.map-poi .dian:after, .map-poi .dian:before {width: 8px;height: 8px}
.footer .copyright{ padding:15px 0}
.footer .fcontent{ padding:40px 0}
.footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.nbanner img{ width:150%; margin-left:-25%;}
.nbanner.nbannerabout img{ width:150%; margin-left:-40%;}
.nguide li a{margin: 0 20px 0 0;}
.nab .lists .item .text p span{ display:block; width:100%;}
.nab02 .text{ padding:12px; margin:0 5px}

.nab04 .wenzi{ width:55%;}
.nab04 .pic{  width:45%;}
.nab05 .swiper-slide .text h3{ font-size:16px; padding:15px;}
.nab05 .swiper-slide{ margin-bottom:20px;}
.ncontact .conn .cleft{ width:100%}
.ncontact .conn #dituContent{ width:100%; height:420px; position:relative; top:auto; right:auto;}
.nfengcai .swiper-slide .text h3{ font-size:17px;}
.hrtop{ font-size:16px; padding:0 15px;}
.hrtop span:nth-child(2), .hrtop span:nth-child(3){ display:none}
.hrtop span{ width:30%;}
.hrtop span.job{ width:40%;}
.hrlist li.cur .toptit {background: url(../images/nanext05.png) no-repeat calc(100% - 5px) center;}
.hrlist .toptit{padding: 0px 15px;background: url(../images/nanext04.png) no-repeat calc(100% - 5px) center;}
.hrlist .toptit span:nth-child(3), .hrlist .toptit span:nth-child(4){ display:none}
.hrlist .toptit span{ width:30%;}
.hrlist .toptit span.job{ width:40%}
.hrlist .cont{margin: 15px 15px;}

.shangxia{ padding:12px 0;}
.shangxia li{ float:none; text-align:left;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}
.ndown ul li .text h3{ font-size:16px;}
.nnews .newskuai .wenzi h3{ font-size:18px;}

.videoList li{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.videoList li:nth-child(3n){ margin-right:3%}
.videoList li:nth-child(2n){ margin-right:0}
.videoList li .tit{ font-size:18px; padding:15px 0}

.title02 { margin-bottom:15px;}
.title02 h3{ font-size:20px;}
}
@media screen and (max-width:768px){
.title h3{ font-size:24px;}	
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}	
.title { margin-bottom:20px;}
.title h3{ padding-bottom:20px}
.toscroll{ display:none}
#a01, #a02, #a03, #a04, #a05, #a06{ margin-top:-70px;}
.header .wrap{height:70px;}
.space{height:70px;}
.menu-btn{ height:70px;}
.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px;}
.menu-btn .line1{ margin-top:28px;}

.banner, .banner-box{height:350px; min-height:350px;}
#index-bnr .bnr-img{height:350px; min-height:350px;}
.iBnr3-box{margin-top:-60px;}
.iBnr3-box .t1{line-height:40px;font-size:24px;}
.iBnr3-box .t2{line-height:40px;font-size:18px;}
.iapp .swiper-slide .text{ padding:15px 15px 25px 15px;}
.iapp .swiper-slide{ margin-bottom:35px;}
.iabout .iyoushi li h3 span{ font-size:30px;}


.iabout .video .video-btn{width:40px; height:40px;}
.iabout .video .video-btn, .iabout .video:hover .video-btn{ background:none}
.iworld .title p{ font-size:16px;}
.iworld .title h3{ padding-bottom:10px;}


.inews .topnews{ width:100%; position:relative; height:auto; top:auto; left:auto; margin-bottom:20px;}
.inews .othernews{ width:100%}

.map-poi h3{ margin-left:-30px;}
.map-poi02 h3{ margin-left:13px;  white-space:nowrap !important;}

.map-poi.poi2 h3{margin-top: -5px !important;}
.footer li:nth-child(1) img{ height:50px;}
.inews .date h3{ font-size:30px;}

.nbanner img{ width:180%; margin-left:-40%;}
.nbanner.nbannerabout img{ width:180%; margin-left:-70%;}
.niapp .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
.niapp .item:nth-child(3n){ margin-right:3%; }
.niapp .item:nth-child(2n){ margin-right:0%; }

.ncontact .conn .cleft .kuai h3{ padding:5px 0; line-height:28px;}

.feedback .form .column{ float:none; width:100%; margin-right:0;line-height:42px; height:42px; }
.feedback .form .row_1 { margin-right:0}
.feedback .form .row_1 input{ line-height:42px; height:42px;}
.feedback .form .row_1 select{ line-height:42px;height:42px;}
.feedback .form .row{ width:160px; font-size:16px; line-height:45px; height:45px;}
.feedback .form .row .submit{ width:160px; font-size:16px; line-height:45px; height:45px; }
.newsxiang .newstitle h3{ font-size:22px; margin-bottom: 5px;}

.ndown ul li{ width:48.5%; margin-right:3%; margin-bottom:3%}
.ndown ul li:nth-child(3n){ margin-right:3%}
.ndown ul li:nth-child(2n){ margin-right:0%}
.nnews .newskuai .wenzi h3{ font-size:17px;}

.nsb .conn .list .item{ width:33.33%; margin-bottom:10px;}

}

@media screen and (max-width:540px){
.iBnr3-box{margin-top:-40px;}
.banner, .banner-box{height:320px; min-height:320px;}
#index-bnr .bnr-img{height:320px; min-height:320px;}
.footer li:nth-child(2), .footer li:nth-child(3){ display:none}
.nbanner img{ width:200%; margin-left:-50%;}
.nbanner.nbannerabout img{ width:200%; margin-left:-90%;}
.nguide ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.nguide li{white-space:nowrap; width:auto; display:inline-block; }
.nab .lists .item{ width:100%; margin-right:0}
.nab .lists .item:nth-child(2){ margin-top:20px;}


.history-list{ position:relative;}
.history-list{ padding:0; background: url(../images/aboutdbg.png) no-repeat center bottom;}
.history-list .swiper-container{ padding:0 50px;}
.history-list .swiper-slide{ position:relative;height:250px;}
.history-list .item{ position:absolute;top:0; left:0px; height:240px;padding-left:20px; padding-top:20px; width:80%; margin:0 10%;}

.history-list .item .dian {position: absolute;bottom: -9.5px;left:-9.5px;width: 19px;height: 19px;background: url(../images/dian01.png) #fff no-repeat center center; border-radius:50%}

.history-list .item h3{ font-size:22px; margin-bottom:10px}
.history-list .item p{ font-size:16px; line-height:30px;white-space: normal; width:100%}
.history-list .swiper-slide:hover .dian{background: url(../images/dian02.png) #fff no-repeat center center;}
.history-list .swiper-slide:nth-child(even) .item{ top:0; bottom:auto;}
.history-list .swiper-slide:nth-child(even) .item .dian{ bottom:-9.5px; top:auto}
.history-list .swiper-slide:hover .item:after{ opacity:1}
.history-list .swiper-button-prev, .history-list .swiper-button-next{display:block; width: 48px !important;height: 48px !important; border-radius:50%; background:none; overflow:hidden}
.history-list .swiper-button-prev{left:0;}	
.history-list .swiper-button-next{right:0;}	
.history-list .swiper-button-prev span, .history-list .swiper-button-next span{width: 48px !important;height: 48px !important; position:absolute; left:0; top:0;background:url(../images/napre02.png) #0b6abb no-repeat center center;}
.history-list .swiper-button-next span{background:url(../images/nanext02.png) #0b6abb no-repeat center center;}

.nab03 .conn .item{ width:100%;margin-right: 0;}
.nab03 .conn .item:nth-child(4), .nab03 .conn .item:nth-child(5){ width:100%; margin-right:0}

.nab04 .wenzi{ width:100%; position:relative; height:auto}
.nab04 .pic{  width:100%;}

.niapp .item{ width:100%; margin-right:0%; margin-bottom:20px}
.niapp .item:nth-child(3n){ margin-right:0%; }

.ndown ul li{ width:100%; margin-right:0%; margin-bottom:20px}
.ndown ul li:nth-child(3n){ margin-right:0%}

.nnews .newskuai .pic{ float:none; width:100%; margin-bottom:15px;}
.nnews .newskuai .wenzi{ float:none; width:100%;}

.videoList li{ float:none; width:100%; margin-right:0%; margin-bottom:20px;}
.videoList li:nth-child(3n){ margin-right:0}

.nsb .conn .list .item{ width:50%;}
}