@charset "gb2312"; 

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"微软雅黑","simsun","Microsoft YaHei"; font-size:14px;  text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:400; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
*{margin: 0px;padding: 0px;}
button{border-radius：0px;-webkit-border-radius:0px; outline:none;}
input{border-radius:0; outline:none;}

ul,li{list-style:none; } 
button{cursor:pointer; } 
.clear{clear:both; }
.fl{float:left; }
.fr{float:right; }
.tl{text-align:left; }
.box{ margin:0 auto;display:block; overflow:hidden}
.mt20{margin-top:20px;}

.maintop{ margin-top:30px !important;}
a{ text-decoration:none; color:#666;}
a:link,a:visited{ text-decoration:none; }
a:hover,a:active{text-decoration:none;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.main{clear:both; overflow:hidden; width:1200px; margin:0 auto;}
.main1{clear:both; overflow:hidden; width:1200px; margin:20px auto 0;}
.header , .content , .footer { width:1200px; margin:0 auto; overflow:hidden; }


.logo{ float:left;}
.phone{ float:right; padding-right:40px; display:block; background:url(../image/icon.png) no-repeat left center; margin-top:15px; padding-left:44px; height:44px;}
.phone p{ font-size:14px; color:#000; line-height:16px;}
.phone i{ font-size:28px; color:#D70302; font-style:normal; line-height:24px; font-weight:bold; }

.navbox{ height:60px; background:#222222; position:relative; z-index:1000;}
.navcon{ display:block;height:60px; width:1200px; margin:0 auto; }
.navcon li{ display:block; float:left; width:150px; font-size:16px;text-align:center; line-height:60px;}
.navcon li a{ display:block; color:#FFF;}

.navcon li a:hover,.navcon li a.on{ background:#D70302!important}

.navcon .pro .dl_nav {clear: both;background: #fff;width:50%; left:300px;display:none;transition: all .5s;z-index:100; position:absolute; padding:0px 0px 10px 0px; border-bottom:2px solid red;}
.navcon .pro:hover .dl_nav{ display:block !important;}
.dl_navlist{position:relative;  width:670px; margin:0px auto; }
.dl_navlist dl {float:left;width: 100%;padding: 0px 0px; width:180px; margin:10px auto 0px;padding:0 10px;}
.dl_navlist dl dt{ font-size:16px; font-weight:bold; line-height:35px; height:35px;float:left; text-align:center; width:180px; padding-top:5px; border-bottom:1px solid#ddd; margin-bottom:10px; }
.dl_navlist dl dt a{ color:#fff!important; font-weight:bold !important;padding:0px 10px !important; line-height:40px !important; background:#DA1416; height:40px; margin-bottom:10px; font-size:14px;}
.dl_navlist dl dt a:hover{ background:#333; color:#fff; }
.dl_navlist dl dd {clear: both; font-size: 14px; text-align:center; height:35px !important;overflow:hidden; line-height:35px; width:200px;border-bottom:1px solid#ddd;  }
.dl_navlist dl dd a{ padding:0px 10px !important; text-align:center; display:block; color:#333; line-height:35px !important ; font-size:14px !important; }
.dl_navlist dl dd a:hover{color:#FFF; }
.dl_navlist .bd{ position:absolute; margin-top:25px;width: 400px;height: 285px;margin-bottom:20px; overflow:hidden; border-right:2px solid #FF0000 }
.dl_navlist .bd ul.tp{width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist .bd ul.tp li{ width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist .bd ul.tp li img{width: 400px; height: 285px; }

.navcon .pro1 .dl_nav1 {clear: both;background: #fff;width:15%; left:305px;display:none;transition: all .5s;z-index:100; position:absolute; padding:0px 0px 10px 0px; border-bottom:2px solid red;}
.navcon .pro1:hover .dl_nav1{ display:block !important;}
.dl_navlist1{ position:relative; width:200px; margin:0px auto; }
.dl_navlist1 dl {float:left;width: 100%;width:170px; margin:10px auto 0px;padding:0 10px;}
.dl_navlist1 dl dt{ font-size:16px; font-weight:bold; line-height:35px; height:35px; float:left; text-align:center; width:170px; padding-top:5px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.dl_navlist1 dl dt a{ color:#fff!important; font-weight:bold !important;padding:0px 10px !important; line-height:40px !important; background:#DA1416; height:40px; margin-bottom:10px; font-size:14px;}
.dl_navlist1 dl dt a:hover{ background:#333; color:#fff; }
.dl_navlist1 dl dd {clear: both; font-size: 14px; text-align:center; height:35px !important;overflow:hidden; line-height:35px; width:200px;border-bottom:1px solid#ddd;  }
.dl_navlist1 dl dd a{ padding:0px 10px !important; text-align:center; display:block; color:#333; line-height:35px !important ; font-size:14px !important; }
.dl_navlist1 dl dd a:hover{color:#FFF; }
.dl_navlist1 .bd{ position:absolute;  margin-top:25px;width: 400px;height: 285px;margin-bottom:20px; overflow:hidden; border-right:2px solid #FF0000 }
.dl_navlist1 .bd ul.tp{width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist1 .bd ul.tp li{ width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist1 .bd ul.tp li img{width: 400px; height: 285px; }

.navcon .pro2 .dl_nav2 {clear: both;background: #fff;width:15%; left:1105px;display:none;transition: all .5s;z-index:100; position:absolute; padding:0px 0px 10px 0px; border-bottom:2px solid red;}
.navcon .pro2:hover .dl_nav2{ display:block !important;}
.dl_navlist2{ width:200px; margin:0px auto; }
.dl_navlist2 dl {float:left;width: 100%;width:200px; margin:10px auto 0px;margin-right:23px;}
.dl_navlist2 dl dt{ font-size:16px; font-weight:bold; line-height:35px; height:35px; float:left; text-align:center; width:200px; padding-top:5px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.dl_navlist2 dl dt a{ color:#fff!important; font-weight:bold !important;padding:0px 10px !important; line-height:40px !important; background:#DA1416; height:40px; margin-bottom:10px; font-size:14px;}
.dl_navlist2 dl dt a:hover{ background:#333; color:#fff; }
.dl_navlist2 dl dd {clear: both; font-size: 14px; text-align:center; height:35px !important;overflow:hidden; line-height:35px; width:200px;border-bottom:1px solid#ddd;  }
.dl_navlist2 dl dd a{ padding:0px 10px !important; text-align:center; display:block; color:#333; line-height:35px !important ; font-size:14px !important; }
.dl_navlist2 dl dd a:hover{color:#FFF; }
.dl_navlist2 .bd{ margin-top:25px;width: 400px;height: 285px;margin-bottom:20px; overflow:hidden; border-right:2px solid #FF0000 }
.dl_navlist2 .bd ul.tp{width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist2 .bd ul.tp li{ width:400px !important; height:285px !important; overflow:hidden;}
.dl_navlist2 .bd ul.tp li img{width: 400px; height: 285px; }




.RandomNews {background-color:#fff; margin-top:10px; width:870px;padding:0 15px;}
.diysr{border-bottom:1px solid #D70302; height:36px;line-height:36px;color: #D70302; }
.diysr span{font-size:14px; display:block; text-align:center; width:130px; border-bottom: 4px solid #D70302;height:34px; background: url(../image/xsl_tj.png) no-repeat scroll right 12px;}
.news_random{border-top:none;padding-top:8px; padding: 10px 0; overflow:hidden; width:840px;}
.RandomNews ul{width: 840px; list-style:none; margin:0px; padding: 0 0 10px 0px;}
.RandomNews li{list-style: none; height:28px;line-height:28px; padding:0 20px 0 0px;  margin-right:20px;  width:380px;  float:left;overflow:hidden;  border-bottom:1px dashed #C5BCB7;  }
.RandomNews li a{padding-left:12px; width:230px; height:28px; line-height:28px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; display:block;}






body {
        font-family: Arial, 微软雅黑, "Microsoft yahei", "Hiragino Sans GB", "冬青黑体简体中文 w3", "Microsoft Yahei", "Hiragino Sans GB", "冬青黑体简体中文 w3", STXihei, 华文细黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
    
}




p {
    margin: 0;
    line-height: 1.7;
}

.mainw {
    width: 1200px;
    margin:  0 auto;
    clear: both;
}

.mainw::after, .mainw::before {
    content: " ";
    display: block;
    clear: both;
}


a {
    text-decoration:  none;
}


body h3 {
    margin:  0;
}


.left {
    float: left;
}

.right {
    float: right;
}



body {
    font-size: 14px;
}




#footer {
    background: url(../image/footer.jpg) center;
    height: 367px;
    color: #b2b2b2;
}

#footer  h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px dotted #666;
    color: white;
    padding-top: 30px;
    padding-bottom: 5px;
}

#footer  a {
    color: inherit;
}

#footer   .unit {
    float: left;
    
}

#footer   .unit.item-1 a  {
    display: block;
    width: 185px;
    padding-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}
#footer   .unit.item-2 {
    margin-left: 80px;
    width: 400px;
}

#footer   .unit.item-2 p {
      display: block;
 
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #666;
    padding-left: 30px;
  
}
#footer   .unit.item-2 p.phone { background: url(../image/footer-phone.png)  center left 3px no-repeat;float: left;}
#footer   .unit.item-2 p.tel { background: url(../image/footer-tel.png)  no-repeat 0% 50%; margin-top: 70px;}
#footer   .unit.item-2 p.fax { background: url(../image/footer-fax.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.email { background: url(../image/footer-email.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.you { background: url(../image/footer-postcode.png)  center left 3px no-repeat;}
#footer   .unit.item-2 p.address { background: url(../image/footer-address.png)  center left 3px no-repeat;}

#footer   .unit.message {
    width: 500px;
    float: right;
}

#footer   .unit.message  .info {
    display: inline-block;
    width: 20%;
    line-height: 40px;
    vertical-align:  central;
 
}

#footer   .unit.message  input {
    width: 70%;
    height: 20px;
    padding: 5px;
    margin: 10px;
     font-size: 16px;
         background: rgba(0,0,0,0);
             border: 1px solid #ccc;
             border-radius: 5px;
                color: white;
}

#footer  .unit.message  textarea {
     width: 70%;
 
    padding: 5px;
    margin: 10px;
    height: 100px;
    font-size: 16px;
        background: rgba(0,0,0,0);
             border-radius: 5px;
             color: white;
} 

#footer .unit.message  .line {
    position: relative;
}

#footer .unit.message .ab {
    position: absolute;
    top: 50px;
    left: 0;
}


#footer .unit.message #submit {
    height: 40px;
    width: 100px;
    background: #67b440;
    color: white;
    border: 0;
}

#copyright {
    background: #587690;
    line-height: 50px;
    color: white;
    text-align: center;
    font-size: 16px;
}
#copyright a{
	color:#fff;
}