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

.m-menubtn{z-index: 10001;top:0;right:0%;cursor: pointer;-webkit-transition:.5s;transition:.5s;background:#0b6abb; position:fixed; width:80px; height:95px; display:none;}
.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:10000;display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.m-menu ul{ width:100%;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:28px; 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:9999;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%}


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

@media screen and (max-width:1440px){
body{ font-size:15px;}
.header .menu li .menu_a{font-size:16px;}
.nab01 .conn p{font-size:16px;}
.nnews .topnews .nmore{ margin-top:20px;}

.intods-cont .text { line-height:30px; font-size:16px;}
.intods-cont .text p{ margin-bottom:10px}

.nguide li{  line-height:60px; font-size:17px; }
}

@media screen and (max-width:1240px){
body{ font-size:14px;}

}

@media screen and (max-width:1200px){
.banner, .banner-box{height:580px;}
#index-bnr .bnr-img{height:580px;}
.iBnr3-box .t1{line-height:60px;font-size:45px;letter-spacing:10px;}
.iBnr3-box .t2{line-height:60px;font-size:30px;letter-spacing:0px;}
.i-about .conn .wenzi .intro p{ font-size:16px; line-height:35px;}
.i-app li .wenzi .inn .ptitle h3{ font-size:20px;}

.i-news .newsright .kuai .other{margin-bottom:5px; line-height: 20px;}
.title{ margin-bottom:30px;}
.header .menu li .menu_a{margin: 0 10px;}

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

.title{margin-bottom:30px !important;}
.title h3{font-size:36px;padding-bottom:20px;}

.ntitle{ margin-bottom:30px !important;}
.ntitle h3{font-size:28px; padding-bottom:20px;}

.i-app li .wenzi .inn p{ line-height:20px;}


.hrlist .item h3{ font-size:18px;  margin-bottom:5px;}


.hrlist .item .hd .closed{ width:40px; height:40px; background-size:cover; margin-top: 35px;margin-left: 255px;}
.hrlist .item .hd .hr_con{ width:640px; height:90%; top:5%; margin-left:-320px; padding:20px;}
.nnews .topnews .wenzi h3 { font-size:20px; margin:10px 0 0 0}
.nnews .topnews .time{ margin-bottom:10px}
.nnews .topnews .wenzi p{ line-height:25px; height:75px;}
.nnews .topnews .nmore{ display:none}

.nbanner .text h3{ font-size:40px;}

.intods-cont{ padding:30px}

}

@media screen and (max-width:1100px){
.header .tel{ display:none}	
.header .menu{ display:none}
.header .wrap{ height:95px; width:100%;}
.header .wrap .logo{ left:3%}
.header .language{ right:80px;}

.m-menubtn{ display: block}



.m-menubtn{height:95px;}
.footer li:nth-child(4),.footer li:nth-child(5),.footer li:nth-child(6){ display:none}
.footer li:last-child img{max-width: 120px !important;}

.proskuai .hd .closed{ width:40px; height:40px; background:url(../images/hrclose.png) no-repeat center; background-size:cover; left:calc(50% + 250px); top:calc(5% + 15px)}
.proskuai .hd .hr_con{ width:640px;margin-left:-320px; padding:20px;}
.proskuai .hd .hr_con .huadong{ overflow-x:auto; }

.cullist .tit{ font-size:20px;}
}

@media screen and (max-width:920px){
.m-menubtn{height:80px; width:70px}	
.header .wrap{ height:80px;}
.header{ height:80px}
.header .language{ line-height:80px;}
.header .logo{ margin-top:-28px;}
.header .logo img{ height:56px; }
.m-menubtn>span{ width:28px;}
.banner, .banner-box{height:480px;}
#index-bnr .bnr-img{height:480px;}

.iBnr3-box .t1{line-height:50px;font-size:35px;letter-spacing:0px;}
.iBnr3-box .t2{line-height:50px;font-size:24px;letter-spacing:0px;}
.iBnr3-box .t1:after, .iBnr3-box .t1:before{ display:none}
.iBnr3-box{margin-top: -50px;}
#index-bnr .swiper-pagination-bullet{ width:40px;}


.title h3{font-size:30px;padding-bottom:20px;}
.ntitle h3{font-size:26px; padding-bottom:20px;}
.i-app li .wenzi .inn{padding: 20px 15px 20px 15px;}

.i-about .conn .wenzi .intro{ float:none; width:100%; padding-right:0px; height:auto; margin-right:0px; border-right:none;}
.i-about .conn .wenzi .tit h3{ font-size:24px;}
.i-about .conn .wenzi .intro p{line-height:30px; font-size:15px; margin-bottom:10px;}
.i-about .use{ margin-top:50px; text-align:center}
.youshi {z-index:9; float:none; width:100%}
.i-about .conn{ margin:0}

.youshi li{padding:20px 0;}
.youshi li:nth-child(3), .youshi li:nth-child(4){padding-top:30px; padding-bottom:10px;}
.youshi li h3{font-size:18px;}
.youshi li h3 span{font-size:45px; line-height:35px;}
.youshi li p{font-size:16px}
.youshi li h3{ margin-bottom:5px}

.i-news .newsleft{ width:100%; position: relative;}
.i-news .newsleft img{height:auto;}
.i-news .newsleft .img-dv{height:auto; width:100%}
.i-news .newsright{ float:none; width:100%; margin-top:30px}
.i-news .newsleft .wenzi{padding: 10px 25px;}
.i-news .newsright .kuai .wenzi{ margin-top:-10px}

.m-menu{ display:block !important}
.m-menu ul{ display:block !important; margin-top:70px}
.m-menu li{ float:left; width:50%; margin-bottom:20px}
.m-menu li:nth-child(2n){ clear:both; }
.m-menu li>a{ font-size:20px;line-height:35px; margin-bottom:10px}
.m-menu .sub a{line-height:30px;font-size:16px;}
.m-menu li:nth-child(1){ display:none}

.nguide li{ margin-right:2px; line-height:50px; font-size:16px;}
.wrap{ width:95%;}



.downlist .kuai{ float:none; width:100%; padding:20px; line-height:30px; font-size:16px; margin-bottom:20px;}
.downlist .kuai:nth-child(2n){ float:none}
.downlist .kuai .down .icon{background:url(../images/downa.png) #b2b2b2 no-repeat center top; background-size:cover; width:40px; height:40px !important;}
.downlist .kuai:hover .down .icon{background:url(../images/downa.png) #0b6abb no-repeat center bottom;background-size:cover; }
.downlist .kuai .wenzi h3{font-size:16px; font-weight:bold; line-height:24px;}
.downlist .kuai .wenzi{padding: 0 0px 0 20px;}

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

.nbanner .text h3{ font-size:30px;}
}

@media screen and (max-width:640px){
.iBnr3-box .t1{line-height:45px;font-size:28px;}
.iBnr3-box .t2{line-height:45px;font-size:20px;}

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


.section{ padding:45px 0 60px 0}
.sectionpre{ padding-top:45px}
.sectionpre02{ padding-top:30px}
.sectionnext{ padding-bottom:60px}
.nmain.njiang.section{ padding-bottom:45px !important}
.nmain.sectionpre{ padding-top:45px}

.title h3{font-size:26px;}
.ntitle h3{font-size:24px;}

.nlx .title h3{font-size:24px;} 


.i-app li{ width:50%}
.i-about:after{background:url(../images/company.jpg) no-repeat center top; background-size:auto 100% !important;} 

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

.footer{ padding:35px 0 45px 0; }
.footer li:first-child img{ max-width:120px !important;}
.footer li:last-child img{ max-width:100px !important;}

.footer li .add{ padding-left:28px;}
.footer li .tel{ padding-left:28px;}
.footer li .mail{ padding-left:28px;}

.nbanner .nbanimg, .nbanner .banner-container { width:120%; margin-left:-10%}
.nguide li{ line-height:45px; font-size:15px;}
.ncontact li .wenzi{ font-size:16px;}
.ncontact li .wenzi h3{ font-size:18px;}

.ncontact li{ float:none; width:100%;}
.ncontact li .icon img{ max-width:100px;border:solid 10px #85b4dd;}

.inquiry .form .column{ float:none; width:100%; margin-right:0px;line-height:40px; position:relative; height:42px}
.inquiry .form .row_1 { margin-right:0}
.inquiry .form .row_1 input{ border:none; line-height:40px;height:40px; }
.inquiry .form .row_1 label{ line-height:40px;  }
.title p{ font-size:16px}


.hrlist .item{ width:100%; float:none; margin-bottom:20px; padding:15px;}
.hrlist .intro span:nth-child(2){padding-right:0}
.hrlist .intro span:last-child{ display:block}


.hrlist .item .hd .closed{ margin-top:20px;margin-left: 0; top:5%; left:auto; right:calc(3% + 15px)}
.hrlist .item .hd .hr_con{ width:94%;  margin-left:0; left:3%; padding:20px;}

.proskuai .hd .closed{  margin-top:20px;margin-left: 0; top:5%; left:auto; right:calc(3% + 15px)}
.proskuai .hd .hr_con{ width:94%;margin-left:0; left:3%; padding:20px; font-size:15px;}

.hrlist .item .hd .hr_con span{  width:50%; padding:0}
.hrlist .item .hd .hr_con span:last-child{ width:100%}

.report ul li{width:48.5%; margin-right:3%; margin-bottom:3%;padding:20px;}
.report ul li:nth-child(3n){ margin-right:3%}
.report ul li:nth-child(3n+1){ clear:none; }
.report ul li:nth-child(2n){ margin-right:0}
.report ul li:nth-child(2n+1){ clear:both; }


.eqlists li{ width:48.5%; margin-right:0%; margin-bottom:20px;}
.eqlists li:nth-child(3n+1){ clear:none;}
.eqlists li:nth-child(2n){ float:right}
.eqlists li:nth-child(3n+1){ clear:both;}
.eqlists li .wenzi{font-size:16px;}


.nnews .topnews{ padding-bottom:30px;}
.nnews .topnews .pic{ float:none; width:100%}
.nnews .topnews .wenzi{ width:100%;padding:15px 15px 30px 15px; position:relative;}
.nnews .topnews .swiper-pagination { padding-left:0; width:100%; text-align:center; bottom:10px !important }

.newslist li .txt .tit{ font-size:16px; line-height:24px; margin-bottom:10px !important;}

.newslist li .txt{width: calc(76% - 90px);margin-right:2%; margin-left:2%;}
.newslist li .time{margin-top:30px;width: 80px; padding-left:20px; }
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size:45px;line-height:45px;}

.shangxia li{ float:none; width:100%; }
.shangxia li:nth-child(2){ float:100}
.shangxia li a{ margin:0 20px; line-height:50px;}
.nguide06{ text-align:center}
.nguide06 li{width:auto; padding:0; display:inline-block; margin:0; float:none; margin-left:-2px}

.nguide05{ text-align:center}
.nguide05 li{width:auto; padding:0; display:inline-block; margin:0; float:none; margin-left:-2px}
.nguide li a{ padding:0 4px;}
.nguide06.nguide li a{ padding:0 6px;}

.nbanner .text h3{ font-size:28px;}
.nbanner .wrap{ width:100%}


.proskuai{ padding:30px 0 50px 0;}

.proskuai .pic{ width:100% !important; float:none; }
.proskuai .wenzi{ width:100% !important ; float:none; padding-top:25px;}
.proskuai:nth-child(2n+1) .pic{ float:none; }
.proskuai:nth-child(2n+1) .wenzi{ float:none; }
.proskuai .hd .hr_con table td { font-size:14px !important}
.proskuai .hd .hr_con .ntitle h3{ font-size:18px;}

.proskuai .swiper-pagination{ left:0%; width:100%}
.proskuai:nth-child(2n+1) .swiper-pagination{ left:0; right:0%}

.proskuai .hd .hr_con  img{ display:block;}
.pcshow{ display:none}
.phshow{ display:block}


.intods-cont{width:100%;}
.intods-cont .text{font-size:16px;}
.intods-img{position: relative; height:auto; width:auto; max-width:100%; text-align:center; bottom:auto;right:auto;}
.intods-img .picture{ display:block; height:auto; width:auto; max-width:100%;margin-bottom:20px;position: relative;right:auto; top:auto }
.intods-img .picture img {display:block; height:auto; width:auto; max-width:100%;position: relative;right:auto; top:auto }

.intods-cont .english{ margin-top:60px}


.nhguide li{ line-height:42px;margin: 0 3px;} 
.nhguide li a{ padding:0 15px;}


.horlist li{ margin-right:0%; width:48.5%; margin-bottom:3%; border-radius:10px;}
.horlist li:nth-child(3n){ margin-right:0}
.horlist li:nth-child(3n+1){ clear:none}
.horlist li:nth-child(2n){ float:right}
.horlist li:nth-child(2n+1){ clear:both}

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


.nyoushi ul{ display:block}
.nyoushi ul li{ float:left; width:50%}
.nyoushi ul li:nth-child(2n+1){ clear:both}
.nyoushi li h3{margin-top:5px; font-size:18px;}
.nyoushi li h3 span{font-size:35px; line-height:35px;}
.nyoushi .icon img{ max-height:40px; }

.nab01 .intro{padding: 0px 0 20px 0;}
}



@media screen and (max-width:460px){
.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px; }	
.header{ height:75px}
.m-menubtn{height:75px; width:60px}	
.header .wrap{ height:75px;}
.header .language{ line-height:75px; right:65px}
	
.banner, .banner-box{height:300px;}
#index-bnr .bnr-img{height:300px;}	
.iBnr3-box{margin-top: -30px;}

.iBnr3-box .t1{line-height:40px;font-size:26px;}
.iBnr3-box .t2{line-height:40px;font-size:18px;}

.guang {  width:400px; height:300px;}

.nbanner .nbanimg, .nbanner .banner-container { width:160%; margin-left:-30%}
.title p{ font-size:15px}

.report ul li{width:100%; float:none; margin-right:0%; margin-bottom:15px; padding:15px;}
.report ul li p{margin-top: 10px; padding-top: 10px;}



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

.newslist li .pic{width:100%; float:none}
.newslist li .txt{width: calc(100% - 110px);margin-right: 0%; margin-left:0%; float:left}


.sanlis .item{ float:none; width:100%; margin-right:0%; margin-bottom:25px;}


.history-list .item h3{ font-size:24px; margin-bottom:5px}
.history-list .item p{ font-size:15px; line-height:28px;white-space: normal;}

.history-list .swiper-container{ padding:0 20px}
.history-list .item{right:-50px; top:0; left:-50px;padding-left:20px; padding-top:20px;}
}