/**********************************************************************************************/
body{background-color: #eff4f7!important;}
.white{background: white;}
.main   {width:100%;margin:0 auto;}
.indexTop  {width:100%;margin:0 auto;}
.indexBottom {width:100%;margin:0 auto;}
a:hover,a:visited{text-decoration: none!important;}

@media all and (max-width:1024px) {
    div,a,span,p,em,strong,font,dd,h1,h2,h3{font-size: 3vw;}
    .indexCenter {width:100%;margin:0 auto;}

    .topname{font-size: 4vw;padding:2vh 0 1vh;color: #666;}

    .nav1{background: #1d904b;height: calc(12vh + 2px);}
    .nav1 li{float: left;width: calc(100% / 4);border-right: 2px solid #d2ea02;}
    .nav1 li:nth-child(4n){border-right:0}
    .nav1 li a{float: left;width: 100%;text-align: center;color: #fff;font-size: 2vh;line-height:2vh;padding: 2vh 0!important;border-top: 2px solid #d2ea02;}

    .swiper0{margin-bottom: 3vh;}
    .swiper-pagination-bullet{width: 30px!important;height: 30px!important;}
    .swiper-pagination-bullet-active{background: #869791!important;}

    .sidetitle{padding-bottom: 4vh;color: #666;}
    .sidetitle span:first-child{display: block;width: 100%;font-size: 7vw;font-weight: 1.2}
    .sidetitle span:last-child{display: block;width: 100%;font-size: 5vw;}

    .centertitle{color: #000;position: relative;text-align: center;margin: 30px 0;padding: 0!important;}
    .centertitle p:first-child{width: 40%;background: #fff;margin: 0 auto;font-size: 8vw;}
    .centertitle p:nth-child(2){width: 100%;height: 1px;position: absolute;background: #aaa;top: 80%;z-index: 0;}
    .centertitle p:last-child{width: 40%;background: #fff;margin: 0 auto;font-size: 6vw;position: relative;color: #ddd;z-index: 1;}

    .centercon dd {font-size: 4vw;}

    .centercon .info1 span{font-size: 4vw;line-height: 3vh;}
    .centercon .info2 span,.centercon .info2 a{font-size: 4vw;line-height: 5vh;padding: 0 5px;}

    .centercon .newst{float: left;width: 100%;border-bottom: 5px solid #D8D8D8;position: relative;line-height: 8em;margin-bottom: 2em;}
    .centercon .newst em{border-bottom: 5px solid #1d904b;position: absolute;font-size: 6vw;color: #1d904b;}
    .centercon .newst a{color: #818798;font-size: 4vw;}
    .centercon .newst a:hover{color: #d2ea02;}
    .centercon ul {float: left;}
    .centercon ul li {float: left;width: 100%;padding: 5px 0;border-bottom: 5px dashed #ccc;line-height: 5vh;}
    .centercon ul li a{font-size: 4vw!important;}
    .centercon ul li:before{content: "•\00a0\00a0";font-size: 4vw;}
    .centercon .contact{position: relative;display: flex;align-items: center;}
    .centercon .contact img{width: 100%;}
    .centercon .info{background: rgba(29, 144, 75, 0.85);position: absolute;padding: 20px;color:#ffffff;line-height:40px}
    .centercon .info span{line-height: 3.5vh;font-size: 4vw;}

    .page {background:#fff;padding: 3vw 3vw 0;margin: 0 3vw;}
    .paget {padding-left:8vw;background:url('https://bc54.com/static/image/edit.jpg') no-repeat 0 center;background-size: 7vw; border-bottom:1px solid #999;}
    .paget span:first-child{font-size: 5.5vw;line-height: 6vh;}
    .paget .sidebtn{font-size: 4vw;line-height: 6vh;color: #245EB5;}
    .pagec {float: left;padding: 0 3vw 3vw;background:#fff;margin: 0 3vw;width: calc(100% - 6vw); }
    .pagec .logo{margin-bottom: 30px;width: 100%;margin: 3vw 0;border:1px solid #999;}
    .pagec .about span{font-size: 4vw!important;}
    .pagepn p{font-size: 4vw;}

    .pagination{font-size: 4vw;}
    .pagination a,.pagination span {padding:1vh 3vw;margin: 0 -2.5px;font-size: 4vw;}

    .artlist{padding: 0 1vw!important;}
    .artlist dl {border-bottom: 3px dashed #ccc;padding: 0;margin: 0;}
    .artlist dl dt{padding: 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    .artlist dl dt a {color: #666;line-height: 5vh;font-size: 3.6vw;}
    .artlist dl dt a:hover{color:#00aaf7;}
    .arttop {text-align:center;padding-top: 3vh;}
    .arttop h2 {font-size:4vw;}
    .arttop p {background: #EEE;line-height: 5vh;color: #666;margin: 3vh 0;}
    .artcon {color:#000;line-height: 3vh;font-size: 3.5vw;}
    .artcon img{width: 98%;border: 3px solid #ccc;padding: 1vw;}
    

    .prolistimg{margin-top: 3vh;}
    .prolistt{text-align: center;margin: 1vh 0;color:#666;font-size: 4vw;}
    .protop{margin-bottom:20px;}
    .promid{padding: 0!important;border: 1px solid #ccc;}
    .proimg{text-align: center;padding: 2vh 8vw!important;}
    .proinfo{border-top: 1px solid #ccc;padding: 3vw!important;}
    .proinfot1{border-bottom: 2px solid #ccc;font-size: 5vw;font-weight: 700;padding-bottom: 3vw!important;}
    .proinfot2{color: #f5641d;font-size: 5vw;font-weight: 700;padding: 2vh 0!important;margin-top: 1vh;}
    .proinfo p{margin-bottom: 0;padding: 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .proinfo p span{color: #808080;}
    .proinfo .share{width: 100%;border: 2px solid #fbbeaf;background-color: #fff1ed;padding: 3vw 2vh;margin-top: 1vh;}
    .proinfo .share p{color: #666;font-size: 5vw;margin-bottom: 1vh;}
    .proinfo .share1{border-bottom: 2px solid #f5d8d0;padding: 0 3vw;}
    .proinfo .share1 img{width: 30%;height: auto;margin-bottom: 1vh;}
    .proinfo .share2{border-top: 2px solid #fff;padding: 1vh;}
    .bdshare_b{zoom: 3!important;z-index: 1!important;}

    .nav-tabs>li>a{color: #666!important;padding: 1vh 8vw!important;font-size: 4vw;}
    .tabinfo{margin: 5vh 0 3vh;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;padding: 3vh 1vw;font-size: 4vw;}
    .tabcontact{background: #f9f9f9;padding: 0!important;}
    .con1{margin: 3vh 0;font-size: 4vw;line-height: 4vh;padding: 0 4vw!important;}
    .con1 .box{width: 23vw;height: 23vw;background: #fff;border: 1px solid #ccc;padding: 0!important;margin-left: 1vw;}
    .con1 span strong{font-size: 5vw;color: #000;margin-right: 2vw;}
    .con1 a img{width: 20vw;height: auto;}
    .con2{background: #fbe9b1;padding: 3vh 4vw!important;}
    .con2 p{font-size: 4vw;margin: 0;}
    .con2 p:last-child{margin-top: 2vh;}
    .con2 p em{margin: 0 10px;}
    .con3{margin: 3vh 0;fline-height: 4vh;padding: 0 4vw!important;}
    .newinfo{line-height: 4vh;}
    .newinfo p{border-bottom: 2px solid #ccc;padding: 0!important;margin-bottom: 2vh;}

    .pictop {text-align:center;padding: 3vh 0;}
    .pictop h2 {font-size:4vw;}
    .picimg{text-align: center;margin-bottom: 2vh;}
    .picimg img{width: 80%;}

    .pagec .tips{line-height:4vw;padding: 1vw;margin-top: 1vw;}
    .pagec input{height: 8vw;margin: 2vw 0!important;font-size: 4vw;border: 1px solid #ccc;}
    .pagec textarea{height: 12vw;font-size: 4vw;}
    .pagec #code_img{float: left;height: 8vw;margin: 0 2vw;}
    .pagec .btn{margin: 0 2vw!important;}

    .copyright{text-align: center;background: #1d904b;line-height: 3vh; margin:3vh 0 8vh;padding-top: 4vw;}
    .copyright span{font-size: 4vw;}

    .foot{position: fixed;bottom: 0;height: 8vh;width: 100%;background: rgba(0,0,0,0.8);text-align: center;margin: 0;z-index: 3;}
    .foot li img{height: 4vh;margin-top: 0.5vh;}
    .foot span{color:#fff;font-size: 4vw;}

    .side{background: #1d904b;position: fixed!important;top: 0;left: -50%;height: 101vh;z-index: 2;transition: 1s;padding: 0!important;}
    .side p{margin: 0;color: #fff;font-size: 6vw;padding: 3vh 0;text-align: center;}
    .side ul li{border-bottom: 0.2vh dashed #fff;}
    .side ul li:last-child{border-bottom:0;}
    .side ul li a::before{content: "•\00a0";}
    .side ul li a{display: block;width: 100%;background: #2C74E1;color: #fff;padding: 2vh 0 2vh 5vw;font-size: 4vw;}
    .side ul li a:hover,.side a:visited{color: #fff;}
    
    .wx{width: 100vw;height: 100vw;display: none;z-index: 100;position: fixed;top: 50vw;}
    .wx img{width: 80vw;margin: 0 10vw;}
}
@media all and (min-width:1200px) {
    .topCon {width:1200px;margin:0 auto;}
    .indexCenter {width:1200px;margin:0 auto;}
    .indexLeft {float:left;width:250px;}
    .indexLeft1 {float:left;width:900px;}
    .indexRight  {float:right;width:900px;}
    .indexRight1 {float:left;width:480px;}
    .indexMain {float:right;width:900px;}
    .bottomCon {width:1200px;margin:0 auto;}
    .left {float:left;width: 250px;}
    .right {float:right;width:250px;}
    .inside{float:right;width:900px;border:1px solid #DEDEDE;}
    .inside1{float:left;width:900px;border:1px solid #DEDEDE;}

    .swiper0{margin-bottom: 50px;}
    .swiper-pagination-bullet{width: 15px!important;height: 15px!important;border-radius: 0!important;border: 1px solid #fff;background: #1d904b!important;opacity: 1!important;}
    .swiper-pagination-bullet-active{background: #ec9a26!important;}

    .sidetitle{background: #1d904b;padding:10px 0;color: #fff;}
    .sidetitle span:first-child{display: block;width: 100%;font-size: 24px;font-weight: 1.2}
    .sidetitle span:last-child{display: block;width: 100%;font-size: 18px;}

    .centertitle{color: #000;position: relative;text-align: center;margin: 30px 0;padding: 0!important;}
    .centertitle p:first-child{width: 123px;background: #fff;margin: 0 auto;font-size: 30px;}
    .centertitle p:nth-child(2){width: 100%;height: 1px;position: absolute;background: #aaa;top: 80%;z-index: 0;}
    .centertitle p:last-child{width: 123px;background: #fff;margin: 0 auto;font-size: 20px;position: relative;color: #ddd;z-index: 1;}

    .centercon .newst{float: left;width: 100%;border-bottom: 2px solid #D8D8D8;position: relative;line-height: 40px;}
    .centercon .newst em{border-bottom: 2px solid #1d904b;position: absolute;font-size: 24px;color: #1d904b;}
    .centercon .newst a{color: #818798;}
    .centercon .newst a:hover{color: #00aaf7;}
    .centercon ul {float: left;}
    .centercon ul li {float: left;width: 100%;padding: 5px 0;border-bottom: 1px dashed #ccc;}
    .centercon ul li a{font-size: 14px!important;}
    .centercon ul li a:hover{color: #00aaf7;}
    .centercon ul li:before{content: "•\00a0\00a0";}
    .centercon .contact{position: relative;display: flex;align-items: center;}
    .centercon .contact img{width: 100%;}
    .centercon .info{background: rgba(29, 144, 75, 0.85);position: absolute;padding: 20px;color:#ffffff;line-height: 26px;}

    .page {float:left;width:100%;background:#fff;padding: 30px 30px 0;}
    .paget {float:left;width:100%;padding-left:36px;font-size:15px;height:50px;line-height: 45px;background:url('https://bc54.com/static/image/edit.jpg') no-repeat 0 center;border-bottom:1px solid #ddd;}
    .paget span:first-child{font-size: 20px;line-height: 50px;} 
    .paget span:last-child,.paget a{color:#999;line-height: 50px;}
    .paget a:hover{color:#00aaf7;}
    .pagec {float: left;width:100%;padding: 20px 30px;background:#fff;margin-bottom: 30px;}
    .pagec .logo{margin-bottom: 30px;}

    .pagination a,.pagination span {padding:7px 16px;margin: 0 -2.5px;}

    .artlist{padding: 0 10px!important;}
    .artlist dl {border-bottom:1px dotted #ccc;padding: 0;margin: 0;}
    .artlist dl dt{padding: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .artlist dl dt a {color: #666;line-height: 40px;}
    .artlist dl dt a:hover{color:#00aaf7;}
    .artlist dl dd {padding: 0;font-size:14px;color:#666;line-height: 40px;}
    .arttop {text-align:center;padding: 0 30px;}
    .arttop h2 {font-size:20px;}
    .arttop p {margin: 16px auto;background: #EEE;line-height: 40px;color: #666;}
    .artcon {color:#666;line-height:25px;padding: 0 30px;}
    .artcon img{max-width: 98%;border: 1px solid #999;padding: 1%;}

    .prolistt{text-align: center;margin: 10px 0;color:#666;}
    .protop{margin-bottom:20px;}
    .protop h2{font-size:22px;text-align:center;font-weight:bold;}
    .promid{padding: 0!important;margin: 20px 0;border: 1px solid #ccc;height: 350px;}
    .proimg{height: 100%;line-height: 350px;text-align: center;padding: 0 25px!important;}
    .proinfo{color: #333;border-left: 1px solid #ccc;height: 100%;}
    .proinfo p{margin-bottom: 0;padding: 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .proinfot1{border-bottom: 1px solid #ccc;font-size: 18px;font-weight: 700;padding: 20px 0;}
    .proinfot2{color: #f5641d;font-size: 18px;font-weight: 700;padding: 10px 0!important;margin-top: 10px;}
    .proinfo p span{font-size: 12px;color: #808080;}
    .proinfo .share{width: 100%;border: 1px solid #fbbeaf;background-color: #fff1ed;padding: 10px 20px;margin-top: 10px;}
    .proinfo .share p{color: #666;font-size: 18px;margin-bottom: 10px;}
    .proinfo .share1{border-bottom: 1px solid #f5d8d0;padding: 0 10px;}
    .proinfo .share1 img{margin-bottom: 1vh;}
    .proinfo .share2{border-top: 1px solid #fff;padding: 10px;}
    .nav-tabs>li>a{color: #666!important;padding: 5px 27px!important;margin-bottom: -2px!important;}
    .tabinfo{margin: 40px 0 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 30px!important;}
    .tabcontact{background: #f9f9f9;padding: 0!important;}
    .con1 .box{width: 77px;height: 77px;background: #fff;border: 1px solid #ccc;padding: 0!important;margin-left: 15px;}
    .con1{margin: 20px 0;}
    .con1 span{line-height: 30px;color: #999;}
    .con1 span strong{font-size: 18px;color: #000;margin-right: 10px;}
    .con2{background: #fbe9b1;padding-top: 20px;padding-bottom: 20px;}
    .con2 p{font-size: 16px;margin: 0;}
    .con2 p:last-child{margin-top: 10px;}
    .con2 p em{margin: 0 10px;}
    .con3{margin: 20px 0;line-height: 40px;}
    .con3 strong{padding-right: 0!important;font-size: 13px;}
    .newinfo{line-height: 24px;}
    .newinfo p{border-bottom: 1px solid #ccc;padding: 0!important;margin-bottom: 20px;}


    .piclistt{text-align: center;margin: 10px 0;color:#666;}
    .pictop h2{text-align:center;padding: 20px 0;}
    .picimg{text-align: center;margin-bottom: 20px;}
    .picimg{height: 300px;}
    .picimg{height: 100%;}

    .pagec .tips{height:30px;line-height: 30px;}
    .pagec input{height: 32px;margin: 10px 0!important;border: 1px solid #ccc;}
    .pagec #code_img{float: left;margin: 0 5.5px;height: 32px;}
    .pagec .btn{margin: 0 10px!important;}

    .copyright{text-align: center;background: #1d904b;padding-top: 20px;}
}
 
/* top */
.topwelcome{height: 32px;line-height: 32px;font-size: 12px;color: #333;background: #fafafa;border-bottom: 1px solid #edecec}

.toplogo{height: 140px;padding-top: 25px}
.toplogo1 .img{height: 100px;}
.toplogo1 h3{color: #666;font-size: 36px;margin: 10px 0;font-weight: bold;}
.toplogo1 h4{color: #666;font-size: 17px;}
.toplogo2 h5{color: #b4b6b4; margin-top: 20px;}
.toplogo2 h3{color: #ffb020;font-size: 26px;font-weight: bold;display: none;}

.nav2{background: #1d904b;height: 50px;}
.nav2 li{float: left;width: calc(100% / 8);height: 50px;line-height: 50px;}
.nav2 li a{float: left;width: 100%;text-align: center;color: #fff;transition: 0.5s;font-size: 16px;padding: 0!important;}
.nav2 li a:hover, .nav li a:visited{background: #ec9a26!important;}
.nav2 li.select{background: #ec9a26;}

.keyword{height: 50px;background: #fafafa;margin-bottom: 20px;}
.keyword span{color: #666;font-weight: bold;line-height: 34px;}
.keyword a{color: #666;line-height: 34px}
.search{width:30px;  background: url(https://bc54.com/static/image/search.png) #59C1DF no-repeat center!important;}

/* bottom */
.breadcrumb > li + li::before {color: #fff!important;content: "\00a0|\3000"!important;}

/* side */

.sidecon{line-height:24px;color:#666;font-size:12px;padding: 0 0 20px!important;background: #fff;margin-bottom: 30px;}
.sidemore{height:40px;font-size:14px;display:block;line-height: 40px;padding: 0!important;}
.sidemore a{color: #fff;display:block;width: 100%;background: #bfcbd3;transition: 0.5s;}
.sidemore:hover a{color: #fff;background: #ec9a26;}
.sidecon .contactl{position: relative;width: 100%;display: flex;align-items: center;height: 96px;overflow: hidden;font-weight: bold;}
.sidecon .contactl img{width: 100%;}
.sidecon .contactl a{background: rgba(0,0,0,0.5);color: #fff;position: absolute;font-size: 18px;padding: 0 60px 0 15px;line-height: 32px;}
.sidecon li{font-size: 14px;line-height: 36px;padding: 0 10px!important;}

.menutitle { width:100%;height:36px;font-size:14px;display:block;line-height: 36px;border-bottom: 1px dashed #ddd;transition: 0.5s;padding: 0 15px;}
.menutitle span{color:#ec9a26;width: 26px; text-align: left;float: left;}
.menutitle a{color:#666;}
.menutitle:hover{background:#ec9a26;border-bottom: 1px dashed #ec9a26;}
.menutitle:hover span{color:#fff;} 
.menutitle:hover a{color:#fff;}
.menutitleSub{ width:100%;height:36px;font-size:14px;display:block;line-height: 36px;border-bottom: 1px dashed #ddd;background:#ec9a26;padding: 0 15px;}
.menutitleSub span{color:#fff;width: 26px; text-align: left;float: left;}
.menutitleSub a{color:#fff;}
.menutitleSub:hover a{color:#fff;}

.submenu {width:99%;margin-bottom: 0;}
.submenu li.checkstyle {height:36px;line-height: 36px;padding-left: 60px;background: #eee;border-bottom: 2px solid #fff;}
.submenu li.checkstyle span{font-size:20px;float: left;letter-spacing:-10px;}
.submenu li.checkstyle span::before{color:#ffaaac;content: "▶";}
.submenu li.checkstyle span::after{color:#ff6563;content: "▶";}
.submenu li.checkstyle a {font-size:15px;color:#999;margin-left: 20px;}
.submenu li.checkstyle:hover a {color:Red;}

.sidecon dl{margin-bottom: 0px;}
.sidecon dt{margin-bottom: 5px;}

.sidecon .rec{float: left;width: 50%;text-align: center;overflow: hidden;}
.sidecon .rec dt{width: 110.5px;height: 110x;}
.sidecon .rec dd{color: #666;}

.sidecon .video{width:220px;height:auto;text-align:center;}
.sidecon .video embed{width: 90%;height: auto;}

/* center */

.centercon{margin-bottom: 30px;line-height:24px;color:#666666;padding: 0!important;}

.centercon dt {background: #fff;overflow: hidden;}
.centercon dt img{transition:0.5s;}
.centercon dt img:hover, .centercon dt img:active {transform: scale(1.2);}
.centercon dd {color:#000;}

.centercon .infoimg img{width: 100%;border: 1px solid #ddd;padding: 3px;}
.centercon .info2 span{padding: 5px 0;background: #00aaf7;color: #fff;margin-top: 10px;}
.centercon .info2 a{padding: 5px 0;background: #BFCBD3;color: #fff;margin-top: 10px;}
.centercon .info2 a:hover{background: #98A2A9;}



.adv{position: relative;}
.adv img{width: 100%;}
.adv span{color: #fff;font-weight: bold;font-size: 20px;position: absolute;bottom: 42px;left: 305px;}
.adv a{color: #fff;background: #d2ea02;padding: 5px 20px;border: 1px solid #70b821;position: absolute;bottom: 42px;left: 500px;}
.adv a:hover{background: #70b821;color: #fff;}
/* page */

.pagec .tips{color: #f00;background: #ddd;text-align: left;}



.pagepn p{color:#a1a1a1;}
.pagepn a{color:#666;}
.pagepn a:hover{color:#1d904b;}
.sign {width:100%;border:1px solid #ccc;margin:10px 0;}
.sign span {line-height:50px;color:#555;font-size:13px;background:url('https://bc54.com/static/css/404.png') no-repeat 10px center;padding-left:30px;}
.sign a {margin-right:5px;color:#666}

.pagination {text-align:center;}
.pagination a {display:inline-block;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;}
.pagination a:hover {background:#f1f1f1;color:#000;}
.pagination span {display:inline-block;background:#1d904b;color:#fff;text-align:center;border:1px solid #1d904b;}
.pagination .noPage {display:inline-block;background:url('https://bc54.com/static/css/404.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

/* article */
.artlist dl dt a::before{content: "•\00a0\00a0";}


.artsize  {margin: 20px;}
.artsize p {color:#333;}
.artsize a{color:#333;}
.artsize a:link, .artsize a:visited {color:#333;}
.artsize a:hover, .artsize a:active {color:#333;font-weight: bold}


.artrel {width:100%;float:left;border:1px solid #c3c3c0;margin-top:5px;}
.artrel strong {height:30px;line-height:30px;background:#666;font-size:14px;color: #fff;}
.artrel ul li{margin-top: 10px;}
.artrel ul li::before {content: "·\00a0"}

/* product */
.prolistimg{border:1px solid #ccc;overflow: hidden;}
.prolistimg img {transition:0.5s;}
.prolistimg img:hover, .prolistimg img:active {transform: scale(1.2);}



.prodtl {color:#666;border:1px solid #E0E0E0;border-bottom: 0;border-radius: 5px 5px 0 0;text-align: center;line-height: 25px;margin-top: 20px;}
.procon {padding: 20px 0!important;margin-bottom: 20px;}

.nav-tabs>li>a:hover{border-radius: 0;}
.nav-tabs>li.active>a {border: none!important;background: #208bd2!important;color: #fff!important;border-radius: 0;}



.con1 .box img{width: 100%;}
.con1 span{color: #999;}
.con1 strong{color: #1d904b;}
.con1 strong span{color: #666;}

.con2 p a{color: #999;}

.con3 strong{color: #1d904b;}
.con3 strong a{color: #1d904b;}
.con3 strong span{color: #666;}
.newinfo{padding: 0!important;padding: 0!important;}
.newinfo strong{color: #656565;}
.newinfo a::before{content: "▶\00a0\00a0";}
.newinfo a{color: #666;}
.newinfo a:hover{color: #1d904b;}
.newinfo ul{padding: 0!important;}
.newinfo ul li{padding: 0!important;}

.prorel{border:1px solid #ccc;}
.prorelt {width:90px;height:30px;margin:10px 20px 0;background-color:#736c6c;color:#fff;line-height:30px;font-size:14px;font-weight:bold;text-align:center;}

/* picture */


.picdtl {color:#666;border:1px solid #E0E0E0;border-bottom: 0;border-radius: 5px 5px 0 0;text-align: center;line-height: 25px;}
.piccon {border:1px solid #e0e0e0;background:#fafafa;padding: 20px;margin-bottom: 20px;}

/* download */
.downlist li{border-bottom:1px solid #eee;}
.downlist .downlistt{margin-top: 30px;}
.downlist a{color:#0076be;font-weight:bold;}
.downlist a:hover{color:#f00;}

/* video */


/* search */
.searchimg{text-align:center;display:table-cell;vertical-align: middle;}
.searchimg img{height:auto;width: 95%;}

/* link */
.link {padding: 20px;}
.link a{float:left;margin-left:10px;color:#4f4949;font-size: 16px;}
.link a:hover{color: #00aaf7;}
.link span {float:left;color: #1d904b;font-size: 16px;font-weight: bold;}

.linkt {float:left;width:100%;padding-left:36px;font-size:15px;height:50px;line-height: 45px;background: url(https://bc54.com/static/css/404.png) no-repeat left -34px;border-bottom: 1px solid #c3d4e7;}
.linkform p{color: #004499;font-size: 14px;font-weight: bold;height: 34px;padding-top: 14px;border-bottom: 2px solid #69a5e4;background: linear-gradient(#fff, #eaf1f9, #fff);}
.linksort{height: 32px;margin: 10px 0;}
.linkimg #code_img{margin: 14px 14px 0;}

.lstitle{background: linear-gradient(#fff, #eaf1f9, #fff);padding-bottom:5px;padding-top:5px;color: #1e50a2;;margin-top: 5px;border: 1px solid #dce7f3;}
.lscon{border: 1px solid #c2c2c2;margin-bottom: 5px;padding:10px 0 10px 0;line-height:24px;font-size:12px;border: 1px solid #dce7f3;border-top: none;}
.lscon a{color: #004499;}



@media (max-width: 1024px){
	#masterdiv{
		display: flex;
		flex-wrap: wrap;
	}
	#masterdiv>div{
		width: 49%;
		padding: 10px;
	}
	.menutitle {
		line-height: 1.2;
		height: auto;
	}
	.menutitle a{
		font-size: 5vw;
	}
}


























































/* Move Left */
#demo {width:960px;overflow:hidden;border:0px solid #666666;padding:10px 10px 10px 10px;}
#demo img {text-align:center;padding:0px 0px 0px 0px;overflow:hidden;}
#indemo  {float:left;width:1000%;}
#demo1 {float:left;}
#demo2 {float:left;}

.promarquee {float:left;width:140px;padding:10px 5px 5px 5px;text-align:center;}
.promarquee_1 {width:140px;height:110px;border:1px solid #CCCCCC;text-align:center;}
.promarquee_1 img {text-align:center;padding:5px 5px 5px 5px;cursor:pointer;}
.promarquee_2 {clear:both;height:25px;line-height:25px;text-align:center;margin-bottom:10px;}

#LPdemo {width:652px;overflow:hidden;border:0px solid #666666;padding:10px 10px 0px 10px;margin-left:10px;}
#LPdemo img {text-align:center;padding:5px 5px 0px 5px;overflow:hidden;}
#LPindemo {float:left;width:1000%;}
#LPdemo1 {float:left;}
#LPdemo2 {float:left;}

/* Move Right */
#Rdemo {width:960px;overflow:hidden;border:0px solid #666666;padding:10px 10px 10px 10px;}
#Rdemo img {text-align:center;padding:5px 5px 5px 5px;overflow:hidden;}
#Rindemo  {float:left;width:1000%;}
#Rdemo1 {float:left;}
#Rdemo2 {float:left;}



#biz_title {float:left;width:710px;background-color:#FFFFFF;}
#biz_title ul {height:30px;margin:0px 0px 0px 20px;list-style-type:none;}
.biz_top {width:365px;height:26px;color:#000000;text-align:left;font-size:14px;font-weight:bold;background:#FF0000;}
.biz_top ul {float:left;line-height:25px;list-style-type:none;}
.tabon {float:left;width:100px;height:30px;font-weight:bold;font-size:14px;background-color:#736C6C;line-height:30px;color:#FFFFFF;padding-top:0px;text-align:center;cursor:pointer;}
.taboff {float:left;width:100px;height:30px;font-weight:bold;font-size:14px;background-color:#EBE5E5;line-height:30px;color:#00000F;padding-top:0px;text-align:center;cursor:pointer;}
.tdbody {float:left;width:687px;border:1px solid #CEC7C7;padding:10px 10px 10px 10px;background-color:#FFFFFF;}
.gqxx {list-style-type:none;}
.gqxx li {float:left;width:642px;line-height:20px;}

.img_01 {float:left;margin:10px 5px 5px 5px;}
.div {text-align:center;}
.div img {border:0px #666666 solid;margin:0px;cursor:pointer;}
.showPic { }






/* JobList */
.joinus {line-height:25px;color:#666666;}
.joinus_1 {padding-top:10px;line-height:25px;}
.joinus_2 {font-weight:bold;line-height:25px;}
.joinus_3 {padding-left:10px;line-height:25px;}
.joinus_4 {padding-right:40px;overflow:hidden;}
.joinus_5 {padding-right:20px;}
.video,.download,.case {padding:5px 4px 4px 4px;}
.video table,.download table,.case table {width:100%;line-height:25px;color:#062851;table-layout:fixed;}


    


.sr_lists {float:left;width:96%;padding:15px 2% 15px 2%;}
.sr_lists .c {text-align:left;}
.sr_lists .c ul {margin:10px;}
.sr_lists .c li {border-bottom:1px dashed #CCCCCC;margin-top:10px;color:#666666;}
.sr_lists .c li div p {line-height:20px;margin-top:0px;font-size:12px;color:#999999;}
.sr_lists .c li div.adds {font-size:12px;margin:5px 4px;color:#333333;}
.sr_lists .c li a {color:#666666;}
.sr_lists .c li a img {float:left;border:1px solid #ADCBE9;padding:2px;background:#FFFFFF;margin-right:10px;}
.sr_lists .c li a:hover img {background:#efefef;}
.sr_lists .c .a2 {margin:10px;}







/* comment-form */
.divcomment {margin:15px 0 0 0;}
.comment-form {border:1px solid #CCCCCC;width:624px;padding:10px 20px;margin-bottom:0px;}
.comment-form h5 {height:22px;padding-bottom:5px;border-bottom:1px solid #C3D4E7;}
.comment-form strong {float:left;background:url('https://bc54.com/static/image/user_comment.png') no-repeat;padding-left:21px;}
.comment-form textarea {width:95%;color:#666666;padding:3px;border:1px solid #DCDDDD;font-size:12px;margin-bottom:3px;}
.yzm {display:none;position:absolute;background:url('https://bc54.com/static/image/login_ts140x89.gif') no-repeat;width:140px;height:89px;text-align:center;font-size:12px;}
.yzm a:link,.yzm a:visited {color:#036;text-decoration:none;}
.yzm a:hover{color:#C30;}
.yzm img {cursor:pointer;margin:0px auto;width:130px;height:50px;margin-top:4px;border:1px solid #fff;margin-bottom:1px;}
.comment-form .posn {padding:10px 0;}
.comment-title {text-align:center;padding:5px 0 10px;}
.comment-title a:hover {text-decoration:none;color:#F60;}
.comment {border:1px solid #CCCCCC;width:634px;zoom:1;padding:8px 15px;}
.comment h4 {border-bottom:1px solid #C3D4E7;padding-bottom:6px;margin-bottom:15px;}
.comment .title {margin-bottom:5px;}
.comment .title span {position:relative;top:-5px;}
.comment .content {font-size:14px;background:#f6f9fb;border:1px solid #c4d5df;zoom:1;padding:8px 10px;margin:5px 0;}
.comment .content span {display:block;}
.comment_button {margin:20px 0 15px 0px;}
.comment_button a {padding:5px 15px;border:solid 1px #C3D4E7;}
.comment_button a.on {background:#4C7FB6;color:#fff;border:solid 1px #3E73A9;}
.input-text,input.date,input.endDate,.input-focus {border:1px solid #DCDDDD;height:22px;padding:0 0 0 3px;}
.btn {padding-left:0px;}
.btn input {background:url('https://bc54.com/static/css/404.png') no-repeat center 0;height:24px;line-height:24px;_height:25px;cursor:pointer;width:auto;_width:0;overflow:visible;border:0 none;color:#fff;padding:0 6px;}

#Article h3 {color:#666666;font:800 18px/30px "Microsoft YaHei",arial;margin-bottom:6px;text-align:center;padding:8px 0 8px 0;border-bottom:1px solid #e5e5e5;}
#Article h3 span {font-size:12px;font-weight:normal;line-height:20px;color:#999999;}
#Article .content {font-size:14px;}
#Article .content p {font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word;padding:8px 0;}

/* Tag */
.tags_list {}
.tags_list dd {padding:4px 12px;line-height:220%;}
.tags_list dd a {margin-right:10px;white-space:nowrap;}
.pleft {width:730px;float:left;overflow:hidden;}
.pleft .place {width:730px;height:24px;line-height:24px;background:transparent url('https://bc54.com/static/css/404.png') repeat-x scroll 0 -188px;border-top:1px solid #BADAA1;border-bottom:1px solid #BADAA1;text-indent:12px;color:#428C5B;overflow:hidden;}
.pleft .place strong {color:#428c5b;font-weight:normal;letter-spacing:1px;}
.pleft .place a:link {color:#428c5b;margin:0px 2px;}
.pleft .place a:hover {color:#ff3333;text-decoration:none;}
.pleft .place small {display:inline-block;vertical-align:middle;width:8px;height:20px;*height:24px;overflow:hidden;background:url('https://bc54.com/static/css/404.png') 2px 8px no-repeat;font-size:12px;}
.place{height:24px;line-height:24px;text-indent:18px;color:#999;background:transparent url('https://bc54.com/static/css/404.png') repeat-x scroll 0 -188px;border-top:1px solid #BADAA1;border-bottom:1px solid #BADAA1;overflow:hidden;margin-bottom:6px;text-align:left;}
.place strong {color:#397CBE;font-weight:normal;letter-spacing:1px;}
.place a {color:#428c5b;margin:0px 2px;}
.place a:hover {color:#FF3366;margin:0px 2px;text-decoration:underline;}
.pright {width:240px;float:right;overflow:hidden;}
.listbox {width:730px;float:left;overflow:hidden;clear:both;}
.listbox ul {}
.listbox ul li {color:#666666;width:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEEEEE;}
.listbox ul li b a {color:#555555;}
.listbox ul li a.preview {width:84px;float:left;margin-right:7px;margin-bottom:3px;margin-left:10px;display:inline;}
.listbox ul li a.preview img {width:80px;display:block;padding:1px;border:1px solid #EEEEEE;}
.listbox ul li a.preview:hover img {border:1px solid #AAAAAA;}
.listbox ul li a.title {overflow:hidden;line-height:25px;font-weight:bold;font-size:14px;margin-left:2px;}
.listbox ul span.info {display:block;line-height:23px;color:#555;padding-left:12px;}
.listbox ul span.info small {color:#AAAAAA;font-size:12px;margin-left:3px;}
.listbox ul span.info a {color:#6611000;}
.listbox ul p.intro {color:#776955;line-height:20px;margin-left:5px;padding-left:10px;padding-right:10px;}
.commend,.hotcontent {}
.tbox {margin:0 0 8px 0;border-bottom:1px solid #DADADA;overflow:hidden;background:url('https://bc54.com/static/css/404.png') 0 -294px repeat-x;}
.tbox dt {height:24px;border:1px solid #DADADA;overflow:hidden;clear:both;}
.tbox dd {border-left:1px solid #DADADA;border-right:1px solid #DADADA;overflow:hidden;}
.tbox dt strong {float:left;display:block;height:24px;line-height:24px !important;padding-left:8px;padding-right:4px;color:#316301;letter-spacing:1px;}
.tbox dt strong a {color:#316301;}
.tbox dt strong a:hover{color:#596F37;text-decoration:none;}
.d4 {padding:5px 5px;}
.d4 li {padding-left:16px;background:url('https://bc54.com/static/css/404.png') 4px center no-repeat;line-height:24px;}
.d4 li p {color:#888888;line-height:17px;height:34px;overflow:hidden;}
.ico2 {padding:5px 5px;}
.ico2 li {padding-left:16px;background:url('https://bc54.com/static/css/404.png') 6px center no-repeat;line-height:24px;}

.sp-title {color:#888;padding:0px 12px;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;background:#f3fbea url('https://bc54.com/static/css/404.png') repeat-x scroll;margin-bottom:8px;}
.sp-title h2 {font-size:14px;line-height:27px;}
.sp-title h2 a {margin-left:6px;color:#03541F;}
.sp-title .more {float:right;margin:-27px 0px;line-height:27px;}
.linkbox {padding:10px 8px;border-bottom:1px solid #EEE;}
.linkbox h3,.linkbox h3 a {font-size:14px;color:#693;}
.f5 {width:100%;overflow:hidden;clear:both;padding-bottom:10px;}
.f5 li {float:left;line-height:14px;padding:8px 10px 0px;white-space:nowrap;}
.f5 li a {color:#666666;float:left;}
.f6 {width:100%;overflow:hidden;clear:both;padding-bottom:10px;}
.f6 li {float:left;line-height:14px;padding:8px 10px 0px;white-space:nowrap;}
.f6 li a {color:#666666;float:left;}


/* .footer {margin:auto;color:#999999;text-align:center;margin-top:8px;padding:10px 0;border-top:1px solid #E5EFD6;}
.footer .link {text-align:center;padding:5px 0px;}
.footer .link a {margin:0px 5px;color:#666666;}
.footer .footer_body {width:100%;}
.footer .powered {font-size:12px;line-height:25px;}
.footer .powered strong {color:#6611000;}
.footer .powered strong span {color:#FF9933;}
.footer .copyright {color:#666666;line-height:23px;}
 */