@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "HelveticaNeue-Light";
  src: url("../font/HelveticaNeue-Light.woff2") format("woff2"),
       url("../font/HelveticaNeue-Light.woff") format("woff"),
       url("../font/HelveticaNeue-Light.ttf") format("truetype"),
       url("../font/HelveticaNeue-Light.eot") format("embedded-opentype"),
       url("../font/HelveticaNeue-Light.svg") format("svg");
	  font-weight: normal;
	  font-style: normal;
}

body{ font-size:12px; color:#5f5f5f; background:#fff; font-family:'微软雅黑'; line-height:24px;}

a { color:#5f5f5f; font-size:12px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:100%; height:auto; background:#000000; overflow:visible; position:relative}
.top .logo{ width:50%; height:auto; display:block}
.top .logo img{ width:100%; display:block}
.top .ment-ico{ width:22px; height:18px; position:fixed; z-index:9999; right:2%; top:12px; cursor:pointer}

#nav{ width:230px; height:100%; position:fixed; z-index:8888; right:-230px; top:0; background:url(../images/xl-bg.png);}
#nav ul{ overflow:hidden; padding-top:95px;}
#nav ul li{ width:100%; height:60px; border-bottom:1px solid #333333}
#nav ul li a{ display:block; width:100%; height:60px; line-height:60px; color:#fff; text-indent:20px; font-size:18px;}
#nav ul li a span{font-size:14px;}



.flash{ width:100%; height:auto; margin:0 auto; position:relative}
.flash img{ width:100%;}

/******************************** index *********************************/
.about{ width:100%; height:auto; background:url(../images/about-bg.jpg) no-repeat center top;}
.about .bt{ width:100%; height:3px; background:url(../images/xian.png) no-repeat center; margin-top:20px;}
.about .title{ width:100%; height:auto; margin:0 auto; margin-top:10px;}
.about .title span{ display:block; height:30px; width:100%; line-height:30px; text-align:center; color:#000000; font-size:20px; text-transform:uppercase; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/}
.about .title .xian{ width:122px; height:3px; display:block; margin:0 auto; margin-top:2px; background:#00fff0}
.about .title em{ width:100%; height:24px; display:block; text-align:center; line-height:24px; color:#4c4948; font-size:16px;}
.about .bg{ width:92%; height:auto; margin:0 auto; margin-top:20px;}


.number{ width:100%; height:auto; background:#000 }
/*.number .imgBg{ width:100%; height:446px; position:absolute; left:0; top:0; background:url(../images/number-bg.jpg) no-repeat center top}*/
.number .bg{ width:92%;  height:auto; margin:0 auto; margin-top:18px; position:relative; z-index:9}
.number .bg .en{ width:100%; text-align:center; line-height:30px; color:#ffffff; font-size:18px;}
.number .bg .en span{ color:#00fff0;}
.number .bg .cn{ width:100%; height:22px; text-align:center; line-height:22px; font-size:14px; color:#fff}
.number .bg .txt{ width:100%; height:60px; margin:0 auto; margin-top:20px; overflow:hidden; margin-bottom:20px;}
.number .bg .txt ul li{ width:33.33%; height:60px; float:left; background:url(../images/number-fen.jpg) no-repeat right top; text-align:center; overflow:hidden}
.number .bg .txt ul li .num{ text-align:center; height:30px; width:100%; line-height:30px; color:#00fff0; font-size:20px;}
.number .bg .txt ul li .memo{ width:100%; height:22px; text-align:center; line-height:22px; color:#ffffff; font-size:12px; margin-top:0px;}
.number .bg .txt ul li .xian{ width:20px; height:1px; background:#00fff0; margin:0 auto; margin-top:6px;}

.about-zx{ width:100%; height:404px; background:#00fff0; }
.about-zx .bg{ width:1000px; height:404px; margin:0 auto; position:relative}
.about-zx .bg .en{ text-align:center; height:50px; margin-top:175px; line-height:50px; color:#fefefe; font-size:42px; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/; text-transform:uppercase}
.about-zx .bg .cn{ width:100%; height:32px; text-align:center; line-height:32px; color:#fefefe; margin-top:8px; font-size:22px;}
.about-zx .bg .tel{ width:100%; height:26px; text-align:center; line-height:26px; color:#000000; font-size:18px; margin-top:10px;}
.about-zx .bg .more{ width:31px; height:31px; display:block; background:url(../images/more-ico.png) no-repeat; position:absolute; z-index:999; left:50%; margin-left:-15px; top:80px; opacity:0;}


.case{ width:100%; height:auto;}
.case .bt{ width:100%; height:3px; background:url(../images/xian.png) no-repeat center; margin-top:20px;}
.case .title{ width:100%; height:auto; margin:0 auto; margin-top:10px;}
.case .title span{ display:block; height:30px; width:100%; line-height:30px; text-align:center; color:#000000; font-size:20px; text-transform:uppercase; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/}
.case .title .xian{ width:122px; height:3px; display:block; margin:0 auto; margin-top:2px; background:#00fff0}
.case .title em{ width:100%; height:24px; display:block; text-align:center; line-height:24px; color:#4c4948; font-size:16px;}
.case .bg{ width:100%; height:auto; margin:0 auto; margin-top:20px;}
.case .bg ul li{ width:50%; height:auto; position:relative; float:left; overflow:hidden}
.case .bg ul li img{ width:100%; vertical-align: middle; height:auto;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.case .bg ul li .box{ width:100%; height:50px;   position:absolute; z-index:9; left:0; bottom:0; background:url(../images/pro-bg.png); color:#fff; display:block; } 
.case .bg ul li .box .nr{ width:94%; margin:0 auto; padding-top:3px;}
.case .bg ul li .box span{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; height:22px; line-height:22px; color:#ffffff; text-transform:uppercase;}
.case .bg .more{ width:35px; clear:both; height:32px; display:block; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}


.case-zx{ width:100%; height:404px; background:#00fff0; }
.case-zx .bg{ width:1000px; height:404px; margin:0 auto; position:relative}
.case-zx .bg .en{ text-align:center; height:50px; margin-top:175px; line-height:50px; color:#fefefe; font-size:42px; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/; text-transform:uppercase}
.case-zx .bg .cn{ width:100%; height:32px; text-align:center; line-height:32px; color:#fefefe; margin-top:8px; font-size:22px;}
.case-zx .bg .more{ width:31px; height:31px; display:block; background:url(../images/more-ico.png) no-repeat; position:absolute; z-index:999; left:50%; margin-left:-15px; top:220px; opacity:0;}

.casesd{ width:96%; height:auto; margin:0 auto;}
.casesd .bt{ width:auto; text-align:center; height:auto; line-height:20px; font-size:20px; padding-top:20px; color:#000000; font-family:"微软雅黑"; text-transform:uppercase; font-weight:bold}
.casesd-txt{ width:100%; height:auto; margin-top:22px;}
.casesd-txt .left{ width:100%; height:auto; float:none}
.casesd-txt .left .box{ width:100%; height:auto; margin-bottom:8px;}
.casesd-txt .left .box .xian{ width:21px; height:1px; background:#000000;}
.casesd-txt .left .box .en{ height:22px; line-height:22px; padding-top:4px; font-size:18px; font-family:"微软雅黑"; text-transform:uppercase}
.casesd-txt .left .box .cn{ height:22px; line-height:22px; padding-top:6px; color:#737373; font-size:12px;}
.casesd-txt .left .box .cn span{ margin-right:15px; color:#000000;}
.casesd-txt .right{ width:100%; height:auto; margin-top:25px;}
.casesd-txt .right .box{ width:100%; height:auto; padding-bottom:15px;}
.casesd-txt .right .box .xian{ width:21px; height:1px; background:#000000}
.casesd-txt .right .box .name{ width:auto; height:22px; line-height:22px; color:#000; padding-top:4px; font-size:14px;}
.casesd-txt .right .box .nr{ width:100%; height:auto; color:#6c6c6c; padding-top:6px;}
.casesd-nr{ clear:both; margin-top:35px; min-height:300px;}

.equ{ width:100%; height:auto;  background-image:url(../images/equ-bg.jpg); background-size:cover; background-position:center top; margin-top:20px;}
.equ .bg{ width:92%; margin:0 auto;}
.equ .bg .txt{ width:100%; height:auto; position:relative; margin-top:70px;}
.equ .bg .txt .xian{ width:30%; height:3px; background:#00fff0; opacity:0.7;}
.equ .bg .txt .time{ height:50px; line-height:50px; padding-top:15px; font-size:40px; color:#ffffff}
.equ .bg .txt .en{ height:26px; line-height:26px; color:#00fff0; font-size:14px; padding-top:5px; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/}
.equ .bg .txt .cn{ height:28px; line-height:28px; padding-top:6px; color:#d1d1d1; font-size:14px;}
.equ .bg .txt .bar{ width:55px; height:165px; position:absolute; z-index:99; top:0; left:62.5%;}
.equ .bg .more{ width:auto; height:26px; display:block; padding-top:100px; padding-bottom:20px; font-size:14px;}
.equ .bg .more span{ display:inline-block; height:24px; line-height:24px;  color:#00fff0; font-weight:bold; border-bottom:2px solid #00fff0}
.equ .bg .more:hover span{ color:#fff; border-bottom:2px solid #fff}

.hzkh{ width:100%; height:auto; border-bottom:1px solid #d3d3d3}
.hzkh .bt{ width:100%; height:3px; background:url(../images/xian.png) no-repeat center; margin-top:20px;}
.hzkh .title{ width:100%; height:auto; margin:0 auto; margin-top:10px;}
.hzkh .title span{ display:block; height:30px; width:100%; line-height:30px; text-align:center; color:#000000; font-size:20px; text-transform:uppercase; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/}
.hzkh .title .xian{ width:122px; height:3px; display:block; margin:0 auto; margin-top:2px; background:#00fff0}
.hzkh .title em{ width:100%; height:24px; display:block; text-align:center; line-height:24px; color:#4c4948; font-size:16px;}
.hzkh .bg{ width:98%; height:auto; margin:0 auto; margin-top:20px;  padding-bottom:30px; text-align:center; overflow:hidden}
.hzkh .bg div{ }
.hzkh .bg .box{ width:100%; height:auto; margin-bottom:36px;}
/*.hzkh .bg ul li{ width:200px; height:140px; float:left; overflow:hidden; margin-left:15px; margin-right:15px; }
.hzkh .bg ul li img{width:200px; height:140px; display:block;}*/
.hzkh .bg .li{ width:98%; border:1px solid #eee; overflow:hidden; margin-bottom:20px;}
.hzkh .bg .li img{ width:100%;}

.hzkhn{ width:98%; margin:20px auto; text-align:center;}
.hzkhn .bt{ width:100%; height:3px; background:url(../images/xian.png) no-repeat center; margin-top:57px;}
.hzkhn .title{ width:410px; height:110px; margin:0 auto; margin-top:20px;}
.hzkhn .title span{ display:block; height:50px; width:100%; line-height:50px; text-align:center; color:#000000; font-size:42px; text-transform:uppercase; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/}
.hzkhn .title .xian{ width:122px; height:3px; display:block; margin:0 auto; margin-top:10px; background:#00fff0}
.hzkhn .title em{ width:100%; height:40px; display:block; text-align:center; line-height:40px; color:#4c4948; font-size:22px;}
.hzkhn  ul{ width:100%; overflow:hidden; margin-top:20px;}
.hzkhn  ul li{ width:198px; height:138px; border:1px solid #eee; display:inline-block; margin-bottom:20px; margin-left:14px; margin-right:14px; overflow:hidden }
.hzkhn  ul li img{width:198px; height:138px; display:block; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.hzkhn  ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.hzkh-zx{ width:100%; height:140px; background:#a9a9a9; margin-top:3px;}
.hzkh-zx .bg{ width:96%; height:140px; margin:0 auto; position:relative}
.hzkh-zx .bg .xian{ width:60px; height:1px; background:#fff; margin:0 auto; margin-top:15px;}
.hzkh-zx .bg .en{ text-align:center; height:25px; margin-top:10px; line-height:25px; color:#ffffff; font-size:24px; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/; text-transform:uppercase}
.hzkh-zx .bg .cn{ width:100%; height:22px; text-align:center; line-height:22px; color:#fefefe; margin-top:4px; font-size:14px;}
.hzkh-zx .bg .more{ width:31px; height:31px; display:block; background:url(../images/more-ico.png) no-repeat; position:absolute; z-index:999; left:50%; margin-left:-15px; top:85px; opacity:1;}

.videoSize{width: 100%; height: 300px;}


@media screen and (max-width: 1440px) {


.jgg .bg ul li  .nr .en{ float:right; clear:both; margin-top:15px; line-height:22px; color:#a9a9a9; font-size:24px; font-family:"微软雅黑"; /*font-family:HelveticaNeue-Light*/; text-transform:uppercase}
.jgg .bg ul li  .nr .en3{float:none; height:88px; position:absolute; z-index:5; left:0; bottom:85px; text-align:left; font-size:20px;}
.jgg .bg ul li  .nr .cn{ line-height:28px; font-size:18px; color:#ffffff; width:100%; height:84px; position:absolute; z-index:99; right:0; bottom:30px;}
.jgg .bg ul li  .nr .cn2{ height:56px; color:#eaeaea}
.jgg .bg ul li  .nr .cn3{ height:56px; text-align:left; color:#eaeaea}

	}