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

.header .use02 { display:block}	
.header .use { display:none}

.header .use02{ position:absolute; top:0; right:0; font-size:15px;}
.header .use02 li{ float:left; height:80px; overflow:hidden; background-color:#0559a7; color:#fff; text-align:center; border-left:solid 1px #fff;}
.header .use02 li a{ color:#fff; } 

.header .use02 .search a{ display: block;width:68px; height:38px;background:url(../images/ico02.png) no-repeat center 15px; padding-top:42px}
.header .use02 .cn span{ display: block;width:68px; height:38px;background:url(../images/ico.png) no-repeat center 15px; padding-top:42px}

.header .use02 .landown{width:127px; padding:5px; margin-left:-69px; line-height:40px; font-weight:18px;display:none;position:absolute; z-index:99; clear:both; background-color:#0559a7; color:#fff}
.header .use02 .landown a{ color:#fff; display:block}
.header .use02 .landown a:hover{ color:#0559a7; background-color:#fff}


.m-btn{ width:25px; height:15px;display:none; position: absolute; right:3%;top:30px}
.m-btn span{ width:100%; height:3px;background: #0b68b6; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; padding-top:85px; padding-bottom:30px; z-index:999}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}
.m-menu ul{ width:100%; height:calc(100vh - 85px); overflow-y:auto;overflow-x:hidden;}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8; }
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:18px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.cur{ background:#0b68b6; color:#fff;}
.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}
.m-menu .m_lang{ font-weight:bold}
.m-menu form{ width:96%; margin:20px auto 30px; position:relative}
.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px; font-size:16px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.m-menu form .sytijiao{ width:100px; position:absolute; right:0;top:0;}


.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#0073b2; 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:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-email.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}


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


.ttel{font-size: 17px; font-weight:bold;  background:#0559a7; color:#fff; top:60px; padding:0 3%; position:fixed; width:100%;z-index: 9999;}
.ttel a{ color:#fff;background: url(../images/telw.png) no-repeat left center;padding:12px 30px 12px 25px; line-height:18px; background-size: auto 18px; display:inline-block}

@media screen and (max-width: 1700px){
.header .menu{margin-right:230px}
.header .tel{ font-size:18px; right:150px}
}
@media screen and (max-width: 1600px){
.header .menu{margin-right:280px}
}
@media screen and (max-width: 1500px){
.header .tel{ font-size:17px;}
.header .menu li .menu_a{ font-size:17px;padding-left:38px;}
}
@media screen and (max-width: 1440px){
.banner .flex-direction-nav .flex-prev{left:3%}
.banner .flex-direction-nav .flex-next{right:3%}
.header .wrap,.wrap{ width:94%}
.header .use{ margin-left:30px}

.header .menu li .menu_a{ font-size:17px;padding-left: 30px;}
.header .menu li .subin { width:94%}
.nfazhan .wrap{ width:calc(94% - 120px)}
.nhonor .wrap{ width:calc(94% - 120px)}



}
@media screen and (max-width: 1366px){
.header .menu li .menu_a{ padding-left:20px; font-size:16px}
.banner .wenzi{ max-width:1000px; width:94%}
.header .logo img{ display:block; height:70px; padding-top:5px}
.header .menu li .subin{  max-width:1280px;}
.header .menu li .sub .nlist .mkuai{margin-right:30px;}
.nbanner .conwenzi{ width:55%;  max-width:620px}

.njoin03{ padding:35px 0;}

.njoin03 h3{ font-size:32px; margin-bottom:20px;}
.njoin03 p{ line-height:28px}

.p306 .picScroll{ position:relative;width:calc(100% - 60px); margin-left:30px;}
}
@media screen and (max-width: 1200px){
.header .use02 { display:none}	
.header .use { display:block}
.m-btn{ display:block}
.header .menu{ display:none}

.header .use .search{ display:none}
.header .use{ margin-right:60px}
.ipros .picScroll .prev, .ipros .picScroll .next{left:0}
.ipros .picScroll .next{right:0;left:auto}
.honor .picScroll .prev, .honor .picScroll .next{left:0}
.honor .picScroll .next{right:0;left:auto}

.nfazhan .conn, .nhonor .conn{ margin-top:40px;}


.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden;background-color:#e8edf1; TOP:80px;height:60px; padding-top:15px;}
.www_zzjs_net12 .conn{ width:680px; margin:0 auto;font-size:16px }
.www_zzjs_net12 .guanbi{top: 28px;right: 14%;display:block; position: absolute;}
.www_zzjs_net12 .conn .input01{ background:url(../images/sou.jpg) no-repeat 10px center; width:460px; font-size:18px; color:#999999; line-height:40px;height:40px; border:none; float:left; padding-left:42px;display:block; background-color:#fff;}


.nbanner .conwenzi span{ display:block; margin-left:0 !important; font-size:24px !important}


.nfazhan .picScroll ul li{ width:50%;}
.nhonor .picScroll ul li{ width:calc(50% - 30px); }
.nhonor .picScroll ul li h3{ font-size:26px;line-height:60px;}
.nhonor .picScroll ul li .intro{ padding-top:15px;}
.nhonor .picScroll ul li .intro p{ line-height:30px; font-size:17px;}



.npro .nprolist{width:200px; border-radius:0 20px 0 0}
.npro .nprolist .ptitle{padding:20px 20px 10px 20px;}
.npro .nprolist .ptitle h3{ font-size:20px;}
.npro .nprolist li{ line-height:40px; }
.npro .nprolist .toptit{ font-size:17px; background:#40525e;padding:0 20px;}
.npro .nprolist .toptit .icon{ right:15px;}
.npro .nprolist li.cur .toptit .icon{right:15px;}
.npro .nprolist .cont{line-height:30px;padding:8px 20px}
.npro  .pright{ float:right; width:calc(100% - 220px)}


.npxguide li{ float:left; line-height:50px; font-size:17px;}
.npxguide li a{ display:block; padding:0 25px; }


}
@media screen and (max-width: 1024px){
.ipros .picScroll ul li{ width:33.33%}
.ipros .picScroll ul li .wenzi h3{ font-size:24px; line-height:45px}
.honor .picScroll ul li{ width:33.33%}
.npro .title h3{ font-size:24px; }

.banner .flex-direction-nav a{ display:none}
.banner .wenzi h3{ font-size:24px; margin-top:10%; line-height:35px}

.banner .wenzi .tel{
	font-size:24px; line-height:35px; margin-top: 10%;

}



.ipros,.app, .news{ padding:35px 0}
.title h3{ font-size:24px; line-height:32px}
.title p{ font-size:16px; margin:6px 0}
.ipros .conn{ margin-top:20px}
.ipros .picScroll ul li .wenzi p{ overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.about{ padding:35px 0 70px}
.about .conn{ padding-top:30px;}
.app .zhan02 p a{ width:80px}
.app .zhan02 p{overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.nbanner{ height:240px}
.nbanner .wenzi{top:50px}
.nbanner .wenzi02{top:50px}
.nabout,.misson,.honor,.nnews,.nnewsx,.npro{ padding:35px 0}

.njoin03 h3{ font-size:30px; margin-bottom:15px;}
}
@media screen and (max-width: 768px){
.app li{ width:33.33%}
.app .zhan01, .app .zhan02{ height:280px}
.app .zhan02{ height:0}
.app li .zhan01 .wenzi{ padding-top:200px}
.app li:hover .zhan02{margin-top:-280px;height:280px; }
.app .zhan02 h3{ padding-top:5%}
.footer .fguide li:nth-child(2),.footer .fguide li:nth-child(3),.footer .fguide li:nth-child(4),.footer .fguide li:nth-child(5){ display:none}
.footer .fguide li:nth-child(1){ width:100%}
.header{ height:60px;}
.header .logo img{ height:50px}
.header .use{ margin-top:25px}
.m-btn{top:25px}
.m-menu{ padding-top:100px}
/*.banner{ margin-top:60px}*/
.banner{ margin-top:102px}
.banner .flex-control-nav{bottom:20px}
.about{ padding-bottom:35px}
.about .conn li{ width:50%; padding-bottom:20px}
.about .conn li:nth-child(2){ border-right:none}
.about .conn li:nth-child(1),.about .conn li:nth-child(2){ border-bottom:1px solid rgba(255,255,255,.3)}
.about .conn li:nth-child(1),.about .conn li:nth-child(3){ border-right:1px solid rgba(255,255,255,.3)}
.about .conn li:nth-child(3),.about .conn li:nth-child(4){ padding-top:20px}
.nabout .shuzi li{ width:50%}
.nabout .shuzi li:nth-child(2){ border-right:none}
.nabout .shuzi li:nth-child(1),.nabout .shuzi li:nth-child(2){ border-bottom:1px solid #ddd; padding-bottom:20px}
.nabout .shuzi li:nth-child(3),.nabout .shuzi li:nth-child(4){ padding-top:20px}
/*.nbanner{ margin-top:60px}*/
.nbanner{ margin-top:102px}
.nbanner .wenzi h3{ font-size:24px}
.nbanner .wenzi02 h3{ font-size:24px; line-height:60px}

.nbanner .wenzi p{ font-size:16px; line-height:20px; padding-bottom:20px}
.nnewsx .ntitle h3{ font-size:24px}
.nnewsx .ntitle p{ font-size:14px; line-height:26px; padding-bottom:5px}
.nnewsx .conn{ padding-bottom:30px}
.nnewsx .conn p{ font-size:16px; line-height:30px}
.nnews .newsli .date{ display:none}
.nnews .newsli{ padding:20px 0}
.nnews .newsli .wenzi{ margin-left:0; width:65%}
.nnews .newsli .pic{ width:32%}
.nnews .newsli .wenzi h3{ font-size:18px}
.nnews .newsli .wenzi p{ font-size:14px; line-height:20px}
.contact{ width:100%;}
.message{ width:100%; margin-top:30px}
.download li{ width:98%; margin-bottom:20px}
.download li h3{ margin-top:0; font-size:24px}
.npro title h3{ margin-top:0; font-size:24px}
.nguide_pro .wrap{ width:100%}
.nguide_pro li{ float:left; width:33.33%}



.service .ser_pic{ width:100%}
.service .ser_wenzi{ width:100%; margin-top:30px}
.nbanner .conwenzi{ width:58% !important}
.nbanner .conwenzi span{ display:block; margin-left:0 !important; font-size:18px !important; padding-left:30px !important; background-size:auto 20px !important; }


.njoin .item{ float:none; width:calc(100% - 4px); margin-right:0%; margin-bottom:25px; min-height:auto; }
.njoin .item:nth-child(5){ width:calc(100% - 4px)}
.njoin .item .icon{ max-width:80px;}
.njoin .item .text{ padding:0 20px}
.njoin .item .text h3{ font-size:18px;}
.njoin .item:nth-child(5){ display: block;}
.njoin .item:nth-child(5) .icon{display:block;width:92px; padding:0}
.njoin .item:nth-child(5) .text{display:block;padding-right:0; text-align:center}

.njoin02 .item{ float:none; width:calc(100% - 125px); margin:25px 0 0 0; padding:25px 25px 25px 100px; background:url(../images/hr06.png) #fff no-repeat 25px center;}
.njoin02 .item:hover{ background:url(../images/hr006.png) #0559a7 no-repeat 25px center;}
.njoin02 .item:nth-child(2n){ float:none;}
.njoin02 .item h3{ font-size:18px;}

.njoin03 h3{ font-size:26px;}

.njoin03 .wrap{ width:100% !important}
.njoin03 .njoin03left{ float:none; width:100%;background:#045096; padding:45px 20px}
.njoin03 .njoin03right{ float:none; width:100%;background:#0559a7; padding:45px 20px}

.njoin03{ padding:0; }


#a01{ position: absolute;  margin-top:-110px;}
#a02{ position:absolute; margin-top:-110px;}
#a03{ position:absolute; margin-top:-110px;}
#a04{ position:absolute; margin-top:-110px;}

.aqlist li{ padding:10px 20px; margin-bottom:12px;}

.npro02 .conn h3{ font-size:20px;  line-height:60px;}
.npro02 .conn .psi li{ float:left; width:25%}

.njoin .item:nth-child(5) .text p{ text-align:left !important}

}
@media screen and (max-width: 640px){
.phshow{ display:block}
.pcshow{ display:none}

body{ min-width:320px}
.ipros .picScroll ul li{ width:100%}
.honor .picScroll ul li{ width:50%}
.banner .wenzi h3{ font-size:18px}
.banner .wenzi .tel{
	font-size:18px;  margin-top:20%;
}

.flexslider .slides li p a{ font-size:12px; width:80px; line-height:35px; border:1px solid #fff}
.banner { width:180%; margin-left:-40%}
.app li{ width:50%}
.app li .zhan01 h3,.app .zhan02 h3{ font-size:18px}
.app .zhan02 h3{ padding-top:15%}
.app .zhan02 p{ font-size:12px; line-height:20px}
.app .zhan02 p a{ margin-top:15px}
.about .conn li{ height:60px}
.about .conn li h3{ font-size:24px; line-height:30px}
.about .conn li p{ font-size:12px; line-height:14px}
.news li{ width:100%}
.footer .link{ font-size:10px}
.footer .link span{ font-size:10px}
.footer .fguide{ padding:10px 0}
.footer .copyright{ font-size:14px}
.nabout .shuzi li p{ font-size:14px; line-height:20px}
.misson .conn li{ width:100%; margin-bottom:20px}
.misson .conn .wenzi h3{ font-size:20px; line-height:22px; margin-top:15px; margin-bottom:6px}
.misson .conn .wenzi p{ font-size:14px; line-height:20px}
.nabout .conn p{ font-size:16px}
.nbanner{ height:130px}
.nbanner .wenzi{ min-height: auto;top:35px}
.nbanner .wenzi02{ min-height: auto;top:35px}
.nbanner .wenzi p{ display:none}
.nbanner .wenzi h3{padding: 20px; line-height:20px; font-size:18px}
.nbanner .wenzi02 h3{padding: 20px; line-height:20px; font-size:18px}
.nguide_new .wrap{ width:100%}
.nguide_new li{ float:left; width:50%}
.nguide li a{ padding:0; text-align:center; font-size:16px}
.download li .pic{ width:100px}
.download li .text{ padding-left:120px}
.download li h3{ font-size:20px}
.download li .intro{ font-size:14px; line-height:20px;display: -webkit-box !important;overflow: hidden;text-overflow:ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.download li .more{ font-size:16px; margin-top:10px}

.application ul{ margin-right:0%}
.application li{ float:none; width:100%; margin-right:0%; margin-bottom:45px}

.application_con01 .pic{ width:100%;}
.application_con01 .text{ width:100%; clear:both; margin-top:30px}

.application_con03 ul{ margin-right:-2%}
.application_con03 li{ width:49%; float:left; margin-right:2%;}
.application_con03 li:nth-child(2n){ margin-right:0}


.dailishang ul{ margin-right:0%}
.dailishang li{ float:none; width:100%; margin-right:0%; margin-bottom:45px}

.dailishang_con01 .pic{ width:100%;}
.dailishang_con01 .text{ width:100%; clear:both; margin-top:30px}

.dailishang_con03 ul{ margin-right:-2%}
.dailishang_con03 li{ width:49%; float:left; margin-right:2%;}
.dailishang_con03 li:nth-child(2n){ margin-right:0}

.npro .proli { float:none; width:100%; padding:15px 0 20px 0; clear:both}
.npro .proli:nth-child(2n){ float:none;}
.npro .conn {margin-top:20px;}

.nguide li a{ display:block; padding:0; font-size:16px;}
.nguide li a:hover,.nguide .cur{ color:#fff; background-color:#0659a7;}

.nguide_pro .wrap{ width:100%}
.nguide_pro li{ float:left; width:50%}

.picview{ width:100%; max-width:360px;}

.picview{ width:100%; }
.protext{ width:100%; float:none; margin-top:30px;}

.tabtit a{line-height:40px; font-size:18px; padding:0 5px; margin-bottom:5px;}
.protext h3{ font-size:24px;}

.nnews .newsli .wenzi{ margin-left:0; margin-top:20px; width:100%}
.nnews .newsli .pic{ width:100%}

.npro .proli .pic{ float:none; width:100%;}
.npro .proli .wenzi{ float:none; width:calc(100% - 40px); padding:0 20px}

.header .tel{ display:none}


.nfazhan .picScroll ul li{ width:100%;}
.nhonor ul li{ width:calc(100% - 30px); min-height:auto !important; height:auto !important; padding-bottom:30px }
.nhonor ul li h3{ font-size:24px;line-height:60px;}
.nhonor ul li .intro{ padding-top:15px;}
.nhonor ul li .intro p{ line-height:30px; font-size:16px;}
.nfazhan .wrap{ width:94%}
.nhonor .wrap{ width:94%}

.nfazhan .picScroll .prev,
.nfazhan .picScroll .next{ left:50%; margin-left:-40px; top:auto; bottom:0; margin-top:0px;width:35px; height:35px;}
.nfazhan .picScroll .next{ left:auto; right:50%; margin-right:-40px;}
.nhonor .picScroll .prev,
.nhonor .picScroll .next{ left:50%; margin-left:-40px; top:auto; bottom:0; margin-top:0px;width:35px; height:35px;}
.nhonor .picScroll .next{ left:auto; right:50%; margin-right:-40px;}
.nhonor li{ margin-bottom:20px !important;}

.nfazhan .conn, .nhonor .conn{ margin-top:30px;}

.njoin03 h3{ font-size:24px;}


.npro .nprolist{width:100%; float:none; margin-bottom:30px;}
.npro  .pright{ float:none; width:100%}

.downlist .item{ float:none; width:calc(100% - 30px); margin:10px 0; padding:15px;}
.downlist .item:nth-child(2n){ float:none}
.downlist .item:nth-child(2n+1){ clear:both}
.downlist .item .wenzi { margin-top:0; line-height:24px;}
.downlist .item .wenzi h3{ font-size:16px;}

.downlist .item a{ display:block;background:url(../images/downa.png) no-repeat right center; background-size:25px auto }
.downlist .item:hover a{ display:block;background:url(../images/downahover.png) no-repeat right center;background-size:25px auto }

.npxguide li{ line-height:45px; font-size:16px;}
.npxguide li a{  padding:0 13px; }
.npxguide .wrap{ width:100%}

.npro02 .conn .psi li{ float:left; width:50%}

.p303k .item .wenzi{ text-align:center;}
.p303k .item .wenzi h3{ font-size:32px; line-height:60px;  margin-top:-20px}

.p304 h3{font-size:38px; }

.p303k .item .wenzi h3:after{ width:40px; height:3px; left:50%; margin-left:-15px}

.p304 h3{line-height:60px; margin-top:-20px}
.p304 h3:after{width:40px; height:3px; left:50%; margin-left:-15px}


}


@media screen and (max-width: 480px){
.nguide{ line-height:35px;}
.header{ min-width:320px}
.header .logo img{ height:45px; padding-top:10px}
.header .use{ margin-left:0}
.banner .wenzi .tel{display:none}

.npxguide li a{padding: 0 6px;}
}

.pcshow920{ display:block !important}
.phshow920{ display:none !important}

@media screen and (max-width: 920px){
.npro03 .conn{ line-height:25px; font-size:14px}
.p303k .item .wenzi h3{ font-size:32px;  }
.p304 h3{font-size:38px; }

.p303k{ width:100%; margin:30px auto}
.p303k .item .ppic{ width:100%; float:none}
.p303k .item .wenzi{ float:none; width:100%; }
.p303k .item:nth-child(2n) .ppic{ float:none}
.p303k .item:nth-child(2n) .wenzi{ float:none}

.p303k .item .wenzi{margin:0px 0 10px 0;}

.p305 .item{ float:none; font-size:13px; color:#fff; width:calc(100% - 40px);margin-top:15px; padding:20px}
.p305 .item:nth-child(2), .p305 .item:nth-child(3){width:calc(100% - 40px); float:none }
.p305 .item:nth-child(3){ height:auto;}

.pcshow920{ display:none !important}
.phshow920{ display:block !important}

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


.p302k .item{ float:left; text-align:center; color:#fff; margin-right:0%; width:48.5%;  padding:25px 0;}
.p302k .item:nth-child(1){ float:none; width:calc(100% - 50px); text-align:left; margin-bottom:20px; padding:15px;}
.p302k .item:nth-child(1) img{ float:right; width:30%}
.p302k .item:nth-child(3){ float:right}
.p302k .item:nth-child(2) img, .p302k .item:nth-child(3) img{ width:90px;}
.p302k{ width:100%}


.p306 .picScroll ul li{ float:left; width:calc(50% - 46px); padding:15px; margin:0 8px;}

}

@media screen and (max-width: 640px){
.p303k .item .wenzi h3{ font-size:28px;}
.p304 h3{font-size:30px; }	
}


@media screen and (max-width: 480px){
.p303k .item .wenzi h3{ font-size:20px;}
.p304 h3{font-size:20px; }	
}