﻿/* CSS Document 	behavior: url(css/csshover.htc);*/
/*-------------------------------网页全局------------------------------------------*/
/**/
.head{ width:100%; height:140px;  position:fixed; background:#FFFFFF; z-index:1000; top:0px; left:0px;}
.heads{ width:1200px; height:140px;}

.headTop{ width:100%; height:83px; border-bottom:1px solid #EEE; overflow:hidden;}
.headTops{ width:1200px; height:83px;}

.headTop .right_top{ width:280px; height:54px; line-height:54px; float:right; text-align:right; }
.headTop .right_top a{ display:inline-block; width:42px; padding-left:20px; background:url(../image/map.jpg) no-repeat left center;}
.logo{ width:560px; height:80px; float:left;}
.headLeft{ width:950px; height:56px; float:left;}
.headLeft ul,.headLeft li{ margin:0px; padding:0px; list-style:none;}
.headLeft li{ width:auto;  height:56px; float:left; position:relative;  line-height:56px;   margin-right:1px; }
.headLeft li a{ width:auto;  height:56px; display:block; padding:0px 22px ; }
.headLeft li:hover a,.headLeft li a:hover,.headLeft li.default a{ background:url(../image/psd_r4_c2.jpg) repeat-x left bottom; color:#0069BC;}
.headLeft li ul{ border-top:4px solid #EBEBEB;  position:absolute; background:#FFFFFF; top:56px; left:0px; display:none;}
.headLeft li:hover ul{ display:block;}
.headLeft li ul li{ width:220px; height:40px;  line-height:40px; border-bottom:1px solid #EBEBEB; overflow:hidden;}

.headLeft li:hover ul li a,.headLeft li ul li a{ height:40px; width:180px; font-size:14px; background:#FFFFFF; color:#666;
transition: padding-left 0.2s;
}
.headLeft li ul li a:hover{ background:#0069BC; color:#FFFFFF; padding-left:34px; width:166px;
transition: padding-left 0.2s;
}

.headRight{ width:114px; height:55px; float:right; background:url(../image/head_right.png) no-repeat right top;}
.headRight a{ width:40px; height:40px; display:block; float:left; position:relative;}
.headRight a .ewms{ width:187px; height:98px; position:absolute; left:-154px; top:40px; padding-top:20px; display:none;}
.headRight a .phone{ width:207px; height:68px; position:absolute; left:-172px; top:40px; padding-top:20px;display:none;}
.headRight a .search{width:217px; height:48px; position:absolute; left:-192px; top:40px; padding-left:10px; padding-top:40px; background:url(../image/ssdh.png) no-repeat left bottom; display:none;}
.headRight a .search .int{ width:155px; height:30px; outline:none; line-height:30px; padding:0px 5px; border:0px;BACKGROUND-COLOR: transparent; float:left;}
.headRight a .search .ans{ width:30px; height:30px; margin-left:12px; float:left;}


.headRight a.cx{ width:34px; cursor:default;}

.indexFlash{ width:100%; height:100%;  position:relative; }

/*---------------------------------*/

.swiper-container,.swiper-wrapper{ height:100%;}
.swiper-slide { 

height:100%;color: #fff;font-size: 36px;text-align: center;
}

 .swiper-pagination-bullet {
      width: 32px;
      height: 26px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000; position:relative;
      opacity: 1; 
      background: rgba(0,0,0,0);border-radius: 0px;
	
    }
	.swiper-pagination-bullet i{

	position:absolute; top:15px; display:none; width:100%; display:block;opacity:0;
	font-style: normal;
	-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
}
	.swiper-pagination-bullet .line{ width:100%; height:2px; background:#fff;font-size:0px; line-height:0px; position:absolute; bottom:0px;
	-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms;
	}
    .swiper-pagination-bullet-active {
      color:#fff; 
    
    }
  .swiper-pagination-bullet-active .line{
   height:6px;background:#C9111B;
  }
.swiper-slide div{
background-size:140%;
-webkit-transition:4000ms; -moz-transition:4000ms; -ms-transition:4000ms; transition:4000ms;
}

.swiper-slide div p{ z-index:10000; color:#fff;}
.swiper-pagination-bullet-active i{ top:0px; opacity:1;}
.swiper-slide-active div{background-size:100%;}

.swiper-button-next,.swiper-button-prev{ margin-top:80px;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px;}
.swiper_page_bj{ width:100%; height:50px; position:absolute; bottom:0px; background:#FFFFFF; left:0px; z-index:9; opacity:0.5;}
/*------------------------------*/
.IndexTops{ width:1200px; height:145px;  text-align:center;}
.IndexTops .divBox{ width:134px; height:40px;  padding-top:42px; font-size:28px; line-height:40px;}
.IndexTops .divBoxs{ width:134px; height:24px; line-height:24px;color:#999;}
.IndexGd{ 
width:1200px; height:396px;position: relative;
			}
.IndexGd .box{ width:1200px; height:338px; overflow:hidden;}			
.IndexGd #roll{width: 200%;}
.IndexGd #roll dd{
				width: 304px;height: 338px;float: left; text-align:left; position:relative;
			}
.IndexGd #roll dd a{ width:286px; height:336px; display:block; border:1px solid #F6F6F6; background:#F9FAFC;}			
.IndexGd #roll dd img{
 width:286px; height:286px; 
}
.IndexGd #roll dd .imgs{
 width:286px; height:50px; text-align:center; background:#F2F2F2;
  line-height:50px; text-align:center; color:#555; font-size:14px;

transition: all 0.2s;

}
.IndexGd #roll dd a:hover .imgs{
 background:#0162B1; color:#fff;
}
.IndexGd #roll dd .imgs b{ font-size:14px; line-height:28px; display:block;}
			
.IndexGd  span{position: absolute; top:114px; display: inline-block;width: 30px; height:57px;text-align: center;cursor: pointer;z-index: 90;  }
.IndexGd  span.prev{left: -60px; background:url(../image/left.png) no-repeat center center;}
.IndexGd  span.next{right: -60px; background:url(../image/right.png)no-repeat center center;}


a.IndexGds{
	 width:140px; height:30px; border:1px solid #D9D9D9; color:#666; margin:0px auto; display:block; text-align:center;
	  line-height:30px; margin-bottom:90px;transition: all 0.2s;
}
a:hover.IndexGds{ border:1px solid #0162B1; color:#0162B1;}

.IndexGG{ width:100%; height:690px; padding-top:40px;
 background:url(../image/pro4_c1.jpg) no-repeat center top;

}

.IndexGG .BBbodys{ width:1200px; height:480px; overflow:hidden; padding-top:6px;}
.IndexGG .BBbodys ul{ width:1300px; height:470px; float:left;}
.IndexGG .BBbodys ul li{ width:406px; height:470px; float:left;}
.IndexGG .BBbodys ul li .box{ width:386px; height:470px; float:left;}
.IndexGG .BBbodys ul li .box .Bbodys{ width:386px; height:258px; background:#fff;}
.IndexGG .BBbodys ul li .title{ width:328px; height:71px; font-size:18px; line-height:66px; padding-top:10px;}
.IndexGG .BBbodys ul li .coms{ width:328px; height:107px; font-size:14px;line-height:22px; color:#888;}
.IndexGG .BBbodys ul li a.more{ width:326px; height:38px; border:1px solid #E9E9E9; margin:0px auto; display:block; font-size:12px; text-align:center; line-height:38px;transition: all 0.2s;}
.IndexGG .BBbodys ul li:hover a.more{ background:#0162B1; color:#fff;}	
.IndexComTitle{ width:1200px; height:176px;}
.IndexComTitle .divBox{ width:134px; height:40px;  padding-top:42px; font-size:28px; line-height:40px;}
.IndexComTitle .divBoxs{ width:334px; height:24px; line-height:24px;background:#FFFFFF; color:#777; text-align:center;}

.IndexCompany{ width:1200px; height:456px; padding-top:132px;}
.IndexCompany .lefts{ width:610px; height:310px; float:left;}
.IndexCompany .rights{ width:590px; height:310px; float:left; color:#888;line-height:28px; }

.IndexCompany .tops{ width:590px; height:92px;}
.IndexCompany .tops h3{ padding-top:8px; line-height:40px; font-size:24px; font-weight:normal; color:#333;}
.IndexCompany .tops .en{ font-size:16px; color:#999; padding-left:15px;  }
.IndexCompany a.mores{    font-size:12px;}
.IndexCompany .link_body{ width:590px; height:115px; padding-top:35px; overflow:hidden;}
.IndexCompany .link_body .tits{  width:590px; height:42px; line-height:36px;}
.IndexCompany .link_body .imgs{ width:620px; height:40px;}
.IndexCompany .link_body img{ width:138px; height:48px; background:#FFFFFF; margin-right:10px; border:1px solid #E9E9E9;}

.footer{ width:100%; height:90px; padding-top:20px;  background:#0162B1; text-align:left;}
.footer .bodys{ width:1200px; height:90px; line-height:28px;}

.footer .tops{ width:1200px; height:46px; line-height:46px;}
.Copyright{ width:1040px; height:44px; float:left; font-size:12px;  }

.Copys{ width:160px; height:44px; float:left; text-align: right;  }
/*----------------------------------*/
.zybody{ background:#F8F8F8;}/*background:#F3F3F3;*/
.zyFlash{ width:100%; height:352px; background:#000000;}
.zyMenu{ width:100%; height:58px; text-align:center; background:#ECECEC; line-height:58px; font-size:16px; }
.zyMenus{ width:1200px; height:58px; }

.zyMenu a{ display:block; float:left; width:auto; padding:0px 20px; height:58px;  }
.zyMenu a:hover,.zyMenu a.default{ background:url(../image/r4_c4.jpg) repeat-x left bottom; color:#0162B1; }


/*----------------------关于我们--------------------------*/

.SubBody{ width:1200px; _height:500px; min-height:500px; padding:40px 0px; margin-bottom:30px; line-height:28px;}

.about_img{ width:1200px; height:auto; padding:20px 0px;}
.about_img li{ display:inline-block; 
 vertical-align:top; width:360px; padding:20px; height:auto; float:left;}
 .about_img li img{  width: 100%;
    height: 100%;}
 .about_img li .titles{ width:100%; height:24px; padding-top:10px; line-height:24px; text-align:center; font-size:14px;}
/*----------------留言版------------*/
.inputs{ width:200px; height:30px; border:1px solid #ded1c4; outline: none; line-height:30px; padding:0px 5px;color:#6C584D; }
.inputDivs{ width:60px;height:30px; border:1px solid #ded1c4; outline: none;color:#6C584D; }
.inputDi{ width:450px; height:100px; line-height:30px; border:1px solid #ded1c4; outline: none;color:#6C584D; }
/*--------新闻中心-------*/

.NewBodys{ width:1200px; _height:500px; min-height:500px; padding:26px 0px; }


.NewBodys ul,.NewBodys li{ margin:0px; padding:0px; list-style:none;}
.NewBodys li{ width:1200px; height:200px; margin-top:40px; background:#FFFFFF;  }
.NewBodys li .imgs{ width:320px; height:200px; float:left;}
.NewBodys li .coms{ width:880px; height:146px; float:left; padding-top:53px; border-bottom:1px solid #E7E7E7;}
.NewBodys li .times{ width:97px; height:75px; padding-left:50px; float:left; background:url(../image/line.jpg) no-repeat right top; color:#515151;}
.NewBodys li .times span{ font-size:26px; line-height:26px;}

.NewBodys li .coms .bodys{ width:538px; height:84px; float:left; line-height:22px; color:#A2A2A2; padding-left:42px; padding-right:100px; background:url(../image/r5_c12.png) no-repeat right center;}
.NewBodys li .coms .bodyTop{ width:538px; height:34px; font-size:16px;}

.NewBodys li:hover .coms{ border-bottom:1px solid #0162B1;}

.NewBodys li:hover .bodys{ background:url(../image/r12_c12.png) no-repeat right center;}

.NewPage{ width:1200px; height:55px; padding-top:35px; text-align:center;  }
.NewPage a{ width:auto; height:auto; border:1px solid #ddd; padding:5px 12px; display:inline-block; }
.NewPage a.default{ background:#0162B1; color:#fff;}

/*------------新闻详细页----------------------*/
.showTits{ width:100%; height:132px; padding-top:133px; background:#F0F0F0;}

.showTime{ width:1200px; height:30px; color:#222; line-height:30px;}

.showTitle{ width:1200px; height:46px; line-height:46px; font-weight:normal; font-size:26px; margin:0px auto; color:#A9262C; }

.showTitle .lefts{ float:left; line-height:38px;}
.showTitle .rights{ float:right; line-height:38px;}
.ShowBody{ width:1100px; _height:500px; min-height:500px; padding:30px 50px; margin-bottom:30px; line-height:28px; background:#FFFFFF;}


.NextPage{ width:1100px; height:64px; padding-top:60px;}
.NextPage .lefts{ width:762px; height:64px; float:left; line-height:32px;}
.NextPage .lefts b{ font-weight:normal; color:#2166A7;}
.NextPage .rights{ width:104px; height:52px; float:right; padding-top:12px;}
.NextPage .rights a{ background:#BBBBBB; color:#FFFFFF; width:104px; height:42px; text-align:center; line-height:42px; display:block;}


/*----------------------产品列表--------------------------*/

.proList{ width:1200px; height:auto; overflow-x:hidden;}
.proList ul,.proList li{ margin:0px; padding:0px; list-style:none;}
.proList ul{ width:1220px; height:auto; float:left; margin-bottom:100px;}
.proList ul li{ width:1200px; height:286px; float:left; padding-top:30px; border-bottom:1px solid #F8F8F8; }
.proList ul li:hover{  border-bottom:1px solid #0263AA; }

.proList ul li .imgs{ width:286px; height:286px; float:left;}
.proList ul li .rights{ width:914px; height:286px; float:left; background:#fff;}
.proList ul li .title{ padding:50px 52px 0px 40px; height:47px; line-height:36px; width:822px; font-size:20px;  }
.proList ul li .bodys{ width:822px; padding:0px 52px 0px 40px; height:76px; color:#888; line-height:28px;}
.proList ul li a.shows{
      width:122px; height:40px; margin-left:40px; display:block;  border: 1px solid #D9D9D9; 
	  line-height:40px; text-align:center; font-size:12px;
	  transition: all 0.2s;
	  }
.proList ul li a:hover.shows{ background:#0262AC; color:#fff;}



.proshowTop{ width:1200px; height:460px; padding-top:50px;}
.proshowTop .imgs{ width:450px; height:450px; float:left; background:#FFFFFF; margin-right:50px;}
.proshowTop .rights{ width: 700px; height:450px; float:left;}
.proshowTop .rights h1{ width:700px; height:56px; border-bottom:1px solid #E5E5E5; font-weight:normal; font-size:26px; line-height:46px; color:#A9262C;}
.proshowTop .rights .cs{ width:700px; height:44px; line-height:44px; border-bottom:1px solid #E5E5E5; font-size:16px;}
.proshowTop .rights .cs span{ width:316px; height:44px; display:block; float:left;}
.proshowTop .rights .cs span b{ color:#999; font-weight:normal;}
.proshowTop .rights .coms{ width:700px; min-height:144px; line-height:28px;}

.proshowTop .rights .fx{ width:700px; height:57px; line-height:40px;}
.proshowTop .rights .fx b{ float:left; font-weight:normal;}
.bdsharebuttonbox{ float:left;}
.proshowTop .rights .ls{ width:700px; height:80px; background:#F3F3F3;}
.proshowTop .rights .ls .divs{ width:175px; height:63px; padding-top:17px; float:left; padding-left:15px;}
.proshowTop .rights .ls .Pays{ width:130px; height:45px; margin:0px 5px; float:left; background:#82100F url(../image/sh.png) no-repeat 96px center;
font-size:16px; color:#FFFFFF; line-height:44px; position:relative; 

  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.proshowTop .rights .ls .Pays a{ width:110px; height:45px;padding-left:20px;  display:block;color:#FFFFFF;}
.proshowTop .rights .ls .Pays dl{ position:absolute; width:130px; height:auto; left:0px; top:45px; display:none;border-top:1px solid #F8F8F8;}
.proshowTop .rights .ls .Pays dd{width:130px; height:40px;  float:left;border-bottom:1px solid #F8F8F8; font-size:14px;}
.proshowTop .rights .ls .Pays dd a{ height:40px; line-height:40px; color:#FFFFFF;background:#0263B2;}
.proshowTop .rights .ls .Pays dd a:hover{background:#92744E;}
.proshowTop .rights .msgs{width:130px; height:45px; margin:0px 5px; float:left; background:#92744E;
text-align:center; font-size:16px; text-align:center; line-height:44px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.proshowTop .rights .msgs a{ color:#FFFFFF;}
.proshowTop .rights .phone{ width:380px; height:80px; float:left; color:#0262AC; font-size:20px; line-height:80px; }
.proshowTop .rights .phone b{ font-size:24px;}
.proshowTitle{ width:1200px; height:58px; padding-top:22px; line-height:58px; font-size:20px; border-bottom:1px solid #D2D2D2; color:#666;}
.proshowBody{ width:1200px; min-height:500px; line-height:28px; padding:24px 0px;}




/*------------学校展示----------------------*/
.ZpBody{ width:1200px; height:auto;}
.ZpBodys{ padding:40px; width:1120px; _height:500px; min-height:500px; background:#FFFFFF; margin-bottom:30px; float:left;}

.ZpBodys ul,.ZpBodys li{margin:0px; padding:0px; list-style:none;}

.ZpBodys li{ height:182px; width:540px; padding:10px;  float:left;} 
.ZpBodys li .tops{ width:120px; height:40px; background:url(http://www.mfmetal.com.cn/en/image/r2_c5.png) no-repeat; position:absolute; top:0px; right:0px; line-height:24px; padding-left:43px; color:#FFFFFF;}
.ZpBodys li .tops span{ font-size:16px; color:#B0C985;}

.ZpBodys li .box{ width:500px; height:142px; padding:19px; border:1px solid #ECECEC; position:relative; color:#6A7179; overflow:hidden;}
.ZpBodys li .box a{ 
display:block; width:540px; height:182px; background:url(http://www.mfmetal.com.cn/en/image/an.png) no-repeat; position:absolute; left:0px; top:182px; z-index:100; 
}


.ZpBodys li .imgs{ width:168px; height:142px; float:left;}
.ZpBodys li .imgs img{ border:1px solid #DCDCDC;}
.ZpBodys li .coms{ width:330px; height:142px; float:left;}
.ZpBodys li .coms .tetops{ width:330px; height:36px; line-height:36px; font-size:20px;}
.ZpBodys li .coms .en{ width:330px; height:29px; line-height:20px;}
.ZpBodys li .coms .class{ width:330px; height:40px;}
.ZpBodys li .coms .class span{ width:auto; height:26px; line-height:26px; padding:0px 10px; display:block; float:left; border:1px solid #ddd; background:#F2F2F0; margin-right:10px;}
.ZpBodys li .coms .adds{ width:330px; height:30px; line-height:30px; background:url(http://www.mfmetal.com.cn/en/image/r9_c4.png) no-repeat left top;}
.ZpBodys li .coms .adds .as{ width:152px; height:30px; float:left; padding-left:18px;}
.ZpBodys li .coms .adds .ats{ width:140px; height:30px; float:left; padding-left:20px;}

.comFlash{ height:390px;}
.comFlash .bodys{ width:1150px; padding:172px 0px 0px 50px;}
.comFlash .bodys .lefts{ width:168px; height:142px; float:left;}
.comFlash .bodys .lefts img{ border:1px solid #DCDCDC;}
.comFlash .bodys .rights{ width:630px; height:142px; float:left; color:#FFFFFF;}
.comFlash .bodys .rights h1{ line-height:34px; font-size:24px; font-weight:normal;}
.comFlash .bodys .rights .en{ line-height:26px;}
.comFlash .bodys .rights  .class{ width:630px; height:44px; margin:0px; padding-top:6px;}
.comFlash .bodys .rights  .class span{ width:auto; height:26px; line-height:26px; padding:0px 10px; display:block; float:left; background:#0085D0; margin-right:10px;}

.comFlash .bodys .rights .adds{ width:630px; height:20px; line-height:20px; background:url(http://www.mfmetal.com.cn/en/image/r7_c6.png) no-repeat left top;}
.comFlash .bodys .rights .adds .as{ width:154px; height:20px; float:left; padding-left:18px;}


.combody{ padding:30px 50px; width:1100px; _height:500px; min-height:500px; background:#FFFFFF; margin-bottom:30px; float:left;}

.combody .lefts{ width:250px; height:auto; float:left;}
.combody .lefts .TopTitle{ width:210px; height:45px; float:left; background:#0085D0; padding-left:10px; line-height:45px; font-size:16px; color:#FFFFFF;}

.combody .lefts ul,.combody .lefts li{ margin:0px; padding:0px; list-style:none;}
.combody .lefts li{ width:220px; height:38px; line-height:38px; float:left; border-top:2px solid #fff;}
.combody .lefts li a{ width:200px; padding-left:20px; background:#ECECEC url(http://www.mfmetal.com.cn/en/image/r6_c3.png) no-repeat left top; display:block;}
.combody .lefts li a:hover,.combody .lefts li a.default{ background:#5EAFDC url(http://www.mfmetal.com.cn/en/image/r6_c3.png) no-repeat left bottom; color:#FFFFFF;}
.combody .rights{ width:850px; height:auto; float:left;}
.combody .rights .topTitls{ width:850px; height:44px; border-bottom:1px solid #A7D3EC; line-height:44px; color:#0286D0; font-size:16px;}

.combody .rights .bodys{ width:850px; height:auto; padding:32px 0px; line-height:28px;}



/*-----------产品中心-----------*/

.ProClassBody{
 width:1136px; height:auto; padding:40px 32px; background:#fff ; float:left; margin-bottom:30px;
}
.ProClassBody ul,.ProClassBody li{ margin:0px; padding:0px; list-style:none;}

.ProClassBody li{ width:284px; height:352px; float:left; overflow:hidden;}
.ProClassBody li .box{ width:248px; height:320px; background:#ECECEC; 
}
.ProClassBody li .imgs{ width:142px; height:142px;}
.ProClassBody li .imgst{ width:248px; height:162px;}
.ProClassBody li .imgs img{border-radius:75px;}
.ProClassBody li .title{ width:264px; height:36px; padding-top:4px; line-height:32px; text-align:center; font-size:16px;}
.ProClassBody li .coms{ width:202px; height:74px; line-height:20px;}
.ProClassBody li a.mores{ width:100px; height:32px; display:block; margin:0px auto; line-height:32px; text-align:center; color:#FFFFFF; background:#0085D0;border-radius:5px;}


/*--------------------------*/

/*-------------------------------会员登录-----------------------------------*/
.login_body{
 width:420px; height:334px; background:#FFFFFF; margin:50px auto 0px; border:1px solid #403B42;
}
.login_body .title{
 width:420px; height:49px;  text-align:center; line-height:49px; font-size:16px; font-weight:bold; background:#403B42; color:#FFFFFF;
 }
.login_body .title .left{ float:left; padding-left:20px;}
.login_body .title .right{ float:right; cursor:pointer;}
.login_body .title .right img{
 transition: transform 0.3s;  -webkit-transition: transform 0.3s;
 }
.login_body .title .right:hover img{
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 

}
.login_body .loginbodys{ width:380px; height:270px; padding-top:10px;}
.login_bj{
 height:100%; width:100%; background:#000000; _position:absolute; position:fixed; top:0px; left:0px; z-index:10000;
  filter:alpha(opacity=50); display:none;
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;

}
.login_body .loginbodys .lines{ width:280px; height:30px; line-height:30px; color:#666;}
.login_body .loginbodys .topLines{ width:100%; height:40px; line-height:40px; text-align:center; border-bottom:1px dashed #ccc; font-size:16px;}

.login_body .loginbodys p,.login_body .loginbodys .vits{ width:280px; height:36px; line-height:36px; margin:0px auto; padding:2px 0px 5px;}
.login_body .loginbodys .vits .lefts{ width:100px; height:36px; float:left;}
.login_body .loginbodys .vits .coms{ width:60px; height:33px; float:left; padding-top:3px;}
.login_body .loginbodys .vits .rights{ width:120px; height:36px; float:left; text-align:right; font-size:12px;}
.login_body .loginbodys .lines span{ text-align:right; float:right; font-size:12px; color:#999;}

.login_body .loginbodys .user_name{ width:268px; height:34px; line-height:34px; padding:0px 5px;border:1px solid #ccc;}
.login_body .loginbodys .visde{ width:70px; }

.login_body .loginbodys .andt{ width:280px; height:40px; padding-top:5px;}
/*----





.Probody{ width:100%; height:532px; position:relative;}
.ProShow{ width:940px; height:710px; position:fixed; left:50%; margin-left:-470px; top:80px; background:#FFFFFF; z-index:2100;display:none;
 filter:alpha(opacity=0); 
	-moz-opacity:0;
-khtml-opacity: 0;
	opacity: 0;
}*/
.ProFl{ height:390px;}
.ProFlash{ padding-top:136px; height:200px; width:182px; }
.ProFlash  .imgs{ width:142px; height:142px;}
.ProFlash .imgs img{border-radius:75px;}
.ProFlash .title{ width:200px; height:54px;line-height:54px; text-align:center; font-size:16px; color:#FFFFFF;}

/*--------------------------------------------*/
 .JBBody{ width:1100px; height:auto; padding:40px 50px; background:#FFFFFF; float:left; margin-bottom:30px;}
 .JBBody ul,.JBBody li{ margin:0px; padding:0px; list-style:none;}
.JBBody li{ width:1070px; height:215px; border:1px solid #ECECEC; background:#F6F6F6 url(http://www.mfmetal.com.cn/en/image/r4_c4s.png) no-repeat right bottom; padding:14px; margin-bottom:20px;}
.JBBody li .lefts{ width:410px; height:215px; float:left;}
.JBBody li .Comrights{ width:640px; height:215px; float:left; }
.JBBody li .Comrights h3{ line-height:56px; font-size:20px; font-weight:normal;}
.JBBody li .Comrights .coms{ width:578px; padding-left:62px; height:158px;background:url(http://www.mfmetal.com.cn/en/image/d_r6_c6.png) no-repeat left top;}
.JBBody li .Comrights .boxs{ width:578px; height:62px; padding-top:14px; line-height:24px;}

.JBBody li.lir{background:#F6F6F6 url(http://www.mfmetal.com.cn/en/image/r14_c4.png) no-repeat left bottom;}
.JBBody li.lir .lefts{ width:410px; height:215px; float:right; text-align:right;}

.JBShow{ width:1100px; height:253px;background:#FFFFFF; padding:30px 50px 0px;}

.JBTop{ width:1070px; height:215px; border:1px solid #ECECEC; background:#F6F6F6 url(http://www.mfmetal.com.cn/en/image/r4_c4s.png) no-repeat right bottom; padding:14px; margin-bottom:20px;}
.JBTop .lefts{ width:410px; height:215px; float:left;}
.JBTop .Comrights{ width:640px; height:215px; float:left; }
.JBTop .Comrights h3{ line-height:56px; font-size:20px; font-weight:normal;}
.JBTop .Comrights .coms{ width:578px; padding-left:62px; height:158px;background:url(http://www.mfmetal.com.cn/en/image/d_r6_c6.png) no-repeat left top;}
.JBTop .Comrights .boxs{ width:578px; height:62px; padding-top:14px; line-height:24px;}


/*--------------------------------------------*/
.FdDiv{ width:60px; height:240px; position:fixed; z-index:100000; right:10px; top:50%;border:1px solid #eee; background:#FFFFFF;}
.FdDiv ul,.FdDiv li{ margin:0px; padding:0px; list-style:none; }
.FdDiv li{ width:60px; height:60px; float:left; position:relative; cursor:pointer; line-height:16px; font-size:12px; color:#0162B1; background:#0162B1; text-align:center;}
.FdDiv li .top{ width:60px; height:38px;}
#gotoTop{ color:#fff;}
.FdDiv li.div1{ background:#fff; }
.FdDiv li.div1 .phone{ width:160px; height:auto; color:#F6AC0D; line-height:30px; text-align:left; padding:15px 20px; background:#FFFFFF; font-size:20px; position:absolute; left:-200px; top:0px; display:none;}

.FdDiv li.div2{ background:#fff;}
.FdDiv li.div2 .mobile{ width:100px; height:100px; color:#F6AC0D; line-height:60px; text-align:left; padding:10px; background:#FFFFFF; display:none;  position:absolute; left:-120px; top:-30px;}

.FdDiv li.div3{ background:#fff;}
.FdDiv li.div3 .ewm{ width:100px; height:100px; color:#F6AC0D; line-height:60px; text-align:left; padding:10px; background:#FFFFFF;  position:absolute; left:-120px; top:-40px;display:none;}

.FdDiv li.div4{ background:#84C60A;}
.FdDiv li.div4 .qq{ width:180px; height:180px; color:#F6AC0D; line-height:60px; text-align:left; padding:10px; background:#FFFFFF;  position:absolute; left:-200px; top:-60px;display:none;}

.FdDiv li.div4 .qq .divQQ{ width:130px; height:44px; padding-left:50px; background:url(http://www.mfmetal.com.cn/en/image/qq.png) no-repeat 10px center; font-size:14px; line-height:44px;}


.FdDiv li:hover .phone,.FdDiv li:hover .mobile,.FdDiv li:hover .ewm,.FdDiv li:hover .qq{ display:block;}