@charset "utf-8";
*{font-size:13px;font-family:"microsoft yahei","微软雅黑";margin:0;padding:0;}
body{background:#fff;color:#555;}
a{ text-decoration:none; outline:none; color:#555;}
a:hover{ color:#dab96a}
img{border:0;}
ul,ol,li{list-style:none;}
h1,h2,h3{ font-weight:normal}

.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1}
.fl{ float:left}
.fr{ float:right}
.wrap{ width:1100px; margin:0 auto;}
.mg10{ margin-top:10px;}
.mg15{ margin-top:15px;}


.logo{width:220px;margin-top:25px}
.header{ height:348px; min-width:1100px}
.top-r{ font-size:18px; text-align:right; margin-top:60px;}
.top-r2{margin-top:15px;}
.lng a{ font-size:18px;}
.ser-tel{ font-size:23px; background:url(/uploads/image/htdsimages/tel.png) no-repeat left center; padding-left:20px;}
.search{ border:1px solid #ddd; margin-top:150px;}
.search input{ border:0; background:#fff; height:25px; outline:none;}
.search input.txt-box{ border-right:1px solid #ddd; width:200px; padding-left:10px;}
.search input.btn{ background:url(/uploads/image/htdsimages/i3.png) no-repeat center #fff; width:23px;}

#nav{width:100%; background:#1d476d; height:50px;line-height:50px;min-width:1100px}
#nav ul li{ float:left;}
#nav ul li a{display:block;color:#fff;font-size:18px;}
#nav ul li.sep{ width:1px; background:#fff; margin:0 19.5px;height:20px; margin-top:15px;}
#nav ul li.on a{ color:#dab96a}

#nav ul li:hover ul{ display:block}
#nav li ul{display:none;position:absolute;left:auto; z-index:10000;width:455px;background:#f4f4f4;height:auto; overflow:hidden;}
#nav li ul div.sub-nav-l{ padding:20px; width:120px;}
#nav li ul div.sub-nav-l a{ line-height:40px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrapp; padding-left:20px; display:block; background:url(/uploads/image/htdsimages/i1.png) no-repeat left center;}
#nav li ul div.sub-nav-r{background:#fff;width:240px; padding:20px 25px;}
#nav li ul div.sub-nav-r img{ width:100%; display:block;}
#nav li ul div.sub-nav-r p{ line-height:1.8; margin-top:10px;}
#nav li ul div.sub-nav-l a:hover{ color:#dab96a;}
#nav li ul.u6{ margin-left:-25px}
#nav li ul.u8{ margin-left:-250px}
#nav li ul.u9{ margin-left:-380px}
.pannel{border:1px solid #facd89; background:url(/uploads/image/htdsimages/bg.png) repeat-x top; padding:20px 30px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2); -o-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2);}



.float_qq{ position:fixed; bottom:200px; right:0; width:50px; height:203px; z-index:6666; overflow:visible}
.float_qq li{ width:auto; height:50px; z-index:20;position:absolute;left:0;}
.float_qq li.float_qq1{width:62px;top:0;}
.float_qq li.float_qq2{top:51px;width:126px;}
.float_qq li.float_qq3{top:102px;width:172px;}
.float_qq li.float_qq4{top:153px;width:126px;}

.float_qq li a{ display:block; color:#fff; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#1e456c; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#dab96a; opacity:1;}

.footer{width:100%;background:#e3e3e4;min-width:1100px; margin:30px 0 0; padding-top:35px;}
.ft_l{ width:780px;border-right:1px solid #333; height:auto; overflow:hidden; padding-bottom:10px;}
.ft_l dl{ float:left; padding-right:20px; line-height:1}
.ft_l dt{ margin-bottom:10px;}
.ft_l dt a{font-weight:bold; font-size:16px}
.ft_l dd{ font-size:12px;line-height:2}

.ft_r{  width:300px; height:110px;}
.ft_r li{ padding:5px 0 8px 50px; background:url(/uploads/image/htdsimages/i2.png) no-repeat left top; margin-bottom:10px;}
.ft_r li.tel{ font-size:26px;background-position:0 -75px; padding:0 0 0 50px}
.ft_r li.eml{ background-position:0 -40px;}

.foot-key{ font-size:14px;margin:20px auto;}
.foot-copy{ background:#1d476d; padding:20px 0; color:#fff}
.foot-copy a{color:#fff}

.am{ overflow:hidden}
.am img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.am:hover img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
