@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
 */
.fc{color: #0074bd}
.bc { background-color: #0074bd}
.bc2{ background-color: #00549d}
body {}
.left50{float:left;width: 50%}
.right50{float:right; width:50%}
/* Common */
.j-header{ margin: 20px auto 5px;}
.j-header .srhform {border: 1px solid #0074bd; width: 200px;display: inline-block;height: 26PX;border-radius: 3px;margin-bottom: 8px;}
.j-header .srhform input {height: 26PX;}
.j-header .srhform button {background:none;border: none;width: 30px;background-color: #0074bd;height: 27px;color: #fff;}

.j-header .h-navlist{position: relative; width: 100%; text-align: right;line-height: 50px;}
.j-header .h-navlist li{float: left; width:14.28%;overflow:hidden;}
.j-header .h-navlist li a{display:block;text-align:center;text-transform:uppercase;font-size:15px;}
.j-header .h-navlist li:hover, .j-header .h-navlist li .cur{background-color: #0074bd;color: #fff;}

.j-footer{position: relative; padding:25px 0; background-color: #333; line-height: 45px; margin-bottom: -15px; color: #aaa;font-size: 12px;}
.j-footer .server { float:right; width:180px; text-align: right;}
.j-footer .j-navlist { float:left; width:880px;font-size: 12px;color: #999;}
.j-footer  dl { float:left; width:20%; height: 180px; line-height:22px;box-sizing: border-box;}
.j-footer  dl:last-child{border-right:1px solid #666;}
.j-footer  dt { font-size:14px; font-weight:bold; line-height:30px; color: #eee;}
.j-footer  .copyright { border-top:1px solid #666; padding:20px 0;}
.j-footer  .copyright span { float:right;}

/* Home */
.j-home{width: 100%;position: relative; line-height:1.5}
.h-bar{position: relative;}
.h-bar .slide{height:270px;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%;}
.h-bar2 {position: absolute; top:120px;width:100%;height: 25px; text-align: center;vertical-align:text-top;}
.h-bar2 .span {font-size: 40px; padding: 0 20px;text-transform:uppercase;color:#000;}
.h-bar2 .line {border-top: 2px solid #000;line-height: 10px;padding-left:100px;}
 .slick-arrow{position:absolute;left:10px;top:43%;z-index:99;margin-top:-2em;cursor:pointer;}
 .slick-arrow:before{font-size:4em;color:#ddd;}
.slick-next{left:auto;right:10px;}

.home-2 {
	margin: 50px 0;
}
.home-2 li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	color: #333;
	border: 1px solid #ddd;
	border-bottom: 3px solid #0075c0;
	box-sizing: border-box;
}
.home-2 li:last-child{margin-right:0;}
.home-2 li img {width: 100%;}
.home-2 li .li-2 {padding: 10px 10px 0 20px; height:200px}
.home-2 li .li-2 span{line-height: 40px;font-size: 20px;}
.home-2 li .li-3{ text-align:right; line-height:30px; padding-right:20px;}
/* Column */
.j-column { padding-bottom: 30px; background-color: #f5f5f5;}

.j-column2 { padding: 20px; background-color: #fff;border: 1px solid #eee;}

.home-r-top{position: relative;line-height: 46px;color: #333;background-color: #f5f5f5}
 .home-r-top h4{font-size: 13px;line-height: 40px;letter-spacing:1px; color:#666;}

.j-column .c-l{float: left; width: 260px; background-color: #fff;color:#888}

.j-column .c-l .left-top{padding: 15px 0;font-size:24px;text-transform: uppercase;font-weight: bold;}
.j-column .left-nav3 .lv1{ line-height:50px;border-bottom:1px solid #ccc; font-size:14px; padding:0 30px;}
.j-column .left-nav3 .lv1::before{ font-size: 8px; }
.j-column .left-nav3 .cur ,.j-column .left-nav3 .lv1:hover{ background:#0074bd; color: #fff;}
.j-column .left-nav3 .lv2 {padding-left:40px;line-height: 40px;margin: 5px;}
.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 .left2 {line-height: 30px;border-top: 1px solid #ccc;padding-top: 10px;}

.j-column .home-r{ float:right; width:770px;min-height: 62vh; background-color: #fff;padding: 20px 0;}
.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-text{line-height:2;font-size:14px; padding-bottom: 20px;}




/*人才招聘*/
.job-style{position: relative;width: 100%;height: 70px;background-color: #f5f5f5;line-height: 70px;}
.job-list{border-bottom: 2px solid #ddd;}
.job-style h4,.job-style p{float: left;width: 50%;padding-left: 80px;box-sizing: border-box;font-weight: bold;}
.job-style p{text-align: right;padding-right: 80px;color: #6badda;}
.job-list h4,.job-list p{font-size: 18px;}
.j-column .c-job{position: relative;width: 100%;overflow: hidden;}
.j-column .c-job .li{background-color: #fff;font-size: 16px;transition: background-color .5s;}
.j-column .c-job .li .nowrap{position: relative;border: 1px dashed #ddd;box-sizing: border-box; border-top:none;}
.j-column .c-job .li h4{width: 100%;height: 70px;line-height: 70px;padding-left: 80px;box-sizing: border-box;}
.j-column .c-job .li span{cursor: pointer;padding-right: 65px;box-sizing: border-box;}
.j-column .c-job .date1{height: 40px;line-height: 35px;font-size: 14px;}
.j-column .c-job .data{display: none;width: 100%;padding: 0 70px;box-sizing: border-box; line-height: 1.5;font-size: 14px;}
.j-column .c-job .move{margin-bottom: 40px; line-height: 1.5;font-size: 14px;}
.text-c{color: #6badda!important;}
.j-column .c-job .data-open{display: block;background-color: #f5f5f5;}



/*产品展示*/
.j-column .c-prot{margin-top: 43px;}
.j-column .c-prot .li{float: left;position: relative; width: 30%; margin-left: 4%;margin-bottom: 20px;border: 1px solid #d3d3d3;}
.j-column .c-prot .li:nth-of-type(3n+1) {margin-left:0}
	
.j-column .c-prot .li .li-all{display:none;position: absolute;left:0;right:0;top:0;bottom:0;background-color: rgba(72,72,72,0.7);color: #fff;text-align:center;padding-top: 30%;font-size: 16px;}
.j-column .c-prot .li .li-all .jia {line-height: 40px; width: 40px; border-radius: 50%;border: 2px solid #fff;display: inline-block;font-size: 36px;margin-top: 10px;}
.j-column .c-prot .li:hover .li-all{display:block;}
.j-column .c-prot .li:hover p{display: none;}
.j-column .c-prot .li p{text-align:center;line-height: 45px;position: absolute;left:0;right:0;bottom:0;background: #d3d3d3;}
.j-column .c-prot .li .li-know{width: 100%;position: relative; height: 246px; overflow: hidden;}
.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: 50%;border: 1px solid #eee;}
.j-column .c-prot .d-text{ float: right; width: 47%; line-height: 1.5;}
.j-column .c-prot .h2{ font-size: 18px; color: #999; border-bottom: 1px solid #6cc6dd; padding-bottom: 15px; margin-bottom: 25px;}
.j-column .c-prot .h2 span{font-size: 26px;color: #000;}
.j-column .c-prot .prot-title{height: 40px;margin: 40px 0; border-bottom: 1px solid #6cc6dd;}
.j-column .c-prot .prot-title p{width: 100px; line-height: 39px;color: #000;font-size: 16px;border: 1px solid #6cc6dd;border-bottom: 1px solid #fff;margin-left: 20px;text-align: center;}
.borderright {border-right:1px solid #6cc6dd;line-height: 2}
.left40 {float: right; width: 40%;line-height: 2}

/*展会信息*/
.j-column .c-news{position: relative;margin: 10px 0;}
.j-column .c-news .li2{position: relative;border: 1px solid #eee;margin-bottom: 30px; padding:20px 25px;border-radius: 5px;}
.j-column .li2 .autoimg1212{float: left;width: 260px;height: 180px; overflow: hidden;}
.j-column .li2 .autoimg1212 img{width: 100%;height: 170px;border-radius: 5px;}
.j-column .li2 .li2-r{position: relative;float: left; width: 400px;height: 160px; margin-left: 25px;}
.j-column .li2 .li2-r .li2-r-title{position: relative;color:#aaa;padding-bottom:10px; }
.j-column .li2 .li2-r h4{font-size: 14px;font-weight: bold;color: #333; line-height: 40px;}
.j-column .c-news .date1{color: #666;line-height: 50px;}
.j-column .c-news .date1 .next2{float:right;color:#0074bd}
.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-title2{  font-size: 18px; font-weight: bold;margin: 20px 0}
.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 { }
.c-contact .add li{font-size:14px; line-height: 26px;}
.c-contact .add li:first-child{font-size:18px; font-weight: bold; letter-spacing: 1px; border-bottom: 1px dashed #aaa;line-height: 50px;margin-bottom: 20px;}
.c-contact .add ul {float:left; width: 58%;margin-right: 2%;}
.c-contact .weixin{float:right;width: 40%; text-align: center; margin-top: 60px;}
.c-contact .weixin img { width: 120px; margin:5%; }