@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:#900004}
.bc { background-color: #900004}
.bc2 {
    background: -webkit-linear-gradient(#fff, #eee); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #eee); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #eee); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #eee); /* 标准的语法（必须放在最后） */
}

body { color:#666; min-width: 1200px;max-width:1920px;}
.left50{float:left;width: 50%}
.right50{float:right; width:50%}
.right{float:right;}
.line{ border-bottom:1px solid #ddd; margin:20px 0;}
.container2{ width:1440px; margin:0 auto;}

/* Common */
.j-header { position:relative; z-index: 33;transition: all 0.5s; opacity:1;  background-color: #fff; }
.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 .h-m {padding: 30px 0; }
.j-header .logo { float:left; width:50%;vertical-align: top;}
/*.headback { position:absolute; top:120px; height:50px; left:0;right:0; background:#f5f5f5;}*/
.j-header .english{float: right; width: 90px; color: #555; font-size: 13px;line-height: 1.8} 
.j-header .english img{vertical-align:text-top; width: 20px;}
.j-header .search{margin-top: 5px; text-align: right;}
.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: #189ad8;}


.j-header .h-nav{position:relative; background-color: #485a65;}
/*.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{}
.j-header .h-nav ul{position:relative;transition:linear .25s;text-align:center;color: #fff;}
.j-header .h-nav li{position: relative; line-height: 45px; width:14.1%;font-size: 14px; transform:skewX(150deg);border-left:1px solid #94a3ab;}
.j-header .h-nav li a{transform:skewX(30deg)}
.j-header .h-nav li:first-child{margin-left: auto; border-left:none;}
.j-header .h-nav li:hover,.j-header .h-nav .lv1-cur{ background-color: #c4070d;}
.j-header .h-nav .lv1-a{display:inline-block;line-height:30px;}
.j-header .h-nav .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 .h-nav li:hover .lv2-ul{}
.j-header .h-nav .lv2-a{position:relative;font-size:14px;color:#333;display: block; text-align: center; border-bottom: 1px solid #d2e1de ;margin-bottom: 6px;}
.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 .lv2-a:hover:after, .j-header .h-nav .lv2-cur:after{left:10%;right:10%;}

.bc3{background-color:#eee}
footer{position: relative; margin-bottom: -15px; color: #666;font-size: 12px;}
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 { line-height:40px;  color: #999; font-size: 14px;}
footer  .copyright span {float:right;}

/*inc*/
.c-bar2{ position: relative;text-transform: uppercase;border-bottom: 30px solid #888}

.c-bar2 .c-bar2-1{position: absolute; right:0; top:100px; font-size: 28px; color: #fff;}
.c-bar2 .c-bar2-1 .c-bar2-1-1{width: 220px; padding-bottom: 10px ; margin-bottom: 10px;}
.c-bar2 .c-bar2-1 .c-bar2-1-2{font-size: 20px;}

.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;margin-top: 40px; }
.h-bar{position: relative;border-bottom: 8px solid #888;}
.h-bar .slide{height:270px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.h-bar .slide2{height: 541px;}
.slick-arrow{position:absolute;left:2%;top:40%;z-index:99;margin-top:-2em;cursor:pointer;}
.slick-arrow:before{font-size:5em;color:rgba(255,255,255,0.6);}
.slick-next{left:auto;right:2%;}
.h-bar2 .slick-arrow{left:-4%}
.h-bar2 .slick-arrow:before{color:rgba(255,255,255,0.6);}
.h-bar2 .slick-next{left:auto;right:-4%;}

/* Home 2*/
#j-productd .li {position: relative; width: 18.5%; margin-bottom: 40px;background-color: #86939b; text-align: center;color: #fff;}


.j-home .h-title{ font-size: 16px;margin: 42px auto 7px;font-style: italic;font-weight: bold; color:#c4070d }
.j-home .home2{background-image: url(../images/home2.png);background-repeat:no-repeat;background-position: right top; padding-bottom: 50px;}
.j-home .home2-1{width: 313px; font-size: 12px;line-height: 1.6;color: #777;}
.j-home .home2-1 .h-data{padding: 10px 0;}
.j-home .home2-2{width: 410px;margin-right: 50px;}
.j-home .home2-2 .h-n2{border-top: 2px solid #666;}
.j-home .home2-2 .h-n2 .li2{margin: 10px 0;}
.j-home .home2-2 .h-n2 .li2 .date{float:left; width: 49px;font-size: 9px; border-right: 1px solid #ddd;padding-top: 5px;color: #ccc;}
.j-home .home2-2 .h-n2 .li2 .date span{color: #333;}
.j-home .home2-2 .h-n2 .li2 .li2-r{float:right; width: 345px;line-height: 1.8;}
.j-home .home2-2 .h-n2 .li2 .li2-r .title{color:#c4070d;font-weight: bold;}
.j-home .home2-3{width: 250px;padding: 0 15px;}
.j-home .home2-3 .j-product{margin-top: 37px;}
.j-home .more{font-size: 12px;color: #c4070d;font-style: italic;}
.j-home .home2-3 .j-product .slick-dots{top:-62px;right:0px; text-align: right;}
.j-home .home2-3 .j-product .slick-dots li{width:10px;}
.j-home .home2-3 .j-product .slick-dots li button {background: transparent;}
.j-home .home2-3 .j-product .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 10px; height: 10px; font-family: "slick"; font-size: 12px; line-height: 10px; text-align: center; color: #b8d4ff; opacity: 0.9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.j-home .home2-3 .j-product .slick-dots li.slick-active button:before { color:#0092bf;}

/* 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 {margin-top: -38px;  }

.r-top{position: relative;font-size:13px; line-height: 38px; letter-spacing:1px;margin-bottom: 20px; color: #fff;}
/*.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{ font-size: 24px; padding: 10px 0 0;letter-spacing: 1px;color: #000;text-transform: uppercase;}
.r-title2{ font-size: 32px; padding-bottom: 10px;color: #aaa;text-transform: uppercase;border-bottom: 1px solid #eee;}

.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: 260px; margin-top: -22px;  }

.j-column .c-l .left-top {padding: 10px 25px 0 30px; font-size:22px;height: 60px;color: #fff;  box-sizing: border-box;background-color: #c4070d;text-transform: uppercase;}
.j-column .c-l .left-top i{display: block;margin-top: -19px; text-align: right;font-size:24px;color: rgba(255,255,255,0.3);text-transform: uppercase;}
.j-column .left-nav3 {font-size:15px;  margin-bottom:30px;color: #000;border: 1px solid #900004;}
.j-column .left-nav3 .lv1{ line-height: 50px; padding:0 40px 0 30px; }
.j-column .left-nav3 .lv1 i{ float:right;color: #fff;font-size: 18px;}
.j-column .left-nav3 .cur ,.j-column .left-nav3 .lv1:hover{color: #fff!important;background-color: #900004 }

.j-column .left-nav3 .lv2 {padding: 0 40px 0 30px;line-height: 40px;margin: 5px;}
.j-column .left-nav3 .lv2 i{float: right;color: #fff;font-size: 20px;}
.j-column .left-nav3 .lv2-cur ,.j-column .left-nav3 .lv2:hover{  color: #900004;}
.j-column .left-nav3 .lv2-cur i,.j-column .left-nav3 .lv2:hover i{  color: #900004;}

.j-column .c-l .left-top2{font-size: 20px; border-bottom: 1px solid #c4070d;color: #c4070d;line-height: 50px;padding-left: 15px;font-weight: bold;}
.j-column .left-nav4{ padding: 10px; line-height: 2;color: #666;font-size: 12px;line-height: 36px;}
.j-column .left2 {}

.j-column .home-r{ float:right; width:890px;min-height: 62vh; padding-bottom:40px;}
.j-column .c-text{line-height:1.8;font-size:14px; }


/*人才招聘*/
.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 .aboutp-1{color: #777;}
.j-column .aboutp-2 {color: #999;margin-top: 50px;}
.j-column .aboutp-2 span{color: #1c7cbf; font-size: 18px;}

/*产品展示*/
.j-column .c-prot{ padding:20px 0;}
.j-column .c-prot .li{position: relative; width: 23.5%; margin-bottom: 40px;background-color: #86939b}
.j-column .c-prot .li2{position: relative; width: 23.5%;}
.j-column .c-prot .li .li-know {padding: 15px; box-sizing: border-box;text-align: center;}
.j-column .c-prot .li .li-know img{max-width: 100% ; }
.j-column .c-prot .li .c-title{font-size: 14px; color: #fff; padding-bottom: 15px; text-align: center;}
	
/*产品展示详情*/
/*@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{float:left;width:50%;cursor:crosshair; text-align: center}
.j-column .c-prot .p-tl img{max-width: 100%}
.j-column .c-prot .p-tr{float:right;width:45%; position: relative;}
.j-column .c-prot h2{ font-size: 28px; color: #c4070d; border-bottom: 1px dashed #888; 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-tr .data img{max-width: 100%}
.j-column .c-prot .p-tr .more{width: 45%; border: 1px solid #2697c6; line-height: 35px; text-align: center; margin-top: 30px;}

.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-prot .prot-title{line-height: 36px; margin-top:40px; border-radius: 6px;font-weight: bold;}
.j-column .c-prot .prot-title p{color: #000;font-size: 18px; border-radius:5px 5px 0 0}

/*展会信息*/
.j-column .c-newsa{position: relative;margin: 10px 0;}
.j-column .c-newsa li {line-height: 45px; border-bottom: 1px dotted #ddd;}
.j-column .c-newsa li .date{float: right;color: #aaa;}


/*展会信息2
.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:120px solid #c4070d;border-left:60px solid #c4070d;}
.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;margin-top: 30px;}
.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;}


/*关于我们*/
.c-about-r table {line-height: 2}
.c-about-r table img {border: 1px solid #eee;}