﻿@charset "utf-8";
@import url(animate.css);
@import url(fonts.css);
@import url(reset.css);
@import url(common.css);
/*!
 * JCMS CSS - Powered by zail
 * 2016-10-31
 */
.fc{color: #17305f}
.bc { background-color: #17305f}
.bc2{ background-color: #00549d}
body {}
.left50{float:left;width: 50%}
.right50{float:right; width:50%}
/* Common */
.j-header{position:absolute;background:rgba(255,255,255,0.7);left:0; right:0;padding: 10px 20px 0;z-index: 5}
.j-header .log {}
.j-header .srhform {border: 1px solid #aaa; margin-top: 6px; width: 200px;display: inline-block;margin-left: 20px;}
.j-header .srhform button {background:none;border: none;width: 30px;background-color: #00549d;height: 22px;color: #fff;}

.j-header .h-navlist{position: relative; width: 100%; text-align: right;}
.j-header .h-navlist li{display: inline-block; width:13%;overflow:hidden;}
.j-header .h-navlist li a{display:block;line-height:44px;text-align:center;text-transform:uppercase;font-size:15px;}
.j-header .h-navlist li:hover a, .j-header .h-navlist li .cur{color: #00549d}


.j-footer{position: relative; color:#666;text-align: center; border-top: 1px solid #bbb;margin-bottom: -15px; background-color: #eee;}
.j-footer .f-b {padding: 10px;}
/* Home */
.j-home{width: 100%;position: relative; line-height:1.5}
.h-bar{}
.h-bar .slide{height:286px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.h-bar .slick-arrow{position:absolute;left:2%;top:50%;z-index:99;margin-top:-2em;cursor:pointer;}
.h-bar .slick-arrow:before{font-size:4em;color:#fff;color:rgba(255,255,255,.5);}
.h-bar .slick-next{left:auto;right:2%;}







.j-home .h-prot .li .li-sug{width: 100%;height: 25px;background: #fff;font-size: 14px; text-align:center;}


.j-home .h-prot .slick-arrow{position:absolute;left:-30px;top:43%;z-index:99;margin-top:-2em;cursor:pointer;}
.j-home .h-prot .slick-arrow:before{font-size:4em;color:#ddd;}
.j-home .h-prot .slick-next{left:auto;right:-30px;}
.j-home .h-prot {width: 100%; }
/* Column */
.j-column { padding-bottom: 30px; }

.home-r-top{position: relative;height: 60px;line-height: 60px; margin-top:-60px; background-color: rgba(22,4,5,0.6); padding: 0 30px;color: #fff;margin-bottom: 10px;}
.home-r-top h3{display: block;float: left;font-size: 18px;font-weight: bold;}
.home-r-top h3 span{font-size: 16px;font-weight: normal;}
 .home-r-top h4{display: block;float:right;font-size: 13px;line-height: 60px;letter-spacing:1px; color:#eee;}

.j-column .c-l{float: left; width: 270px; }

.j-column .left-nav3 { min-height: 55vh}
.j-column .left-nav3 .lv1{ display:block; line-height:50px;border-bottom:1px solid #bbb; font-size:14px; padding:0 30px;margin: 5px 0}
.j-column .left-nav3 .lv1 i{ float:right; }
.j-column .left-nav3 a:last-child .lv1 { border-bottom:4px solid #ccc; }
.j-column .left-nav3 .cur ,.j-column .left-nav3 .lv1:hover{ background:#aaa; color: #fff;}
.j-column .left-nav3 .cur~.lv2{ display:block;}
.j-column .left-nav3 .lv2 {padding-left:40px;line-height: 40px;margin: 5px; display:none;}
.j-column .left-nav3 .lv2 {border-bottom: 1px dashed #ddd;}
.j-column .left-nav3 .lv2-cur ,.j-column .left-nav3 .lv2:hover{ background:#aaa; color: #fff;}

.j-column .home-r{ float:right; width:820px;}
.j-column .home-r .r-top{ font-size: 20px;font-weight: bold; border-bottom:  1px solid #eee; padding: 10px 0;margin-bottom: 20px;}
.j-column .home-r .r-top span{ font-size: 18px;font-weight: none; color: #999;}



.j-column .c-about-r{ }

.j-column .c-text{line-height:2;font-size:14px; padding: 20px 0;}



/*人才招聘*/
.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 .c-prot{
	margin-top: 5px;
}
.j-column .c-prot .li{float: left; width: 30%; margin-left: 4%;margin-bottom: 20px;border: 1px solid #aaa;}
.j-column .c-prot .li:nth-of-type(3n+1) {margin-left:0}
	
.j-column .c-prot .li:hover p{background-color: #00549d; color: #fff;}
.j-column .c-prot .li p{text-align:center;line-height: 45px;}
.j-column .c-prot .li .li-know{width: 100%;position: relative; border-bottom: 1px dashed #aaa; text-align: center;overflow: hidden;height: 180px;}
.j-column .c-prot .li .li-know img{max-width: 80%;max-height: 100%;}
.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;}
/*产品展示详情*/
.j-column .c-prot .d-pic { float: left;width: 65%;}
/*.j-column .c-prot .d-pic:hover { float: left;width: 100%;position: relative;}*/
.j-column .c-prot .d-text{ float: right; width: 32%; line-height: 2;}
.j-column .c-prot h2{ font-size: 18px; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px;}
.j-column .c-prot .prot-title{
	height: 40px;
	margin: 10px 0;
	border-bottom: 1px solid #aaa;
}
.j-column .c-prot .prot-title p{width: 180px; height: 30px;color: #000;font-size: 16px;}



/*展会信息*/
.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: 5px;}
.j-column .li2 .autoimg1212 img{width: 100%;height: 140px;}
.j-column .li2 .li2-r{position: relative;float: left; width: 550px;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: #333; line-height: 40px;}
.j-column .li2 .li2-r h4 span{font-size: 14px;font-weight: normal; float: right;}
.j-column .c-news .date1{color: #666;line-height: 50px;}
.j-column .c-news .date1 .next2{float:right;font-size: 12px;}
.j-column .li2 .li2-nav{width: 100%; height: 40px;line-height: 40px; margin-left: 0;}

/*展会信息详情*/

.j-column .c-news .n-title{ text-align:center;  font-size: 18px; font-weight: bold;}
.j-column .c-news .n-date{ text-align:center; color: #999; line-height: 40px; border-bottom: 1px dotted #aaa;}
.j-column .c-news .next{ border-top: 1px dotted #aaa;padding-top: 10px;}

/* 下载*/

.cm-down{position: relative;}
.cm-down .li{position: relative;float: left;width: 45%; height: 120px;padding: 15px 20px;margin: 30px 10% 30px 0; overflow: hidden;background-color: #fff; border: 1px solid #ddd;box-sizing: border-box;}
.cm-down .li:nth-of-type(2n){margin-right: 0;}
.cm-down .li-left{float: left;width: 15%;height: 90px;line-height: 110px; text-align: left; }
.cm-down .li-right{position: relative;float: left;width: 85%;height: 90px;}
.cm-down .li .title{font-size: 15px;color: #262626;line-height: 30px;margin-bottom: 5px;}
.cm-down .li .file{line-height: 2;font-size: 13px;color: #6d6d6d;letter-spacing: 1px;}
.cm-down .li .border{position: absolute;display: block;right: 0;bottom: 0;margin: 0 -20px -15px 0;
	background-color: #fff;
	border-bottom:60px solid #aaa;border-left: 60px solid transparent;
}
.cm-down .li:hover .border{border-bottom:60px solid #0068b7;}
.cm-down .li a {display: block;position: absolute;right:0;bottom: 0;margin: 0 -15px -10px 0;color: #fff;}


/*?技术?*/
.c-jishu ul li{ float:  left; width: 44%; margin: 20px 3%; text-align: center; line-height: 1.6; font-size: 14px; font-weight: bold;}

/*联系q 们*/
.c-contact .add { line-height: 1.6; letter-spacing: 1px;}
.c-contact .add li{font-size:14px; line-height: 30px;}
.c-contact .add li:first-child{font-size:18px; font-weight: bold;  border-bottom: 1px dashed #aaa; padding-bottom:15px;margin-bottom: 20px;}
.c-contact .add ul {float:left; width: 48%;margin-right: 2%;}
.c-contact .weixin{ text-align: center; font-size: 18px;letter-spacing: 2px; margin-top: 60px;}
.c-contact .weixin img { width: 120px; margin:5%; }
