@charset "gb2312";
/* CSS Document */

*{ margin:0px; padding:0px;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
nav,header,footer,section{ display:block;}

.fl{ float:left;}
.fr{ float:right;}

.section{ width:1200px; margin-left:auto; margin-right:auto;}
.section_big{ min-width:1200px; margin-left:auto; margin-right:auto;} 
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}

/* ¶¥²¿ */
.head{ width:100%; height:95px;}
.head .logo{ width:357px; height:85px; margin-top:8px;}
.head .tel{ width:230px; height:64px; margin-top:14px;}

/* µ¼º½ */
.nav{ width:100%; height:40px; background:#dd421c;}
.nav ul li{float:left; width:140px; height:40px; text-align:center; }
.nav ul li a{color:#fff; line-height:36px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif;}
.nav ul li:hover{ background:#ae2200;}
.nav ul li ul { position:absolute; display:none; z-index:9999 !important;}
.nav ul li ul li { float:none; width:140px; height:40px; background:#dd421c; border-top:1px dotted #ccc; }
.nav ul li ul li a { border-right:none; }
.nav ul li:hover ul{ display:block; }

/* ·ÖÀàµ¼º½ */
.fldh{ width:100%; height:380px;}
.fldh .fl1{float:left; width:285px; height:247px; background:#F60; margin-top:60px; background:url(../images/fl1.jpg);}
.fldh .fl1 p{ width:285px; height:33px; background:rgba(255,255,255,0.5); margin-top:214px; text-align:center;}
.fldh .fl1 a{ color:#000; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:30px;}
.fldh .fl1 a:hover{ color:#dd421c;}

.fldh .fl2{float:left; width:285px; height:247px; background:#F60; margin-top:60px; margin-left:20px; background:url(../images/fl2.jpg);}
.fldh .fl2 p{ width:285px; height:33px; background:rgba(255,255,255,0.5); margin-top:214px; text-align:center;}
.fldh .fl2 a{ color:#000; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:30px;}
.fldh .fl2 a:hover{ color:#dd421c;}

.fldh .fl3{float:left; width:285px; height:247px; background:#F60; margin-top:60px; margin-left:20px; background:url(../images/fl3.jpg);}
.fldh .fl3 p{ width:285px; height:33px; background:rgba(255,255,255,0.5); margin-top:214px; text-align:center;}
.fldh .fl3 a{ color:#000; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:30px;}
.fldh .fl3 a:hover{ color:#dd421c;}

.fldh .fl4{float:right; width:285px; height:247px; background:#F60; margin-top:60px;background:url(../images/fl4.jpg);}
.fldh .fl4 p{ width:285px; height:33px; background:rgba(255,255,255,0.5); margin-top:214px; text-align:center;}
.fldh .fl4 a{ color:#000; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:30px;}
.fldh .fl4 a:hover{ color:#dd421c;}


/* ²úÆ·Õ¹Ê¾ */
.products{ width:100%; height:705px;}
.products .leftbox{ width:294px; height:703px;}
.products .leftbox .bt{ width:294px; height:113px;}
.products .leftbox .leftlist{ width:294px; height:590px; background:#f1f0f5;}
.products .leftbox .leftlist .listfl{float:left; width:271px; height:552px; background:#fff; margin-top:20px; margin-left:11px;}
.products .leftbox .leftlist .listfl ul li{ width:254px; height:39px; background:url(../images/li_bg.jpg); margin:auto; margin-top:10px;}
.products .leftbox .leftlist .listfl ul li a{ color:#000; padding-left:14px; line-height:35px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif;}
.products .leftbox .leftlist .listfl ul li a:hover{color:#dd421c;}

.products .rightbox{ width:878px; height:703px;}
.products .rightbox .bt{ width:878px; height:40px; background:url(../images/zsbt.png);}
.products .rightbox .bt p{ float:right;}
.products .rightbox .bt a{ font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:30px;}
.products .rightbox .bt a:hover{color:#dd421c;}
.products .rightbox .rightlist{float:left; margin-top:20px; width:878px;}
.products .rightbox .rightlist ul li{float:left; margin-right:6px; margin-top:8px; margin-bottom:10px; margin-left:6px; width:279px; height:197px; background:#c8c8c8;}
.products .rightbox .rightlist ul li img{ width:264px; height:156px; margin-top:10px; margin-left:7px;}
.products .rightbox .rightlist ul li p{ text-align:center;}
.products .rightbox .rightlist ul li a{ color:#000; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; display:block; padding-top:3px;}
.products .rightbox .rightlist ul li a:hover{color:#dd421c;}


.heng{ width:100%; height:146px; background:#c3181f; float:left; margin-top:30px; margin-bottom:30px;}
.heng img{ margin-left:30px; margin-top:20px;}


.about{ width:100%; height:300px;}
.about .video{ width:346px; height:300px;}
.about .video .bt{ width:346px; height:47px; background:url(../images/videobt.png);}
.about .video .videonr{float:left; margin-top:10px; margin-left:2px; width:342px; height:242px;}
.about .aboutnr{ width:827px; height:300px; }
.about .aboutnr .bt{ width:827px; height:47px; background:url(../images/aboutbt.png);}
.about .aboutnr .aboutwz{ width:827px; height:253px; }
.about .aboutnr .aboutwz .aboutpic{ margin-top:6px;width:270px; height:242px; ;}
.about .aboutnr .aboutwz .aboutjj{ width:520px; height:242px; margin-top:6px;}
.about .aboutnr .aboutwz .aboutjj p{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; text-indent:2em; font-size:17px; line-height:26px;}

.news{float:left; margin-top:50px; width:100%; height:310px;}
.news .company{float:left; width:376px; height:310px;}
.news .company .bt{ width:376px; height:39px; background:url(../images/company.png);}
.news .company .bt p{ float:right;}
.news .company .bt a{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; color:#000; display:block; margin-top:5px;}
.news .company .bt a:hover{color:#dd421c;}
.news .company .newsinfo{ margin-top:20px; width:376px; height:132px;}
.news .company .newsinfo img{float:left; width:185px; height:132px; margin-right:7px;}
.news .company .newsinfo h5{ font-size:14px; display:inline-block; padding-left:10px; padding-top:10px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif;  }
.news .company .newsinfo p{font-size:12px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; text-indent:2em; line-height:20px; }
.news .company .newsinfo a{color:#666}
.news .company .newsinfo a:hover{ color:#dd421c;}
.news .company .newslist{ width:376px; height:110px;  margin-top:9px;}
.news .company .newslist ul li{ width:376px; height:28px; border-top:1px #ccc dashed; border-bottom:1px #ccc dashed;}
.news .company .newslist ul li a{ font-size:12px; padding-left:10px; line-height:24px; color:#000;}
.news .company .newslist ul li a:hover{ color:#dd421c;}
.news .company .newslist ul li span{float:right; font-size:12px; line-height:24px; padding-right:10px;}

.news .industry{float:left; width:376px; height:310px; margin-left:35px;}
.news .industry .bt{ width:376px; height:39px; background:url(../images/industry.png);}
.news .industry .bt p{ float:right;}
.news .industry .bt a{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; color:#000; display:block; margin-top:5px;}
.news .industry .bt a:hover{color:#dd421c;}
.news .industry .newsinfo{ margin-top:20px; width:376px; height:132px;}
.news .industry .newsinfo img{float:left; width:185px; height:132px; margin-right:7px;}
.news .industry .newsinfo h5{ font-size:14px; display:inline-block; padding-left:10px; padding-top:10px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif;  }
.news .industry .newsinfo p{font-size:12px; font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; text-indent:2em; line-height:20px; }
.news .industry .newsinfo a{color:#666}
.news .industry .newsinfo a:hover{ color:#dd421c;}
.news .industry .newslist{ width:376px; height:110px; margin-top:9px;}
.news .industry .newslist ul li{ width:376px; height:28px; border-top:1px #ccc dashed; border-bottom:1px #ccc dashed;}
.news .industry .newslist ul li a{ font-size:12px; padding-left:10px; line-height:24px; color:#000;}
.news .industry .newslist ul li a:hover{ color:#dd421c;}
.news .industry .newslist ul li span{float:right; font-size:12px; line-height:24px; padding-right:10px;}

.news .contact{float:left; width:376px; height:310px; margin-left:35px; }
.news .contact .bt{ width:376px; height:39px; background:url(../images/contact.png);}
.news .contact .bt p{ float:right;}
.news .contact .bt a{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; color:#000; display:block; margin-top:5px;}
.news .contact .bt a:hover{color:#dd421c;}
.news .contact .coninfo{float:left; width:365px; height:95px;}
.news .contact .coninfo img{ margin-left:6px; margin-top:10px;}
.news .contact .conwz{float:left; margin-top:20px; margin-left:6px; width:365px; height:150px;}
.news .contact .conwz p{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; padding-top:5px;}

.footer{ width:100%; height:250px; background:#342c2a; margin-top:36px;}
.footer .f_left{float:left; margin-left:120px; margin-top:30px; width:375px; height:100px;}
.footer .f_right{float:right;width:465px; height:105px; margin-right:120px; margin-top:30px;}
.footer .f_right p{font-family:"Î¢ÈíÑÅºÚ","ËÎÌå",Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding-bottom:10px; }
.footer .f_right a{color:#fff;}