﻿@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
 */

/* Common */
body {}
.bc{background:#002744;
  background: -webkit-linear-gradient(#01375e, #002744); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#01375e, #002744); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#01375e, #002744); /* Firefox 3.6 - 15 */
  background: linear-gradient(#01375e, #002744); /* 标准的语法 */
  }
.fc{ color:#25346a}
.bc2 {background: #19c5f0;}
.mtop20 { margin-top:20px}
.line { border-bottom:1px solid #ddd; margin:30px 0; }
.mob{ display:none}
.web{ display:block}
.right50{float:right; width:60%}
.left50{float:left; width:40%}

.j-header{height: 100px; position:absolute; z-index:99; width:100%; top:0; }
.j-header .container { position:static;}
.j-header .logo { float:left; width:400px; vertical-align:middle; height:70px; padding-top:20px; }
.j-header .logo img{ max-height:66px;}
.j-header .chinese { text-align:right; width:500px; padding-top:5px; float:right; color:#fff;}
.j-header  .j-header-c{ float:right; width:60%;padding-top:5px;}


.j-header .h-navlist{ width: 100%;}
.j-header .h-navlist .li1-li{float:left;width:16.5%;height:64px;box-sizing: border-box; }
.j-header .h-navlist .li1-li:last-child{}
.j-header .h-navlist .li1-li a{display:block;line-height:54px;text-align:right;text-transform:uppercase;font-size:15px;color:#fff;}
/*.j-header .h-navlist .li1-li:hover{ border-bottom:3px solid #40c1f1; box-sizing:border-box; }*/
.j-header .h-navlist .li1-li:hover >a{ color:#00a2e5;}
.j-header .h-navlist .lv2-ul{display:none;position:absolute;z-index:99;min-width:120px;  padding:5px 2px 2px;background:rgba(255,255,255,.8); }
/*.j-header .h-navlist .lv2-pr{position:absolute;left: 0; z-index:99;min-width:120px;  padding:5px 2px 2px; background: #fff;}*/
.j-header .h-navlist #li1-li>a{position: relative;}
.j-header .h-navlist #li1-li>a::after{display: none;content: '';position: absolute;left: 50%;bottom: 0; width: 0;height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #888;margin-left: -8px;margin-bottom: -10px;}
.li-product{display: none;position:absolute;left: 0;margin-top: 10px; z-index:99;min-width:120px; background: #fff;}
.li-product-title{height: 40px;background-color: #888;line-height: 40px;font-size: 14px;color: #ddd;}
.li-product-title span{padding: 13px 0;position: relative;}
.li-product-title span:after{content: '';left: 50%;bottom: 0; position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid #ddd;margin-left: -5px;}
.j-header .h-navlist #li1-li:hover a::after,.j-header .h-navlist #li1-li:hover .li-product{display: block;}
.j-header .h-navlist .lv2-pr li{ float:left; width:20%;}
.j-header .h-navlist .lv2-pr li a{color:#333;}
.j-header .h-navlist .lv2-ul a{display:block;text-align:center;line-height:36px;white-space:nowrap;font-size:14px;color:#666;  }
.j-header .h-navlist .lv2-ul a:hover{text-decoration:underline;}
.j-header .h-navlist .li1-li:hover .lv2-ul{display:block;}
/*.j-header .h-navlist .li1-li:hover .lv2-pr{display:block;}*/
.j-header .h-navlist .li1-li:hover .lv2-ul a{}


.j-footer{position: relative; padding:25px 0;  color:#fff; }
.j-footer .server { float:left; width:270px; text-align:center; border-right:1px solid #666; height:160px; margin-bottom:20px;}
.j-footer .j-navlist { }
.j-footer  dl { float:left; width:10%; margin-right:8%;  line-height:22px;}
.j-footer  .j-navlist dl:last-child{margin-right:0; }
.j-footer  dt { font-size:14px; font-weight:bold; line-height:30px;}
.j-footer dd{color:#bddffa}
.j-footer  .copyright {padding:20px 0;}
.j-footer  .copyright span { float:right;line-height:2; text-align:right;}
/*bar*/

.h-bar{}
.h-bar .slide{height:602px;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-bar .slide2 {height:404px;}

.home-nav { padding:20px 0;}
.home-nav h2:before { font-size:18px;}

.home-nav2 {padding:20px ;text-align:center}
.home-nav2 a{ padding:10px; margin:10px; min-width:100px; border:1px solid #ddd;    display: inline-block; color:#003a5d }
.home-nav2 .cur {background:#003a5d; color:#fff; }


/* 左边菜单 */
.left-p { width:300px; float:left;}
.j-column .c-l { border:1px solid #003a5d;}
.j-column .c-l .l-top{border-bottom:1px solid #003a5d; padding:5px 15px; line-height:1.5; font-weight:bold;}

.j-column .c-l h3{font-size:16px;color:#fff;}
.j-column .c-l i{ font-size:18px;color:#727f8b;}
.j-column .c-l .l-snav{color: #444}
/*.j-column .c-l .l-snav .lv1 a{display:block;padding:0 20px;}*/
.j-column .c-l .l-snav .lv1-a{line-height:50px;}
.j-column .c-l .l-snav .lv1-a:before{float:right;margin-top:13px;font-size:1.5em;}
.j-column .c-l .l-snav .lv2{display:none;}
.j-column .c-l .l-snav .lv2-a{line-height:50px; }
.j-column .c-l .l-snav .lv2-a:before{margin:15px 10px 0 0;}
/*.j-column .c-l .l-snav .lv2-a:hover{background:#004975;border-radius:5px;color:#fff;}*/
.j-column .c-l .l-snav .lv3{display:none;}
.j-column .c-l .l-snav .lv3-a{padding-left:20px;line-height:2;}
.j-column .c-l .l-snav .lv3-a:hover{color:#004975;}
/*.j-column .c-l .l-snav .lv1-cur .lv1-a{background:#ff6800;color:#fff;}
.j-column .c-l .l-snav .lv1-cur .lv1-a:before{transform:rotateZ(90deg);}*/
.j-column .c-l .l-snav .lv1-cur .lv2{display:block;}
/*.j-column .c-l .l-snav .lv2-cur .lv2-a{background:#ff6800;border-radius:5px;color:#fff;}*/
.j-column .c-l .l-snav .lv2-cur .lv3{display:block;}
/*.j-column .c-l .l-snav .lv3-cur .lv3-a{color:#ff6800;}*/

.lv1 .adside-left{display: flex;border-top:1px solid #aaa;padding: 0 15px;}
.adside-left a{flex-grow: 1;font-size: 14px;}
.adside-left span{display: flex; width: 20%;font-size: 22px; justify-content: center;align-items: center;}
.adside-left:hover{background:#004975;color:#fff;}
.lv2{margin: 0 20px;border-top: 1px dotted #ddd;}
.lv2 .adside-left{padding: 0 15px; margin: 0 -20px;}
.lv1 .lv2 .adside-left{border-top:0;}
.j-column .c-l .l-snav .lv1 .lv2 .adside-left a{padding: 0 ;}
.lv1 .lv2 .lv3{line-height: 25px;font-size: 13px;}
.lv1 .lv2 .lv3 a:hover{color:#0044FF!}
.j-column .c-l .l-snav .lv1 .lv2-cur .adside-left{background-color: #004975;color: #fff;}
.j-column .c-l .l-snav .lv1-cur>.adside-left{background-color: #004975;color: #fff;}
/* Home */
.j-home{ }

.j-home .h-prot { margin:30px 0}
.j-home .h-prot .li{ margin:0 5px}
.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;}

/* Column */

.j-column{ padding-bottom:40px; min-height:66vh}
.j-column .c-about-r{}
.j-column .c-top { font-size:20px; font-weight:bold; letter-spacing:2px;}
.j-column .c-top2 { width:60px; height:2px; background:#111; margin:10px 0;}

.about-news .li { float:left; width:24%; margin-right:1%;}
.about-news .li .img{position: relative; overflow:hidden;}
.about-news .li span{position: absolute;bottom: 0;left: 0;width: 100%; padding: 12px;background-color: #002744;opacity: 0.7;color: #f2f2f2;box-sizing: border-box;transition: all 0.2s linear; text-align:center; font-size:16px;}
.about-news .li .li-data { line-height:1.6; padding:10px;}
 /* 关于我们 */
.j-column .c-about-r .c-text {font-size:14px; line-height:1.5;margin:30px auto;}
.j-column .c-about-r .c-text img { margin-right:15px; margin-bottom:10px;}

.contact1 {display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
	
.contact1 .contact1-1{ width:28%; border-radius:6px; border:1px solid #eee; overflow:hidden;box-shadow: 0 4px 5px rgba(141,141,141,0.2);}
.contact1 .contact1-1 img { width:100%; }
.contact1 .contact1-1-1 { padding:0 20px;}
.contact1 .contact1-1 h2{ font-size:16px; line-height:60px;}
.contact1 .contact1-1 h3{ font-size:14px; line-height:2;}
.contact1 .contact1-1 h4{ color: #14BEE1; line-height:80px;}

/*案例列表*/


 .j-column .c-anli{ background:#fff; padding: 1px 30px 30px 30px;}
 .j-column .c-anli .li{ float:left;width:30%; margin-right:5%;margin-bottom: 30px; background:#f5f5f5;}
 .j-column .c-anli .li:nth-of-type(3n+1){ margin-right:0;}
 .c-anli .li .title{ font-size:15px;font-weight:bold;color:#000; margin-top:20px; text-align:center; height:50px;}
 .c-anli .li .title span {border-top:4px solid #0564c6; line-height:50px; padding-top:10px; }
 .c-anli .date1{margin:0 20px 10px 20px; line-height:1.5; height: 38px;}

.autoimg2 {position:relative; overflow: hidden; height:240px;}
.autoimg2 img { height:100%; transition: width 2s;-webkit-transition: width 0.5s; /* Safari */ ;}
.autoimg2 img:hover{ width:100%;}

.img1{ position:absolute;left:0;top:0; width:0px; height:0px; border-top:50px solid #f5f5f5; border-right:142px solid transparent;}
.img2{ position:absolute; right:0;top:0; width:0px; height:0px; border-top:50px solid #f5f5f5; border-left:142px solid transparent;}

/*团队*/

.j-column .c-team .li{ float:left;width:32%; margin-right:2%;margin-top: 50px; letter-spacing:2px; box-sizing:border-box; background:#fff; font-size:14px; min-height:200px;}
.j-column .c-team .li .li-1{ float:left; width:40%;} 
.j-column .c-team .li .li-1 img{ width:150px; border:1px solid #ddd; }
.j-column .c-team .li .li-2{ float:right; width:50%; padding:5px;}
.j-column .c-team .li:nth-of-type(3n){ margin-right:0;}
.j-column .c-team .li h4{ font-size:16px;font-weight:bold; line-height:50px;}
.j-column .c-team .li .data { line-height:1.5}

/*news 列表*/
.j-column .c-news{ width: 90%; margin:0 auto; }

.j-column .c-news .li{ float:left;width:49%; margin-right:2%;margin-top: 50px; letter-spacing:2px; box-sizing:border-box; background:#fff; font-size:14px;}
.j-column .c-news .li .li-1{ float:left; width:40%;} 
.j-column .c-news .li .li-1 img{ width:200px; height:166px; }
.j-column .c-news .li .li-1 img { border-left:5px solid #0AA434}
.j-column .c-news .li .li-2{ float:right; width:55%;}
.j-column .c-news .li:nth-of-type(2n){ margin-right:0;}

.j-column .c-news .li h4{ font-size:14px;font-weight:bold;}

.j-column .c-news .li p{line-height:2;font-size:13px;color:#666;}
.j-column .c-news .li p:last-child{margin-top:10px;color:#999;}

.j-column .c-news .data{  margin:15px 0;  line-height:1.5; min-height:66px;}

/*展会信息*/
.j-column .c-news .n-title{ line-height:50px;text-align:center;font-size:18px;color:#333; padding-top:20px;}
.j-column .c-news .n-date{width: 100%;margin-bottom: 10px; text-align:center;font-size:12px;color:#333; padding-bottom:10px; border-bottom:1px solid #ddd;}
.j-column .c-news .c-text{font-size: 14px; line-height:1.5 }
.j-column .c-news .next{width: 100%; border-top:1px solid #ddd; margin-top:20px; padding:10px 0;}
.j-column .c-news .next2{ padding: 6px 0;}
.j-column .c-news .next2 span { color:#000}

/*job*/
.c-job{position: relative;width: 100%;overflow: hidden; background:#fff;}
.c-job .li{width: 100%;}

.c-job .li h4{width: 96%; margin:0 2%;height: 40px; padding-left: 5px; text-align: left; line-height: 40px; font-size:15px;font-weight:bold;color:#333;background: #ddd;}
.c-job .li h4:before { float:right;  font-size:24px; padding-top:6px;}
.c-job .li .nowrap{height: 40px;background: #e9e9e9;padding: 0 10px;margin-top: 5px; font-size: 15px;line-height: 40px;}
.c-job .date1{width: 94%; margin:0 3%;height: 40px;line-height: 35px;font-size: 14px;color:#666;}
.c-job .data{width: 94%; margin:0 3%;display: none;line-height: 1.5;font-size: 14px;}
.c-job .li .data-open{display: block;}
.c-job .li .move{ line-height:40px;}

/*联系我们*/
.j-column .contact-l { float:left; width:40%; margin-top:20px; line-height:2;}
.j-column .contact-r { float:right; width:56%; border-left:1px solid #ddd; padding-left:20px; margin-top:20px;}


/*产品列表*/
.j-column .c-protr {  width:860px; float:right;}



.c-prot .li {position:relative; float:left;width:32%; margin-right:2%; margin-top:20px; min-height:228px;border:1px solid #ddd;box-sizing:border-box; padding:10px; height:462px;}
.c-prot .li:nth-of-type(3n+1){ margin-right:0;}
.c-prot .li  img{ max-width:100%; }
.c-prot .li h2{ color:#333; font-size:14px;  line-height:40px; text-align:center;} 

.c-prot .c-prot-top { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.c-prot .c-prot-top-1 { float:left; width:60%;}
.c-prot .c-prot-top-1 .c-top3{ line-height:1.5; padding-top:20px;}
.c-prot .c-prot-top-2 { float:right; width:35%;}
.c-prot .c-prot-top-2 img { width:100%}
/*产品展示详情*/
/*@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; border-bottom:1px solid #ddd; padding-bottom:20px;}
.j-column .c-prot .p-tl{float:right;width:40%;padding:4px;cursor:crosshair; }
.j-column .c-prot .p-tl .autoimg{padding:35% 0;}
.j-column .c-prot .p-tr{float:left;width:57%; margin-top:30px;}

.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;}
.j-column .c-prot h4{ color:#00C8D1; font-size:14px; line-height:50px; }
.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 li:first-child {color:#01375e; font-size:14px; font-weight:bold;list-style-type: 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%; height:250px; }

/* 下载*/
.j-column .cm-down {}
.j-column .cm-down .li{ width:30%; float:left; margin-right:5%; margin-top:40px; margin-bottom:10px;padding:20px 50px; background:#fff; box-sizing:border-box; border:1px solid #aaa; text-align:center;}
.j-column .cm-down .li:nth-of-type(3n) { margin-right:0}
.j-column .cm-down .li img{ max-width:210; }
.j-column .cm-down .li .title{ line-height:50px; font-size:16px; text-align:center; font-weight:bold;}
.j-column .cm-down .li .file{ border:1px solid #ddd;  line-height:30px; text-align:center;}

/*合作*/
.c-edu .li { float: left; width:22%; margin-left:2%; line-height:2; font-size:16px}
.c-edu .li:first-child { margin-left:0; width:28%}
