/* CSS Document */
/*首页内容部分调整<=992 平板*/
.ui-mt-20{ margin-top:20px;}
.ui-mr { margin-right:5px;}
.ui-mb{ margin-bottom:5px;}
/*Page*/
.ui-page{user-select:none; padding:0px 0 30px 0;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}
.contain img{ max-width:100%;}
@media(max-width: 1730px) {
.news .bar0 { margin-bottom: 6%; }
}
@media(max-width: 1670px) {
.w_all2 { width: 80%; }
.contact .top p { margin-right: 3%; }
.pro_d .img_boxs { margin: 8% auto 4%; }
}
@media(max-width: 1350px) {
.w_all2 { width: 86%; }
.pro_d .img_boxs { margin: 10% auto 5%; }
}
@media(max-width: 1230px) {
header .logo { height: 42px; }
header .nav { width: 50%; left: 51%; }
.pro .bars p { top: 50%; }
}
@media(max-width: 1120px) {
.w_all2 { width: 90%; }
header .logo { height: 38px; }
header .nav li { font-size: 1.26rem; }
.index_bar4 ul li h1 { font-size: 1.6rem; }
.about5 .bar5 dl { bottom: 30px; }
}
@media(max-width: 996px) {
header .nav { display: none; width: 50%; left: inherit; right: 0%; background: rgba(0, 0, 0, 0.8); top: 0px; height: 100%; position: fixed; -webkit-transform: none; transform: none; z-index: 999; }
header .nav ul { position: absolute; left: 60%; top: 30%; -webkit-transform: translate(-50%, -55%); transform: translate(-50%, -55%); }
header .nav ul li { float: none; width: auto; margin: 25px 0; }
header .nav li:before { width: 50px; }
header .h_other { display: none; right: 0%; width: 50%; top: inherit; bottom: 50px; position: fixed; -webkit-transform: none; transform: none; opacity: 0.8; z-index: 9999; }
header .h_other .ll { float: none; margin-left: 0px; text-align: center; margin-bottom: 5px; }
header .h_other .ll i { float: none; }
header .h_other .ll a { color: #ddd; font-size: 1.1rem; text-decoration: underline; }
header .navBtn { position: fixed; right: 3%; top: 1.8%; z-index: 99999; cursor: pointer; display: block; }
header .navBtn span { display: block; width: 24px; height: 1px; background: #fff; margin: 6px auto; }
header .nav_btn_active { -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 8px; }
header .nav_btn_active span:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .nav_btn_active span:nth-of-type(2) { opacity: 0; }
header .nav_btn_active span:nth-of-type(3) { margin-top: -14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
}
@media(max-width: 767px) {
.w_all2 { width: 94%; }
html, body { font-size: 62.5%; }
header { background: rgba(0, 0, 0, 0.8); }
header .logo { height: 28px; padding: 12px 0; }
header .nav { top: 52px; }
.banner { padding-top: 52px; height: 26%; }
.banner_nav h1 { width: 86%; left: 10%; bottom: 10px; font-size: 1.2rem; line-height: 20px; padding-top: 5px; }
.banner_nav .cl h1:hover { bottom: 20px; }
.index_title h2 { letter-spacing: 0; font-size: 1.1rem; margin-top: -3px; }
.banner_nav h1:after { bottom: -10px; }
.index_bar1 .right { width: 100%; opacity: 1; padding-top: 0px; }
.index_title h1 { font-size: 2rem; margin-bottom: 0; }
.index_bar1 .txt p { line-height: 18px; margin: 10px 0; }
.index_bar1 .more1 { opacity: 1; margin-left: 10px; }
.index_bar1s { opacity: 1; padding-top: 0px; }
.index_bar3 { opacity: 1; padding-top: 0px; }
.index_bar3 .right { width: 100%; }
.index_bar3 ul li .txt2 p { font-size: 1.1rem; line-height: 16px; }
.index_bar3 ul li { width: 48.5%; margin-bottom: 2%; }
.index_bar3 ul li:nth-of-type(2n) { margin-right: 0; }
.index_bar3s { opacity: 1; padding-top: 0px; }
.index_bar2 dl dd { margin: 1% 0; padding-bottom: 1%; }
.index_bar2 dl { float: none; width: 100%; }
.index_bar2 .txt h1 { width: 100%; padding-bottom: 1%; }
.index_bar2 .txt span { margin-bottom: 2px; }
.index_bar2 .box { float: none; width: 90%; }
.index_bar2 .more1 { right: 0; top: 6px; }
.index_bar2 .btn { top: inherit; right: 40px; bottom: -0px; width: auto; height: inherit; }
.index_bar2 .btn .ll { left: -40px; width: 40px; height: 40px; }
.index_bar2 .btn .b_right { left: 0; }
.index_bar2 .n_btn { display: none; }
.index_bar4 ul { width: 100%; }
.index_bar4 ul li { opacity: 1; margin-top: 0px; padding: 3% 0; }
.index_bar4 ul li span { width: 40px; height: 40px; }
.index_bar4 ul li:hover span img { top: -40px; }
.index_bar4 ul li b { margin-bottom: 5px; }
.index_bar4 ul li h1 { font-size: 1.5rem; margin-bottom: 5px; }
.index_bar4 ul li p:before { width: 28px; }
.index_bar4 ul li p { line-height: 16px; padding: 0 3%; padding-top: 5px; font-size: 1rem; }
.footer .wx2 { display: block; }
.footer .wx2 img { display: block; width: 110px; margin: 5% auto 1%; }
.footer .bar { position: relative; }
.footer dl { width: 100%; margin-top: 5px; float: none; border-bottom: 1px solid rgba(255,255,255,0.1); overflow: hidden; }
.footer dl:last-of-type { float: none; width: 100%; }
.footer dl dt { margin-bottom: 0px; }
.footer dl dt:before { display: none; }
.footer dl dt:after { content: ""; position: absolute; right: 0; top: 2px; background: url(../image/more2.png) no-repeat center center; width: 18px; height: 18px; opacity: 0.8 }
.footer dl dd { margin: 0px 10px 5px 0; float: left; line-height: 18px; display: none; }
.footer dl:last-of-type dd { float: none; width: 100%; margin: 5px 0; }
.footer .copy p { line-height: 20px; float: none; text-align: center; font-size: 1rem; }
.footer dl dd > a { color: #eee; text-decoration: underline; font-size: 1.1rem; margin: 0; }
.footer .copy { border: none; }
.footer .copy a { line-height: 16px; font-size: 1rem; display: block; margin: auto; }
.footer .copy span { float: none; }
.footer .copy span img { margin: 0 auto 15px; display: block; }
.footer .copy ul { float: none; text-align: center; margin: 2% auto 0; }
.footer .copy ul li { float: none; display: inline-block; }
.footer .copy ul li img { height: 80%; }
.copy .wx { display: none; }
.all_back { right: 2px; bottom: 15px; }
.normals .top_a { padding: 12px 0; }
.normals .top_a.active { padding: 8px 0; top: 52px; }
.normals .top p.active { font-size: 1.4rem; }
.about .bar0 h1 { margin-bottom: 30px }
.about .bar0 h1 strong { font-size: 2rem; }
.about .bar0 ul li b { width: 100%; position: static; height: 300px; }
.about .bar0 ul li .right { float: none; width: 100%; padding: 3% 0; }
.about .bar0 ul li .right .txt p { line-height: 18px; font-size: 1.1rem; }
.about .bar0 ul li { margin-top: 0%; }
.about .bar0 ul li .right .txt p strong { margin-bottom: 10px; }
.about2 ul li span { line-height: 30px; text-align: center; width: 30px; height: 30px; left: 3%; top: inherit; bottom: 30%; -webkit-transform: none; transform: none; font-size: 1rem; }
.about2 ul:before { left: 10%; }
.about2 ul li .left { float: right; -webkit-transform: none; transform: none; width: 100%; position: static; }
.about2 ul li .right { float: right; width: 86%; }
.about2 ul li .left p:before { width: 3%; left: 28px; }
.about2 ul li .left strong { top: 0; }
.about2 ul li:nth-of-type(2n) .right { float: right; }
.about2 ul li:nth-of-type(2n) { background: #f5f5f5; }
.about3 .left { position: static; height: 300px; width: 100%; }
.about3 .right { float: none; width: 100%; padding: 0; }
.about3 .right p { line-height: 18px; }
.about3 .right h3 { margin-top: 0px; float: right; }
.about4 ul li:before { top: 2px; }
.about4 ul li { margin-top: 80px; }
.xq_boxs .b_imgs { display: none; }
.xq_boxs .xq { top: 5%; }
.xq_boxs .xq_box_right h2 { margin-bottom: 0; }
.xq_boxs .xq_box_right { float: none; width: 100%; }
.xq_boxs .close img { width: 30px; right: -15px; top: -15px; }
.about5 .bar1 ul li { float: none; width: 94%; }
.about5 .bar1 ul li h2:before { width: 38px; height: 38px; right: -19px; top: 6px; }
.about5 .bar1 ul li h2 { padding: 14px 5% 14px 5%; }
.about5 .bar1 ul li p { padding: 3% 8% 3% 10%; }
.about5 .bar1 ul li p:after { left: 7%; }
.about5 .bar2 p { width: 80%; font-size: 1.6rem; }
.about5 .bar3 ul li { width: 60%; }
.about5 .bar3 .right { width: 34%; padding: 5% 0; }
.about5 .bar3 .right h3 { margin: 5px 0; }
.about5 .bar3 .right h3.active { font-size: 1.6rem; line-height: 24px; }
.about5 .bar3 .right h3:before { top: 10px; }
.about5 .bar4 li p { width: 98%; line-height: 16px; }
.about5 .bar4 li h2 { font-size: 1.6rem; margin-bottom: 10px; padding-bottom: 30px; }
.about5 .bar4 li h2:before { height: 20px; }
.about5 .bar5 { padding-bottom: 10%; }
.about5 .bar5 p { line-height: 18px; }
.about5 .bar5 h1 { margin-bottom: 10px; }
.about5 .bar5 dl { bottom: 20px; }
.about5 .bar5 dl dd { width: 6px; height: 6px; margin: 6px; }
.news .bar1 dd:nth-of-type(3n) { margin-right: 3%; }
.news .bar1 dd:nth-of-type(2n) { margin-right: 0; }
.news .bar1 dd { width: 48.3%; }
.news .bar1 dd strong:before { width: 15px; right: -16px; top: 12px; }
.news .bar1 dd h2 { font-size: 1.24rem; height: 54px; line-height: 18px; }
.o_ban { padding-top: 52px; }
.about5 .bar0 .right h3 { font-size: 2rem; }
.normals .top { padding: 12px 0; }
.area.about5 .bar0 .right { width: 30%; padding: 5% 0; }
.area.about5 .bar0 .left { width: 65%; }
.xq_boxs { padding: 15% 10%; }
.xq_boxs .imgs { width: 100%; }
.news .bar0 ul { float: none; width: 100%; }
.news .bar0 .box { display: none; }
.news .bar0 ul li { margin: 6px 0; padding-bottom: 6px; }
.o_ban p { top: 58%; }
.o_ban .v_btn { width: 36px; }
.pro_d .img_boxs { width: 80%; margin: 150px auto 5%; }
.pro_d .img_boxs li:nth-of-type(3n) { margin-right: 2%; }
.pro_d .img_boxs li:nth-of-type(2n) { margin-right: 0; }
.pro_d .img_boxs li { width: 49%; }
.p_nav span { display: none; }
.p_nav span.active { display: block; }
.p_nav { top: 65px; -webkit-transform: none; transform: none; }
.pro_d .close img { width: 30px; }
.join .bar0 .left { width: 55%; }
.join .bar0 .right { width: 40%; padding: 3% 0; }
.join .bar0:nth-of-type(3) .right { width: 90%; margin-top: 30%; }
.join .bar0:nth-of-type(3) .left { width: 100%; height: 50%; top: -30%; }
.join .bar0:nth-of-type(4) { padding: 3% 0 5%; }
.join .index_bar4 ul { width: 100%; }
.join .index_bar4 ul li { float: left; width: 50%; padding: 5% 0; border-bottom: 1px solid #e6e6e6; }
.join .index_bar4 ul li span img { top: -40px; }
.join .index_bar4 li p { width: 90%; line-height: 18px; height: 54px; overflow: hidden; }
.join .bar0:nth-of-type(6) .left { width: 100%; height: 200px; position: static; }
.join .bar0:nth-of-type(6) .right { width: 100%; padding: 3% 0; float: none; }
.join .bar3 .right h3.active { font-size: 1.4rem; }
.join .bar3 .right { width: 30%; padding: 5% 0; }
.join .bar3 .right h3 { margin: 6px 0; }
.join .bar3 ul li { width: 68%; }
.join .bar3 .right h3:before { top: 12px; }
.zp2 ul .bars .contain { padding: 1% 5%; }
.zp2 ul .bars .contain h6 { font-size: 13px; }
.zp2 ul .bar h5 { line-height: 42px; height: 42px; }
.zp2 ul .bars .contain h4 { margin-top: 10px; }
.zp2 ul li:first-of-type h5 { font-size: 1.3rem; }
.contact .con1 h1 { float: none; display: none; }
.contact .con1 { left: 5%; margin-left: 0; width: 80%; padding: 5% }
.contact .con1 .t2 { float: none; }
.contact .top .txt .t1 { width: 50%; }
.news_d .contain h1 { font-size: 1.6rem; }
.news_d .contain h2 { margin-bottom: 20px; }
.news_d .contain p { margin: 3px 0; line-height: 18px; }
.pro .bars p { font-size: 2.2rem; }
.p_nav span strong { line-height: 18px; }
.p_nav span strong:before { width: 3px; height: 3px; left: 35px; }
.btns .current, .btns span:hover { width: 16px; height: 16px; }
.btns a { width: 16px; height: 16px; }
.normals .top p { font-size: 1.2rem; }
.join .bar0:nth-of-type(3) { overflow: hidden; }
.join .bar0 .right h3:before { width: 25%; left: -30%; }
.join .bar0 { padding: 3% 0 5%; }
.contact .top { padding: 0; }
.join #j5 .left { width: 100%; position: static; height: 300px; }
.join #j5 .right { width: 100%; }
.area.made .bar0 .left { width: 100% !important; position: static; height: 200px; }
.area.about5 .bar0 .right { text-align: left; width: 100%; float: none; }
.made3 .xq dl { position: static; margin: 5% 0; }
.made3 .xq dl dd { width: 60px; height: 60px; }
.map img { display: none; }
.map .map_p { display: block; }
}