@charset "utf-8";
/* CSS Document */
.menu-btn{ height:95px; width:25px;cursor:pointer; display:none; position:fixed; top:0; right:20px; z-index:9999}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span, .header:hover .menu-btn span{ background:#15499a}
.menu-btn .line1{ margin-top:38px}
.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/close1.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:50px; display:block}

.m-menu li.last form {width: 80%;margin: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: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px; text-align:center;background: #0353a5;color: #FFF;margin-left: -3px; border:none; 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:#15499a; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:25%; text-align:center; text-transform:uppercase}
.m-foot li a{ color:#fff; font-size:14px; 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 !important; position:relative}
.pcshow{ display: block !important; position:relative}

@media screen and (max-width:1650px){
.nab01 .text h3{ display:none; }	
}

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

.title h3{ font-size:40px; line-height:40px; margin-bottom:5px;}
.banner .swiper-slide .text h3{ font-size:40px; margin-bottom:30px;}
.banner .swiper-slide .text p{ font-size:22px;}
.nbanner .text h3{ font-size:40px; line-height:40px; margin-top:-40px;}
.nbanner .text p{ font-size:18px;}

}

@media screen and (max-width:1440px){
.header .menu li .menu_a{margin:0 20px}
.iapp .item .icon{margin: 10px auto 30px auto;}
.iapp .item .text h3{ font-size:22px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-92px;}
.header{height:92px;}
.header .menu li .menu_a{ line-height:92px;}
.header .logo img{ height:78px; margin:7px 0}

.header .language{ margin:27px 5% 27px 0}
.header .language li{ width:38px; height:38px;line-height:36px;}

.wrap{ width:88%;}

.inews .conn .othernews .inewskuai h3{ font-size:17px; line-height:25px;}



.title h3{ font-size:36px; line-height:36px; margin-bottom:5px;}
.banner .swiper-slide .text h3{ font-size:36px; margin-bottom:30px;}
.banner .swiper-slide .text p{ font-size:20px;}
.nbanner .text h3{ font-size:36px; line-height:36px; margin-top:0;}
.nbanner .text p{ font-size:17px;}


.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.iabout.section{ padding:120px 0;}

.title { margin-bottom:30px;}

.banner .swiper-slide .text p{ max-width:530px; line-height:35px; margin-bottom:50px;}

.iabout .youshi li h3 span{ font-size:50px;}
.iabout .youshi li p{ font-size:16px;}

.nbanner img { width:110%; margin-left:-5%}

.nab01 .text {padding: 35px;}
.nab02 .item .text .wenzi h4{font-size:18px; margin-bottom:5px; }

.nab03 .conn .item .image img{ height:400px;}
}

@media screen and (max-width:1240px){
.header .menu li .menu_a{margin:0 15px;font-size: 17px;}
.wrap{ width:90%;}


#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-84px;}
.header{height:84px;}
.header .menu li .menu_a{ line-height:84px;}
.header .logo img{ height:68px; margin:9px 0}



.banner .swiper-slide .text h3{ font-size:32px; margin-bottom:25px;}
.banner .swiper-slide .text p{ font-size:18px;}
.nbanner .text h3{ font-size:32px; line-height:32px;}
.nbanner .text p{ font-size:16px;}

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

.title { margin-bottom:25px;}

.banner .swiper-slide{ height:600px; min-height:600px}
.iabout .conn p {margin-bottom: 8px; line-height:30px;}

.nbanner img { width:120%; margin-left:-10%}

.nab02 .item .text .icon{ margin-bottom:20px;}
.nab02 .item .text .wenzi h3{ font-size:28px;}

.nab03 .conn .item .image img{ height:350px;}
.nab03 .conn .text{ font-size:16px}

.prodetail .wenzi h3{ font-size:26px; margin: 0px 0 15px 0; }

.nproxiang .protabmenu li {line-height:55px; padding:0 35px; font-size:20px; }

.neqlist li .text{ line-height:50px; padding-bottom:5px;}
.neqlist li h3{font-size:18px; }

.newsxiang .newscon{ line-height:30px;}
}

@media screen and (max-width:1024px){
.wrap{ width:94%;}
.banner .wrap{ width:94%; max-width:94%; }
.header .logo{ margin-left:3%}
.header .language{ margin-right:3%}
.inews .conn .othernews .inewskuai h3{ font-size:16px; line-height:20px;}
body{ font-size:15px; line-height:28px;}

.title h3{ font-size:28px; line-height:28px;}
.banner .swiper-slide .text h3{ font-size:28px; margin-bottom:20px;}
.banner .swiper-slide .text p{ font-size:17px;}
.nbanner .text h3{ font-size:28px; line-height:28px;}


.banner .swiper-slide .text .more{ width:140px; line-height:36px;}



.iapp .item:hover a.morea span{ width: 100px; }
.iapp .item .text h3{ font-size:20px; margin-bottom:10px;}

.banner .swiper-slide{ height:550px; min-height:550px}
.iabout .youshi { padding: 40px 0 50px 0;}

.iabout .youshi li h3 span{ font-size:40px;}
.iabout .youshi li p{ font-size:15px;}
.footer li:nth-child(4){ display:none}

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

.nnav{ line-height:55px;}
.nnav li{ display:inline-block; font-size:17px;}
.nnav li a{ margin:0 20px; }

.nab01 .conn{ position:relative; margin-top:0px;}
.nab01 .pic{display:none}
.nab01 .text{ width:100%; padding:0; background:none; box-shadow: none; }
.nab01 .text img{ display: block; width:50%; max-width:500px; margin:0 0 25px 25px; float:right}

.nab03 .conn .item .image img{ height:320px;}
.nprolist li h3{ font-size:18px;}
.prodetail .use{ margin-top:50px;}


.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 820px;height: 447px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 660px; position:relative;float: left;height: 447px;background: #fff;}
.photo-panel .photo-view-w {width: 660px;height: 447px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 660px;height:  447px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 640px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 640px;height: 427px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 80px;float: left;margin-top: 180px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:18px;}
}
@media screen and (max-width:920px){
.header .menu{ display:none}
.menu-btn{ display:block}
.float_r{ display:none}
.header .language{ margin-right:65px;}
.banner .swiper-slide{ height:450px; min-height:450px}	

.iapp .item{ width:50%}
.inews .i-news-list{ width:100%;}
.inews .conn .othernews{ width:100%;padding:20px; position:relative; left:auto; top:auto; height:auto}
.inews .conn .othernews .inewskuai{ position:relative; width:auto; height:auto; left:auto; top:auto}
.inews .conn .othernews .inewskuai:nth-child(2){ top:auto;}
.inews .conn .othernews .inewskuai:nth-child(3){ top:auto}
.inews .conn .othernews .inewskuai h3{ line-height:26px;}
.inews .conn .othernews .inewskuai p{ margin-bottom:8px}
.footer .bottom{ display:none}
.footer .fcontent{ padding-top:0; border-top:none}
.footer{ padding-top:30px;}
.footer .fcontent{ padding:0 0 30px 0}
.footer li:nth-child(3){ display:none}
.m-foot{ display:block;}
.footer{ margin-bottom:55px;}
.footer .copyright{ padding:15px 0; line-height:24px;}

.banner .swiper-slide .text h3{ margin-bottom:10px;}
.banner .swiper-slide .text p{ line-height:28px; font-size:16px; margin-bottom:30px}
.banner .swiper-button-prev, .banner .swiper-button-next{  display:none !important}
.banner .swiper-pagination{bottom:25px !important; text-align:center;}
.banner .swiper-slide .text{ line-height:normal}

.banner .swiper-slide .text{ top:calc(50% + 30px)}
.nab02 .item .text .wenzi h3{ font-size:24px; margin-bottom:15px;}
.nab02 .item .text .wenzi h4{font-size:16px; margin-bottom:0}

.nab03 .conn .item .image img{ height:260px;}

.nnewslist .newskuai .text{ margin-top:0}
.iproducts .swiper-slide{ margin-bottom:20px;}
.iproducts .swiper-pagination-bullet{ width:8px; height:8px;margin:0 4px; border-radius:50%;}

.newsxiang .wrap{ padding:20px;}
.newsxiang .newstitle h3{font-size:20px;}
.newsxiang .newstitle h4{font-size:17px; line-height:25px;}
.newsxiang .newstitle{ padding-bottom:20px; margin-bottom:20px;}

.nprolist .more{ margin-top:10px; }
.nprolist .more{ width:140px;}

.nnewslist .inmore{width:140px;}

.prodetail .wenzi h3{ font-size:22px;}

.nproxiang .protabmenu li {line-height:50px; padding:0 25px; font-size:18px; }
.nproxiang #protabcontent { padding:30px 20px;}

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

.liucheng .phshow .item{ width:33.33%;}
.liucheng .phshow .item:nth-child(2){left:33.33%}
.liucheng .phshow .item:nth-child(3){left:66.33%}


.photo-panel .photo-div {width: 430px;height: 223px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 330px; position:relative;float: left;height:223px;background: #fff;}
.photo-panel .photo-view-w {width: 330px;height: 223px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 330px;height:  223px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 320px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 320px;height: 213px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 50px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:17px;}
}

@media screen and (max-width:800px){
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.iabout.section{ padding:80px 0;}


.banner .swiper-slide{ height:400px; min-height:400px}	
.banner .swiper-slide .text h3{ font-size:24px;}
.nbanner .text h3{ font-size:24px; line-height:30px; margin-bottom:10px}

}
@media screen and (max-width:768px){
.banner .swiper-slide .text h3{ font-size:22px; width:55%}	
.banner .swiper-slide .text p{width:55%}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-75px;}
.header{height:75px;}
.header .menu li .menu_a{ line-height:75px;}
.header .logo img{ height:55px; margin:10px 0}
.header .language li{ width:32px; height:32px;line-height:30px; font-size:13px;}
.header .language {margin: 22.5px 65px 22.5px 0;}
.menu-btn{ height:75px;}
.menu-btn .line1 {margin-top: 30px;}

.title{ margin-bottom:20px;}
.title h3{ font-size:24px; margin-bottom:0; }
.title h4{ font-size:15px;}

.iapp .item .text h3{ font-size:18px;}
.iapp .item .icon { margin: 10px auto 20px auto;}
.iapp .item .text .morebox {margin: 20px 0 0 0;}
.iabout.section{ padding:60px 0}
.iabout .youshi { padding: 20px 0 40px 0;}

.iproducts .swiper-slide{margin-bottom:40px;padding: 10px;}
.iproducts .swiper-slide .wenzi{ line-height:45px; margin-top:20px; font-size:16px;}


.nbanner img { width:140%; margin-left:-20%}
.nbanner .text p{ line-height:22px; font-size:15px;}
.nbanner .text h3{ font-size:22px; margin-bottom:5px}
.guang { width:260px; height:200px; }

.nnav{ line-height:50px;}
.nnav li{  font-size:16px;}
.nnav li a{ margin:0 15px; }

.nab02 .item{ float:none; width:100%;}



.ncb01 .item{ width:100%; float:none; margin-bottom:25px;}
.ncb01 .item:nth-child(2n){ float:none}
.ncb01 .item:last-child{ margin-bottom:0}

.feedback .conn{ padding:30px 20px;}
.feedback .form .column{ float:none; width:100%; margin-right:0%; margin-bottom:3%;  }

.hrtop{ font-size:17px; line-height:60px;padding: 0px 15px;}
.hrtop span:nth-child(2), .hrtop span:nth-child(3), .hrtop span:nth-child(4){ display:none}
.hrtop span{ width:35%; padding-right:30px}
.hrtop span.job{ width:65%;}
.hrlist li.cur .toptit {background: url(../images/nanext05.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit{padding: 0px 15px;background: url(../images/nanext04.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit span:nth-child(2), .hrlist .toptit span:nth-child(3), .hrlist .toptit span:nth-child(4){ display:none}
.hrlist .toptit span{ width:35%; padding-right:30px}
.hrlist .toptit span.job{ width:65%}
.hrlist .cont{margin: 15px 15px;}

.hrlist .cont .tomail{ background:url(../images/bmore.png) #154897 no-repeat 92% center; padding-right:30px; width:300px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #154897 no-repeat 93% center;}


.nnewslist .newskuai .date{ position:absolute; left:0; top:0;width: 70px;height: 55px;text-align: center; padding: 6px 0; line-height:20px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0}
.nnewslist .newskuai .text{ width: 68%;}
.nnewslist .newskuai .date h3{ font-size:17px; line-height:20px;}

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

.nprolist .more{ width:120px;height:32px; line-height:30px;}
.nnewslist .inmore{ width:120px;height:32px; line-height:30px;}

.prodetail .wenzi h3{ font-size:24px;}

.neqlist li .text{ line-height:45px; padding-bottom:5px;}
.neqlist li h3{font-size:16px; }


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


.nnav li{white-space:nowrap;}
.nnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
}

@media screen and (max-width:640px){
.banner .swiper-slide{ height:300px; min-height:300px}	
.footer li:nth-child(1){ display:none}
.footer li:nth-child(2){ display:none}
.banner .swiper-slide .more{ display:none;}
.banner .swiper-slide .text p{ padding-bottom:0}

.banner .swiper-slide .text h3{ font-size:20px; width:80%}	
.banner .swiper-slide .text p{font-size:15px; width:80%; line-height:22px;}

.banner .swiper-slide .text{ top:calc(50% + 40px)}
.banner .swiper-slide{ background-position:55% auto}

.iabout .youshi li{ text-align:center; float:left; width:50%}
.iabout .youshi li h3{ font-size:16px;line-height:40px;}
.iabout .youshi li h3 span{ font-size:32px;}
.iabout .youshi li p{ font-size:15px;}
.iabout .youshi li:nth-child(2n+1){ clear:both}
.iabout .youshi li:nth-child(1), .iabout .youshi li:nth-child(2){ margin-bottom:20px;}

.nab01 .text img{ display: block; width:100%; max-width:500px; margin:0 0 25px 0; float:none}

.nab02 .item .text .wenzi h3{ font-size:22px;}

.nab02 .item .text .icon{ margin-bottom:10px;}
.nab02 .item .text .wenzi h3{ margin-bottom:10px;}
.nab02 .item .text .wenzi h4{ font-size:15px; line-height:24px;}

.nab03 .conn{ display:block;}
.nab03 .conn .item{ display:block; margin-bottom:25px;}
.nab03 .conn .item:nth-child(3){ margin-bottom:0px;}

.nnewslist .newskuai .text h3{ font-size:18px;}

.prodetail .pics{ float:none; width:100%; margin-bottom:30px;}
.prodetail .wenzi{ width:100%; float:none}

.photo-panel .photo-div {width: 350px;height: 197px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 310px; position:relative;float: left;height:210px;background: #fff;}
.photo-panel .photo-view-w {width: 310px;height: 210px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 310px;height: 210px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 300px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 300px;height: 200px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 20px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-next {background: url(../images/r.png) center;width: 20px;height: 40px;  background-size:auto 100%}
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}

}

@media screen and (max-width:450px){
.banner .swiper-slide{ height:280px; min-height:280px}	
.banner .swiper-pagination { bottom: 10px !important;}

.nbanner img { width:170%; margin-left:-35%}

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