@charset "utf-8";
/* CSS Document */
.B_f6{ background-color:#f6f6f6; overflow:hidden; padding:2.8rem 0 !important; margin:0 !important;}
#sec_bt{ width:100%; height:80px; float:left; background-color:#f6f6f6; text-align:center; padding-top:30px;}
#sec_bt h3{font-size: 26px;color:#FF7300;font-weight:500;}
.sec_line{ width:58px; height:2px; margin:0 auto;background-color:#FF7300; margin-top:12px;}
#sec_bt1{ width:100%; height:50px; float:left; background-color:#f6f6f6; text-align:center; }
#sec_bt1 h3{font-size: 26px;color:#5C8FD3;font-weight:500;}
.sec_line1{ width:58px; height:2px; margin:0 auto;background-color:#5C8FD3; margin-top:12px;}
#sec_btn{ width:100%; height:auto; overflow:hidden; float:left;background-color:#f6f6f6;}
.product-more-btn {width:86%;height:auto;padding-top:20px;margin:0 auto;}
.product-more-btn a {width:46%;height: 52px;line-height: 52px;text-align: center;color: #666666;display: inline-block;background-color: #ffffff;border: 1px solid #ececec;margin: 0 1%;}
.product-more-btn a:hover {color:#FF7300;display: inline-block;border: 1px solid #FF7300;box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;}

@media screen and (max-width: 2560px) {
#sec{ width:100%; height:400px; float:left; background:url(../img/sec-banner.png) no-repeat center; background-color:#f6f6f6;}
#sec1{ width:100%; height:400px; float:left; background:url(../img/sec1-banner.png) no-repeat center; background-color:#f6f6f6;}
.banner_gg1{ width:86%; height:150px; margin:0 auto;background:url(../img/banner_gg1.gif) no-repeat center; }
.banner_gg2{ width:86%; height:150px; margin:0 auto;background:url(../img/banner_gg4.jpg) no-repeat center; }
.banner_gg3{ width:86%; height:150px; margin:0 auto;background:url(../img/banner_gg7.gif) no-repeat center; }
.iphoneimg{ margin:20px; }
.codeimg{ margin:20px; }
}
@media screen and (max-width: 1920px) {
#sec{ height:300px; background:url(../img/sec-banner1.png) no-repeat center;}
#sec1{ height:300px; background:url(../img/sec1-banner1.png) no-repeat center;}
.banner_gg1,.banner_gg2{height:120px;}
}
@media screen and (max-width: 1440px) {
.banner_gg1{background:url(../img/banner_gg2.gif) no-repeat center;}
.banner_gg2{background:url(../img/banner_gg5.gif) no-repeat center;}
.banner_gg3{background:url(../img/banner_gg8.gif) no-repeat center;}
}

@media screen and (max-width: 980px) {
#sec{  background:url(../img/sec-banner2.png) no-repeat center;}
#sec1{  background:url(../img/sec1-banner2.png) no-repeat center;}
}
@media screen and (max-width: 750px) {
.banner_gg1{background:url(../img/banner_gg3.gif) no-repeat center;}
.banner_gg2{background:url(../img/banner_gg6.gif) no-repeat center;}
.banner_gg3{background:url(../img/banner_gg9.gif) no-repeat center;}
}
@media screen and (max-width: 500px) {
#sec{ background:url(../img/sec-banner3.png) no-repeat center;}
#sec1{ background:url(../img/sec1-banner3.png) no-repeat center;}
}
.product-list2{ width:19%; margin:15px 1% 0 0; background:#fff;}
.product-list2-img{ text-align:center; width:100%; overflow:hidden; height:170px;}
.product-list2-img img{ height:170px;}
.product-list2-txt{ width:92%; margin:0 auto; text-align:center;}
.product-list2-txt h3{color:rgba(49,49,49,1);font-size:16px; }
.product-list2-txt p{font-size:14px; line-height:3rem;}
.product-list2-txt b{font-size:16px; line-height:3rem;}
#product-list2-btn{ width:60%; text-align:center; margin:20px auto;  border:1px solid #fc7918; background:#fff;color:#fc7918; line-height:3rem; height:3rem;font-size:16px;}
.product-list2 a{ width:100%;color:#fc7918;    display: inline-block; }
.product-list2 a:hover{	background-color:#ffffff;box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.04);transition:all 0.3s ease;}

.product-list1{ width:19%; margin:0 1% 0 0;}
.dplb-box {width: 86%;margin: 0 auto; background:#f6f6f6; height:auto; overflow:hidden;}
.dp_lb{ width:100%; float:left; background:#f6f6f6;}

@media screen and (max-width: 1660px) {
#dp{ background:url(../img/DP_bg.png) no-repeat top right;background-image:#fff;float:left;}
}
@media screen and (max-width: 1440px) {
.dpnav-box ul li { width:10%;}
.dpnav-box ul li.li1{ width:13%;}
}
@media screen and (max-width: 1024px) {
.dp_xx p{ display:none;}
.product-list2{ width:32.3%;}
}
@media screen and (max-width: 978px) {
.dpnav-box ul li.li2{ display:none;}
.dpnav-box ul li.li3{ width:49%;}
.iphoneimg{ max-width:480px;}
.codeimg{ max-width:360px;}
}

@media screen and (max-width: 750px) {
#dp{ background:url(../img/DP_bg1.png) no-repeat;background-image:#fff;float:left;}
.dp_tx{margin-top:110px;}
.dp_tx img{ width:80px;}
.product-list1{ width:49%; margin:0 1% 20px 0;}
.plno{ display:none;}
}
@media screen and (max-width: 650px) {
.product-list2{ width:100%;}
}
@media screen and (max-width: 520px) {

.iphoneimg{ max-width:300px; margin:20px 10px; }
.codeimg{ max-width:300px; margin:20px 10px; }
}
#buy{ width:100%; height:auto; overflow:hidden; text-align:center; background:#f6f6f6; padding-bottom:20px;}
#buy p{ font-size:16px; color:#333; line-height:28px; margin:0 20px;}