@charset "gb2312";
html, body { margin:0px; padding:0; font-family:"Microsoft YaHei","΢ÈíÑźÚ"; background: url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/bj.jpg) left top repeat; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
.fl { float:left; }
.fr { float:right; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover { color:#e60000; text-decoration:none;   }




.warp { width:1000px; margin:0 auto; overflow:hidden;  }
.bj { width:100%; margin:0 auto; overflow:hidden; background:#fff;  }
.pad1 { padding:50px 0 30px 0;}
.pad2 { padding:50px 0;}
.pad3 { padding:50px 0 35px 0;}

.header { width:100%; margin:0 auto; overflow:hidden; background: url(http://www.lwnews.net/pic/003/003/668/00300366859_cd9b1e57.jpg) center top no-repeat; height:540px; }

.menu { width:100%; margin:0 auto; overflow:hidden; background:#111; }
.menu ul {  width:1000px; margin:0 auto; overflow:hidden; }
.menu ul li { float:left; color:#fff; font-size:16px; line-height:60px;  }
.menu ul li a { display:block; color:#fff; padding:0 24px; }
.menu ul li a:hover { background:#e60000; color:#fff; }
.menu ul li a.cug { background:#e60000; display:block; color:#fff; padding:0 24px; }

.media { width:500px; float:left; }
.media h3 { width:100%; float:left; }
.media ul { float:left; margin-top:17px }
.media ul li { width:500px; float:left; font-size:18px; line-height:38px;  color:#666; }
.media ul li b { width:41px; height:38px; float:left; display:inline-block; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) 0 -200px no-repeat;  }

.tt { width:460px; float:right; }
.tt ul li { width:100%; float:left; border-bottom:1px #e7e5f2 dashed; font-size:20px; line-height:20px; padding:0 0 18px 0px; margin-bottom:20px; color:#333; }
.tt ul li p { float:left; font-size:14px; color:#999; line-height:25px;  padding:12px 0 0 0px; }
.tt ul li a:hover { color:#e60000; }


.lm { width:100%; float:left; font-size:36px; color:#e60000; font-weight:bold; line-height:32px; margin-bottom:50px; }
.lm span { display:inline-block; background:#e60000; color:#fff; margin-right:2px; font-weight:bold; padding:0 0 5px 0; } 


.intro { width:100%; float:left; font-size:16px; line-height:35px; color:#666;}
.intro img { float:right; margin-left:65px; }


.zthd { width:100%; float:left;}
.zthd img { width:100%; height:auto; }


.pthd { width:100%; float:left;}
.pthd ul { float:left; margin-right:-50px;}
.pthd ul li { width:300px; float:left; margin-right:50px; }
.pthd ul li h3 { width:100%; float:left;}
.pthd ul li h3 img { width:100%; height:auto; }
.pthd ul li h4 { width:100%; float:left; color:#333; font-size:18px; line-height:26px; text-align:center; padding:30px 0 15px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.pthd ul li h5 { width:100%; float:left; color:#999; font-size:15px; line-height:22px; text-align:center;  }



.works { width:100%; margin:0 auto; overflow:hidden;}
.works ul li { width:320px; float:left; margin:0 20px 30px 0; position:relative; }
.works ul li h3 { width:320px; height:220px; float:left; overflow:hidden;  }
.works ul li h3 img { width:320px; height:220px; display:block;
-webkit-transition:-webkit-transform .3s linear;
-moz-transition:-moz-transform .3s linear;
-o-transition:-o-transform .3s linear;
transition:transform .3s linear;}
.works ul li h4 { width:45px; height:45px; float:left; position:absolute; top:85px; left:130px; overflow:hidden; display:block; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) 0 -280px no-repeat; cursor:pointer; }
.works ul li h5 { width:320px; float:left; font-size:18px; color:#666; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.works ul li:hover h5 { color:#e60000;}
.works ul li:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1); }
.works ul li:nth-child(3n) { margin:0 0 30px 0; }



.tldt { width:1000px;  float:left; position:relative; overflow:hidden;  }
.tldt ul { width:1000px; height:600px; float:left; position:relative; overflow:hidden; }
.tldt ul li { width:1000px; float:left; position:relative;}
.tldt ul li img { width:1000px; height:600px; }
.tldt ul li span { width:950px; padding:15px 25px 18px 25px; position:absolute; bottom:0; left:0; 
background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000'); color:#fff; font-size:18px; line-height:32px; font-weight:bold; }
.tldt ul li span p { font-size:14px; color:#fff; line-height:22px;} 
.tldt .arrl { width:44px; height:73px; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) 0 -0px no-repeat; left:20px; top:250px; cursor:pointer; position:absolute; z-index:50;}
.tldt .arrl:hover { width:44px; height:73px; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) 0 -80px no-repeat;}
.tldt .arrr { width:44px; height:73px; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) -55px -0px no-repeat; right:20px; top:250px; cursor:pointer; position:absolute; z-index:51;}
.tldt .arrr:hover { width:44px; height:73px; background:url(http://www.dtxw.cn/cms_udf/2017/mlxq/images/all_ico.png) -55px -80px no-repeat; }



.mtgz { width:100%; float:left; }
.mtgz ul { margin-top:-16px; float:left; }
.mtgz ul li { width:480px; float:left; margin-right:40px; font-size:16px; line-height:50px;  border-bottom:1px #e7e5f2 dashed; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.mtgz ul li b { font-size:14px; font-weight:bold; color:#bbb; padding:0 10px 0 0; }
.mtgz ul li:nth-child(2n) { margin:0 0 0 0; }


.mtzc { width:100%; float:left; }
.mtzc ul { margin-top:-16px; float:left; }
.mtzc ul li { width:16%; float:left; padding:0 4% 0 0; font-size:16px; line-height:50px;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; }



.footer { width:100%; margin:0 auto; overflow:hidden; background:#e60000; color:#fff; font-size:16px; line-height:60px; text-align:center; padding:2px 0 0 0; }