/* CSS Document */
html{overflow:-scroll;overflow-x:hidden}
body{ margin:0px; padding:0px; font-family:"Î¢ÈíÑÅºÚ"; color:#575758; font-size:14px; text-align:center; background-color:#ffffff}
ul,li{list-style:none;padding:0;margin:0}
a:link{ color:#000000;text-decoration:none}
a:visited{color:#2e4146;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
a:active{color:#ff0000;text-decoration:none}
.clear{ clear:both}
#headbg { width:100%; min-width:1200px; height:226px; margin:auto; background:url(images/headbg.jpg) repeat-x bottom}
.head{ width:1200px; height:35px; text-align:left; line-height:35px; margin:auto}
.head_l{ float:left; text-align:left}
.head_r{ float:right; text-align:right}
.logo { width:1200px; height:133px; margin:auto}
.logo_left{ float:left; width:600PX; text-align:left}
.logo_left a img{ float:left}
.logo_left ul { text-align:left; line-height:35px; margin-top:40px; font-weight:bold; font-size:24px; letter-spacing:5px; color:#444444}
.logo_left ul span{ font-size:18px; letter-spacing:-1px; font-weight:normal}
.logo_right{ float:right}


.navs{ margin:0 auto;width:1200px;position:relative; COLOR: #000000;} 
.navs li{ float:left; COLOR: #000000;} 
.navs li.nav1 a{ display:block; width:170px; height:58px; line-height:58px; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: "Î¢ÈíÑÅºÚ";text-align:center;overflow: hidden; }  
.navs li.nav1 a:hover{COLOR: #ffffff; width:170px; height:58px;line-height:58px; background:#e70112;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;} 
.navs li.nav2 {  width:170px; height:58px; COLOR: #ffffff; FONT-FAMILY: "Î¢ÈíÑÅºÚ";font-weight: bold;text-align:center;line-height:58px;overflow: hidden; background:#e70112}  
.navs li.shuxian{ width:1px; background:url(images/sx.jpg); height:16px; margin-top:21px} 
.product_list1{
font-family: "Î¢ÈíÑÅºÚ";
font-size: 14px;
color: #ffffff;   
} 

.product{ width:1200px; margin-top:20px; margin:auto; height:480px}


#about{ width:100%; margin:auto; background: url(images/abg.jpg) no-repeat; background-position:center; height:542px; margin-top:20px;}
.about{ width:1200px; height:542px; margin:auto; }
.about .al{ width:599px; height:430px; background:url(images/al.png); float:left; margin-top:60px}
.about .al ul{; text-align:left; margin-left:40px; margin-top:20px; line-height:30px}



.case{ width:1200px; height:700px; margin:auto; margin-top:20px}

.case .a_lb { width:1200px; margin:auto; height:45px; background:#f1f1f1; line-height:45px; margin-top:40px}
.case .a_lb .all{ width:130px; text-align:center; background:#f70202; color:#FFFFFF; float:left}
.case .a_lb li{ float:left; width:90px; text-align:center}

.case .cp_list{ width:1200px; margin:auto; margin-top:15px; height:480px}
.case .cp_list ul{ margin-left:-20px}
.case .cp_list .move{ width:270px; height:200px; margin:auto; float:left; margin-left:35px; margin-top:48px}
.case .cp_list .move img{ border:2px solid #cccccc; width:260px; height:170px; margin:auto; padding:3px}
.case .cp_list .move .bt{ width:270px; height:30px; text-align:center; line-height:30px; background: #eeeeee; margin-top:1px}




#xinwen{ width:100%; height:510px; background:#e8e8e8; margin:auto; margin-top:20px}
.xjj{ width:100%; height:40px; margin:auto}
.xinwen{ width:1200px; height:420px; margin:auto; background:#FFFFFF;}
.xinwen .xwnr{ width:1200px; margin:auto}
.xinwen .xwnr .xl{ float:left}
.xinwen .xwnr .xl img{ margin-left:20px}
.xinwen .xwnr .xr{ float:right; width:600px;}
.xinwen .xwnr .xr .tj{ width:600px; height:100px; margin:auto;text-align: left;}
.xinwen .xwnr .xr .tj img{ float:left; padding:2px; border:1px solid #CCCCCC; height:100px; width:150px; vertical-align:top; margin-right:10px}
.xinwen .xwnr .xr .tj .tr{ float:left; width:430px; text-align:left; line-height:25px }
.xinwen .xwnr .xr .tj .tr ul{ font-weight:bold; border-bottom:1px dashed #CCCCCC; width:100%; line-height:30px}

.xinwen .xwnr .xr li{ float:left; background:url(images/xbg.jpg); width:272px; height:38px; line-height:38px; text-align:left; text-indent:1em; margin-top:5px; margin-left:10px}




#foot1{ width:100%; height:256px; background: url(images/btbg.jpg); margin:auto;}
.foot1{ width:1200px; margin:auto; height:47px; line-height:47px; text-align:center; color:#FFFFFF}
.foot1 a{ color:#FFFFFF}

.foot2{ width:1200px; margin:auto; height:163px; color:#b0b3b3; text-align:right; color:#000000}
.foot2 img{ float:left; vertical-align:top}
.foot2 ul{ margin-top:20px; line-height:35px; float:right}


.foot3{ width:1200px; height:46px; line-height:46px; margin:auto; color:#000000}
.foot3 .f3_l{ float:left; text-align:left}
.foot3 .f3_r{ float: right; text-align:right}
.foot3 a{ color:#000000}

#nybody { 
width:1200px; margin:auto; margin-top:15px}
.nyleft {
width:250px; margin:auto; float:left; }


#nyleft-title{height:100px;margin:auto; font-size:20px;font-family:"Î¢ÈíÑÅºÚ";color:#ffffff; text-align:center; background: #35aae0; border-bottom:2px solid #CCCCCC}
#nyleft-title ul{ padding-top:20px}
#nyleft-title ul span{ font-size:26px}
#nyleft-contact{ width:248px; margin:auto; height:50px; line-height:50px; background:#504f4f; color:#FFFFFF; font-size:20px; margin-top:10px}
#nyleft-content{ width:248px; text-align:left; line-height:30px; font-size:14px; border:1px solid #e3e3e3; border-top:none}
#nyleft-content span{ font-weight:bold}

.hover1 {BACKGROUND:#999999; COLOR: #ffffff; height:50px; line-height:50px;text-align:left;border-bottom:1px solid #cccccc}
.hover2 {width:250px;line-height:50px;color:#381a12;font-size:14px;font-family:"Î¢ÈíÑÅºÚ";height:50px;margin:auto; background: #ffffff;text-align:left; border-bottom:1px solid #cccccc}
.nyleft A { DISPLAY: block; color:#000000; width:250px; height:50px; line-height:50px;text-align:left; background:#f9f9f9}
.nyleft A:hover {BACKGROUND: #35aae0; COLOR: #ffffff; height:50px; line-height:50px;text-align:left;border-bottom:1px solid #999;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.hover1 a{ color:#ffffff; font-weight:bold; background:#35aae0} 


#bar{ width:100%; height:45px; margin:auto; border-bottom:3px solid #CCCCCC;}
.bar{width:100%; height:45px; text-align:left; margin:auto; line-height:45px; font-size:14px; color:#000000}
.bar span{ font-size:18px}
.bar img{ float:left; margin-right:10px}




#nyright {
width:930px; float:right; margin:auto;line-height:23px;font-size:14px;font-family:"Î¢ÈíÑÅºÚ"; text-align:left;color:#636161; padding-top:14px; }
.nyright {
width:920px; margin:auto;font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; text-align:left; margin-top:15px}
.nyright a{ color:#000000}
.nyright a:hover{
color:#FF0000}
#nyright img{ max-width:900px}
.pimg img{ max-width:300px; margin:auto; border:1px solid #CCCCCC}

.nyright01 {
width:830px; height:40px; line-height:40px; margin:auto;font-family:"Î¢ÈíÑÅºÚ"; font-size:14px; text-align:left; border-bottom:1px dashed #CCCCCC}
.nyright02 {
width:100px; height:50px; line-height:50px; margin:auto; font-size:14px;font-family:"Î¢ÈíÑÅºÚ"; text-align:right; border-bottom:1px dashed #CCCCCC}

.newsleft {width:1200px;margin:auto; height:80px }
.newsleft  .hover2 {width:150px;line-height:51px;font-family:"Î¢ÈíÑÅºÚ";height:51px;margin:auto;text-align:center; float:left; margin-left:15px}
.newsleft .hover1 { height:51px; line-height:51px;text-align:center; float:left; width:150px; margin-left:15px}
.newsleft  A {  float:left; width:150px; height:51px; border:1px solid #CCCCCC; line-height:51px; margin-left:15px; font-size:14px}
.newsleft .hover2 A:hover { width:150px; height:51px; margin:auto;  COLOR: #ed7020; display:block; background:#ed7020; color:#FFFFFF;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; margin-left:15px  }
.newsleft .hover1 a{ color:#fff;  font-weight:bold; background:#ed7020;  }
.newsleft ul{ margin-left:-30px}

.Page{ padding:20px 0; text-align:center; font-size:0 }
.Page a{ display:inline-block; padding:8px; font-size:14px; margin:0 1px;  color:#000; border:1px solid #CCCCCC }
.Page a.cur,.Page a:hover{ color:#fff; border-bottom:1px solid #58adfe; background:#1b3582;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear; }



.case_list{ width:930px; margin:auto}
.case_list ul li{ float:left; width:280px; height:240px;  margin-left:45px; margin-top:20px;font-size:16px; overflow: hidden; }
.case_list ul{ margin-left:-45px}
.case_list ul li a img{ width:274px;height:200px; border:1px solid #CCCCCC; padding:2px}

.case_list ul li span{ display:block; background:#eeeeee; text-align:center; line-height:40px; height:40px}



#lx_nr{ width:100%; background:#f9f9f9; margin:auto; height:550px}
.lx_nr{ width:1200px; margin:auto}


.about_left{ width:1200px; margin:auto; height:80px; }
.about_left ul{ margin-left:-15px}
.about_left ul li a{ float:left; width:150px; height:45px; border:1px solid #CCCCCC; line-height:45px; margin-left:15px}
.about_left ul li a:hover{ background:#ed7020; color:#FFFFFF;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}


