@charset "utf-8";
@import url(animate.css);
@import url(fonts.css);
@import url(reset.css);
@import url(common.css);
/*!
 * JCMS CSS - Powered by JCms.Hua
 * 2016-10-31
 */

body {background:#dddddd; }
/* Common */
.j-header .top1 { padding:10px 0; font-size:14px}
.j-header .logo {float:left; width:240px; font-size:60px;}
.j-header .logo2 {float:left; width:500px; font-size:14px; line-height:1.8; padding-top:10px;padding-bottom: 10px;}
.j-header .logo2 span{ font-weight:bold; font-size:18px;line-height: 1.4}
.j-header .logo3 {float:right; width:250px; padding-top:25px; font-size:24px; color:#16a9d9; text-align:right;}
	

.j-header .j-header-c{position: relative;float: right; width:600px}
.j-header .h-navlist{position: relative; background:#0066ce}
.j-header .h-navlist li{float:left;width:12.5%;overflow:hidden; border-right:1px solid #fff; box-sizing:border-box;}
.j-header .h-navlist li:last-child { border-right:0;}
.j-header .h-navlist li a{display:block;line-height:35px;text-align:center;font-size:15px;}
.j-header .h-navlist li > a{color:#fff;}
.j-header .h-navlist li:hover > a{background:#2791fe;color:#fff;}

.j-header .h-navlist li .lv2{display:none;position:absolute;left:375px;z-index:1;width:125px;margin-top:-1px;background:#f2f2f2; color:#5b6059;}
.j-header .h-navlist li:hover .lv1-a{padding-left:23px;margin-left:-1px;background:#fff;border:1px solid #00659a;border-bottom:none;color:#42a5e1;}
.j-header .h-navlist li:hover .lv2{display:block;animation-duration:.2s; }
/*.j-header .h-navlist li:hover .lv2 a{background:#aaa;color:#ccc;}*/

.j-footer{background:#0066ce; color:#eee; line-height:25px; padding:15px 0; margin-top:20px; text-align:center}

/* Home */
.j-home{width: 100%;position: relative; line-height:1.5}
.j-home .j-home-1{ width:954px; margin:30px auto;}
.j-home .h-bar{height:316px;overflow:hidden;}
.j-home .h-bar .slide{height:316px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.j-home .h-bar .slick-arrow{position:absolute;left:2%;top:50%;z-index:99;margin-top:-2em;cursor:pointer;}
.j-home .h-bar .slick-arrow:before{font-size:4em;color:#fff;color:rgba(255,255,255,.5);}
.j-home .h-bar .slick-next{left:auto;right:2%;}
.j-home .h-bar2 { text-align:center; padding:3px 0; background:#5b6059; color:#eee; font-size:14px; margin-bottom:20px;}

.j-home .h-tab{position:relative;padding:35px 0;text-align:center;text-transform:uppercase;font-size:30px;}
.j-home .h-tab:after{display:block;content:'';width:40px;height:2px;margin:10px auto 0;background:#333;}
.j-home .h-tab2{padding-top:0;color:#fff;}
.j-home .h-tab2:after{background:#fff;}

.j-left{ float:left; width:260px;}
.j-left .j-left-s{ margin-bottom:10px;}
.j-left .j-left-s .noset{
float: left;
    width: 80%;
    height: 32px;
    vertical-align: middle;
    line-height: 31px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    font-size: 14px;
    box-sizing: border-box;}
.j-left .j-left-s .h-r-btn { color:#fff;
    position: relative;
    float: left;
    width: 20%;
    height: 31px;
	font-size:16px;
    box-sizing: border-box;
    background-color: #449efa;
    border: 1px solid #449efa;
}
.j-left .j-left-top{ background:#449efa; padding:6px 15px; font-size:16px; color:#eee; line-height:24px;}
.j-left .j-left-p{ background:#fff;  margin-bottom:5px; font-size:14px;}
.j-left .j-left-p .li{ line-height:35px; border-bottom:1px dotted #aaa;padding:0 20px;}
.j-left .j-left-p .lv1-cur{ color:#449efa}
.j-left .j-left-p .li:hover{color:#449efa}}
.j-left .j-left-p .li h2:befor{ font-size:9px;}
.j-left .j-left-t{padding:20px 15px; line-height:25px; font-size:12px;} 
.j-home .j-right{ float:right; width:725px;}


.j-home .bottomline { border-bottom:1px solid #ccc; min-height:25px; margin-bottom:20px;}
.j-home .bottomline .span { border-bottom:2px solid #16a9d9; font-size:16px; font-weight:bold; padding:3px 0;}
.j-home .bottomline .more { float:right;}
.j-home .j-right .ab-text { padding:0 6px 20px 6px; line-height:22px;}
.j-home .j-right .ab-text-img {float:left; border:1px solid #999; padding:3px; background:#fff; width:230px; height:160px; margin-right:15px;}
.j-home .j-right .ab-text .ab-text-img img,
.j-home .j-right .ab-text .ab-text-img video { display:block; width:100%; height:100%;}
.j-home .j-right .ab-text .ab-text-img video { background:#000; object-fit:contain;}
.j-home .j-right .ab-text .ab-text-img video.about-video-thumb { cursor:pointer;}
.about-video-modal {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; align-items:center; justify-content:center; background:rgba(0,0,0,.72); cursor:pointer;}
.about-video-modal.is-active {display:flex;}
.about-video-dialog {width:70vw; height:70vh; max-width:1100px; max-height:70vh; background:#000; box-shadow:0 18px 60px rgba(0,0,0,.45); cursor:default;}
.about-video-dialog video {display:block; width:100%; height:100%; background:#000; object-fit:contain;}
.j-home .j-right .li {width:200px; float:left; margin:5px 5px 25px 52px;text-align:center}
.j-home .j-right .li:nth-of-type(3n+1) {margin-left:5px;;}
.j-home .j-right .li .li-2 img{ border:1px solid #ccc;}
.j-home .home-ab .ab-left{float:left; width:317px; line-height:22px; background:#fff;}
.j-home .home-ab .ab-middle{  margin:0 24px;}
.j-home .home-ab .ab-left .ab-left-t{ padding:20px; height:180px;}
.j-home .home-ab .ab-left .ab-left-t h2{ font-size:18px; font-weight:bold; padding-bottom:20px;}

/* Column */
.j-column { margin-top:15px;}
.j-column .home-l{ float:left; width:213px; height:100%;}
.j-column .home-l .nav{margin-bottom: 20px;}
.j-column .home-l .nav-lv1{position: relative;width: 100%;line-height: 30px; margin-top: 6px; font-size: 12px; border-bottom:1px solid #ccc; }
.j-column .home-l .nav-lv1 .li{padding-left: 8%; font-size: 14px;letter-spacing:2px; line-height:40px;}
.j-column .home-l .lv1-cur{color:#2e8be2}
.j-column .home-l .nav-lv1 .li:hover{color:#2e8be2}
.j-column .home-r{ float:right; width:700px;padding:0 15px;background-color: #fff; min-height:895px;}
.j-column .home-r .fa-home:before{ font-size:18px}
.j-column .home-r .home-r-top{position: relative;height: 40px;line-height: 40px; border-bottom: 1px solid #449efa; margin-bottom:10px}
.j-column .home-r .home-r-top2 { padding-bottom:10px;border-bottom:1px solid #eee;}

.j-column .home-r .home-r-top2 h2{display: block;font-size: 14px;line-height: 45px;letter-spacing:1px; color:#000; font-weight:bold; }
.j-column .home-r .home-r-top2 .LI-F{ float:left; width:20%; line-height:25px;}
.j-column .home-r .home-r-top3 { padding-bottom:10px; line-height:2; font-size:14px;}
.j-column .home-r .home-r-top3 h1{display: block;font-size: 18px;line-height: 40px;color: #449efa; font-weight:bold; }

.j-column .c-text{line-height:2;font-size:14px;}
.j-column .c-about-l,.j-column .c-contact-r{float:left;width:40%;}
.j-column .nav .nav-top { background:#2e8be2; color:#fff;font-size:20px;line-height:1.2; padding:15px 20px;}
.c-bar .slide{
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*人才招聘*/
.j-column .c-job{position: relative;width: 100%;overflow: hidden;}
.j-column .c-job .li{width: 100%;}

.j-column .c-job .li h4{width: 995px;height: 40px; padding-left: 5px; text-align: left; line-height: 40px; font-size:15px;font-weight:bold;color:#333;background: #ddd;}
.j-column .c-job .li .nowrap{height: 30px;background: #e9e9e9;padding: 0 10px;margin-top: 5px; color: #444;font-size: 15px;line-height: 30px;}
.j-column .c-job .date1{width: 995px;margin-left: 5px;height: 40px;line-height: 35px;font-size: 14px;}
.j-column .c-job .data{display: none;width: 995px;margin-left: 5px;line-height: 1.5;font-size: 14px;}
.j-column .c-job .move{width: 995px;margin-left: 5px;margin-bottom: 40px; line-height: 1.5;font-size: 14px;}
.j-column .c-job .li .data-open{display: block;}
/*电子下载*/
.j-column .cm-down .li{width: 100%;height: 70px;margin-bottom: 30px;}
.j-column .cm-down .li .title{width: 980px;height: 40px;background: #2e8be2;color: #fff;text-align: left;line-height: 40px; padding-left: 20px;font-size: 15px;}
.j-column .cm-down .li .file{width: 980px; height: 30px;line-height: 30px;color: #777;padding-left: 20px;font-size: 13px;}



/*产品展示*/
.j-column .c-l{float: left;width: 30%;box-sizing: border-box;}
.j-column .c-l .l-snav h2{font-size: 18px;font-weight: bold;padding-bottom: 5px;margin-bottom: 20px;}
.j-column .l-snav .lv1{width: 100%;; height: 45px;background: #dedede;border-bottom: 1px solid #fff;box-sizing: border-box;font-size: 14px;text-align: left;line-height: 45px;}
.j-column .l-snav .lv1{padding-left: 20px;}
.j-column .l-snav .right2{background: #2e8be2;color: #fff;}
.j-column .l-snav .lv1 p::before{float: right;padding-right: 20px;line-height: 45px;font-size: 18px;}
.j-column .c-prot{}
.j-column .c-prot .li{width:200px; float:left; margin:5px 5px 25px 40px;text-align:center}
.j-column .c-prot .li:nth-of-type(3n+1) {margin-left:5px;;}
.j-column .c-prot .li p{width: 100%; line-height:20px;text-align:center; padding:5px 0;}
.j-column .c-prot .li .li-know{width: 100%;position: relative;}
.j-column .c-prot .li .autoimg{padding:40% 10;}
.j-column .li-know .know-about{position: absolute;right: 20px;bottom: 10px;width: 68px;height: 25px;text-align: center; line-height: 25px; border: 1px solid #ccc;border-radius: 5px;}
.wrop2 { min-height:32px; line-height:16px;}
/*产品展示详情*/
.j-column .c-prot .d-pic { width:55%;float: left;}
.j-column .c-prot .d-pic p { font-size:14px; line-height:40px;}
.j-column .c-prot .cname {width:50%; float:right; font-size:22px; color:#2e8be2; border-bottom:1px solid #ccc; padding:15px 0;}
.j-column .c-prot .cname-2 {width:40%; float:right; font-size:14px; padding:20px 0;}
/*20210129 修改
	调大行间距
*/
.j-column .c-prot .cname-2{
	line-height: 1.4em;
}
.j-column .c-prot .prot-title{height: 30px;margin: 40px 0; border-bottom: 3px solid #2e8be2;}
.j-column .c-prot .prot-title p{width: 140px; height: 30px;line-height: 30px;text-align: center;color: #fff;background: #2e8be2;font-size: 14px;}
.j-column .c-prot .prot-text{line-height: 1.5; }


/*展会信息*/
.j-column .c-news{position: relative;margin: 20px 0;}
.j-column .c-news .li2{position: relative;border-bottom: 1px solid #ccc;}
.j-column .li2 .autoimg1212{float: left;width: 240px;height: 160px;margin-left: 5px;margin-bottom: 30px;}
.j-column .li2 .autoimg1212 img{width: 100%;height: 160px;}
.j-column .li2 .li2-r{position: relative;float: left; width: 400px;height: 160px; margin-left: 25px;}
.j-column .li2 .li2-r .li2-r-totle{position: relative;}
.j-column .li2 .li2-r h4{font-size: 14px;font-weight: bold;color: #666;}
.j-column .c-news .date1{float: right;font-size: 12px;color: #999;font-weight: normal;}
.j-column .li2 .li2-nav{width: 100%; height: 40px;line-height: 40px; margin-left: 0;}

.j-column .c-news .n-title{ font-size:16px; text-align:center; font-weight:bold; margin:15px;}
.j-column .c-news .n-date{ text-align:center;}
.j-column .c-news .c-text { padding:30px 0; border-bottom:1px solid #eee; min-height: 600px;}
.j-column .c-news .next{ line-height:30px; padding:10px 0;}