﻿@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 { }
.right { float:right}
.left { float:left}
.textc { text-align:center;}
.width70 { width:70%}
.bc{background:#25346a;
  background: -webkit-linear-gradient(#304070, #25346a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#304070, #25346a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#304070, #25346a); /* Firefox 3.6 - 15 */
  background: linear-gradient(#405080, #25346a); /* 标准的语法 */
  }
.fc{ color:#25346a}
.bc2 {background: #19c5f0;}
.bct{}
.mtop20 { margin-top:20px}
.img30 img { width:30%; margin-right:3%;margin-top:20px;}

.j-header{z-index:99; width:100%; top:0; background:#fff; }


.j-header .logo {  vertical-align:middle; padding:30px; font-size:26px; font-weight:bold;height:80px; }
.j-header .logo span{ font-size:18px; line-height:50px;}

.english { text-align:right; line-height:100px;}

.j-header  .j-header-c{ height:44px;}
.j-header .h-navlist{ width: 100%;}
.j-header .h-navlist .li1-li{float:left;width:20%;height:44px;box-sizing: border-box;}
.j-header .h-navlist .li1-li:last-child{}
.j-header .h-navlist .li1-li a{display:block;line-height:44px;text-align:center;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:14.28%; }
.j-header .h-navlist .lv2-pr li a{color:#333;font-size:12px;}
.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:15px 0; color:#bbb; }
.j-footer .server { float:left; width:270px; text-align:center; border-right:1px solid #666; height:160px; margin-bottom:20px;}
.j-footer .j-navlist { float:right; width:800px;}
.j-footer  dl { float:left; width:15%; margin-left:5%;  line-height:22px;}
.j-footer  dt { font-size:14px; font-weight:bold; line-height:30px;}
.j-footer  .copyright { padding:20px 0; font-size:14px; line-height:2; color:#ddd;}
.j-footer  .copyright span { float:right;}
/*bar*/

.h-bar{}
.slide{height:420px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.slick-arrow{position:absolute;left:2%;top:50%;z-index:99;margin-top:-2em;cursor:pointer;}
.slick-arrow:before{font-size:4em;color:#fff;color:rgba(255,255,255,.5);}
.slick-next{left:auto;right:2%;}
.slide2 {height:550px;}

.home-nav { padding:20px 0;}
.home-nav h2 { text-align:right; border-bottom:1px solid #ddd; line-height:40px;}
.home-nav h2:before { font-size:18px;}
.home-nav h2 span {font-size:22px; color:#405080; font-weight:bold; line-height:42px; border-bottom:3px solid #304070; float:left; line-height:39px; letter-spacing:2px;}
/* Home */
.j-home{ }
.j-home .home-1 {box-shadow:0px 5px 10px rgba(148,145,145,0.51)  }
.j-home .home-1 .h2 { text-align:center; padding:20px;}
.j-home .home-1-1 { height:663px;}

.top1 { margin:5px 5px 15px; border-radius:5px; color:#fff; line-height:30px; padding-left:20px; font-weight:bold; font-size:14px;}
.top2{ line-height:2; padding:5px 15px; font-size:14px}
.top2 .li { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }
.top2 img { width:18%; border:1px solid #ddd; padding:0 2px;}
.top2 i{ float:right;}
.top3 { height:50px; padding:5px 10px; line-height:40px; float:left; width:95px;}
.j-home .pr-li2 { width:23.5%; float:left; margin-left:2%}
.j-home .pr-li2:first-child{margin-left: 0;}
.j-home .pr-li2 img { max-width:100%; }
.h-prot .li { margin:0 15px; text-align:center;}
.h-prot .li img{ width:100% ; border:1px solid #ddd;}



/* Column */

.j-column{ padding-bottom:40px;background:#f5f5f5; min-height:66vh}


 /* 关于我们 */
.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;}

/*案例列表*/

 .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-market .li{ float:left;width:32%;margin: 20px 2% 20px 0; letter-spacing:2px; padding:20px; box-sizing:border-box; border:1px solid #ddd; border-bottom:3px solid #ddd}
.j-column .c-market .li:hover {border-bottom:3px solid #002878 }
.j-column .c-market .li:nth-of-type(3n){ margin-right:0;}
.j-column .c-market .li h2{font-size:18px;font-weight:bold; padding-bottom:10px;}
.j-column .c-market .li .data { line-height:1.5px; font-size:14px; padding:15px 0; border-bottom:1px solid #ddd; min-height:75px;}
.j-column .c-market .li .more { text-align:right; color:#ccc; padding-top:15px} 

/*news 列表*/
.j-column .c-news{ }

.j-column .c-news .li{ float:left;width:30%; margin-right:5%;margin-top: 30px; letter-spacing:2px; padding:20px 0; box-sizing:border-box; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.j-column .c-news .li:hover {border-bottom:1px solid #002878;border-top:1px solid #002878;}
.j-column .c-news .li img{ width:100%}
.j-column .c-news .li:nth-of-type(3n){ margin-right:0;}

.j-column .c-news .li h4{ padding-top:15px;font-size:16px;font-weight:bold;margin:0 10px; color:#002878;}

.j-column .c-news .date1{margin:10px;}
.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 10px;  line-height:1.5; min-height:66px;}

/*展会信息*/
.j-column .c-newsd {min-height:600px; border-bottom:3px solid #d6d6d6; padding:20px; background:#fff;}
.j-column .c-newsd .n-title{ line-height:50px;font-size:16px;color:#002878; font-weight:bold}
.j-column .c-newsd .c-text{font-size: 14px; line-height:1.5 }

.j-column .c-newsd-r { float:right; width:375px; }
.j-column .c-newsd-r  .next{background:#f1f1f1; height:140px; border-bottom:3px solid #d6d6d6; padding:20px 40px; margin-bottom:30px;background:#f1f1f1; color:002878;}
.j-column .c-newsd-r  .next2{ width:80px; border-bottom:1px solid #8cb0f5; padding-bottom:5px; }
.j-column .c-newsd-r  .next3{ font-size:22px; font-weight:bold; line-height:1.5; padding:10px 0;min-height:60px;}
.j-column .c-newsd-r  .next4{ width:130px; text-align:center; font-size:14px; color:#fff; line-height:40px; background:#1f5887; border-radius:3px;}

/*message*/

/*联系我们*/
.j-column .contact {border-bottom:1px solid #d2e1ff;border-top:1px solid #d2e1ff; padding:20px; }
.j-column .contact-l { float:left; width:32%; margin-top:20px; line-height:2; font-size:14px; letter-spacing:1px;}
.j-column .contact-l  span{ font-size:18px; color:#002878; font-weight:bold; line-height:30px; }
.j-column .contact-r { float:right; width:66%; margin-top:20px; text-align:right;}
.feedback { padding:30px 0; line-height:1.5; font-size:12px;}
.feedback span { font-size:16px; color:#002878; line-height:36px;}

/*产品列表*/
.j-column .c-protr {  width:800px; float:right;}

.left-p { width:265px; float:left;}

.j-column .left-p .nav{margin-bottom: 20px; }
.j-column .left-p .nav-top { font-size:22px; padding:20px; color:#506090; font-weight:bold;}
.j-column .left-p .nav a{font-family:Aria,"Microsoft YaHei"}
.j-column .left-p .nav-lv1{position: relative;width: 100%;line-height: 38px; margin-top:0px; font-size: 12px;color: #333;background-color: #fff; border-bottom:1px dotted #ccc;}
.j-column .left-p .nav-lv1 .li{padding-left: 8%; font-size: 14px; }
.j-column .left-p .nav-lv1 .li span { float:right; color:#fff; padding-right:15px;}
.j-column .left-p .lv1-cur .li, .j-column .left-p .nav-lv1:hover .li{background-color: #506090;color: #fff; }
.j-column .left-p .lv1-cur{}


.j-column .left-p  .lv2{ margin:5px 0 5px 13%; padding-left:3%; font-size:14px; line-height:33px;border-bottom:1px dotted #ccc;}
.j-column .left-p  .lv2:last-child{ margin-bottom:5px;border-bottom:none;}
.j-column .left-p .lv2-cur,.j-column .left-p  .lv2:hover{ background-color:#0090e1; border-radius:5px; color:#fff;}

.j-column .left-p .lv2{display:none;}
.j-column .left-p .lv1-cur .lv2{display:block;}


.c-prot .li {position:relative; float:left;width:31%; margin-right:3.5%; margin-top:20px; color:#002878; line-height:1.5; height:395px;}
.c-prot .li:nth-of-type(3n+1){ margin-right:0;}
.c-prot .li  img{ max-width:100%; border:1px solid #ddd;box-sizing:border-box;}
.c-prot .li .img { position:relative; margin-bottom:10px;}
.c-prot .li h2{  color:#666; font-size:14px; line-height:30px; 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-tr li{float:left;width:24%;padding:1%;margin:0 1% 2% 0;border:1px solid #ddd;box-sizing:border-box;cursor:pointer;transition:all .2s;}
.j-column .c-prot .p-tr li:nth-of-type(4n){margin-right:0;}
.j-column .c-prot .p-tr li.cur{border:1px solid #0155b0;}
.j-column .c-prot .p-tr li .autoimg{padding:50% 0;}

.j-column .c-prot .p-t{margin-bottom:40px;}
.j-column .c-prot .p-tl{float:left;width:52%;padding:4px;cursor:crosshair;}
.j-column .c-prot .p-tl .autoimg{padding:50% 0;}
.j-column .c-prot .p-tr{float:right;width:45%;}
.j-column .c-prot .p-title{padding:10px 0 20px;font-size:18px;color:#333;font-weight:bold;}
.j-column .c-prot .p-series{padding:15px 0;margin-bottom:20px;font-size:18px; color:#666;border-bottom:1px solid #ddd; font-weight:bold;}
.j-column .c-prot h3{ line-height:1.5; font-size:14px;}

.j-column .c-prot .p-imgdown{ position:relative;}
.j-column .c-prot  .p-tl2{float:left;width:50%;padding:4px;}
.j-column .c-prot  .p-tl2 li{float:left;width:30%;padding:1%; margin-right:3%;box-sizing:border-box;cursor:pointer;transition:all .2s;}
.j-column .c-prot  .p-tl2 li:nth-of-type(3n){margin-right:0;}
.j-column .c-prot  .p-tl2 li.cur{border:1px solid #ddd;}
.j-column .c-prot  .p-tl2 li .autoimg{padding:35% 0;}
.j-column .c-prot  .p-tr2 { float:right; width:47%; margin-top:70px;} 
.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:#ddd; color:#333}
.j-column .c-prot .p-tab{padding-top:25px;margin-bottom:25px;border-top:1px solid #ddd;text-transform:uppercase;font-size:15px;font-weight:bold;color:#333;}
.j-column .c-prot .p-text{margin-bottom:30px;line-height:2;font-size:14px;}
.j-column .c-prot .p-table td{padding:8px;border:1px solid #bbb;line-height:1.2;}


.j-column .c-prot .d-pic { width:50%;float: left; text-align:center; padding-top:20px;}	
.j-column .c-prot .d-pic img {max-width:100%; border:1px solid #ccc;}
.j-column .c-prot  .c-prot-r {float:right; width:46%}
.j-column .c-prot .cname { font-size:22px; color:#666; border-bottom:1px solid #ccc; padding:15px 0;}
.j-column .c-prot .cname-2 { font-size:14px; padding:20px 0; line-height:1.5;color:#888;}
.j-column .c-prot .prot-title{font-weight: 100; margin-top:30px; margin-bottom:15px; font-weight:bold;
    color: #555;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    font-size: 18px;}
.j-column .c-prot .prot-text{line-height: 1.5;}

.j-column .d-about .li{width:23%; margin-right:2%;}

/* 下载*/
.j-column .cm-down {}
.j-column .cm-down .li{ width:45%; float:left; margin-right:5%; margin-top:40px; margin-bottom:10px;padding:20px; box-sizing:border-box; border-top:1px solid #aaa;border-bottom:1px solid #aaa; color:#002878;}
.j-column .cm-down .li:nth-of-type(2n) { margin-right:0}
.j-column .cm-down .li img{ max-width:210; }
.j-column .cm-down .li .title{ line-height:50px; font-size:16px;  font-weight:bold; margin-left:180px}
.j-column .cm-down .li .data {margin-left:180px; line-height:1.5; height:110px;}
.j-column .cm-down .li .file{ border:1px solid #ddd;  line-height:30px; text-align:center; width:200px;margin-left:180px; background:#fde71a;}

/*常见问题*/
.c-job .li { float:left; width:44%; font-size:14px; border:1px solid #ddd; padding:3px 10px; margin-bottom:15px;}
.c-job .li h4{ line-height:32px; font-weight:bold;}
.c-job .li h4:before { color:#002878; font-size:18px;}
.c-job .li h4 span { float:right;}
.c-job .li .data { display:none; line-height:1.5; padding-left:20px;}
/*.c-job .li:first-child .data { display:block}*/
.c-job .li:nth-of-type(2n+1) { margin-right:5%;}
