@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:#25346a}
.fc{ color:#25346a}
.bc2 {background: #19c5f0;}
.mtop20 { margin-top:20px}

.j-header{height: 100px; position:fixed; z-index:99; width:100%; top:0; background:#fff;box-shadow:4px 4px 5px rgba(148,145,145,0.51) }
.j-header .container { position:static;}
.j-header .logo { float:left; width:215px; vertical-align:middle; height:70px; padding-top:20px; }
.j-header .logo img{ max-height:66px;}
.j-header .chinese { text-align:right; width:300px; padding-top:5px; float:right;}
.j-header  .j-header-c{ float:right; width:750px;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:center;text-transform:uppercase;font-size:15px;color:#000;}
/*.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:#bbb; background:#343434 }
.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 { border-top:1px solid #666; padding:20px 0;}
.j-footer  .copyright span { float:right;}
/*bar*/

.h-bar{}
.h-bar .slide{height:600px;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:600px;}

.home-nav { padding:20px 0;}
.home-nav h2:before { font-size:18px;}
/* Home */
.j-home{ margin-top:100px; background:#f5f5f5;}
.j-home .home-1 { margin-top:-65px; }
.j-home .home-t { float:left; margin-right:2%; width:23.5%; margin-bottom:50px;background:rgba(255,255,255,.6);}
.j-home .home-t:nth-of-type(4n) {margin-right:0;}
.j-home .home-t img { width:100%;}
.j-home .home-t h2{ font-size:16px; padding:18px 0;}
.j-home .home-t .home-t-1{ line-height:1.5; height:175px;padding:0 10px; overflow:hidden;font-weight:bold;} 
.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; margin-top:100px;background:#f5f5f5; min-height:66vh}
.j-column .c-about-r{}
.j-column .c-top { margin-top:10px; font-size:20px; font-weight:bold; line-height:60px; border-bottom:1px solid #ddd; letter-spacing:2px;}


 /* 关于我们 */
.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;}

/*news 列表*/
.j-column .c-news{ }

.j-column .c-news .li{ float:left;width:32%; margin-right:2%;margin-top: 30px; letter-spacing:2px; padding:20px; box-sizing:border-box; background:#fff;}
.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:18px;font-weight:bold;margin:0 10px;}

.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-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}

/*message*/

/*联系我们*/
.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:800px; float:right;}

.left-p { width:250px; float:left;}
.left-p  .l-snav { }
.left-p  .l-snav h2 { padding-bottom:10px;border-bottom:1px solid #ddd; font-size:20px; margin-bottom:10px; line-height:80px;}
.left-p  .l-snav .lv1  {border-bottom:1px solid #ddd; line-height:35px; font-size:14px; padding-left:10px; margin:10px 0; border-radius:5px;}
.left-p  .l-snav .lv1:hover,.left-p  .l-snav .right2{ color:#fff; background:#4d4d4d;}
.c-prot .li {position:relative; float:left;width:31%; margin-right:3.5%; margin-top:20px; min-height:228px;}
.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 h2{ color:#333; font-size:16px; margin:10px 0; line-height:40px; text-align:center;} 

.c-prot .pass p{ font-size:14px; line-height: 30px;}
.c-prot .pass img { margin: 30px 0;}
.c-prot .pass input{ height:30px;  margin:10px 0; padding-left: 10px;}
.c-prot .pass  input[type=submit] { width:100px; background:#4d4d4d; color:#fff; padding:10px;height:36px;}

/*产品展示详情*/
/*@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%;padding:4px;cursor:crosshair; margin-top:30px;}
.j-column .c-prot .p-tl .autoimg{padding:35% 0;}
.j-column .c-prot .p-tr{float:right;width:47%;}
.j-column .c-prot .p-title{padding:10px 0 20px;font-size:26px;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:2; 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;
    color: #555;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 13px;
    font-size: 22px;}
.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: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;}