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

body{ font-size:14px; color:#d1d3d3; background:#1c1c1c; font-family:'微软雅黑'; line-height:24px;}

a { color:inherit; font-size:inherit; text-decoration:none; }

a:hover {text-decoration:none;}



/***************index css********************/
.top{width: 100%;height: 89px; background: #0a0a0a;overflow: visible;position:fixed; left:0; top:0; z-index:99999}
.top .bg{ width:1400px; height:auto; margin:0 auto; overflow:visible}
.topf{position: fixed; z-index: 99; left: 0;top: 0;}
.top .logo{float: left; padding-top:20px;}
.top .search{position:relative;z-index: 9;width: 165px;height: 89px; border:1px solid #353535; box-sizing:border-box; float:right;}
.top .search .wbk{ width:calc(100% - 40px);height: 89px;padding: 30px 5px;float: right;line-height: 30px;border: none;background: none; box-sizing:border-box; color:#fff; }
.top .search .an{ position:absolute; z-index:99; width:19px; height:19px; left:12px; top:35px; background:url(../images/ss-ico.png) no-repeat; border: none;cursor: pointer}

#nav{ width:auto; height:89px;float: right; margin-right:40px; overflow:visible}
#nav ul{ }
#nav ul li.lim { float:left; display:inline; margin-left:10px; height: 89px; }
#nav ul li.lim a.lima{display: block;height: 89px; box-sizing:border-box; line-height: 89px;text-transform: uppercase; padding-left: 22px;padding-right: 22px;color: #fff;font-size: 15px;}
#nav ul li.lim:hover a.lima{ background:url(../images/h.jpg) repeat-x top; color:#f08519}
#nav ul li.lim a.current{background:url(../images/h.jpg) repeat-x top; color:#f08519}

#nav ul li.lim .probox{ width:100%; height:auto; background:#fff; border-top:5px solid #f08519; display:none; left:0; top:89px; z-index:999; position:absolute}
#nav ul li.lim .probox .box{ width:1400px; height:auto; margin:15px auto}
#nav ul li.lim .probox .box dl{ float:left; width:220px; margin-left:5px; margin-right:5px; text-align:center}
#nav ul li.lim .probox .box dl dt{ width:100%; height:40px; text-align:center; line-height:40px; padding-bottom:5px;}
#nav ul li.lim .probox .box dl dt a{ display:block; width:100%; color:#f08519; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold; overflow:hidden}
#nav ul li.lim .probox .box dl dd{ width:100%; height:auto;}
#nav ul li.lim .probox .box dl dd ul li{ width:100%; overflow:hidden; height:28px;}
#nav ul li.lim .probox .box dl dd ul li a{ display:block; width:100%;height:28px; color:#828181; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#nav ul li.lim .probox .box dl dd ul li a:hover{ text-decoration:underline}
#nav ul li.xl{ position:relative; overflow:visible}
#nav ul li.lim .xlbox{ width:690px; background:#fff; height:auto;border-top:5px solid #f08519; display:none; left:0; top:89px; z-index:999; position:absolute}
#nav ul li.lim .xlbox .box{ width:100%; height:auto; margin:15px auto;}
#nav ul li.lim .xlbox .box ul li{ float:left; width:345px; height:auto; border-left:1px solid #d9d9d9; box-sizing:border-box}
#nav ul li.lim .xlbox .box ul li .name{ text-align:center;width:100%; height:40px; text-align:center; line-height:40px; padding-bottom:5px; color:#f08519;font-size:16px; font-weight:bold; overflow:hidden}
#nav ul li.lim .xlbox .box ul li img{ display:block; width:250px; height:160px; margin:0 auto}
#nav ul li.lim .xlbox .box ul li:first-child{ border:none}



.flash{ width:100%; height:auto; margin:0 auto; position:relative }
.flash img{ display:block; width:100%;}
.flash .bg{ width:1400px; position:absolute; z-index:99; left:50%; margin-left:-700px; top:0; height:100%;}
.flash .sp{ width:630px; height:590px; position:absolute; z-index:99; top:50%; margin-top:-295px; right:0}
.flashs{ margin-top:89px;}

/******************************** index *********************************/
.titles{ width:100%; line-height:46px; font-size:42px; font-weight:bold; color:#d1d3d3; text-transform:uppercase; text-align:center; }
.mores{ width:100%; height:auto; text-align:center; line-height:30px; color:#ffffff; font-size:24px; margin-top:45px; display:block;}

.about{ width:100%; height:auto; background:url(../images/about-bg.jpg) no-repeat center; background-size:cover;}
.about .bg{ width:1400px; margin:60px auto;}
.about .bg .txt{ width:900px; margin:0 auto; margin-top:40px; text-align:center; line-height:30px;}
.about .bg ul{ width:100%; height:auto; margin:0 auto; margin-top:50px;}
.about .bg ul li{ width:20%; height:110px; float:left; box-sizing:border-box; border-right:1px solid #6d6e6f; padding-left:5px; padding-right:5px; text-align:center; color:#9e9e9e;}
.about .bg ul li:first-chlid{ border:none}
.about .bg ul li .num{ height:48px; line-height:48px; font-size:20px; padding-top:5px;}
.about .bg ul li .num span{ font-size:42px;}
.about .bg ul li .tips{ width:100%; height:42px; line-height:42px; padding-top:12px;}

.pro{ width:100%; height:auto; background:#0e0f10;}
.pro .bg{ width:1400px; height:auto; margin:50px auto;}
.pro .bg .txt{ width:100%; height:auto; margin-top:50px;}
.pro .bg .txt div{ overflow:visible}
.pro .bg .txt .box{ position:relative; width:450px; height:560px; overflow:hidden}
.pro .bg .txt .box img{ display:block; width:450px; height:560px;}
.pro .bg .txt .box .name{ width:100%; height:130px; position:absolute; z-index:99; left:0; bottom:0; background:rgba(0,0,0,0.3); font-size:34px; font-weight:bold}
.pro .bg .txt .box .name span{ display:block; height:40px; line-height:40px; padding-top:25px; overflow:hidden; text-indent:25px; color:#f08519}
.pro .bg .txt .box .name em{ display:block; height:40px; line-height:40px; padding-top:5px; overflow:hidden; text-indent:25px; color:#ffffff}

.certificate{ width:1400px; height:auto; margin:50px auto;}
.certificate .txt{ text-align:center; margin-top:50px;}

.video{ width:100%; height:auto;}
.video img{ width:100%; display:block;}

/****************************** ny *************************************/
.mbx{ width:100%; height:69px; background:#fff;margin-top:89px;}
.mbx .bg{ width:1400px; margin:0 auto; line-height:69px; color:#1c1c1c; font-size:16px;}
.mbx .bg span{ color:#f08519}

.pron{ width:100%; height:auto; background:#333333;}
.pron .bg{ width:1400px; height:auto; margin:50px auto}
ul.proul li{ width:340px; height:auto; float:left; margin-left:5px; margin-right:5px; margin-bottom:20px;}
ul.proul li img{ display:block; width:338px; height:323px; border:1px solid #c1c1c1}
ul.proul li .name{ width:100%; height:38px; line-height:38px; text-align:center; padding-top:5px; color:#f08519; font-size:18px; overflow:hidden}
ul.proul li:hover img{ border:1px solid #f08519}


.zzzsn{ width:1400px; height:auto; margin:50px auto;}
.zzzsn .listtu{ width:1142px; height:auto; margin:0 auto;}
.zzzsn ul{ padding-top:50px;}
.zzzsn ul li{ width:644px; height:auto; display:block; float:left; margin-left:28px; margin-right:28px; margin-bottom:25px;}
.zzzsn ul li img{ display:block;width:644px; height:378px;}
.zzzsn ul li .name{ width:100%; height:50px; text-align:center; line-height:50px; color:#d1d3d3; font-size:26px;}

.protype{ width:1400px; height:auto; margin:0 auto; padding-top:50px;}
.protype .box{ width:1400px; height:auto; margin-bottom:60px;}
.protype .box .bt{ width:100%; height:46px; text-align:center; line-height:46px; color:#d1d3d3; font-size:30px; font-weight:bold; text-transform:uppercase}
.protype .box .xian{ width:119px; height:3px; background:#f08519; margin:0 auto; margin-top:5px;}
.protype .box .txt{ width:100%; height:auto; margin:0 auto; margin-top:30px;}
.protype .box .txt div{ overflow:visible}
.protype .box .txt .picbox{ width:100%;}
.protype .box .txt .picbox img{ display:block; width:338px; height:323px; border:1px solid #c1c1c1}
.protype .box .txt .picbox .name{ width:100%; height:38px; line-height:38px; text-align:center; padding-top:5px; color:#f08519; font-size:18px; overflow:hidden}
.protype .box .txt .picbox:hover img{ border:1px solid #f08519}



.dym{ width:1400px; height:auto; margin:50px auto; min-height:200px; color:#fff;}

.tech{ width:100%; height:auto;}
.tech .clas{ width:100%; height:auto; background:url(../images/about-bg.jpg) no-repeat center; background-size:cover;}
.tech .clas .bg{ width:1400px; margin:40px auto;}
.tech .clas .bg .name{ width:100%; text-align:center; line-height:40px; color:#f08519; font-size:30px; font-weight:bold;}
.tech .clas .bg .txt{ width:900px; margin:0 auto; margin-top:40px; text-align:center; line-height:30px;}

.tech .list{ width:100%; height:auto; background:url(../images/tech-bg.jpg) no-repeat center; background-size:cover;}
.tech .list .bg{ width:1400px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:20px; display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.tech .list .bg .box{ width:320px; margin-left:15px; margin-right:15px; margin-bottom:30px;}
.tech .list .bg .box img{ display: block; width:132px; height:132px; margin:0 auto}
.tech .list .bg .box .name{ width:100%; height:auto; line-height:30px; color:#f08519; font-size:18px; font-weight:bold; text-align:center; padding-top:5px;}
.tech .list .bg .box .txt{ width:100%; height:auto; padding-top:8px; color:#d0d3d5; text-align:center}

.techn{ width:100%; height:auto;}
.techn img{ max-width:100%;}

dl.newsdl{ width:100%; height:235px; border-bottom:1px solid #353535; overflow:hidden; margin-bottom:35px;}
dl.newsdl dt{ width:513px; height:196px; float:left}
dl.newsdl dt .time{ width:100px; height:auto; float:left}
dl.newsdl dt .time span{ width:100%; display:block; height:56px; margin-top:49px; border-bottom:1px solid #353535; line-height:56px; text-align:center; color:#d1d3d3; font-size:32px;}
dl.newsdl dt .time em{ width:100%;  display:block; height:30px; line-height:30px; color:#d1d3d3; font-size:20px; text-align:center; padding-top:5px;}
dl.newsdl dt img{ float:right; width:387px; height:196px;}

dl.newsdl dd{ width:860px; height:196px; float:right;}
dl.newsdl dd .name{ padding-top:40px; color:#d1d3d3; font-size:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
dl.newsdl dd .memo{ width:100%; line-height:30px; height:60px; color:#d1d3d3; font-size:16px; padding-top:8px;}
.mapn{ width:100%; height:413px; background:url(../images/contact-map.jpg) no-repeat center}

.prosd{ width:100%; background:#333333; color:#1c1c1c}
.prosd .bg{ width:1400px; height:auto; margin:0 auto; margin-bottom:50px;}
.prosd .bg .prosd-top{ width:100%; height:auto; border-bottom:1px solid #000000; padding-bottom:60px; padding-top:60px;}
.prosd .bg .prosd-top .list{ width:70px; height:auto; float:left; margin-left:10px;}
.prosd .bg .prosd-top .list ul li{ width:68px; height:60px; border:1px solid #d0d3d4; border-radius:3px; margin-bottom:10px; cursor:pointer}
.prosd .bg .prosd-top .list ul li img{width:68px; height:60px; display:block}
.prosd .bg .prosd-top .list ul li.dz{ border:1px solid #ff5200;}
.prosd .bg .prosd-top .big{ width:538px; height:auto; float:left; border:1px solid #d0d3d4; border-radius:3px; margin-left:20px; overflow: visible; position: relative}
.prosd .bg .prosd-top .big::before{width: 20px; height: 20px; position: absolute; z-index: 999; right: 5px;bottom: 5px;background: url(../images/fdj_ico.png) no-repeat; content: "";}
.prosd .bg .prosd-top .big img.tu{ width:100%; display:block}
.prosd .bg .prosd-top .memo{ float:right; width:710px; height:auto;}
.prosd .bg .prosd-txt{ width:100%; height:auto; margin:0 auto; margin-top:50px;}