.m-menubtn02{position:fixed;z-index:1002;top:0;right: 0;width:60px; height:78px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn02 span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #000; margin: auto;}
.m-menubtn02 span:before, .m-menubtn02 span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #000;}

.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:78px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 78px);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 20px; 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 20px; position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}

.m-menu02 li.last form { margin:25px 20px;position:relative; z-index:99; border:solid 1px #ddd;}
.m-menu02 li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 82px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu02 li.last form #searchBtn {width: 80px;height: 40px;background: #983132;color: #FFF;margin-left: -3px; border:none; border-radius:0}


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


.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#274299; 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}



@media screen and (max-width:1600px){
.title h3{font-size:40px; }
.title p{ font-size:22px; color:#666; margin-top:20px;}
.iabout .ableft .youshi .item h3{line-height:50px;}
.iabout .ableft .youshi .item h3 span{ font-size:50px;}
.iabout .ableft .ntit h3{font-size: 32px;}

.section{ padding:70px 0 90px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:90px;}
.title p{ margin-top:15px;}
.history .line{bottom: 143px;}

.iabout .ableft .intro p:nth-child(2){ display:none}

.banner .text h3 {font-size: 45px; line-height:50px; margin-bottom:20px; }
.banner .text h4 {font-size: 26px;line-height:30px;}
.iserivce .conn .item{ padding:2%}

.nhonor .item .outpic, .nfengcai .item .outpic{ padding:25px;}
.title h5{font-size:20px; margin-top:20px; line-height:30px;}
.hrlist .conn{margin-top:-5px; }

.hrlist .item h3{ font-size:24px; line-height:40px; margin-bottom:10px;}
.hrlist .item .show h3{margin-bottom:15px;}
.hrlist .item .show .more{ margin-top:10px;}

}
@media screen and (max-width:1440px){
.header .menu .menu_a{font-size:17px;}
body{ font-size:15px;}
.nnews .wenzi h3 span{ font-size:15px;}
.title{margin-bottom: 35px;}
.title h3{font-size:36px; }
.title p{ font-size:20px; margin-top:5px;}
.iabout .ableft .ntit{ height:110px;}
.iabout .ableft .ntit h3{font-size: 28px;}
.iserivce .conn .item{ padding:1.5%}
.header .menu>ul>li{ margin:0 20px;}

.iabout .out:after{ height:180px; }
.iabout .ableft .youshi{ height:180px;}
.iabout .ableft{ width:65%}
.iabout .ableft .youshi .item h3{ margin-top:40px;}

.banner .text .more {line-height:42px; margin-top:50px; font-size:16px;}
.banner .text .more i{ right:20px;}
.banner .text .more a{ padding:0 40px 0 20px;}
.iabout .ableft .more{ line-height:40px;}
.iabout .ableft .more i{ right:20px;}
.iabout .ableft .more a{ padding:0 40px 0 20px;}
.inews .title .more{ line-height:40px;}
.inews .title .more i{ right:20px;}
.inews .title .more a{ padding:0 40px 0 20px;}

.banner .text h3 {font-size: 40px; line-height:45px; margin-bottom:20px; }
.banner .text h4 {font-size: 24px;}

.nbanner .text h3{ font-size:36px; line-height:50px;}
.nbanner .text p{ margin-top:10px; font-size:17px;}

.inews .swiper-slide .text h3{ font-size:18px; line-height:26px; height:70px;}
.footer li h3{font-size:18px;}
.wrap{ width:88%;}

.nhonor .tabmenu li{ width:150px; line-height:42px; border-radius:23px; font-size:17px;}
.nhonor .item .outpic, .nfengcai .item .outpic{ padding:15px;}
.nhonor .item .text h3, .nfengcai .item .text h3{ font-size:16px;}
.nhonor .item .text, .nfengcai .item .text{ height:50px;}
.nhonor .item .text, .nfengcai .item .text{ line-height:22px;}
.nhonor .tabmenu{ margin-bottom:30px;}
.nnews .wenzi{ margin-top:0}
.nnews .wenzi h3{ font-size:20px;}
.nnews li .more{ margin-top:30px;}
.title h5{font-size:18px; margin-top:15px;}
.hrlist .conn{margin-top:0px; }
.hrlist .item h3{ font-size:20px;}
}
@media screen and (max-width:1366px){
.header .menu .menu_a{font-size:16px;}
body{ font-size:14px; line-height:28px;}
.nnews .wenzi h3 span{ font-size:14px;}
.history .line{bottom: 133px;}
.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.header .menu>ul>li{ margin:0 18px;}
.iabout .out:after{ height:160px; }
.iabout .ableft .youshi{ height:160px;}
.iabout .ableft .youshi .item h3{ margin-top:35px;  line-height:45px;}
.iabout .ableft .youshi .item h3 span{font-size:45px;}

.inews .swiper-slide .text{padding: 20px 0 10px 0;}


#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08, #a09, #a10{ margin-top:-84px;}
.space{ height:84px;}
.header{ height:84px; }
.header .logo{ margin-top:-33px;}
.header .logo img{ height:66px;}
.header .menu .menu_a{line-height:84px;}
.banner .swiper-slide{ overflow:hidden;}
.banner img{ width:110%; margin-left:-5%}


.iabout .ableft .ntit{ height:80px;}
.iabout .ableft .ntit h3{font-size: 24px;}
.iserivce .conn .item h3{ font-size:16px; margin-top:-5px;}
.footer .fcontent{padding: 50px 0 65px 0;}
.nnav li a{padding: 0 25px;}
.nnav li{ font-size:16px;}

.nab02 .item .wenzi .inn h3{ font-size:20px; line-height:60px;}
.history .biaoti h3{ font-size:20px;}
.nab02 .item .wenzi{ padding-top:50px;}
.nab02 .item .wenzi{min-height: 240px}

.nhonor .tabmenu li{ width:130px; line-height:40px; border-radius:20px; font-size:16px;}

.ntitle { margin-bottom:20px;}
.ntitle h3{font-size:24px;}
.newsdetail .ntitle { margin-bottom:20px; padding-bottom:20px;}
.newsdetail .ntitle h3{ font-size:24px; margin-bottom:10px}

.ncase .list .item .img{ height:100px;}
.nhr .conn{ font-size:16px; line-height:32px;}
.title h5{margin-top:10px;}	
.liuyan-sub .conn .tit{ font-size:24px; line-height:40px;}

.iabout .ableft{ width:60%}
}

@media screen and (max-width:1240px){
.history .line{bottom: 100px;}
.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}	
.wrap{ width:90%;}	

.banner .text .more {line-height:38px; margin-top:40px; font-size:15px;}
.iabout .ableft .more{ line-height:38px;}
.inews .title .more{ line-height:38px;}

.banner .text h3 {font-size: 35px; line-height:40px; margin-bottom:15px; }
.banner .text h4 {font-size: 20px;}
.nbanner .text h3{ font-size:32px; line-height:40px;}
.nbanner .text p{ margin-top:5px; font-size:16px;}
.nnav{ margin-top:0}

.header .liuyan-btn{ width:95px; line-height:40px; height:40px; font-size:14px; margin-top:-20px;}
.header .menu{ margin-right:120px;}
.header .menu>ul>li{ margin:0 16px;}
#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08, #a09, #a10{ margin-top:-78px;}
.space{ height:78px;}
.header{ height:78px; }
.header .logo{ margin-top:-31px;}
.header .logo img{ height:62px;}
.header .menu .menu_a{line-height:78px;}
.title h3{font-size:32px; }
.title p{ font-size:18px; margin-top:0px;}
.title{margin-bottom: 30px;}
.iabout .ableft .youshi .item{ font-size:16px;}
.iabout .ableft .youshi .item h3 span{ font-size:40px;}
.iabout .ableft .youshi .item h3{ margin-top:20px;}
.iabout .out:after{ height:130px; }
.iabout .ableft .youshi{ height:130px;}

.iabout .ableft .ntit h3{font-size: 22px;}
.footer .fcontent{padding: 40px 0 50px 0;}
.footer li h3{ font-size:16px;}

.nbanner img{ width:110%; margin-left:-5%}
.nnav li a{padding: 0 20px;}
.nab02 .item .icon{ width:80px; height:80px;}
.nab02 .item .wenzi{margin-top: -43px;}
.nnews .wenzi h3{ font-size:18px; line-height:30px; padding:10px 0;}
.nnews li .more{ margin-top:20px;}

.ntrain .conn .item h3{ font-size:24px; margin-bottom:10px;}
}
@media screen and (max-width:1150px){
.header .menu>ul>li{ margin:0 14px;}
.header .menu{ margin-right:110px;}
.header .liuyan-btn{ width:85px; line-height:36px; height:36px; margin-top:-18px;}
.header .menu{ margin-right:100px;}
.wrap{ width:92%;}	
}
@media screen and (max-width:1024px){
.header .menu{ display:none}
.m-menubtn02{ display:block}
.header .wrap{ height:78px; }
.header .liuyan-btn{ right:50px;}

.banner .text .more {line-height:35px; margin-top:30px; font-size:14px;}
.iabout .ableft .more{ line-height:35px;}

.iabout .ableft .more{ line-height:35px;}
.iabout .ableft .more i{ right:15px;}
.iabout .ableft .more a{ padding:0 30px 0 15px;}
.inews .title .more{ line-height:35px;}
.inews .title .more i{ right:15px;}
.inews .title .more a{ padding:0 30px 0 15px;}


.nnews li .more {line-height:35px;}
.nnews li .more i{ right:15px;}
.nnews li .more{ padding:0 30px 0 15px;}

.newsdetail .more{ margin:60px auto;}
.newsdetail .more i{ right:15px; }
.newsdetail .more a{line-height:40px; padding:0 30px 0 15px;}

.banner .text h3 {font-size: 30px; line-height:30px; }
.banner .text h4 {font-size: 18px;}
.banner .text .more{ margin-top:25px; }
.banner .text .more a{ padding: 0 30px 0 15px;}
.banner .text .more a i{right: 15px;}
.title{margin-bottom: 25px;}
.title h3{font-size:28px; }
.footer li:nth-child(4){ display:none;}
.footer .fcontent{padding: 40px 0;}

.m-foot{ display:block;}
.footer .copyright{ margin-bottom:55px;}

.nbanner .text h3{ font-size:30px; line-height:40px;}
.nbanner .text p{ margin-top:5px; font-size:16px;}
.nbanner img{ width:120%; margin-left:-10%}

.nnav{ height:55px; line-height:53px;}
.nab02 .item .wenzi .inn h3{ font-size:18px; line-height:50px;}
.history .biaoti h3{ font-size:18px;}
.icase .i-client-list{ margin-top:0}
.title p{ line-height:30px;}

.nhonor .item, .nfengcai .item{ width:32%; margin-right:2%; margin-bottom:30px; position:relative}
.nhonor .item:nth-child(4n), .nfengcai .item:nth-child(4n){ margin-right:2%;}
.nhonor .item:nth-child(3n), .nfengcai .item:nth-child(3n){ margin-right:0;}

.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_c.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;}
.nhonor .tabmenu{ margin-bottom:20px;}

.nnews .wenzi h3{padding: 5px 0;}
.hrlist .item .hd .hr_con{ width:640px; margin-left:-320px; }
.hrlist .item .hd .closed{margin-left:250px;}

}
@media screen and (max-width:920px){
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}	
.wrap{ width:94%;}	

#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08, #a09, #a10{ margin-top:-70px;}
.space{ height:70px;}
.header, .header .wrap{ height:70px; }
.header .logo{ margin-top:-27px;}
.header .logo img{ height:54px;}
.m-menubtn02{height:70px;}
.m-menu02{top:70px;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 70px);height: -moz-calc(100vh - 70px);height: calc(100vh - 70px);padding-bottom: 80px;}
.banner img{ width:120%; margin-left:-10%}
.title h3{font-size:26px; }
.title p{ font-size:16px;}
.hrlist .conn{margin-top:30px; }
.banner .text h3 {font-size: 26px; margin-bottom:10px}
.banner .text h4 {font-size: 16px;}

.nbanner .text h3{ font-size:24px; line-height:30px;}
.nbanner .text p{ font-size:15px; margin-top:0}

.iabout .pic{ position:relative; width:100%;top: auto; right:auto; border-radius:0; margin-bottom:20px;}
.iabout .pic img{ width:auto; max-width:100%; height:auto}
.iabout .ableft{ width:100%; }
.iabout .out:after{ width:100%}
.iabout .ableft .youshi .item{ font-size:14px;}
.iabout .ableft .youshi .item h3 span{ font-size:30px;}
.iabout .ableft .ntit{ height:70px;}
.banner .swiper-slide .text{ top:45%;}
.footer li:nth-child(3){ display:none;}
.footer .copyright{ padding:15px 0; line-height:20px;}
.nnav li a{padding: 0 15px;}

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

.rolls .swiper-button-prev, .rolls .swiper-button-next{ width:46px; height:46px; margin-top:-23px;}
.rolls .swiper-button-prev{ background:url(../images/bpre02.png) #f6f6f6 no-repeat center center; background-size:12px auto;}
.rolls .swiper-button-next{ background:url(../images/bnext02.png) #f6f6f6 no-repeat center center;background-size:12px auto;}
.rolls .swiper-button-prev:hover{ background:url(../images/bpre.png) #274299 no-repeat center center;background-size:12px auto;}
.rolls .swiper-button-next:hover{ background:url(../images/bnext.png) #274299 no-repeat center center;background-size:12px auto;}
.history .swiper-button-prev, .history .swiper-button-next{width:46px; height:46px; margin-top:-23px; }
.history .swiper-button-prev{ background:url(../images/bpre02.png) #ddd no-repeat center center; background-size:12px auto;}
.history .swiper-button-next{ background:url(../images/bnext02.png) #ddd no-repeat center center;background-size:12px auto;}
.history .swiper-button-prev:hover{ background:url(../images/bpre.png) #274299 no-repeat center center;background-size:12px auto;}
.history .swiper-button-next:hover{ background:url(../images/bnext.png) #274299 no-repeat center center;background-size:12px auto;}
.history .swiper-container{ margin: 0 45px;}
.history .intro{padding: 20px 0 20px 25px;}

.nfengcai .kuai .swiper-button-prev, .nfengcai .kuai .swiper-button-next{ width:46px; height:46px; margin-top:-23px;}
.nfengcai .kuai .swiper-button-prev{ background:url(../images/bpre02.png) #f6f6f6 no-repeat center center; background-size:12px auto;}
.nfengcai .kuai .swiper-button-next{ background:url(../images/bnext02.png) #f6f6f6 no-repeat center center;background-size:12px auto;}
.nfengcai .kuai .swiper-button-prev:hover{ background:url(../images/bpre.png) #274299 no-repeat center center;background-size:12px auto;}
.nfengcai .kuai .swiper-button-next:hover{ background:url(../images/bnext.png) #274299 no-repeat center center;background-size:12px auto;}

.photo-panel .photo-div {width: 430px;height: 223px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.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;}

.ntitle { margin-bottom:15px;}
.ntitle h3{font-size:22px;}
.newsdetail .ntitle { margin-bottom:15px; padding-bottom:15px;}
.newsdetail .ntitle h3{ font-size:22px; margin-bottom:0px}

.ncase .list .item{ width:32%; margin-right:2%; margin-bottom:2%; }
.ncase .list .item:nth-child(5n){ margin-right:2%}
.ncase .list .item:nth-child(3n){ margin-right:0}
.nnews .wenzi h3{ font-size:16px;}
.title h5{ margin-top: 5px}

.hrlist .item h3{ font-size:18px;}
.hrlist .item{ width:48.5%; margin-right:3%; padding:20px; }
.hrlist .item:nth-child(3n){ margin-right:3%}
.hrlist .item:nth-child(2n){ margin-right:0}
.hrlist .item .hd .hr_con{ width:360px; margin-left:-180px; }
.hrlist .item .hd .hr_con .line{ margin:0}
.hrlist .item .hd .closed{margin-left:120px;}

.ncb01 .item{ width:100%; float:none;border-right:none; border-bottom:solid 1px #ddd; padding-bottom:20px;}
.ncb01 .item .wenzi p{ min-height:auto}
.ncb01 .item:nth-child(3){ border-bottom:none; padding-bottom:0}
.liuyan-sub .conn .tit{ font-size:22px; line-height:40px;}

.ntrain .conn .item{ width:100%;  margin-right:0%; margin-bottom:0}
.ntrain .px .item:nth-child(1){ width:100%; margin-top:0%}
.ntrain .px .item:nth-child(2){ margin-right:0}
.ntrain .px .item:last-child{ margin-right:0}

.ntrain .px02 .item:nth-child(1){ width:100%;}
.ntrain .px02 .item:nth-child(2) { margin-right:0%; }

.ntrain .conn .item h3{ font-size:20px; margin-bottom:10px;}
}

@media screen and (max-width:768px){
.wrap{ width:95%;}	
.title{margin-bottom: 20px;}
.title h3{font-size:24px; }	
.banner .text h3 {font-size: 24px;margin-bottom:5px}
.banner img{ width:130%; margin-left:-15%}
.history .line{bottom: 93px;}
.section{ padding:30px 0 40px 0;}
.sectionpre{ padding-top:30px;}
.sectionnext{ padding-bottom:40px;}	

.inews .swiper-slide{ margin-bottom:35px;}
.inews .swiper-pagination{display: block}
.footer .fcontent{padding: 35px 0;}

.nbanner img{ width:130%; margin-left:-15%}
.nab02 .item{ width:100%; margin-right:0; margin-bottom:20px;}
.nab02 .item:last-child{ margin-bottom:0}
.nab02 .item .wenzi{ min-height:auto;}

.nhonor .item, .nfengcai .item{ width:48.5%; margin-right:3%; margin-bottom:10px; position:relative}
.nhonor .item:nth-child(3n), .nfengcai .item:nth-child(3n){ margin-right:3%;}
.nhonor .item:nth-child(2n), .nfengcai .item:nth-child(2n){ margin-right:0;}

.photo-panel .photo-div {width: 350px;height: 207px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.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:220px;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%}

.nnav li a{ padding:0 10px;}
.ncase .list .item .img{ height:100px;}

.shangxia{ padding:15px 0;}
.shangxia li{ float:none;}
.shangxia li:nth-child(2){ float:none;}
.nhr .conn{ font-size:15px; line-height:30px;}

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


.ncb02 .liuyan .column{margin-bottom:15px;}
.ncb02 .liuyan label{ line-height:40px; padding-left:15px}
.ncb02 .liuyan .row_1 .column{ width:100%; float:none;}
.ncb02 .liuyan .inp{line-height:40px;}
.ncb02 .liuyan .form .row_1 input{ line-height:40px; height:40px;}
.ncb02 .liuyan .form .row_1 select{ line-height:40px;height:40px;}
}

@media screen and (max-width:460px){
.banner img{ width:140%; margin-left:-20%}	
.title h3{font-size:22px; }	
.banner .text h3 {font-size: 22px;margin-bottom:5px}
.title{margin-bottom: 15px;}

.footer li:nth-child(1), .footer li:nth-child(2){ display:none;}
.nbanner img{ width:150%; margin-left:-25%}

.ncase .list .item{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.ncase .list .item:nth-child(5n){ margin-right:3%}
.ncase .list .item:nth-child(3n){ margin-right:3%}
.ncase .list .item:nth-child(2n){ margin-right:0}
.ncase .list .item .img{ height:80px;}

.nnews .pic{ float:none; width:100%;}
.nnews .wenzi{ float:none; width:100%; margin-top:20px;}
}