@charset "utf-8";
@import url(animate.css);
@import url(fontawesome.css);
@import url(reset.css);
@import url(common.css);
/* 2016-09-28 */
/* Header */
.j-header .topbar{background:#da251c;color:#fff;}
.j-header .topbar .welcome{position:absolute;white-space:nowrap;line-height:40px;font-size:13px;font-weight:normal;}
.j-header .topbar .srhform{position:relative;float:left;margin-top:7px;border:1px solid #fff;border-radius:2px;}
.j-header .topbar .srhform input[type=text]{float:left;width:150px;padding:4px 6px;}
.j-header .topbar .srhform input::-webkit-input-placeholder{color:#fff;}
.j-header .topbar .srhform input[type=submit]{float:right;width:36px;height:24px;background:url(../Images/icon/search.png) center no-repeat;background-size:16px;border-left:1px solid #fff;color:#fff;cursor:pointer;}
.j-header .topbar .link{position:relative;z-index:1;padding:14px 0 14px 30px;background:#da251c;}
.j-header .topbar .link a{display:inline-block;margin:0 5px;}
.j-header .navbar{padding:10px 0;background:#ededed;border-bottom:1px solid #e5e5e5;}
.j-header .navbar .logo img{display:block;height:80px;margin-left:5px;}
.j-header .navbar .navlist{position:absolute;top:50%;right:15px;}
.j-header .navbar .navlist .li{position:relative;display:block;float:left;margin-left:20px;}
.j-header .navbar .navlist .lv1-a{display:block;padding:8px 10px;margin-top:-8px;border-radius:3px 3px 0 0;white-space:nowrap;font-size:15px;font-weight:bold;color:#333;}
.j-header .navbar .navlist .lv1-a:before{float:right;margin-left:5px;font-size:12px;}
.j-header .navbar .navlist .li:nth-of-type(n+5) .lv1-a{border-radius:3px;}
.j-header .navbar .navlist .li:nth-of-type(n+5) .lv1-a:before{display:none;}
.j-header .navbar .navlist .lv2{display:none;position:absolute;left:0;z-index:99;min-width:100px;padding:20px 15px 15px;background:#da251c;border-radius:0 3px 3px;color:#fff;box-shadow:3px 3px 6px rgba(0,0,0,.3);}
.j-header .navbar .navlist .lv2 a{display:block;margin-bottom:10px;line-height:16px;white-space:nowrap;font-size:13px;}
.j-header .navbar .navlist .lv2 a:before{margin-right:8px;font-size:14px;}
.j-header .navbar .navlist .li:hover .lv1-a{background:#da251c;color:#fff;}
.j-header .navbar .navlist .li:hover .lv2{display:block;}
/* SlideNav */
.j-header .navbar .navbtn{display:none;position:absolute;right:20px;top:50%;width:25px;margin-top:-14px;overflow:hidden;cursor:pointer;}
.j-header .navbar .navbtn span{float:left;display:block;width:100%;height:3px;margin:3px 0;background:#555;transition:all .3s;}
.j-header .navbar .navon{transform:scale(.8, .8);-webkit-transform:scale(.8, .8);}
.j-header .navbar .navon span:first-child{transform:skewY(45deg);transform-origin:3px;-webkit-transform:skewY(45deg);-webkit-transform-origin:3px;}
.j-header .navbar .navon span:last-child{transform:skewY(-45deg);transform-origin:3px;-webkit-transform:skewY(-45deg);-webkit-transform-origin:3px;}
.j-header .navbar .navon span:nth-of-type(2){background:transparent;}
.slidenav{position:fixed;left:0;top:0;bottom:0;z-index:999;width:100%;background:#ededed;overflow:auto;}
.slidenav .ul{height:100%;padding:30px 20px 50px;box-sizing:border-box;overflow:auto;}
.slidenav .ul a{display:block;line-height:30px;}
.slidenav .li{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5e5e5;}
.slidenav .li:last-child{border:none;}
.slidenav .lv1-a{font-size:14px;font-weight:bold;}
.slidenav .lv1-a:hover{color:#da251c;}
.slidenav .lv1-a:before{margin:0 10px 0 5px;font-size:13px;}
.slidenav .lv2 a{font-size:13px;}
.slidenav .lv2 a:before{margin:0 12px 0 7px;}
.slidenav .lv2 a:hover{background:#da251c;text-decoration:none;color:#fff;}
/* Footer */
.j-footer{background:#da251c;color:#fff;}
.j-footer .navbar{padding:40px 0;}
.j-footer .navbar .li{float:left;min-width:100px;min-height:200px;padding-right:2%;margin-right:2%;border-right:1px solid #de4038;white-space:nowrap;overflow:hidden;}
.j-footer .navbar .li:nth-last-of-type(2){padding-right:0;margin-right:0;border:none;}
.j-footer .navbar .li-tab{margin:5px 0 15px;font-size:14px;}
.j-footer .navbar .li-list a{display:block;line-height:22px;}
.j-footer .navbar .li-contact{line-height:20px;}
.j-footer .navbar .li-contact strong{display:block;margin-bottom:10px;line-height:1;font-size:28px;}
.j-footer .navbar .li:last-child{position:absolute;right:15px;padding-right:0;margin-right:0;border:none;}
.j-footer .navbar .li-2wm span{display:block;float:left;line-height:30px;text-align:center;}
.j-footer .navbar .li-2wm img{display:block;width:120px;}
.j-footer .navbar .li-2wm span:first-child{margin-right:30px;}
.j-footer .copybar{padding:15px 0;border-top:1px solid #de4038;line-height:18px;}
/* Home */
.j-home{margin:30px 0 60px;}
.j-home .home-l{width:65%;overflow:hidden;}
.j-home .home-r{width:32%;overflow:hidden;}
.j-home .box-tab{padding:25px 0;font-size:16px;font-weight:bold;}
.j-home .box-tab2{padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #da251c;line-height:20px;font-size:16px;font-weight:bold;}
.j-home .box-tab2:before{float:right;margin:4px 6px 0 0;font-size:14px;}
.j-home .image-box{border:1px solid #ededed;border-radius:10px 0;overflow:hidden;}
.j-home .image-box .slide{height:345px;background-position:center;background-repeat:no-repeat;background-size:100% auto;border-radius:10px 0;}
.j-home .image-box .slick-arrow{position:absolute;top:50%;left:-20px;z-index:99;width:30px;height:40px;padding-right:10px;margin-top:-20px;background:rgba(0,0,0,.2);border-radius:100%;text-align:right;line-height:40px;font-size:2em;color:#fff;cursor:pointer;}
.j-home .image-box .slick-next{left:auto;right:-20px;text-align:left;padding-left:10px;padding-right:0;}
.j-home .inno-box .ul{width:103.33%;}
.j-home .inno-box .li{float:left;width:30%;margin-right:3.33%;}
.j-home .inno-box .li:last-child{display:none;}
.j-home .inno-box .li span{display:block;position:relative;height:0;padding:30% 0;}
.j-home .inno-box .li img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ededed;box-sizing:border-box;}
.j-home .inno-box .li strong{display:block;padding:10px 0;line-height:16px;font-size:13px;}
.j-home .inno-box .li p{line-height:20px;color:#666;}
.j-home .about-box .txt{min-height:250px;padding:25px;background:#ededed;border-radius:0 0 10px;line-height:28px;font-size:13px;overflow:hidden;}
.j-home .about-box .txt strong{font-size:14px;font-weight:bold;}
.j-home .news-box .ul{padding:15px;background:#ededed;border-radius:0 0 10px;}
.j-home .news-box .li{position:relative;min-height:70px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px dotted #aaa;line-height:20px;}
.j-home .news-box .li:last-child{padding:0;margin:0;border:none;}
.j-home .news-box .li .title{padding-left:70px;margin-bottom:8px;line-height:24px;}
.j-home .news-box .li .title span{position:absolute;left:0;top:0;display:block;padding:0 5px;background:#da251c;color:#fff;}
.j-home .news-box .li .title a{font-size:13px;font-weight:bold;}
/* Column */
.j-column{min-height:550px;margin-bottom:60px;}
.j-column .col-map{padding:20px 0;color:#a0a0a0;}
.j-column .col-l{width:77%;overflow:hidden;}
.j-column .col-r{width:20%;overflow:hidden;}
.j-column .col-tab{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #dbdbdb;line-height:1.2;font-size:20px;}
.j-column .col-text{line-height:2;font-size:13px;}
.j-column .col-module{margin-bottom:20px;border-radius:5px;overflow:hidden;}
.j-column .col-module .tab{padding:12px 15px;background:#da251c;font-size:14px;color:#fff;}
.j-column .col-module .tab:before{float:right;margin-top:-2px;font-size:18px;}
.j-column .col-module .slide{padding:15px 10px;background:#ededed;}
.j-column .col-module .link a{display:block;padding:5px 10px;margin-bottom:5px;border-radius:0 0 5px;line-height:20px;font-size:13px;}
.j-column .col-module .link a:before{float:right;margin-top:4px;}
.j-column .col-module .link a:hover{background:#da251c;color:#fff;}
.j-column .col-module .news a{display:block;padding:0 10px;line-height:28px;}
.j-column .col-module .text p{padding:4px 10px;line-height:20px;}
.j-column .col-slide .slide{display:none;}
.j-column .col-nlist .ul{width:103.33%;}
.j-column .col-nlist .li{float:left;width:30%;margin:0 3.33% 30px 0;background:#ededed;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;}
.j-column .col-nlist .li span{display:block;position:relative;height:0;padding:30% 0;overflow:hidden;}
.j-column .col-nlist .li img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;}
.j-column .col-nlist .li strong{display:block;padding-bottom:10px;margin:10px;border-bottom:1px solid #ddd;line-height:20px;overflow:hidden;font-size:14px;}
.j-column .col-nlist .li p{margin:0 10px 10px;height:100px;line-height:20px;}
.j-column .col-l .j-page{padding:20px 0;}
.j-column .nd-title{padding:15px 0;line-height:1.2;text-align:center;font-size:20px;color:#333;}
.j-column .nd-date{line-height:1.2;text-align:center;color:#999;}
.j-column .nd-conts{margin:50px 0;}
/* Product */
.j-column .col-series{margin-bottom:30px;border-bottom:1px dashed #ddd;}
.j-column .col-series .ul{width:104%;padding-bottom:15px;}
.j-column .col-series .li{position:relative;float:left;margin:0 2% 15px 0;white-space:nowrap;}
.j-column .col-series .lv1-a{display:block;padding:8px 17px 8px 15px;background:#da251c;border-radius:3px;color:#fff;}
.j-column .col-series .lv1-a:before{margin-right:5px;}
.j-column .col-series .lv1-back{display:block;padding:7px 15px;background:#ededed;border:1px solid #dfdfdf;border-radius:3px;}
.j-column .col-series .lv2{display:none;position:absolute;z-index:10;min-width:100%;padding:10px 15px;background:#ededed;border-bottom:1px solid #da251c;box-sizing:border-box;}
.j-column .col-series .lv2-a{display:block;line-height:2;color:#666;}
.j-column .col-series .li:hover .lv2{display:block;}
.j-column .col-plist .ul{width:103%;}
.j-column .col-plist .li{float:left;width:22%;margin:0 3% 3% 0;border:1px solid #ddd;box-sizing:border-box;}
.j-column .col-plist .li a{display:block;position:relative;height:0;padding:40% 0;}
.j-column .col-plist .li img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.j-column .col-plist .li p{background:#ededed;text-align:center;line-height:30px;}
.j-column .col-prot .p-t{margin-bottom:30px;}
.j-column .col-prot .p-t .t-l{position:relative;float:left;width:45%;border:1px solid #ddd;box-sizing:border-box;}
.j-column .col-prot .p-t .t-l:after{display:block;content:'';position:absolute;right:-1px;top:-1px;width:33px;height:33px;background:url(../Extra/zoom/icon.png);}
.j-column .col-prot .p-t .t-l img{display:block;width:100%;cursor:all-scroll;}
.j-column .col-prot .p-t .t-r{float:right;width:50%;}
.j-column .col-prot .p-t .t-r .r-text{line-height:2;}
.j-column .col-prot .p-t .t-r a.link{display:inline-block;padding-right:15px;margin:5% 0;background:#da251c;line-height:34px;font-size:14px;color:#fff;}
.j-column .col-prot .p-t .t-r a.link:before{float:left;padding:8px;margin-right:12px;background:#b90900;font-size:18px;}
.j-column .col-prot .p-b .b-tab{border-bottom:1px solid #ddd;}
.j-column .col-prot .p-b .b-tab span{display:block;float:left;padding:10px;margin:0 5px -1px 0;background:#eee;border:1px solid #ddd;cursor:pointer;}
.j-column .col-prot .p-b .b-tab span.cur{background:#fff;border-bottom-color:#fff;color:#da251c;}
.j-column .col-prot .p-b .b-text{min-height:300px;padding:20px;border:1px solid #ddd;border-top:none;line-height:2;}
.j-column .col-prot .p-b .b-text td{padding:5px 10px;border:1px solid #999;}
.j-column .col-prot .p-b .b-text a{text-decoration:underline;color:#4A42FF;}

/* Media */
@media screen and (max-width:1024px){
.j-header .navbar .navlist{display:none;}
.j-header .navbar .navbtn{display:block;}
.j-footer .navbar{display:none;}
.j-footer .copybar div{float:none;text-align:center;}
/*-----*/
.j-column .col-plist .ul{width:103.33%;}
.j-column .col-plist .li{float:left;width:30%;margin:0 3.33% 3.33% 0;}
}
@media screen and (max-width:768px){
.j-header .topbar .srhform{display:none;}
/*-----*/
.j-home .home-l{float:none;width:100%;margin-bottom:30px;}
.j-home .home-r{float:none;width:100%;}
.j-home .about-box .txt{min-height:auto;}
/*-----*/
.j-column .col-l{float:none;width:100%;margin-bottom:10%;}
.j-column .col-r{float:none;width:100%;}
.j-column .col-nlist .ul{width:105%;}
.j-column .col-nlist .li{width:45%;margin-right:5%;}
}
@media screen and (max-width:414px){
.j-header .topbar .link a:nth-of-type(2){margin-right:0;}
.j-header .topbar .link a.login{display:none;}
.j-header .navbar .logo img{height:60px;}
/*-----*/
.j-home .image-box .slide{height:200px;}
.j-home .inno-box .ul{width:104%;}
.j-home .inno-box .li{width:46%;margin-right:4%;margin-bottom:25px;}
.j-home .inno-box .li:last-child{display:block;}
/*-----*/
.j-column .col-text img[src*="api.map"]{display:none;}
.j-column .col-nlist .ul{width:100%;}
.j-column .col-nlist .li{width:100%;margin-right:0;}
/*-----*/
.j-column .col-plist .ul{width:105%;}
.j-column .col-plist .li{float:left;width:45%;margin:0 5% 5% 0;}
.j-column .col-prot .p-t .t-l{float:none;width:100%;margin:0 auto;margin-bottom:20px;}
.j-column .col-prot .p-t .t-r{float:none;width:100%;}
}
