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

.header .use02{float:right; margin-left:70px; font-size:16px;}
.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}

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


@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}
}
@media screen and (max-width: 1366px){
.header .menu li .menu_a{ padding-left:25px}
.banner .wenzi{ max-width:1000px; width:94%}
.header .logo img{ display:block; height:70px; padding-top:5px}
}
@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:45px}
.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}


.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;}
}
@media screen and (max-width: 1024px){
.ipros .picScroll ul li{ width:33.33%}
.ipros .picScroll ul li .wenzi h3{ font-size:20px; line-height:45px}
.honor .picScroll ul li{ width:33.33%}

.pro-switch .flexslider .slides > li{height:350px}
.banner .flex-direction-nav a{ display:none}
.banner .wenzi h3{ font-size:28px; margin-top:5%; line-height:35px}
.ipros,.app, .news{ padding:35px 0}
.title h3{ font-size:30px; 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}
}
@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:65px}
.banner{ margin-top:60px}
.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 .wenzi h3{ font-size:30px}
.nbanner .wenzi02 h3{ font-size:30px; 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}

.nguide_pro .wrap{ width:100%}
.nguide_pro li{ float:left; width:33.33%}
}
@media screen and (max-width: 640px){
.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}
body{ min-width:320px}
.ipros .picScroll ul li{ width:100%}
.honor .picScroll ul li{ width:50%}
.banner .wenzi h3{ font-size:20px}
.flexslider .slides li p a{ font-size:12px; width:80px; line-height:35px; border:1px solid #fff}
.pro-switch .flexslider .slides > li{ height:300px}
.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:30px; line-height:30px}
.about .conn li p{ font-size:12px; line-height:14px}
.news li{ width:100%}
.footer .link{ font-size:14px}
.footer .link span{ font-size:16px}
.footer .fguide{ padding:20px 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}

.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:30px;}

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

.npro .proli .pic{ float:left; width:100%;}
.npro .proli .wenzi{ float:right; width:100%;}
}
@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}
.download li .pic img{ height:auto}
}