@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
 */
 * {transition: all 0.2s;}
.fc{color:#035cb6}
.bc { background-color: #035cb6}
body { color:#333;}
.left50{float:left;width: 50%}
.right50{float:right; width:50%}
.line{ border-bottom:1px solid #ddd; margin:20px 0;}
.container2{ width:1200px; margin:0 auto;}

/* Common */
.header{ background:#191919; color:#CCC; line-height:40px;}
.header span { float:right;}
.j-header { position:relative; z-index: 33; width:100%;background-color:rgba(41,41,41,1); height:120px;transition: all 0.5s; overflow:hidden;opacity:0.9;}
.j-header-top{background-color:rgba(255,255,255,1);position: relative; }
.j-header:hover{background-color:rgba(41,41,41,1); height:170px;}
.j-header .logo { background:#fff; border-radius: 10px 10px 0 0;float:left; width:200px; margin-top:20px; padding:15px; text-align:center; }

.headback { position:absolute; top:120px; height:50px; left:0;right:0; background:#f5f5f5;}
.j-header2 {padding: 30px 0 10px;}
.j-header .srhform { background-color:#fff; width: 300px;display: inline-block;height: 30PX;margin-top: 8px;}
.j-header .srhform input {height: 30PX;width: 230px;}
.j-header .srhform button {background:none;border: none;width: 60px;background-color: #fff;height: 29px;color: #aaa;}

.j-header .h-nav{position:relative;}
/*.j-header .h-nav:after{position:absolute;left:0;right:0;top:70px;display:block;content:'';border-bottom:1px solid #aaa;}*/
.j-header .h-nav .menu1{ margin-top:27px;background:#fff; float:right; width:970px; height:45px;}
.j-header .h-nav .menu2{ background:#2f2f2f; height:45px; border-radius:0 0 0 45px;}
.j-header .h-nav ul{position:relative; float:right; line-height:50px;transition:linear .25s;text-align:right; color:#ddd;}
.j-header .h-nav li{float:left; margin:0 40px;}
.j-header .h-nav .lv1-a{display:inline-block;line-height:30px;font-size:15px;}
.j-header .h-nav .lv2-ul{display:none;position: relative; width:200px; margin-left:-200px;z-index:999; white-space:nowrap; padding-top:0px;}
.j-header .h-nav .lv2-a{position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#333;}
.j-header .h-nav .lv2-a:after{position:absolute;left:50%;right:50%;bottom:-17px;display:block;content:'';height:3px;background:#00a0e9;transition:linear .15s;}

.j-header .h-nav li:hover .lv2-ul{display:block;}
.j-header .h-nav .lv2-a:hover:after, .j-header .h-nav .lv2-cur:after{left:10%;right:10%;}


footer{position: relative; margin-bottom: -15px; color: #ccc;font-size: 12px; background:#333;}
footer .j-navlist { width:45%; padding-right:5%; border-right:1px solid #555;}
footer .j-navlist-r{ width:45%;color:#fff; letter-spacing:2px; text-align:center; font-size:14px}
footer .j-navlist-r>div { width:33%; }
	
footer .j-navlist dl{ display:inline-block;}
footer .j-navlist dt{ color:#fff; font-size:14px; line-height:30px;}
footer .j-navlist dd{ line-height:28px;}

footer  .copyright { line-height:60px; }
footer  .copyright span{ float:right;}

/* Home */
.j-home{width: 100%;position: relative; line-height:1.5}
.h-bar{position: relative; background-color:#e0e1e2; padding:15px;}
.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;}



.j-home .h-n2 .li2{ margin-bottom:50px; }
.j-home .h-n2 .li2 .img{ width:45%; float:left;}
.j-home .h-n2 .li2 .img img{ width:100%; height:340px;}
.j-home .h-n2 .li2 .li2-r{ width:50%; float:right;border-top:4px solid #ccc;}
.j-home .h-n2 .li2 .li2-r .date{ line-height:90px; font-size:16px;}
.j-home .h-n2 .li2 .li2-r .date span{ font-size:28px; color:#000;}
.j-home .h-n2 .li2 .li2-r .sline{ width:50px; border-bottom:2px solid #ccc; margin:10px 0}
.j-home .h-n2 .li2 .li2-r .r-title{ font-size:24px; color:#000;}
.j-home .h-n2 .li2 .li2-r .data{ margin-bottom:30px;}

.j-product{ padding-bottom:120px;}
.j-product .pr-s{ text-align:center;}
.j-product .pr-s>a{ display:inline-block; width:128px; line-height:40px; border:1px solid #035cb6; margin:0 4px;border-radius: 5px; color:#035cb6;}
.j-product .pr-s>a:first-child,.j-product .pr-s>a:hover { background-color:#035cb6; color:#fff; position:relative;}
.j-product .pr-s>a:first-child:after{ position:absolute; bottom:-10px; left:48%; content:""; 
  height:0px;width:0px;
  border-top:solid 10px #035cb6; 
  border-left:solid 10px rgba(0,0,0,0);
  border-right:solid 10px rgba(0,0,0,0)}

.j-product .li { float:right; width:175px; margin-left:20px; margin-top:20px; border:1px solid #b9e0ff;}
.j-product .li:first-child{ width:396px; border-width:3px;}

.j-product .li:nth-of-type(9n+5),.j-product .li:nth-of-type(9n){ margin-left:0}
.j-product .li .c-title { text-align:center; background-color:#b9e0ff; line-height:28px;}
.j-product .li:first-child .c-title{ width:65%; margin:0 auto; border-radius:20px 20px 0 0;}
.j-product .li img { width:100%;}
/* answer */

.answer { margin:30px 50px 0 30px;}
.answer .li2 { margin-top:40px;}
.answer .li2 .left {float:left; width:28px; font-size:26px;color:#00a0e9; line-height:26px; text-align:center;}
.answer .li2 .q{ color:#eee; margin-bottom:18px;}
.answer .li2 .right {float:right; width:calc(100% - 46px)}
.answer .li2 .right h2{ font-size:20px; margin:-3px 0 15px;}

.pl-r{ background-color:#f8f4ed;}

/* Column */
.j-column { padding:50px 0; background-color:#f5f5f5;}

.r-top{position: relative;line-height: 40px; font-size:16px; letter-spacing:2px; background-color:#fff; padding:0 15px; margin-bottom:30px;}
.r-top span{ float:right; color:#999; font-size:12px;}
.r-top2{font-size: 13px; padding-bottom:40px;color:#666;text-align:center;}
.j-column .danxin{
display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
	 -webkit-justify-content: space-between;
    justify-content: space-between;}
	
.j-column .c-l{float: left; position:relative;width: 266px;  }

.j-column .c-l .left-top{padding: 10px 20px;font-size:16px;text-transform: uppercase; color:#fff; border-radius:3px 3px 0 0 ;}
.j-column .c-l .left-top span{ font-size:20px}
.j-column .left-nav3 {font-size:16px; background-color:#fff; margin-bottom:15px;}
.j-column .left-nav3 .lv1{ line-height:40px; padding:0 20px;margin-bottom:5px; border-bottom:1px solid #f5f5f5;}
.j-column .left-nav3 .lv1 span{ color:#035cb6; font-size:14px;}
.j-column .left-nav3 .cur ,.j-column .left-nav3 .lv1:hover{ color: #035cb6; }
.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 {}

.j-column .home-r{ float:right; width:900px;min-height: 62vh; padding-bottom:40px;}
.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: 20px;box-sizing: border-box;font-weight: bold;}
.job-style p{text-align: right;padding-right: 20px;}
.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: 20px;box-sizing: border-box;}
.j-column .c-job .li span{cursor: pointer;padding-right: 5px;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;}
.j-column .c-job .data-open{display: block;background-color: #f5f5f5;}



/*产品展示*/
.j-column .c-prot{}
.j-column .c-prot .li{position: relative; width: 30%; margin-bottom: 40px; box-sizing: border-box;}
.j-column .c-prot .li .li-know { border:1px solid #b9e0ff;}
.j-column .c-prot .li .c-title{ line-height:40px; text-align:center; background-color:#b9e0ff; }
	
/*产品展示详情*/
/*@media screen and (max-width:1550px){
.automarg {margin-left:80px;}
}
@media screen and (max-width:1300px){
.automarg {margin-left:120px;}
}*/
.j-column .p-about .li { width:22%}

.j-column .c-prot .p-t{margin-bottom:40px; }
.j-column .c-prot .p-tl{float:left;width:50%;padding:1%;cursor:crosshair; border:1px solid #b9e0ff; }
.j-column .c-prot .p-tl .autoimg{padding:35% 0;}
.j-column .c-prot .p-tr{float:right;width:45%;}
.j-column .c-prot h2{ font-size: 18px; color: #999; border-bottom: 2px solid #b9e0ff; padding-bottom: 15px; margin-bottom: 25px;}
.j-column .c-prot h2 span{font-size: 26px;color: #000;}

.j-column .c-prot .p-tl2{ width:45%; position:absolute; bottom:0;right:0;}
.j-column .c-prot  .p-tl2 li{width:22%;padding:1%; box-sizing:border-box;cursor:pointer;transition:all .2s;}

.j-column .c-prot  .p-tl2 li.cur{border:1px solid #eee;}

.j-column .c-prot  .p-tr2 i{ font-size:14px;}
.j-column .c-prot  .p-tr2 .next { float:left; width:26%; background:#666; color:#fff; font-size:12px; text-align:center;padding:7px 2%; margin-right:3%;}
.j-column .c-prot  .p-tr2 .next:nth-of-type(3n){margin-right:0;}
.j-column .c-prot  .p-tr2 .next:hover{ background:#eee; color:#333}

.j-column .c-prot .p-series{padding:10px 0 20px;font-size:26px;color:#333;border-bottom:1px solid #ddd; font-weight:bold;}
.j-column .c-prot h3{ line-height:1.5; font-size:14px; padding-left:30px;}
.j-column .c-prot h3 img { margin-left:20px;}
.j-column .c-prot h4{ color:#00C8D1; font-size:14px; line-height:50px; }
.j-column .c-prot .pro-menu{  font-size:14px; border-bottom:1px solid #f5f5f5; line-height:40px; margin-bottom:20px;}
.j-column .c-prot .pro-menu .pro-color{color:#b39264;}

.j-column .prot-text ul{list-style-type:none; min-height:290px;
	padding-left:5%;
	margin-right:5%;
	float:left;
	width:20%;
	list-style-type:circle; border-left:1px solid #ddd;	 }
.j-column .prot-text ul:first-child{ border-left:none}

.j-column .prot-text td {height:28px; padding-left:10px;}
.j-column .prot-text { line-height:2;margin-bottom:30px;}
.j-column .d-about .li{width:23%; margin-right:2%; }

.j-column .c-prot .prot-title{height: 40px; margin:40px 0; border-bottom:1px solid #035cb6}
.j-column .c-prot .prot-title p{color: #fff;font-size: 16px; width:160px; background-color:#035cb6; line-height:40px; text-align:center; border-radius:5px 5px 0 0}

/*展会信息*/
.j-column .c-news{position: relative;margin: 10px 0;}
.j-column .c-news .li2{position: relative;margin-bottom: 10px; padding:10px 20px; border-bottom:1px solid #ddd;}
.j-column .c-news .li2 .autoimg1212{float: left;width: 260px;height: 140px; overflow: hidden; background-color:#fff; border:1px solid #aaa; padding:8px;}
.j-column .c-news .li2 .autoimg1212 img{width: 100%;min-height: 140px;}
.j-column .c-news .li2 .li2-r{position: relative;float: right; width: 560px; margin-left: 0px;transition: all 0.5s;}
.j-column .c-news .li2 .li2-r-title{position: relative;color:#333;font-size: 16px;font-weight: bold; line-height: 34px;}
.j-column .c-news .li2 .date{ color:#aaa; padding-bottom:20px;}
.j-column .c-news .more1 {float: left;width: 50%;margin-top:26px;line-height: 30px; opacity:0;transition: all 0.5s;}
.j-column .c-news .more1 .next2{padding:8px 45px;color:#fff;}

.j-column .c-news .li2:hover .li2-r{ width: 520px;}
.j-column .c-news .li2:hover .li2-r .more1 {opacity:1;}

.j-column .c-news .li2 .back1{ position:absolute; left:0; bottom:0; right:0; height:0; background-color:#999; opacity:0.3;transition: all 0.5s;}
.j-column .c-news .li2:hover .back1{ height:100%; opacity:0}

/*展会信息详情*/

.j-column .c-news .n-title{ text-align:center;  font-size: 18px; font-weight: bold;color: #666; padding-top:30px;}
.j-column .c-news .n-title2{  font-size: 18px; font-weight: bold;margin: 10px 0}
.j-column .c-news .n-date{ text-align:center; color: #999; line-height: 40px; padding-bottom:10px;margin-bottom: 10px; border-bottom:1px solid #ccc; }
.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;}


/*联系q 们*/
.c-contact  { letter-spacing:2px;}
.c-contact h2{ font-size:24px; line-height:32px;}
.c-contact h3{ color:#ddd;line-height:22px;}
.c-contact .weixin{ padding-top:100px; font-size:18px; text-align:center;}