@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:#5988c0}
.bc { background-color: #5988c0}
body { color:#666; min-width: 1000px;max-width:1920px;}
.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 */
.j-header { position:relative; z-index: 33;transition: all 0.5s; opacity:1; }
.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 { float:left; width:400px; }
.j-header .h-m { float:right; width:400px; padding-right: 15px;  }
/*.headback { position:absolute; top:120px; height:50px; left:0;right:0; background:#f5f5f5;}*/
.j-header .english{float: right; text-align: right;  color: #555; font-size: 12px;line-height: 35px;} 
.j-header .english img{vertical-align:text-top; width: 20px;}
.j-header .search{margin-top: 5px; text-align: right;}
.j-header .zhanye{ text-align: right;  color: red; padding-top:15px; font-weight: bold;letter-spacing: 1px; }
.j-header .srhform { background-color:#fff; display: inline-block;margin-top: 8px; border: 1px solid #ddd;border-radius: 3px;}
.j-header .srhform input {height: 20PX;width: calc(100% - 42px);}
.j-header .srhform button {background:none;border: none;width: 30px;background-color: #fff;height: 24px;color: #00831f;}


.j-header .h-nav{position:relative; background-image: url(../../images/dc2_top_bg.jpg);margin-top: 10px;}
/*.j-header .h-nav:after{position:absolute;left:0;right:0;top:70px;display:block;content:'';border-bottom:1px solid #aaa;}*/
.j-header .menu1{width: 800px;padding: 0 100px;background-color: #5988c0;}
.j-header .menu1 ul{position:relative;transition:linear .25s;text-align:center;}
.j-header .menu1 li{position: relative; line-height: 35px; width: 16.5%;text-align: center;font-size: 14px; color: #fff;border-left: 1px solid #666;}
.j-header .menu1 li:first-child{border-left: none;}
.j-header .menu1 li:hover,.j-header .h-nav .lv1-cur{ color: #5988c0; background-color: #fff;}
.j-header .menu1 .lv1-a{display:inline-block;line-height:30px;}
.j-header .menu1 .lv2-ul{position: absolute;z-index:-10;white-space:nowrap;height: 0px;background-color: #fff;overflow: hidden;line-height: 2;border-radius: 0 0 6px 6px;padding: 0 15px;width: 100%; margin: 0 -30px;box-sizing: border-box;}

.j-header .menu1 li:hover .lv2-ul{}
.j-header .menu1 .lv2-a{position:relative;font-size:14px;color:#333;display: block; text-align: center; border-bottom: 1px solid #d2e1de ;margin-bottom: 6px;}
.j-header .menu1 .lv2-a:after{position:absolute;left:50%;right:50%;bottom:-17px;display:block;content:'';height:3px;background:#00a0e9;transition:linear .15s;}
.j-header .menu1.lv2-a:hover:after, .j-header .menu1 .lv2-cur:after{left:10%;right:10%;}

footer{position: relative; margin-bottom: -15px; color: rgb(77, 75, 75);font-size: 12px;background-color: #d3d3d3;width: 1000px;margin: 0 auto;}
footer .j-navlist { width:76%; padding-right:5%; border-right:1px solid #ddd;}
footer .j-navlist-r{ width:13%;color:#333; letter-spacing:2px; text-align:center; font-size:14px}
	
footer .j-navlist dl{ display:inline-block;}
footer .j-navlist dt{ color:#333; font-size:14px; line-height:30px;}
footer .j-navlist dd{ line-height:28px;}

footer  .copyright {padding: 10px; line-height:22px;   text-align: center;}

/*inc*/
.c-bar2{background-image:url(../../img/bn.jpg); height: 240px;text-transform: uppercase;}
.c-bar2 p{margin:auto; font-size: 36px; color: #fff;letter-spacing: 1px;}

.home-nav2 { padding: 30px 0 10px;}
.home-nav2  a{display: inline-block; padding: 5px 15px;font-size: 16px; border: 1px solid #ddd; width: 250px;  line-height: 50px; margin-right: 15px;}
.home-nav2  a.cur,.home-nav2  a:hover{background-color: #2697c6;color:#fff}



/* Home */
.j-home{position: relative; line-height:1.5; }
.h-bar{position: relative; width: 1000px; margin: auto;}
.h-bar .slide{height:270px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.h-bar .slide2{height: 541px;}
.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-bar .h-bar-txt{font-weight: bold; font-size: 48px; color: #fff; margin-top: 50px;margin-left: 50px; text-shadow: 5px 5px 5px #0a0a00;}
.h-bar .h-bar-txt{animation:myfirst 6s;animation-direction: alternate;animation-iteration-count: infinite;
	-webkit-animation:myfirst 6s;-webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite;/* Safari and Chrome */;}

@keyframes myfirst
{
	0%   {color: #fff;padding-top: 0px;}
	50%  {color: #ff7400;padding-top: 10px;padding-left: 10px;}
	100%  {color: #fff;padding-top: 20px;padding-left: 20px;}
	}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {color:red;}
to {color:yellow;}
}

.j-home .title{ padding: 30px; font-size: 32px;text-align: center;}

.j-product{text-align:center; }
.j-product .li{ width: 24%; border:1px solid #ccc;  box-sizing: border-box; margin-bottom: 30px; padding: 20px;}
.j-product .li .c-title{  border:1px solid #ccc;line-height:32px; margin-top: 20px;}
.j-product .li .li-know img {max-height :246px;max-width: 100%}
.j-news{ margin:60px auto ;}
.j-news .li{width:350px; height: 447px; padding: 20px; box-sizing: border-box; background-image: url(../images/home-b.png)}
.j-news .li .img{width:90px; height: 90px; border: 1px solid #ccc;padding: 10px;}
.j-news .li .img img{width:100%;height: 100%;}
.j-news .li .news{ width: 190px; margin-top: 50px; font-size: 16px;}
.j-news .li .r-title{ margin-top: 10px; font-size: 16px;border: 1px solid #ccc;width: 190px;height:100px;padding: 10px 15px;}
.j-news .li .data{ margin-top: 10px; height:110px;}
.j-news .li .more{ margin-top: 15px; border: 1px solid #ccc;width: 100px;text-align: center;line-height: 26px;}

/* 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 {  }

.r-top{position: relative;font-size:12px; line-height: 46px; letter-spacing:1px; text-transform:uppercase; border-bottom: 1px solid #eee;margin-bottom: 20px;}
.r-top span{ float:left; font-size: 18px; font-weight: bold;}
/*.r-top:after{content:" "; display: block; width: 60px;border-bottom: 1px solid #aaa; margin: 9px auto 10px;}*/
.r-top2{font-size: 16px; padding-bottom:40px;color:#666;text-align:center;}
.r-title{text-align: center; font-size: 30px; padding: 25px 0}
.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 span{font-size:20px;text-transform: uppercase;  letter-spacing: 2px; color: #fff;}
.j-column .c-l .left-top {padding: 20px 45px; font-size:14px;letter-spacing: 1px; color: #c3cee2}
.j-column .left-nav3 {font-size:15px; background-color:#fff; padding-bottom: 15px; margin-bottom:30px;border: 1px solid #ddd; color: #666;}
.j-column .left-nav3 .lv1{ line-height:46px; padding:0 40px 0 20px;margin-top:8px;background-color: #e4e9f0;white-space:nowrap;}
.j-column .left-nav3 .lv1 i{  float:right;}
.j-column .left-nav3 .cur ,.j-column .left-nav3 .lv1:hover{background-color: #5988c0;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;font-size: small;}
.j-column .left-nav3 .lv2-cur ,.j-column .left-nav3 .lv2:hover{ background:#aaa; color: #fff;font-size: medium;}
.j-column .left-nav4{ padding: 30px 20px; line-height: 2;border: 1px solid #ddd; color: #666;background-color: #fff;}
.j-column .left2 {}

.j-column .home-r{ float:right; width:710px;min-height: 62vh; padding-bottom:40px;padding-right: 10px;padding-left:10px; background-color: #fff;}
.j-column .c-text{line-height:1.8;font-size:14px; padding-top: 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{padding: 10px;background-color: #fff;}
.j-column .c-prot .li{position: relative;width:100%; margin-bottom: 20px; box-sizing: border-box;border: 1px solid #ddd;padding: 20px;}
.j-column .c-prot .li .li-know {float: left; width: 62%; padding: 0 10px; box-sizing: border-box;text-align: center;}
.j-column .c-prot .li .li-know img{max-width: 100% ; max-height: 185px;}
.j-column .c-prot .li .li-r {float: right; width: 36%; position: relative;}
.j-column .c-prot .li .c-title{ line-height: 35px; color: #fff; }
.j-column .c-prot .li .c-data{ padding: 5px 0; }
.j-column .c-prot .li .more{ text-align:center;line-height: 30px;border: 1px solid #2697c6; }
	
/*产品展示详情*/
/*@media screen and (max-width:1550px){
.automarg {margin-left:80px;}
}
@media screen and (max-width:1300px){
.automarg {margin-left:120px;}
}*/

.j-column .c-prot .p-t{margin-bottom:40px; }
.j-column .c-prot .p-tl{cursor:crosshair; text-align: center}
.j-column .c-prot .p-tl img{max-width: 100%}
.j-column .c-prot .p-tr{ position: relative;margin:30px }
.j-column .c-prot h2{ font-size: 18px; color: #999; border-bottom: 1px solid #004ea2; padding-bottom: 15px; margin-bottom: 25px;}
.j-column .c-prot h2 span{font-size: 22px;color: #000;}
/* .j-column .c-prot .p-tr .data{min-height: 300px;} */
.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 .c-news{position: relative;margin: 10px 0;}
.j-column .c-news .li2{position: relative;margin-bottom: 20px; padding:10px 20px 30px; border-bottom:1px solid #ddd;}
.j-column .c-news .li2 .autoimg1212{float: left;width: 260px;height: 148px; overflow: hidden; background-color:#fff; border:1px solid #eee; padding:8px;border-radius: 3px;}
.j-column .c-news .li2 .autoimg1212 img{width: 100%;height: 148px; border-radius: 3px;}
.j-column .c-news .li2 .li2-r{position: relative;float: right; width: 840px; margin-left: 0px;transition: all 0.5s;}
.j-column .c-news .li2 .li2-r-title{position: relative;color:#333;font-size: 15px;font-weight: bold; line-height: 34px;}
.j-column .c-news .li2 .date{ color:#aaa; padding-bottom:20px;}
.j-column .c-news .more1 {margin-top:26px;line-height: 30px; opacity:1;transition: all 0.5s; text-align: right;}
.j-column .c-news .more1 .next2{padding:5px 30px; }

.j-column .c-news .li2:hover .li2-r{ width: 820px;}
.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:10px;}
.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;margin-top: 15px;}

/* 下载*/

.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;background-color: #fff;padding: 10px;}
.c-contact h2{ font-size:24px; line-height:32px;}
.c-contact h3{ color:#ddd;line-height:22px;}
.c-contact .weixin{ padding-top:80px; font-size:16px; text-align:center;}