@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft YaHei"; font-size:12px; margin:0px; padding:0px; background:#fff;}
*{ margin:0px; padding:0px; font-family:"Microsoft YaHei";}
a{ text-decoration:none;}
img{ border:none; width: auto; max-width: 100%;}
ul{ margin:0px; padding:0px; list-style:none;}
 
.header{ width: 100%; height:150px; text-align: center; vertical-align: middle; line-height: 150px;}
.header img{ vertical-align: middle; line-height: 150px;}

.focus{position:relative;width:1200px;height:780px; margin: 0px auto;}  
.focus img{width:1200px;height:580px;} 
 

.focus .fPic{position:absolute;left:0px;top:0px; }  

.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  

.focus .D1fBten{overflow:hidden;zoom:1;height:16px;z-index:10;} 

.focus .D1fBtjp{overflow:hidden;zoom:1;height:16px;z-index:10;}

.focus .shadow{width: 440px; height: 48px;position:absolute;bottom:0;left:0px;z-index:10; line-height: 48px; font-size: 14px; color: #fff; text-indent: 40px; background: url(../images/ttbg.png) left  no-repeat;  filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  

.gengduo{width: 105px; height: 40px; position: absolute; top: 4px; line-height: 40px; text-indent: 0px; text-align: left;right: 40px; font-size: 14px; color: #fff; display: block; background: url(../images/jiantou.png) right center no-repeat;}

 
 .focus .fcon{position:relative;float:left;display:none; width: 1200px; height: 580px; }  
.focus .fcon img{display:block; width: 1200px; height: 580px;}  

.focus .fbg{ width: 660px; bottom:62px;left:270px;position:absolute;height:90px;text-align:center;z-index:200;}  


.focus .fbg div{margin:0px auto 0;overflow:hidden;zoom:1;height:90px}    


.focus .fbgen{ width: 1200px; bottom:62px;left:0px;position:absolute;height:90px;text-align:center;z-index:200;}  


.focus .fbgen div{margin:0px auto 0;overflow:hidden;zoom:1;height:90px}


.focus .fbgjp{ width: 1200px; bottom:62px;left:0px;position:absolute;height:90px;text-align:center;z-index:200;}  


.focus .fbgjp div{margin:0px auto 0;overflow:hidden;zoom:1;height:90px}  


.focus .D1fBt a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#015474; color: #fff;}   

.focus .D1fBten a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center; }    
.focus .D1fBten .current,.focus .D1fBten a:hover{background:#015474; color: #fff;} 

.focus .D1fBtjp a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center; }    
.focus .D1fBtjp .current,.focus .D1fBten a:hover{background:#015474; color: #fff;} 
 
 
.focus .prev,.focus .next{position:absolute;width:40px;height:74px; display: none;}
 
.menu{width: 100%; height: 60px; background: #ebebeb;border-bottom: 1px solid #e5e5e5; position: relative;}

.menubox{width: 840px; height: 60px; margin: 0px auto;}

.menuli{width: 120px; height: 60px; line-height: 60px; float: left;text-align: center;font-size: 14px; color: #191919; position: relative;}

.menuli a{color: #191919}
.menuli a:hover,.menuli a.cur{color: #e61d4c}

.menubg{width: 100%; height: 60px; background: #ebebeb;border-bottom: 1px solid #e5e5e5; position: absolute; left: 0px; top: -60px; display: none;}

.menubgen{width: 100%; height: 120px; background: #ebebeb;border-bottom: 1px solid #e5e5e5; position: absolute; left: 0px; top: -120px; display: none;}


.mtop1{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -300px; z-index: 9; display: none;}

.mtop1en{width: 1200px; height: 60px; text-align: center;position: absolute; top: -120px; left: -300px; z-index: 9; display: none;}

.mtop2{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -420px; z-index: 9; display: none;}
.mtop3{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -540px; z-index: 9; display: none;}
.mtop4{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -660px; z-index: 9; display: none;}
.mtop5{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -780px; z-index: 9; display: none;}
.mtop6{width: 1200px; height: 60px; text-align: center;position: absolute; top: -60px; left: -900px; z-index: 9; display: none;}


.mtop1 a,.mtop2 a,.mtop3 a,.mtop4 a,.mtop5 a,.mtop6 a{ font-size: 14px;color: #333; padding: 0px 10px;}
.mtop1 a:hover,.mtop2 a:hover,.mtop3 a:hover,.mtop4 a:hover,.mtop5 a:hover,.mtop6 a:hover{  color: #e61d4c}
 

.menuli:hover .mtop1,.menuli:hover .mtop2,.menuli:hover .mtop3,.menuli:hover .mtop4,.menuli:hover .mtop5,.menuli:hover .mtop6{display: block;}

.footer{width: 1200px; height:78px; margin: 0px auto;}

.fleft{width: 530px; height: 78px;line-height: 78px;font-size: 12px;color: #333; float: left}
.fcc{width: 140px; height: 78px;line-height: 78px;font-size: 12px;color: #333;float: left}

.fico1{width: 35px; height: 35px;float: left; margin-top: 21px; position: relative; background: url(../images/qq.png) center center no-repeat}
.fico1:hover{background: url(../images/qq2.png) center center no-repeat}

.fico1 a{display: block; width: 35px; height: 35px;}


.fico2{width: 35px; height: 35px;float: left; margin-top: 21px; position: relative; background: url(../images/weixin.png) center center no-repeat}
.fico2:hover{background: url(../images/weixin2.png) center center no-repeat}

.weixin{width: 132px;height: 141px;position: absolute; top: -140px; left: -60px; background: url(../images/weibg.png); display: none;}

.weixin img{width: 116px; height: 116px; float: left; margin-left: 8px; margin-top: 8px;}

.fico2:hover .weixin{display: block;}



.fico3{width: 35px; height: 35px;float: left; margin-top: 21px; position: relative; background: url(../images/tel.png) center center no-repeat}
.fico3:hover{background: url(../images/tel2.png) center center no-repeat}

.ftel{width: 160px;height: 40px;position: absolute; top: -35px; font-size: 14px; color: #fff; text-indent: 40px; line-height: 30px; left: -107px; background: url(../images/telbg.png) no-repeat; display: none;}

 
.fico3:hover .ftel{display: block;}


.fright{width: 530px; height: 78px; vertical-align: middle;line-height: 78px;font-size: 12px;color: #333; text-align: right;float: left}

.fright img{line-height: 78px; vertical-align: middle;}

.fright a{color: #333; }

.neiban{width: 1200px; height: auto; overflow: hidden;margin: 0px auto;}

.neiban img{width: 1200px;}


.planmu{ width: 660px; margin: 20px auto;height:90px;text-align:center;}  
 
.planmu a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;outline:0;}    
.planmu a.current,.planmu a:hover{background:#015474; color: #fff;}   


.planmuen{ width: 1200px; margin: 20px auto;height:90px;text-align:center;}  
 
.planmuen a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;outline:0;}    
.planmuen a.current,.planmu a:hover{background:#015474; color: #fff;}   

.planmujp{ width: 800px; margin: 20px auto;height:90px;text-align:center;}  
 
.planmujp a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;outline:0;}    
.planmujp a.current,.planmu a:hover{background:#015474; color: #fff;}   


.planmu-yy{ width: 540px; margin: 20px auto;height:90px;text-align:center;}  
 
.planmu-yy a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;outline:0;}    
.planmu-yy a.current,.planmu a:hover{background:#015474; color: #fff;}   


.planmu-yyen{ width: 800px; margin: 20px auto;height:90px;text-align:center;}  
 
.planmu-yyen a{position:relative;display:inline-block;width:auto;height:36px; padding: 0px 15px; line-height: 36px; margin: 0px 5px;margin-top:5px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;outline:0;}    
.planmu-yyen a.current,.planmu a:hover{background:#015474; color: #fff;} 

 

.list{width: 1200px; height: auto; overflow:hidden; margin: 0px auto;}

.list ul{width: 1200px; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style: none;}

.list ul li{width: 380px; height: 320px; float: left; margin-right: 30px;margin-bottom: 30px; position: relative;}

.list ul li:nth-child(3n){ margin-right: 0px;}

.list ul li img{width: 380px; height: 320px;}

.listbg{width: 380px;height: 320px; position: absolute;left: 0px; top: 0px; z-index: 9; display: none;background: #015474;}

.listbgtit{width: 380px; height: 100px; line-height: 100px; float: left; text-align: center; font-size: 24px; color: #fff; margin-top: 90px;}

.listbgmore{width: 88px;height: 36px; border: 1px solid #fff; line-height: 36px; text-align: center; font-size: 14px; color: #fff; float: left; margin-left: 145px; display: inline;}

.listbgmore a{ color: #fff;}

.list ul li:hover .listbg{ display: block;}




.nlist{width: 1200px; height: auto; overflow:hidden; margin: 0px auto; margin-bottom: 30px;}

.nlist ul{width: 1200px; height: auto; overflow: hidden; margin: 0px; padding: 0px; list-style: none;}

.nlist ul li{width: 1200px; height: 300px; float: left;  margin-top: 40px; border-bottom: 1px dashed #ebebeb; padding-bottom: 40px;}
  
 
.nlleft{width: 600px; height: 300px; float:left; background: #ebebeb;line-height: 300px; vertical-align: middle; text-align: center;}

.nlleft img{ width: auto; max-width: 600px; max-height: 300px;}

.nlright{width: 580px; height: 300px; float:right;}

.nlrtitle{width: 580px; height: 24px;font-size: 22px; color: #333333; line-height: 24px; float: left;}

.nlrtitle a{font-size: 22px; color: #333333;}
.nlrinfo{width: 580px; height: 180px; border-top: 1px dashed #ebebeb;float: left; margin-top: 15px; font-size: 16px; color: #333333; line-height: 30px; padding-top: 25px; overflow: hidden;}



.nlrtitleen{width: 580px; height: 24px;font-size: 22px; color: #333333; line-height: 32x; float: left;}

.nlrtitleen a{font-size: 22px; color: #333333;}

.nlrinfoen{width: 580px; height: 150px; border-top: 1px dashed #ebebeb;float: left; margin-top: 45px; font-size: 16px; color: #333333; line-height: 30px; padding-top: 25px; overflow: hidden;}


.nlrbtm{width: 580px; height: 43px; float: left; line-height: 43px;font-size: 16px; color: #333; margin-top: 9px;}

.nlrbtm a{width: 100px; height: 43px; float: left; display: block;text-align: center; line-height: 43px; color: #fff; background: #015474; border-radius: 8px;}

.nlrbtm span{ width: 200px; height: 43px; float: left; margin-left: 30px; display: block; font-size: 16px; color: #333333;}

.page{width: 1200px; height: 40px; margin: 0px auto 30px auto;line-height: 40px; text-align: center;}

.page a{display: inline-block; width: 26px; height: 26px; text-align: center;line-height: 26px; font-size: 12px;color: #333; margin:0px 11px;}
.page a:hover,.page a.cur{ background: #015474; color: #fff; border-radius: 13px;}



.neibox{width: 1200px; height: auto; overflow: hidden;margin: 30px auto;}

.nproleft{width: 535px; height: 450px; float: left;}
.nproleft img{width: 535px; height: 450px;}

.nproright{width: 630px; height: auto; overflow: hidden; float: right;}

.nrighttit{width: 630px; height: 38px;font-size: 24px; float: left;line-height: 25px;color: #333333;}

.nrightinfo{width: 630px; height: auto; overflow: hidden; float: left;font-size: 14px; color: #333333; line-height: 25px;}

.zixun{width: 96px; height: 40px;   float: left;line-height: 40px; display: block; text-align: center; font-size: 16px; background: #015474; border-radius: 10px; color: #fff; margin-top: 20px;}

.alanmu{ width: 1200px; margin: 0px auto;height:90px;text-align:center; border-bottom: 1px dashed #ebebeb;}  
 
.alanmu a{display:inline-block;width:auto;height:36px; padding: 0px 25px; line-height: 36px; margin: 0px 5px;margin-top:27px;  border-radius:7px;color:#333333;font-size:16px;text-decoration:none;text-align:center;}    
.alanmu a.current,.alanmu a:hover{background:#015474; color: #fff;}   

 
.detailtit{width: 1200px;height: 80px; line-height: 80px; border-bottom: 1px dashed #ebebeb;margin: 0px auto; font-size: 20px; color: #333; text-align: center}

.detailtit-lx{width: 1200px;height: 80px; line-height: 80px; border-bottom: 1px dashed #ebebeb;margin: 0px auto; font-size: 20px; color: #333; text-align: left}


.detail{width: 1200px;height: auto; overflow: hidden; margin: 0px auto; padding: 30px 0px; line-height: 200%; font-size: 14px; color: #666;}

.detail img{width: auto; max-width: 1200px;}

.gongyili{width: 1200px; height: 360px; margin: 0px auto; margin-bottom: 23px;}

.gyleft{width: 800px; height: 360px;line-height: 360px;  float: left; background: #ebebeb; text-align: center; vertical-align: middle; }

.gyleft img{ vertical-align: middle; width: auto; max-width: 800px; max-height: 360px;}

.gyright{width: 380px; height: 360px; float: right; background: #015474; overflow: hidden;}



.gyright2{width: 800px; height: 360px; line-height: 360px;float: right; background: #ebebeb; text-align: center; vertical-align: middle; }

.gyright2 img{ vertical-align: middle;  width: auto; max-width: 800px; max-height: 360px;}

.gyleft2{width: 380px; height: 360px; float: left; background: #015474; overflow: hidden;}



.gytitle{width: 340px;height: 60px; text-align: center;line-height: 60px; font-size: 24px;color: #fff; float: left; margin-left: 20px;margin-top: 70px;}

.gytitleen{width: 340px;height: 60px; text-align: center;line-height: 32px; font-size: 24px;color: #fff; float: left; margin-left: 20px;margin-top: 50px;}


.gyinfo{width: 340px;height: auto; overflow: hidden;text-align: left;line-height: 23px; font-size: 14px;color: #fff; float: left; margin-left: 20px; margin-top: 10px;}

.gyinfoen{width: 340px;height: auto; overflow: hidden;text-align: left;line-height: 23px; font-size: 14px;color: #fff; float: left; margin-left: 20px; margin-top: 20px;}

.gyzixun{width: 340px; height: 40px;   float: left;line-height: 40px;margin-top: 30px; text-align: center;margin-left: 20px;}

.gyzixun a{ width: 85px; display:inline-block;height: 35px; border: 1px solid #fff; text-align: center; line-height: 35px; font-size: 14px; color: #fff; }

.gyzixunen{width: 340px; height: 40px;   float: left;line-height: 40px;margin-top: 30px; text-align: center;margin-left: 20px;}

.gyzixunen a{ width: 120px; display:inline-block;height: 35px; border: 1px solid #fff; text-align: center; line-height: 35px; font-size: 14px; color: #fff; }


.gyzixunjp{width: 340px; height: 40px;   float: left;line-height: 40px;margin-top: 30px; text-align: center;margin-left: 20px;}

.gyzixunjp a{ width: 120px; display:inline-block;height: 35px; border: 1px solid #fff; text-align: center; line-height: 35px; font-size: 14px; color: #fff; }

 
