﻿/*班友信息科技（Copyright © 2017 Banu Information Technology Co.,Ltd.）*//* css 初始化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
header,article,section,footer {display:block;}
a:focus {outline:none;}
a {-webkit-tap-highlight-color:rgba(255,255,255,0);}
a,button,.myelements {-ms-touch-action:manipulation;/* IE10  */
touch-action:manipulation;/* IE11+ */}
.clearfloat {clear:both;}
::selection {background:#473f50;color:#fff;}
::-moz-selection {background:#473f50;color:#fff;}
::-webkit-selection {background:#473f50;color:#fff;}
body {overflow:hidden;background:#fff;color:#555;font-size:14px;font-family:SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;transition:all 0.5s ease;font-weight:300;}
input,textarea {outline:none;-webkit-appearance:none;border-radius:0;}
select {outline:none;-webkit-appearance:none;border-radius:0;}
input[type="radio"] {width:17px;height:17px;background:url(../images/check.png);}
input[type="radio"]:checked {width:17px;height:17px;background:url(../images/checked.png);}
input[type="checkbox"] {width:18px;height:18px;background:url(../images/check.png);}
input[type="checkbox"]:checked {width:18px;height:18px;background:url(../images/checked.png);}
td,th,caption {font-size:14px;}
h1,h2,h3,h4,h5,h6 {font-weight:300;font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
a {color:#555;text-decoration:none;}
a:hover {text-decoration:none;}
img {border:none;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px SegoeUI,"Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;font-weight:300;}
table {border-collapse:collapse;}
html {overflow-y:scroll;}
/* css 清除浮动 */
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.banumanager .content .fl_right p {text-align:left;}
/*div宽度 把整个网页平分成12份 col 12 代表所占据的宽度*/.col12 {width:100%;height:60px;}
.col11 {width:91.66666667%}
.col10 {width:83.33333333%}
.col9 {width:75%}
.col8 {width:66.66666667%}
.col7 {width:58.33333333%}
.col6 {width:50% !important;}
.colTableTh {width:44% !important;}
.colTableThTd {width:14%;}
.colApply {width:50% !important;}
.colBrand {width:50% !important;}
.col5 {width:41.66666667% !important;}
.col4 {width:33.33333333%}
.col3 {width:25%}
.col2 {width:16.66666667%;}
.col1 {width:8.33333333%}
/*服务模块*/
.w1col3 {width:100%;float:left;margin-bottom:20px;}
.w1col3:nth-child(3n+1) {margin-left:0;}
.w1col3 img {width:100%;}
.sever_p {margin-top:-5px;min-height:150px;width:90%;padding:0 5%;background-color:#f0f0f0;}
.content .sever_p h1 {color:#555;width:100%;font-size:18px;text-align:center;}
.content .sever_p h1:first-child {margin-top:20px;color:#473f50;}
.sever_p p {width:100%;}
/*在线申请样式*/
.apply_from input,.apply_from select,.apply_from img {width:100%;height:40px;margin:10px 0;border:1px solid #e8e8e8;outline:none;padding:0 10px;font-size:14px;line-height:40px;color:#888;box-sizing:border-box;}
.apply_from input::-webkit-input-placeholder {line-height:40px !important;}
.apply_from input::-moz-placeholder {line-height:40px !important;}
.apply_from img {padding:0;width:auto !important;margin-left:20px;}
.apply_from input[type=checkbox] {display:inline-block;width:18px;height:18px;vertical-align:middle;margin:10px 0;padding:0;}
.apply_from .file {float:left;cursor:pointer;margin:10px 0;width:80px;height:80px;line-height:80px;border-radius:5px;position:relative;background:#f7f7f7 url("../images/apply_three.png") 0 0 no-repeat;}
.apply_from .file+h3 {float:left;margin-left:1rem;margin-top:2rem;}
.apply_from .file img {margin:0;padding:0;width:80px;height:80px;min-width:80px;max-width:80px;min-height:80px;max-height:80px;display:block;border:none;border-radius:5px}
.apply_from .file input[type=file] {cursor:pointer;position:absolute;top:0;left:0;margin:0;display:block;width:80px;height:80px;line-height:80px;background:#eee;border:1px solid #aaa;border-radius:5px;opacity:0;}
.apply_from span {display:inline-block;font-size:14px;line-height:20px;color:#555;margin:10px 0;float: left;width: 100%;}
.apply_from span a {color:#473f50;text-decoration:underline;}
.apply_from input[type=button],.apply_from input[type=submit] {cursor:pointer;background:#473f50;color:white;border:1px solid #473f50;}
.apply_from input[type=button].submit {display:block;width:120px;}
.apply_from input[type=button]:hover,.apply_from input[type=submit]:hover {background:#473f50;color:#eee;}
/*回到顶部*/
.service {position:fixed;right:40px;bottom:50px;width:70px;height:70px;text-align:center;background:#f8f8f8;border-radius:50%;font-size:14px;cursor:pointer;color:#999;}
.service img {margin-top:10px;width:18px;}
#goTop {display:none;}
/*下载页面*/
.down {background:white;position:relative;padding-bottom:20px;}
.downBox+.down_btn {position:relative;width:100%;}
.downBox+.down_btn>a,#downBtn1,#downBtn2,#downBtn3 {display:block;margin-top:15px;height:60px;border:1px solid #e8e8e8;text-align:center;position:relative;}
.downBox+.down_btn a.ios i,#downBtn2 i,.down_table i.ios {background:url(../images/ios.png) 50% 50%;background-size:auto 100%;display:block;width:200px;height:100%;overflow:hidden;margin:0 auto;}
.downBox+.down_btn a.windows i,#downBtn3 i {background:url(../images/windows.png) 50% 50%;background-size:auto 100%;display:block;width:200px;height:100%;overflow:hidden;margin:0 auto;}
.downBox+.down_btn a.android i,#downBtn1 i,.down_table i.android {background:url(../images/android.png) 50% 50%;background-size:auto 100%;display:block;width:200px;height:100%;overflow:hidden;margin:0 auto;}
.down_table i.android,.down_table i.ios {width:100%;}
#downBtn1 li,#downBtn2 li,#downBtn3 li {border:1px solid #e8e8e8;border-bottom:none;height:60px;text-align:center;background:white;line-height:60px;cursor:pointer;}
#downBtn1 li:hover,#downBtn2 li:hover,#downBtn3 li:hover {background:#473f50;border-color:#473f50;}
#downBtn1 li:hover a,#downBtn2 li:hover a,#downBtn3 li:hover a {color:white;}
#downBtn1 ul,#downBtn2 ul,#downBtn3 ul {position:absolute;bottom:60px;left:0;width:100%;overflow:hidden;display:none;font-size:14px;}
.banumanager .content form h1 {margin-top:15px;}
#downBtn1:hover ul,#downBtn2:hover ul,#downBtn3:hover ul {display:block;}
.down a.downNone {display:inline;border:none;border-radius:0;border-bottom:1px solid #555;color:#555;background:none;}
.down a.downNone:hover {color:#473f50;border-bottom:1px solid #473f50;background:none;}
.down a {text-align:center;display:block;margin:10px 0;height:40px;line-height:40px;border:1px solid #473f50;border-radius:5px;font-size:18px;background:white;transition:all 0.5s ease;position:relative;z-index:10;}
.down a span {color:#473f50;margin-left:10px;}
.down_btn .android,.down_btn .ios {display:inline-block;position:relative;height:80%;width:auto;margin-top:2%;}
.down .down_btn ul {display:none;position:absolute;bottom:50px;z-index:5;}
.down .down_btn ul:last-child {position:absolute;right:0;bottom:50px;}
.down .down_btn ul a {margin:-5px -1px;}
.down .down_btn ul a:hover {color:white;}
.down a:hover {background:#473f50;}
.down a:hover span {color:white;}
.down_table,.down_table tbody {width:100% !important;display:none;}
.content .down_table table a {display:inline;border:none;}
.content .down_table table th,.content .down_table table td {position:relative;line-height:30px;font-size:14px;height:30px;width:25%;border:none;}
.content .down_table table th:before,.content .down_table table td:before {content:'';position:absolute;width:200%;height:200%;left:0;top:0;border:1px solid #e8e8e8;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5);-webkit-box-sizing:border-box;box-sizing:border-box;}
.content .down_table table td a {padding:3px 10px;background:#473f50;color:white;line-height:30px;font-size:14px;height:30px;width:25%;border-radius:4px;position:relative;}
.content .down_table table td a:hover {background:white;color:#473f50;border:1px solid #473f50;}
.content .down_table table th:first-child,.content .down_table table td:first-child {width:50%;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt120 {margin-top:120px;}
.mt140 {margin-top:140px;}
.mt160 {margin-top:160px;}
.mt180 {margin-top:180px;}
.fl_left {float:left;}
.fl_right {float:right;}
.h_auto {height:auto !important;}
.text_center {text-align:center !important;}
/*header占位*/
.head_zw {height:60px;}
/*头部导航样式*/
header .btn_open {display:block;position:absolute;height:25px;width:25px;font-size:25px;line-height:25px;right:0;top:10px;padding:6px 6px;border-radius:5px;}
header .btn_open img {height:25px;width:25px;position:absolute;left:6px;top:6px;}
/*二级导航*/
.nav2 {height:60px;background:#fff;}
.nav2 ul {margin:0 auto;}
.nav2 li {float:left;display:block;line-height:60px;font-size:18px;margin-right:50px;}
.nav2 .active {border-bottom:2px solid #473f50;}
/*banner样式*/
.banner {overflow:hidden;margin-left:auto;margin-right:auto;width:100%;position:relative;}
.banner img {width:100%;}
.swiper-button-prev,.swiper-button-next {cursor:pointer;position:absolute;top:50%;margin-top:-15px;width:17px;height:30px;}
.swiper-button-prev {background:url(../images/arrows.png) no-repeat left top;left:10px;}
.swiper-button-next {background:url(../images/arrows.png) no-repeat left bottom;right:10px;}
.swiper-container {width:100%;}
/*主体部分*/
nav ul {position:absolute;right:0;top:0;z-index:100001;}
nav li {float:left;line-height:60px;height:60px;font-size:14px;color:#555;}
nav li a {color:#555;display:block;padding:0 20px;line-height:60px;background:#fff;}
nav li a:hover,nav li.active a {color:#fff;background:#473f50;}
article section:nth-child(odd) {background:#f8f8f8;}
article section:nth-child(even) {background:#fff;}
article section:first-child:last-child{background:#fff;}
article .content {height:100%;margin:0 auto;}
.content h1 {color:#473f50;font-size:22px;line-height:48px;}
.content h1 a {color:#473f50;}
.content h2 {color:#473f50;font-size:18px;line-height:42px;}
.content p {color:#666;font-size:14px;line-height:30px;}
.content .fl_left p,.content .fl_left h1,.content .fl_left h2 {text-align:left;}
.content .fl_right h1,.content .fl_right h2 {text-align:right;}
.content .fl_right p {text-align:left;}
.cooper_one .mt160 img.fl_left {width:100%;}
/*页脚样式*/
footer {width:100%;height:auto;background:#2a2a2a;}
footer .foot_con {width:1200px;height:310px;position:relative;margin:0 auto;}
footer .foot_con ul {float:left;width:130px;margin-right:40px;margin-top:40px;}
footer .foot_con li {height:32px;line-height:32px;}
footer .foot_con li a {font-size:14px;height:32px;line-height:32px;color:#999;}
footer .foot_con li a:hover {color:#bbb;}
footer .foot_con li:first-child {color:white;font-size:14px;line-height:48px;height:48px;}
footer .wx_ewm {width:188px;height:240px;float:right;margin-top:56px;color:white;text-align:center;}
footer .wx_ewm img {width:100%;height:auto;}
footer .wx_ewm span {font-size:14px;line-height:26px;color:#999;}
footer .foot_bt {padding:18px 0;line-height:18px;font-size:12px;color:#999999;text-align:center;width: 100%!important;padding-top: 0;}
footer .foot_bt.foot_con ul{width: 100%!important;margin-top: 0;}
footer .foot_bt.foot_con{height: auto;}
footer .foot_bt.foot_con li:first-child{height: 32px;color: #999999;font-size: 12px;}
/*客服以及回到顶部*/
.service li img,.service li {text-align:center;line-height:30px;width:80px;}
#goTop {display:none;}
/*背景阴影*/
.back_shadow {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:50;display:none;}
.banumanager .content img {max-width:80%;padding-top:20px;}
/*产品表格*/
.content table {width:100%;}
.content table.bordershow {background:white;border:1px solid #e8e8e8;}
.content table th {text-align:center;font-size:20px;line-height:50px;font-weight:bold;color:#555;height:50px;background:#f8f8f8;}
.content table td {font-size:16px;height:46px;line-height:46px;text-align:center;border-bottom:1px solid #e8e8e8;}
/*加盟的联系表单*/
.phone_content {width:290px;height:600px;background:url("../images/join_b.png") no-repeat;position:relative;margin-bottom:40px;}
.phone_content h1 {text-align:center !important;font-size:18px;line-height:42px;color:#888;margin-top:15px;}
.phone_content form {width:230px;height:440px;position:absolute;top:82px;left:26px;}
.phone_content form input,.phone_content form textarea {border:none;outline:none;width:200px;max-width:200px;margin:10px 0;height:30px;background-color:#f7f7f7;border-radius:15px;padding:0 15px;font-size:14px;line-height:30px;color:#888;}
.phone_content form textarea {height:90px;max-height:90px;}
.phone_content form input[type=button].submit {position:relative;left:50%;margin-left:-42px;width:84px;cursor:pointer;background-color:#473f50;color:white;top:0;}
.phone_content form input[type=submit]:hover {background-color:#473f50;color:#eee;}
.black_page.h_auto .box {width:50%;float:left;}
.black_page.h_auto .box img {width:100%;}
/*black page 文字样式*/
.black_page {padding:0px 0;}
.black_page h1 {color:#555;font-size:14px;}
.black_page .inner {padding:15px 48px 20px 48px;}
.black_page .inner h3 {color:#473f50;text-align:center;font-size:18px;}
.black_page .inner h3 span {font-size:20px}
.black_page h2 {color:#434343;font-size:14px;}
.black_page .inner p {margin-bottom:20px;color:#888;font-size:16px;}
.black_page p {margin-bottom:20px;color:#555;font-size:14px;}
.black_page .inner p span {display:inline-block;width:60%;text-align:right;}
.black_page .inner p input {display:inline-block;width:35%;text-align:left;border:1px solid #e8e8e8;height:38px;box-sizing:border-box;padding-left:10px;}
.black_page .inner p input[type=button] {text-align:center;border:none;background:#473f50;color:white;height:38px;line-height:38px;cursor:pointer;outline:none;padding-left:0;}
.black_page .inner p input[type=button]:hover {background:#473f50;color:#eee;}
/*时间轴*/
.bg_time {position:relative;margin-bottom:30px !important;background:url("../images/time_top.png") center repeat-y;}
.bg_time:after {content:"";display:block;position:absolute;width:100%;height:10px;bottom:-10px;left:0;background:url("../images/time_bottom.png") center no-repeat;}
.time_left {position:relative;width:50%;}
.time_left .con {margin-right:8.3333333%;height:140px;}
.time_right {position:relative;width:50%;left:50%;}
.time_right .con {margin-left:8.3333333%;height:140px;}
header {width:100%;height:60px;position:fixed;top:0;background:#fff;z-index:99;}
header .header_top {width:1200px;position:relative;margin:0 auto;}
header .header_top a>img {position:absolute;left:0;top:14px;width:192px;height:32px;}
header .btn_open {display:block;position:fixed;height:25px;width:25px;font-size:25px;line-height:25px;right:0;top:10px;padding:6px 6px;border-radius:5px;}
header .header_top .btn_open>img {height:30px;width:30px;position:absolute;left:6px;top:2px;}
header .taste {width:270px;height:210px;position:absolute;right:0;top:70px;text-align:center;padding-top:50px;display:none;background:white;}
header .taste span {width:100%;position:absolute;top:10px;left:0;line-height:30px;}
header .taste img {width:188px;height:188px;}
header .taste i {border:10px solid white;display:block;width:0;height:0;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;position:absolute;top:-20px;right:50px;}
.content .fl_left {overflow:hidden;}
.apply_left img.fl_right {display:block;width:80%;}
@media screen and (min-width:1024px) {.downBox+.down_btn a.ios:hover i,#downBtn2:hover i {background:url(../images/ios_on.png) 50% 50%;background-size:auto 100%;}
    .downBox+.down_btn a.android:hover i,#downBtn1:hover i {background:url(../images/android_on.png) 50% 50%;background-size:auto 100%;}
    .downBox+.down_btn a.windows:hover i,#downBtn3:hover i {background:url(../images/windows_on.png) 50% 50%;background-size:auto 100%;}
    .downBox+.down_btn a.ios:hover,#downBtn1:hover,.downBox+.down_btn a.android:hover,#downBtn2:hover,.downBox+.down_btn a.windows:hover,#downBtn3:hover {background:#473f50;}
}
/*大屏设备 */
@media screen and (min-width:1140px) {.communiPhone {width:40%;}
    .banumanager .content h1 {margin-top:50px;}
    .distImg {width:40%;}
    .phoneImg {width:50%;}
    .phoneImgH {width:33%;}
    header .btn_open {display:none;}
    .nav2 ul {width:1140px;}
    article section {height:500px;}
    .content {width:1100px;padding:40px 0;}
    .prod2_mt {margin-top:96px;}
    .content .prod2_mt.bannuCenter img {width:auto;}
}
/*pc端 900-1139样式 900-1139*/
@media screen and (min-width:900px) and (max-width:1139px) {.phoneImgH {width:40%!important;}
    .content .prod2_mt.bannuCenter img {width:auto;}
    header .btn_open {display:none;}
    #tasteShow {display:none;}
    .nav2 ul {width:900px;}
    header .header_top {width:900px;max-width:900px;}
    footer .foot_con {width:900px;}
    footer .foot_bt.foot_con{height: 64px;}
    footer .foot_con ul {margin-right:0;}
    footer .foot_con:after {right:235px;height:200px;}
    footer .wx_ewm {width:170px;}
    article section {height:500px;}
    article .content {width:900px;height:100%;padding:40px;}
    .banumanager .content .firstText {margin-top:0px;}
    .distImg {width:50%!important;}
    .content img {width:75%;margin:0 12%;}
    .phoneImg {width:65%!important;}
    .communiPhone {width:50%!important;}
    .content .fl_left.shibM {margin:10px 0 0 20px}
    .prod2_mt {margin-top:152px;}
}
/*pad | 小屏设备 样式 760-899*/
@media screen and (min-width:760px) and (max-width:899px) {
 .phoneImgH {width:40%!important;}
    .communiPhone {width:50%!important;}
    header .btn_open {display:none;}
    #tasteShow {display:none;}
    .nav2 ul {width:760px;}
    header .header_top {width:760px;max-width:760px;}
    article section {min-height:400px;}
    .content {width:760px;padding:40px 20px;box-sizing:border-box;}
    .banumanager .content .firstText {margin-top:0;}
    footer .foot_con {width:760px;height:300px;padding:0 20px;box-sizing:border-box;}
    footer .foot_bt.foot_con{height: 64px;}
    footer .foot_con ul {margin-right:0;width:110px;}
    footer .foot_con:after {right:210px;height:200px;}
    footer .wx_ewm {width:150px;}
    footer .wx_ewm span {font-size:12px;}
    footer .foot_con li:first-child {font-size:16px;line-height:32px;height:32px;}
    footer .foot_con li a {font-size:12px;height:24px;line-height:24px;color:#999;}
    .content h1 {font-size:24px;line-height:40px;}
    .content h2 {font-size:18px;line-height:36px;}
    .content p {font-size:14px;line-height:28px;}
    .phoneImg {width:65%!important;}
    .distImg {width:50%!important;}
    .content img {width:100%;}
    .mt20 {margin-top:10px;}
    .mt30 {margin-top:15px;}
    .mt40 {margin-top:20px;}
    .mt60 {margin-top:30px;}
    .mt80 {margin-top:40px;}
    .mt100 {margin-top:50px;}
    .mt120 {margin-top:60px;}
    .mt140 {margin-top:70px;}
    .mt160 {margin-top:80px;}
    .mt180 {margin-top:90px;}
    .prod2_mt {margin-top:82px;}
    .service {position:fixed;right:50px;bottom:50px;width:70px;height:70px;text-align:center;background:#f8f8f8;border-radius:50%;font-size:12px;color:#999;}
    .service img {margin-top:12px;width:15px;}
    .content .prod2_mt.bannuCenter img {width:auto;}
}
@media(max-width:760px) {
    .black_page.h_auto .box {width:100%;padding-left:10%;}
    .black_page.h_auto .box img {width:90%;}
    nav li a {color:white;background:transparent;}
    nav .active a {color:white!important;background:transparent!important;}
    nav ul {background:transparent!important;}
    header .header_top>a>img {position:relative!important;display:block;margin:0 auto;}
    .w1col3:first-child .downBox{border-bottom:none;}
}
/*手机设备 样式*/
@media screen and (min-width:600px) and (max-width:759px) {.phoneImgH {width:50%!important;}
    .downBox{border:none;}
    .distImg{width: 50%!important;}
    .banumanager .content img{max-width: 90%;margin-top: 30px;}
    .banumanager .content .plusImgone img{margin-top: -5px!important;}
    .banumanager .content .plusImgtwo img{margin-top: -30px!important;}
    .banumanager .content .plusImgthree{margin-top: -20px!important;}
    .banumanager .content .plusImgthree img{margin-top: 0;}
    .banumanager .content .plusImgfour img{margin-top: 0;}
    .banumanager .content .plusImgfour{margin-top: -10px;}
    .communiPhone{width: 60%!important;}
    .black_page.h_auto .box{padding-left:0;}
    header {padding:0 8px;}
    #tasteShow {display:none;}
    header .header_top {width:100%;}
    header .btn_open {right:3%;}
    .service li img,.service li {text-align:center;line-height:30px;width:40px;}
    .service {right:20px;}
    footer .foot_con {padding:10px 8px;width:100%;height:auto;}
    footer .foot_con ul {width:100%;float:none;margin-top:20px;}
    footer .foot_con li {text-align:center;}
    footer .foot_con:after {display:none;}
    footer .wx_ewm {float:none;margin:20px auto 0 auto;}
    nav ul {position:fixed;display:none;left:0;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,.85)!important;overflow-x:hidden;overflow-y:scroll;z-index:100000000;padding-top:60px;box-sizing:border-box;}
    nav ul li .after {width:28px;height:15px;background:url(../images/menu-close.png) no-repeat center center;position:absolute;right:3%;top:20px;background-size:15px 15px;}
    nav li {display:block;width:100%;height:60px;line-height:60px;font-size:16px;background:url(../images/menu-arrow.png) 94% center no-repeat;background-size:8.5px 14.5px;}
    nav li:last-child {background-image:none;}
    nav li a {line-height:60px;}
    nav li a:hover,nav li.active a {color:#fff;background:none;}
    .nav2 {padding:0 8px;}
    .nav2 li {margin-right:30px;}
    .swiper-button-prev,.swiper-button-next {display:none;}
    article section {padding:20px;padding-top:40px;box-sizing:border-box;}
    article section {min-height:460px;}
    article .content {padding:0 8px;height:640px;margin:0 auto;}
    article.banumanager .content{height: auto!important;min-height: 400px;}
    .content {width:100%;}
    .content h1 {font-size:24px;line-height:40px;}
    .content h2 {font-size:18px;line-height:36px;}
    .content p {font-size:14px;line-height:28px;}
    .content img {width:100%;}
    .w1col3 {width:45%;float:left;margin:20px 0 20px 10%;position: relative;}
    .w1col3:nth-child(3n+1) {margin:20px 0 20px 10%;}
    .w1col3:nth-child(2n+1) {margin:20px 0 20px 0;}
    .w1col3 img {width:100%;margin:0;}
    .prod2_mt {margin-top:60px;}
    .mt40 {margin-top:20px;}
    .mt60 {margin-top:30px;}
    .mt80 {margin-top:40px;}
    .mt100 {margin-top:50px;}
    .mt120 {margin-top:60px;}
    .mt140 {margin-top:70px;}
    .mt160 {margin-top:80px;}
    .mt180 {margin-top:90px;}
    .swiper-pagination .swiper-pagination-switch {width:8px;height:8px;}
    .black_page .inner {padding:15px 20px 20px 20px;}
    .black_page {padding:10px 10px !important;}
    .service li img,.service li {text-align:center;line-height:30px;width:40px;}
    .service {right:20px;}
    .apply_left {display:block;float:none;}
    .apply_right {width:100% !important;}
    .apply_from img {margin-left:0;}
    .apply_from {padding-right:10px}
    .apply_from input[type=text] {width:calc(100% - 20px) !important;}
    .apply_from input[type=button] {float:left!important;}
    #downBtn2,#downBtn1,#downBtn3 {display:none;}
    .down_table,.down_table tbody {display:block;}
    footer .foot_bt{font-size: 12px;}
}
@media screen and (min-width:600px) and (max-width:730px) {
    .service {position:fixed;right:20px;bottom:50px;width:60px;height:60px;text-align:center;background:#f8f8f8;border-radius:50%;font-size:12px;color:#999;}
    .service img {margin-top:1px;width:18px;}
    nav ul {position:fixed;display:none;left:0;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,.85)!important;overflow-x:hidden;overflow-y:scroll;z-index:100000000;padding-top:60px;box-sizing:border-box;}
    nav ul li .after {width:28px;height:15px;background:url(../images/menu-close.png) no-repeat center center;position:absolute;right:3%;top:20px;background-size:15px 15px;}
    nav li {display:block;width:100%;height:60px;line-height:60px;font-size:16px;background:url(../images/menu-arrow.png) 94% center no-repeat;background-size:8.5px 14.5px;}
    nav li:last-child {background-image:none;}
    nav li a {line-height:60px;}
    nav li a:hover,nav li.active a {color:#fff;background:none;}
    .content .prod2_mt.bannuCenter img {width:auto;}
    footer .foot_bt{font-size: 12px!important;}
    footer .foot_con li a{font-size: 12px;}
    footer .foot_con li:first-child{font-size: 16px;}
}
/*手机设备 样式*/
@media screen and (max-width:599px) {footer .foot_con li:first-child {font-size:14px;}
    footer .foot_con li a {font-size:14px;}
    .phone_content form input[type=button].submit {top:0;}
    .distImg,.communiPhone,.phoneImgH,.phoneImg {width:50%!important;margin-left:25%;}
    header {padding:0 10px;}
    .service li img,.service li {text-align:center;line-height:30px;width:40px;}
    .service {right:20px;}
    .service {position:fixed;right:20px;bottom:50px;width:60px;height:60px;text-align:center;background:#f8f8f8;border-radius:50%;font-size:12px;color:#999;}
    .service img {margin-top:1px;width:18px;}
    #tasteShow {display:none;}
    header .header_top {width:100%;}
    header .btn_open {right:3%;}
    nav ul {position:fixed;display:none;left:0;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,.85)!important;overflow-x:hidden;overflow-y:scroll;z-index:100000000;padding-top:60px;box-sizing:border-box;}
    nav ul li .after {width:28px;height:15px;background:url(../images/menu-close.png) no-repeat center center;position:absolute;right:3%;top:20px;background-size:15px 15px;}
    nav li {display:block;width:100%;height:60px;line-height:60px;font-size:14px;background:url(../images/menu-arrow.png) 94% center no-repeat;background-size:8.5px 14.5px;}
    nav li:last-child {background-image:none;}
    nav li a {line-height:60px;}
    footer .foot_con {padding:10px 10px;width:100%;height:auto;}
    footer .foot_con ul {width:100%;float:none;margin-top:20px;}
    footer .foot_con li {text-align:center;}
    footer .foot_con:after {display:none;}
    footer .wx_ewm {float:none;margin:20px auto 0 auto;}
    nav li a:hover,nav li.active a {color:#fff;background:none;}
    .nav2 {padding:0 10px;height:40px;}
    .nav2 li {line-height:40px;font-size:14px;margin-right:10px;}
    .swiper-button-prev,.swiper-button-next {display:none;}
    article section {height:auto;padding-top:1px;padding-bottom:20px;}
    article .content {padding:20px 20px;height:auto;margin:0 auto;box-sizing:border-box;}
    .content {width:100%;}
    .content .prod2_mt.bannuCenter {text-align:center;}
    .content .prod2_mt.bannuCenter img {width:auto;}
    .content h1 {font-size:22px;line-height:40px;}
    .content h2 {font-size:18px;line-height:36px;}
    .content p {font-size:14px;line-height:28px;}
    .content img {width:100%;max-width:100%!important;}
    .w1col3 {width:90%;float:left;margin:20px 5% 20px 5%;}
    .w1col3:nth-child(3n+1) {margin:20px 5% 20px 5%;}
    .w1col3:nth-child(2n+1) {margin:20px 5% 20px 5%;}
    .w1col3 img {width:100%;margin:0;display:block;height:100%;}
    .prod2_mt {margin-top:60px;}
    .mt20.mt40,.mt60,.mt80,.mt100,.mt120,.mt140,.mt160,.mt180,.prod2_mt {margin-top:20px;}
    .fl_right,.fl_left {float:none;}
    .content .fl_right p,.content .fl_right h1,.content .fl_right h2 {text-align:left;}
    .banumanager .content .fl_right p {text-align:left;}
    .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {width:100% !important;}
    .col12 {height:120px; !important;}
    .swiper-container .swiper-pagination {bottom:10px;}
    .swiper-pagination .swiper-pagination-switch {width:5px;height:5px;}
    .content table th {font-size:16px;height:30px;line-height:30px;}
    .content table th:first-child {width:44% !important;}
    .content table th.tableFirst {width:20% !important;}
    .content table th:nth-child(2) {width:14% !important;}
    .content table th:nth-child(3) {width:14% !important;}
    .content table th:nth-child(4) {width:14% !important;}
    .content table th:last-child {width:14% !important;}
    .content table td {font-size:12px;height:24px;line-height:24px;}
    .phone_content {margin:0 auto;}
    .black_page {padding:10px 10px !important;}
    .black_page .inner {padding:15px 20px 20px 20px;}
    .black_page .inner p span {text-align:left;width:50%;}
    .black_page h1 {padding-top:10px !important;}
    .time_left {width:85% !important;padding-left:30px;}
    .time_right {left:0;width:85% !important;padding-left:30px;}
    .time_right .con {margin-left:0;}
    .bg_time {background:url("../images/time_top.png") 10px repeat-y;}
    .bg_time:after {background:url("../images/time_bottom.png") 10px no-repeat;}
    h2.mt40,p.mt40 {margin-top:10px;}
    .service li img,.service li {text-align:center;line-height:30px;width:40px;}
    .service {right:20px;}
    .apply_left img.fl_right {display:block;width:100%;}
    .apply_right {width:100% !important;}
    .apply_from img {margin-left:0;}
    .apply_from {}
    .apply_from input[type=text] {width:100%;box-sizing:border-box;}
    .down {height:auto;}
    .down .down_btn {position:relative;margin-top:50px;}
    #downBtn2,#downBtn1,#downBtn3 {display:none;}
    .down_table,.down_table tbody {display:block;margin-bottom:20px;}
    nav li a:hover,nav li.active a {color:#fff;background:none;}
    .wx_ewm {display:none;}
    footer .foot_bt {font-size:12px;padding:10px 0}
}
@media screen and (max-width:320px) {footer .foot_con li:first-child {font-size:16px;}
    footer .foot_con li a {font-size:12px;}
    .nav2 li {font-size:15px;}
    .apply_right {width:100% !important;}
    .apply_from img {margin-left:0;}
    .apply_from {padding-right:10px}
    .apply_from input[type=text] {width:calc(100% - 20px) !important;}
    nav ul {position:fixed;display:none;left:0;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,.85)!important;overflow-x:hidden;overflow-y:scroll;z-index:100000000;padding-top:60px;box-sizing:border-box;}
    nav ul li .after {width:28px;height:15px;background:url(../images/menu-close.png) no-repeat center center;position:absolute;right:3%;top:20px;background-size:15px 15px;}
    nav li {display:block;width:100%;height:60px;line-height:60px;font-size:16px;background:url(../images/menu-arrow.png) 94% center no-repeat;background-size:8.5px 14.5px;}
    nav li:last-child {background-image:none;}
    nav li a {line-height:60px;}
    nav li a:hover,nav li.active a {color:#555;background:#fff;}
    .service {position:fixed;right:20px;bottom:50px;width:60px;height:60px;text-align:center;background:#f8f8f8;border-radius:50%;font-size:12px;color:#999;}
    .service img {margin-top:1px;width:18px;}
    .wx_ewm {display:none;}
    footer .foot_bt {font-size:12px;padding:10px 0}
}
