.menubar{width:100%;line-height:50px;margin-bottom:30px;border-bottom:1px solid #ddd;background:#fff}
.menubar,.menubar a{height:50px;overflow:hidden}
.menubar a{display:block;width:auto;padding:0 100px;text-align:center;border-left:1px solid #ddd;float:left}
.menubar a:last-child{border-right:1px solid #ddd}
.menubar a.on,.menubar a:hover{background:#004fab;color:#fff;border-left:1px solid #004fab}
.main{margin-bottom:30px}
.main,.mainbox{width:100%;float:left}
.mainbox{padding-left:320px}
.mainbox-width{display:inline-block;height:0;overflow:hidden}
.sidebar{width:270px;float:left;margin-left:-100%}
.position{height:50px;line-height:50px;color:#666;margin:10px 0}
.position a{color:#333;display:inline-block;padding:0 5px}
.position a:hover{color:#004fab}
.position-cp{border-bottom:1px solid #ddd;margin:0 0 30px}
.content .info .title{width:100%;height:auto;font-size:24px;line-height:60px;overflow:hidden;text-align:center}
.content .newsinfo{width:100%;height:auto;line-height:20px;padding-bottom:30px;border-top:1px dotted #aaa;color:#666;font-size:14px;text-align:center}
.content .newsinfo span{color:#004fab;font-family:Georgia,Times New Roman,Times,serif;font-size:14px;font-weight:700}
.content .info{width:100%;padding:30px;border:1px solid #ddd}
.content .info img{max-width:100%!important;height:auto!important;margin:auto}
.content .newbox{height:auto;overflow:hidden}
.content ul.newbox li{height:auto;overflow:hidden;float:left;width:100%;margin:15px 0}
.content ul.newbox li a{display:inline-block;width:100%;height:auto;overflow:hidden;padding:30px;border:1px solid #ddd;transition:all .5s}
.content ul.newbox li .txt h3{font-size:24px;line-height:40px;-webkit-line-clamp:1}
.content ul.newbox li .txt h3,.content ul.newbox li .txt p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.content ul.newbox li .txt p{line-height:30px;margin:20px 0;color:#666;-webkit-line-clamp:2}
.content ul.newbox li .txt span{display:inline-block;padding:5px 15px;color:#aaa}
.content ul.newbox li:hover a{border:1px solid #004fab}
.content ul.newbox li:hover span{background:#004fab;color:#fff}
.content ul.newbox li:hover h3{color:#004fab}
.mainbox .imgbox .img{margin-bottom:30px}
.mainbox .imgbox .img a{width:100%;transition:all .5s;border:1px solid #ddd;padding:10px;background:#eee}
.mainbox .imgbox .img a,.mainbox .imgbox .img a img{display:block;float:left}
.mainbox .imgbox .img a p{line-height:20px;padding-top:10px;font-size:16px;text-align:center;height:auto;float:left;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.mainbox .imgbox .img a:hover{background:#eee;box-shadow:0 0 15px #aaa}
.mainbox .imgbox .img a:hover p{color:#004fab}
.mainbox .honner .img a{border:0;padding:10px}
.product_img{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.product_img .img{border:1px solid #ddd;padding:10px}
.product_img p{line-height:24px;font-size:14px}
.product_img p:first-child{font-size:18px;border-bottom:1px solid #ddd;padding:10px 0;margin-bottom:10px;color:#333}
.pc-slide{margin:0 auto;border:1px solid #ddd;padding:15px}
.pc-slide,.view .swiper-container{width:100%}
.view .arrow-left{background:url(images/left.png) no-repeat 0 0;left:10px}
.view .arrow-left,.view .arrow-right{position:absolute;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10}
.view .arrow-right{background:url(images/right.png) no-repeat 0 100%;right:10px}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .swiper-slide{width:40px;height:auto;cursor:pointer}
.preview .slide6{width:40px}
.preview img{padding:1px}
.preview .active-nav img{padding:0;border:1px solid red}
.product_info{border:1px solid #ddd}
.product_info h3{font-size:18px;font-weight:400;padding:15px;background:#eee}
.content_box{padding:30px;width:100%;height:auto;overflow:hidden}
.content_box img{max-width:100%}
.content .contact_btn{margin:15px 0}
.content .contact_btn a{display:block;float:right;margin-left:15px;padding:5px 25px;color:#fff;background:#222}
.content .contact_btn a:last-child{background:#004fab}
div.paginationbox{width:100%;height:auto;margin:30px auto;overflow:hidden;text-align:center}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a,ul.pagination li span{color:#333;float:left;font-size:14px;padding:10px 16px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
ul.pagination li span{cursor:default}
ul.pagination li span:hover{color:#aaa}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;border:1px solid #004fab;cursor:default}
ul.pagination li.thisclass a{background-color:#004fab}
ul.pagination li a:hover:not(.active){background-color:#004fab;color:#fff;border-color:#004fab}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{width:100%;display:flex;justify-content:space-between;align-items:center;float:left}
ul.preNext li{width:100%; padding:15px;background:#fff;border:1px solid #ddd;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
ul.preNext li.return{margin:0;min-width:120px;text-align:center}
ul.preNext li a,ul.preNext li.return a{color:#333}
ul.preNext li:hover{background:#004fab;color:#fff}
ul.preNext li:hover a{color:#fff}
ul.preNext li.next,ul.preNext li.pre{background:#eee}
.sidebar{overflow:hidden;margin-bottom:30px}
.ProNewFoucsLifzWo{width:100%;height:60px;line-height:60px;margin-bottom:10px}
.ProNewFoucsLifzWo a{font-size:20px;display:block;text-align:center;color:#fff;background-color:#004fab}
.prod-list02{border:1px solid #ddd}
.prod-list02>ul>li{border-bottom:1px solid #ddd}
.prod-list02 .cl{color:#333;line-height:40px;font-size:16px;margin-bottom:7px;margin-top:7px;text-align:center}
.prod-list02 .box2{overflow:hidden;padding:15px}
.prod-list02 .box2 p{font-size:12px;color:#666}
.prod-list02 .box2 b{display:inline-block;font-size:24px}
.turn-box{overflow:hidden}
.turn-box li{padding:9px 0;float:left;width:33.333%;text-align:center;cursor:pointer;position:relative}
.turn-box li .out{font-size:16px;transition:all .6s ease-in-out;transform-style:preserve-3d;transform:rotateX(0);backface-visibility:hidden}
.turn-box li .out i{display:block;width:82px;height:82px;margin:0 auto 10px;background:url(../images/icons05.png) no-repeat}
.turn-box li.l1 .out i{background-position:0}
.turn-box li.l2 .out i{background-position:-108px}
.turn-box li.l3 .out i{background-position:-218px}
.turn-box li .in{background:#b3071f;line-height:30px;height:100%;width:100%;position:absolute;top:0;left:0;padding-top:30%;transition:all .6s ease-in-out;transform:rotateX(-180deg);transform-style:preserve-3d;backface-visibility:hidden}
.turn-box li .in span{font-size:12px;color:#fff;display:block}
.turn-box li:hover .out{transform:rotateX(-180deg)}
.turn-box li:hover .in{transform:rotateX(0)}
.side_img,.side_new{width:100%;height:auto;overflow:hidden;border:1px solid #ddd;margin-top:10px}
.side_img p,.side_new p{background:#eee;padding:10px;border-bottom:1px solid #ddd}
.side_new ul{height:auto;overflow:hidden;padding:10px}
.side_new ul li{position:relative;line-height:45px;border-bottom:1px dotted #ddd;float:left}
.side_new ul li,.side_new ul li a{width:100%;height:45px;overflow:hidden}
.side_new ul li a{display:inline-block;text-overflow:ellipsis;font-size:12px;color:#666}
.side_new ul li span{position:absolute;display:inline-block;right:0;font-size:12px;color:#aaa}
.side_new ul li:hover a{color:#004fab}
.side_img ul li{height:auto;overflow:hidden;padding:10px}
.side_img ul li a,.side_img ul li span{display:block;float:left}
.side_img ul li span{font-size:12px;width:100%;background:#eee;text-align:center}
.side_img ul li:hover span{background:#004fab;color:#fff}
.sidebar .subnav{width:100%;height:auto;overflow:hidden;border:1px solid #ddd}
.sidebar .subnav ul li{width:100%;line-height:40px;border-bottom:1px dotted #ddd}
.sidebar .subnav ul li a{display:inline-block;width:100%;padding:0 30px;transition:all .5s;font-size:14px}
.sidebar .subnav ul li:hover a{background:#004fab;color:#fff;text-indent:1em}
.info .topbar{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;width:100%;height:auto;overflow:hidden}
.info .topbar p:first-child{width:auto;padding-right:50px;float:left}
.info .topbar h4{line-height:60px;font-size:20px;color:#004fab}
#map{border:1px solid #ddd}
#map .anchorBL{display:none}
#map #allmap{height:500px}
.message{width:100%;height:auto;padding:50px;overflow:hidden;background:url(../images/lbg1.jpg) no-repeat 100% 100% #fcfcfc;background-size:auto 100%}
.message h3{color:#004fab;padding:15px 0}
.message p{line-height:30px}
.message input,.message textarea{height:auto;border:1px solid #ddd;padding:10px;border-radius:0}
.message input.form-control:focus,.message textarea:focus{box-shadow:none;border-color:#004fab}
.message button{background:#222;padding:10px 50px;border-radius:0;border-color:#222}
.message button:hover{background:#004fab;border-color:#004fab}
@media screen and (max-width:1440px){.content ul.newbox li .txt h3{font-size:18px;line-height:30px}
.content ul.newbox li .txt p{margin:10px 0;line-height:24px}
}
@media only screen and (min-width:768px) and (max-width:1200px){.mainbox{width:100%;margin:0}
.sidebar{width:100%;margin:0 0 30px}
.content ul.newbox li{width:48%}
.content ul.newbox li:nth-child(2n){margin-left:4%}
}
@media screen and (max-width:768px){.menubar{margin-bottom:10px}
.menubar a{padding:0 30px}
.menubar .container{padding:0}
#map #allmap{height:400px}
.position{height:auto;line-height:18px;padding:10px 0;font-size:12px}
.main{margin-bottom:10px}
.mainbox{margin:0;padding:0;width:100%}
.sidebar{width:100%;margin:0 0 30px}
.content .info{padding:0;border:0}
.content .info .title{line-height:24px;padding:15px 0}
.product_info{border:0}
.content_box{padding:0}
.content ul.newbox li a,.mainbox .imgbox .img a{padding:5px}
.message{padding:0;background:#fff}
}
@media (max-width:480px){.mainbox .imgbox .img{margin:5px 0;padding:0 5px}
}