@charset "utf-8";
/* CSS Document */
.banner { width:100%; height:520px; overflow: hidden; position: relative; }
.banner .bd { height: 520px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd li { width: 1920px; }
.banner .hd { position: absolute; width: 100%; height: 12px; bottom: 40px; left: 0; text-align: center; }
.banner .hd ul { height: 20px; overflow: hidden; }
.banner .hd li { width: 12px; height: 12px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; background: url(../images/dot.png) no-repeat -12px 0; text-indent: -99em; cursor: pointer; margin: 0 4px; }
.banner .hd .on { background-position: 0 0; }
.banner .prev,
.banner .next{position:absolute;z-index:1;display:block;width:45px;height:100px;top:50%;margin-top:-50px;left:15%;background:url(../images/arrow.png) 0 0 no-repeat;
  cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}
.banner .next{left:auto;right:15%;background-position:-65px 0;}

.dyip{ text-align:center; padding:2% 0;}
.dyip .title{ width:300px; margin:30px auto 50px auto; position:relative;}
.dyip .title .box{ position:absolute; width:150px; background:#FFF; left:75px; top:-23px;}
.dyip .title h2{ font-size:18px; color:#333; font-weight:bold;}
.dyip .title p{ font-size:16px; text-transform:uppercase;}
.dyip .title .border{ height:1px; background:#CCC;}
.dyip .outBox{}
.dyip .outBox .hd{ height:30px; line-height:30px; padding:0 20px;}
.dyip .outBox .hd ul{ height:32px; text-align:center;}
.dyip .outBox .hd ul li{ display:inline-block; padding:0 15px; cursor:pointer; width:80px; border:1px solid #ddd; margin:0 20px;}
.dyip .outBox .hd ul li.on{ height:30px; border:1px solid #018bd4; background:#018bd4; color:#FFF;}		
.dyip .inBox{}
.dyip .inBox .inHd{ height:24px; line-height:24px; padding:0 10px;   }
.dyip .inBox .inHd ul{ overflow:hidden; zoom:1; }
.dyip .inBox .inHd ul li{ display:inline-block; height:5px; width:30px; cursor:pointer; background:#999; font-size:0px; overflow:hidden; text-indent:-9999; margin:0 10px;}
.dyip .inBox .inHd ul li.on{ background:#018bd4;}
.dyip .inBox .inBd ul{ padding:30px 0 0 0;  zoom:1; overflow:hidden; margin-left:-20px;}
.dyip .inBox .inBd li{ float:left; overflow:hidden; zoom:1; width:285px; margin-left:20px;}
.dyip .inBox .inBd li img{ width:285px; height:228px;}


.news{ background:#EEE;}
.news .box{}
.news h2{ float:left; width:100px; height:40px; line-height:40px;}
.news h2 i{ margin-right:10px;}
.txtScroll-top{ width:920px; overflow:hidden; position:relative;}	
.txtScroll-top .bd{ height:40px; line-height:40px;}
.txtScroll-top .infoList li{ height:40px; line-height:40px; }
.txtScroll-top .infoList li .date{ float:right; color:#e50000;  }


.derp{background:url(../images/pic14.gif) no-repeat center;}
.derp .derp_l{ float:left; width:550px;}
.derp .derp_l .slideTxtBox .hd{}
.derp .derp_l .slideTxtBox .hd ul{ margin-bottom:30px;}
.derp .derp_l .slideTxtBox .hd ul li{ display:inline-block; width:130px; border:1px solid #ddd; line-height:38px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:5px;}
.derp .derp_l .slideTxtBox .hd ul li.on{ height:38px;  background:#018bd4; border:1px solid #ddd; color:#FFF;}
.derp .derp_l .pic{ width:234px; height:244px; float:left; border:3px solid #dcdcdc;}
.derp .derp_l .pic img{ width:234px; height:244px;}
.derp .derp_l .pics{ width:550px; height:150px; border:3px solid #dcdcdc;}
.derp .derp_l .pics img{ width:550px; height:150px;}

.derp .derp_l .txt{ width:100%; line-height:24px;}
.derp .derp_l .txt img{ float:left; margin-right:2%; margin-bottom:2%; }
.derp .derp_l .txt p{ text-indent:2em; font-size:14px;}
.derp .derp_l .txt .more{ width:80px; height:24px; line-height:24px; text-align:center; border:1px solid #018bd4; margin-top:4px; float:right;}
.derp .derp_l .txt .more a{ display:block; color:#018bd4;}
.derp .derp_l .txt .more a:hover{ display:block; color:#018bd4; text-decoration:none;}


.derp .derp_l .txts{ width:550px;  line-height:24px;}
.derp .derp_l .txts p{ text-indent:2em; font-size:14px;}
.derp .derp_l .txts .more{ width:80px; height:24px; line-height:24px; text-align:center; border:1px solid #018bd4; margin-top:40px; float:right;}
.derp .derp_l .txts .more a{ display:block; color:#018bd4;}
.derp .derp_l .txts .more a:hover{ display:block; color:#018bd4; text-decoration:none;}

.derp .derp_r{ float:right; width:550px;}
.derp .derp_r .xinwen .hd{}
.derp .derp_r .xinwen .hd ul{ text-align:left; margin-bottom:30px;}
.derp .derp_r .xinwen .hd ul li{ display:inline-block; width:130px; border:1px solid #ddd; line-height:38px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:5px; margin-right:20px;}
.derp .derp_r .xinwen .hd ul li.on{ height:38px;  background:#018bd4; border:1px solid #ddd; color:#FFF;}
.derp .derp_r .xinwen .bd .con{ }
.derp .derp_r .xinwen .bd .con dl{ margin-bottom:15px;}
.derp .derp_r .xinwen .bd .con dt{ width:420px; float:right; font-size:14px; line-height:30px;}
.derp .derp_r .xinwen .bd .con dt span{ float:right; color:#CCC; font-size:12px;}
.derp .derp_r .xinwen .bd .con dd.pic{ width:116px; height:76px; border:2px solid #dcdcdc; float:left;}
.derp .derp_r .xinwen .bd .con dd.pic img{ width:100%;}
.derp .derp_r .xinwen .bd .con dd.txt{ width:420px; float:right; line-height:22px;}
.derp .derp_r .more{ width:80px; height:24px; line-height:24px; text-align:center; border:1px solid #018bd4; margin-top:30px; float:right;}
.derp .derp_r .more a{ display:block; color:#018bd4;}
.derp .derp_r .more a:hover{ display:block; color:#018bd4; text-decoration:none;}


.dsanp{ margin-top:20px;}
.dsanp .dsanp_list{ width:360px; float:left; margin-right:45px;}
.dsanp .title{ width:260px; margin:30px auto 50px auto; position:relative; text-align:center;}
.dsanp .title .box{ position:absolute; width:150px; background:#FFF; left:75px; top:-23px;}
.dsanp .title h2{ font-size:18px; color:#333; font-weight:bold;}
.dsanp .title p{ font-size:16px; text-transform:uppercase;}
.dsanp .title .border{ height:1px; background:#CCC;}
.dsanp .picScroll-left{  overflow:hidden; position:relative;}
.dsanp .picScroll-left .hd{}
.dsanp .picScroll-left .hd ul{ overflow:hidden; zoom:1; zoom:1; text-align:center; font-size:0px; padding:20px 0;}
.dsanp .picScroll-left .hd ul li{ display:inline-block; width:30px; height:5px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#CCC; }
.dsanp .picScroll-left .hd ul li.on{ background:#018bd4; }
.dsanp .picScroll-left .bd{ margin-left:-10px;}
.dsanp .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.dsanp .picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.dsanp .picScroll-left .bd ul li .pic{ text-align:center; }
.dsanp .picScroll-left .bd ul li .pic img{ width:150px; height:208px; display:block;  border:10px solid #ccc; }
.dsanp .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.dsanp .picScroll-left .bd ul li .title{ line-height:24px;   }


.dsanp .dsanp_r{ width:376px; float:right;}
.dsanp .title{ width:260px; margin:30px auto 50px auto; position:relative; text-align:center;}
.dsanp .title .box{ position:absolute; width:150px; background:#FFF; left:55px; top:-23px;}
.dsanp .title h2{ font-size:18px; color:#333; font-weight:bold;}
.dsanp .title p{ font-size:16px; text-transform:uppercase;}
.dsanp .title .border{ height:1px; background:#CCC;}
.dsanp .hzhb{}
.dsanp .hzhb .hd{}
.dsanp .hzhb .hd ul{ overflow:hidden; zoom:1; zoom:1; text-align:center; font-size:0px; padding:20px 0;}
.dsanp .hzhb .hd ul li{ display:inline-block; width:30px; height:5px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#CCC; }
.dsanp .hzhb .hd ul li.on{ background:#018bd4; }
.dsanp .hzhb .bd{ width:376px;}
.dsanp .hzhb .bd ul{}
.dsanp .hzhb .bd ul li{ border-left:1px solid #ccc; border-bottom:1px solid #CCC;}
.dsanp .hzhb .bd ul li .pic{ float:left; text-align:center; border-top:1px solid #CCC; border-right:1px solid #CCC;}
.dsanp .hzhb .bd ul li .pic img{ width:123px; height:76px; display:block;}
.dsanp .hzhb .bd ul li .title{ line-height:24px;   }


.subnav{ background:#018bd4; height:40px; padding:15px 0;}
.subnav h2{ color:#FFF; line-height:40px; font-size:24px; border-left:3px solid #00a7ff; padding-left:20px; float:left;}
.subnav ul{ float:right;}
.subnav li{ float:left; line-height:40px; width:140px; text-align:center; font-size:16px; margin-left:20px;}
.subnav li a{ display:block; color:#FFF;}
.subnav li a:hover{ display:block; color:#FFF; text-decoration:none;}
.subnav li a.current{ background:#00a7ff; border-radius:20px;}

.nav li { position: relative; }
.nav li dl{ width:200px; line-height:40px;  background:#f7f7f7; position:absolute; left: 0px; top: 60px; z-index: 55555; transition:all 0.3s; visibility:hidden; opacity:0;padding:10px 0;  }
.nav li:hover dl{ visibility:visible; opacity:1;}
.nav li dl a{ display:block;  transition:all 0.3s; text-align: left;}
.nav li:hover dd{ margin:0 22px; border-bottom:1px solid #dfe2e3; line-height:25px;  padding:8px 0 8px 25px; }
.nav li:hover dd a{ display:block; font-size:13px;}
.nav li:hover dd a:hover{ display:block; text-decoration:none;}

.subnavs{ background:#018bd4; height:60px; line-height:60px;}
.subnavs h2{ color:#FFF; line-height:60px; font-size:22px; border-left:3px solid #00a7ff; padding-left:20px; float:left;}
.subnavs ul{ float:right;}
.subnavs li{ float:left; position:relative; z-index:10;  }
.subnavs li p{ }
.subnavs li p a{ display:block; font-size:17px;padding:0 35px; color:#fff;}
.subnavs li:hover p a{ display:block; text-decoration:none;  background:#f7f7f7; padding:0 35px; color:#018bd4;}
.subnavs li a.current{ color:#018bd4;background:#f7f7f7; }
.subnavs li dl{ width:200px; line-height:40px;  background:#f7f7f7; position:absolute; left:0px; top:60px; transition:all 0.3s; visibility:hidden; opacity:0;padding:10px 0;  }
.subnavs li:hover dl{ visibility:visible; opacity:1;}
.subnavs li dl a{ display:block;  transition:all 0.3s;}
.subnavs li:hover dd{ margin:0 22px; border-bottom:1px solid #dfe2e3; line-height:25px;  padding:8px 0 8px 25px; }
.subnavs li:hover dd a{ display:block; font-size:13px;}
.subnavs li:hover dd a:hover{ display:block; text-decoration:none;}




.con{ padding: 0;}
.con .title{ width:300px; margin:60px auto 50px auto; position:relative; text-align:center;}
.con .title .box{ position:absolute; width:150px; background:#FFF; left:75px; top:-20px;}
.con .title h2{ font-size:18px; color:#333; font-weight:bold; margin-top:8px;}
.con .title p{ font-size:12px; text-transform:uppercase;}
.con .title .border{ height:1px; background:#CCC;}


.about{ line-height:30px; font-size:15px;}
.about p{ text-indent:2em; padding-bottom:20px;}
.about img{ clear:both; margin:auto; display:block;}

.about table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:30px !important;}
.about table td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}
.about table h6{line-height:30px !important;}

.news_neiye{}
.news_neiye ul{margin-right:-50px;}
.news_neiye li{ float:left; width:550px; border-bottom:1px dotted #CCC; padding:20px 0; margin-right:50px;}
.news_neiye li .rq{ float:left; width:200px; height:150px; }
.news_neiye li .rq .rz{ height:30px; line-height:30px; border-radius:5px 5px 0 0; background:#00a7ff; color:#FFF;}
.news_neiye li .rq .nf{ height:30px; line-height:30px; font-size:20px;background:#eee;}
.news_neiye li .txt{ float:left; padding-left:20px; width:330px;}
.news_neiye li .txt .bt{overflow: hidden; height:32px;
text-overflow:ellipsis;
white-space: nowrap; font-size:16px;}
.news_neiye li .txt p{ color:#666; line-height:23px !important; padding-bottom:1em;}
.news_neiye li .txt .timew{ color:#999;}


.paging{ padding:50px 0;}
.paging ul{ font-size:0px; text-align:center;}
.paging li{ display:inline-block; width:50px; height:50px; line-height:50px; margin:0 5px; font-size:16px; border:1px solid #CCC;}
.paging li a{ display:block;}
.paging li a:hover{ display:block; text-decoration:none;}
.paging li a.current{ color:#FFF; background:#00a7ff;}
.paging li a.s{ color:#999;}


.news_con{}
.news_con .title_er{ border-bottom:1px dotted #333; text-align:center; padding-bottom:30px;}
.news_con .title_er h3{ font-size:24px; color:#00a7ff; padding:10px; margin-top:30px;}
.news_con .title_er p{}
.news_con .box{ line-height:24px; padding:20px 200px; text-align:center; border-bottom:1px solid #DDD;}
.news_con .box p{ padding:1% 0; text-align:left; text-indent:0px; font-size:13px; color:#4d4d4d;}
.news_con .box img{ max-width:100%;}

.fhlb{ width:150px; height:40px; line-height:40px; border-radius:5px; background:#00a7ff; text-align:center; margin:30px auto 30px auto; font-size:16px;}
.fhlb a{ color:#FFF; display:block;}
.fhlb a:hover{ color:#FFF; display:block; text-decoration:none;}


.case ul{ zoom:1; overflow:hidden; margin-left:-20px;}
.case li{ float:left; overflow:hidden; zoom:1; width:285px; margin-left:20px; margin-bottom:20px;}
.case li img{ width:285px; height:228px;}
.case li p{ line-height:35px; text-align:center;}

.cases{ width:90%; height:auto; overflow:hidden; margin:auto;}
.cases h2{ font-size:26px; color:#0f6fa9; line-height:60px; text-align:center;}
.cases img{ clear:both; display:block; margin:auto; padding:2% 0;}
.cases p{ line-height:30px; font-size:16px;}

.casemore{ width:100%; text-align:center; height:70px; line-height:70px; margin:5% 0 0 0;}
.casemore a{ background:#0f6fa9; padding:12px 20px; color:#fff; font-size:18px;}


.con .contact_t{ line-height:30px; padding:30px; font-size:16px;}
.con .contact_t p{}
.con .contact_b{ background:#F5F5F5; text-align:center; padding:5% 0;}
.con .contact_b h2{ font-size:24px; border-bottom:1px solid #DDD; padding-bottom:2%;}
.con .contact_b ul{ padding:2% 5%;}
.con .contact_b li{ width:49%; margin-bottom:1%;}
.con .contact_b li.left{ float:left;}
.con .contact_b li.right{ float:right;}
.con .contact_b li .input_txt{ width:96%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.con .contact_b li.textarea{ width:100%; margin:0;}
.con .contact_b li.textarea textarea{ width:98%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.con .contact_b .input_btn{ width:100px; height:30px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#018bd4;}
.con .contact_b .input_btn2{ width:100px; height:30px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999;}


.zhengshu{ padding:20px 0; font-size:13px;}
.zhengshu ul{}
.zhengshu li{ float:left; width:21%; margin:2%; text-align:center; line-height:30px;}
.zhengshu li .pic{ background:#ccc; padding:1px;}
.zhengshu li img{ width:100%;}

.NewsJob dt{ font-size:20px; color:#1c5695; height:60px; line-height:60px; border-bottom:1px solid #e6e6e6}
.NewsJob dd{ border-bottom:1px solid #e6e6e6; background:url(../images/icon.png) right -213px no-repeat}
.NewsJob dd .NewsJobTitle{ height:60px; line-height:60px; font-size:14px; color:#666; cursor:pointer; }
.NewsJob dd.curr{ border-bottom:none; background-position: right -155px;}
.NewsJob dd.curr .NewsJobTitle{ color:#0d71ca; font-size:16px;}
.NewsJob dd .NewsJobTitle a{ color:#1c5695;}
.NewsJob dd .NewsJobTitle b{ padding-right:4px; }
.NewsJobCont{ background:#fafafa; display:none; padding:35px; font-size:13px; color:#4c4c4c; line-height:28px;}
.NewsJobCont b{ font-size:14px; display:block; }
.NewsJobCont a.ljtd{ padding:6px 14px 8px; color:#fff; background:#0d71ca; font-size:16px;}



.page-list { padding: 50px 0; text-align: center; }
.page-list span, .page-list a { width: 50px; height: 50px; line-height: 50px; margin: 0 5px; font-size: 16px; border: 1px solid #ccc; display: inline-block; }
.page-list a.now { color: #fff; background: #00a7ff; }



/* 2018-03-20 修改代码 */
.wh-box{ width:1200px; padding:40px 0px; margin:auto; overflow:hidden; font-family:"微软雅黑";}
.wh-img{ float:left; width:480px;}
.wh-img img{ width:100%; height:auto;}
.wh-text{ float:right; width:47%; overflow:hidden;}
.wh-text p{ font-size:13px; line-height:1.75em; color:#333; text-indent:0px; margin:0px 0px 10px; padding:0px;}
.wh-text p.wh-title1{ font-size:30px; color:#00a7ff; line-height:1em;}
.wh-text p.wh-title2{color:#999; margin-bottom:30px;}

.wh-box1{ padding:70px 0px; margin-bottom:50px; background-image:url(http://www.ld-steel.com/uploadfiles/image/wenhua/1.jpg); background-position:center; background-repeat:no-repeat; background-size: auto 371px; height:130px;}
.wh-box1 .wh-text1 p{ color:#fff;}
.wh-box:nth-child(4) .wh-text1{ float:left; }
.wh-box:nth-child(4) .wh-img{ float:right; }

.wh-text1{ float:right; width:47%; overflow:hidden;}
.wh-text1 p{ font-size:18px; line-height:1.75em; color:#333; text-indent:0px; margin:0px 0px 10px; padding:0px;}
.wh-text1 p.wh-title1{ font-size:30px; color:#00a7ff; line-height:1em;}
.wh-text1 p.wh-title2{color:#999; margin-bottom:30px;}




@media (max-width: 768px){
.wh-box{ box-sizing:border-box; width:100%; padding:30px 0px;}
.wh-img{ float:none; width:100%; margin-bottom:30px;}
.wh-text{ float:none; width:100%;}
.wh-text p.wh-title1{ font-size:24px;}
.wh-text p.wh-title2{margin-bottom:24px;}

.wh-text1{ float:none; width:100%;}
.wh-text1 p.wh-title1{ font-size:24px;}
.wh-text1 p.wh-title2{margin-bottom:24px;}



.wh-box1{ box-sizing:border-box; padding:60px 15px 60px 40px; margin-bottom:30px;}
}
/* 企业文化 */
.dyip .outBox .hd ul li{ position:relative; z-index:1; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.dyip .outBox .hd ul li:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 50%;bottom: 0px;left: 0%;background:rgba(0,0,0,0.06);}

.derp .derp_l .slideTxtBox .hd ul li{ text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.derp .derp_l .slideTxtBox .hd ul li.on{ position:relative; z-index:1;}
.derp .derp_l .slideTxtBox .hd ul li.on:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 50%;bottom: 0px;left: 0%;background:rgba(0,0,0,0.06);}
.derp .derp_r .xinwen .hd ul li{ position:relative; z-index:1; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.derp .derp_r .xinwen .hd ul li:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 50%;bottom: 0px;left: 0%;background:rgba(0,0,0,0.06);}

/* 2018-03-20 修改代码end */