body{color: #262626; font-family:"微软雅黑";}
a{color:#262626; text-decoration:none; list-style-type:none} 
a{text-shadow:none;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent; text-decoration:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;  } /*上下拉动滚动条时卡顿、慢*/
body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,menu{margin:0} 
fr{ float:right}
fl{ float: left}
.wrap{max-width:1600px;margin-left:auto;margin-right:auto; *width:1600px;}
 #topnav{ width:100%; float: left; height:0px; display:none}  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right } 
.tbyc a{ line-height:22px; font-size:14px; color:#fff; padding:0% 2px;  }  
.pro-box a:hover .ptit{ background: #000;}
@media only screen and (max-width:1200px) { 
 #topnav{ display:none}
 }
.header{ width:100%; align-items:initial; height:100px;background:rgba(41, 76, 124, 0.5); position: absolute; z-index:19999; }

.logo{ }
.logo{ width:25%; float:left}
.logodt{ width:15%; float: right; display:none}
.hd_cont{ width:75%; float:left}
.hd_cont li{float:left; width:10%; text-align:center; overflow:hidden; }
.hd_cont li a{display: block;color:#fff; font-size:16px; text-transform:uppercase; line-height:95px; }  
.logo1{ max-width:inherit; margin-top:10px} 
.logo2{max-width:inherit; padding-top:20px; float:right;} 
.logo3g{ display:none} 
    
@media only screen and (max-width:1680px) {   
} 
@media only screen and (max-width:1440px) {  
.logo1{ width:78%; padding-top:10px;}  
.hd_cont li:nth-child(8){ display:none}
}
@media only screen and (max-width:1350px) {  
}
@media only screen and (max-width:1200px) {   
.hd_cont{ width:62%; float:right}   
.hd_cont li{ width:12.5%;}
.logo{ width:37%; }
.logo1{ padding-top:0px;}  
.logodt{ display:none} 
} 
@media only screen and (max-width:1024px) {
.header{ height:147px; position: relative; z-index:19999; background:#002d72 }
.header .wrap{ padding:0%;}
.logo{ text-align:center} 
.logodt{ display: block!important; margin-right:1%} 
.hd_cont{ width:100%; float: left; background:#fff}  
.hd_cont li a{ line-height:50px; color:#002d72}   
.logo{ height:103px;} 
}  
@media only screen and (max-width:850px) { 
.logo1{ width:90%}  
}
@media only screen and (max-width:768px) {  
.logo3g{ display:block}
.logo3g img{ width:100%;}
.ibanner{ display:none}
.logo{ height: inherit; text-align:center; float:left; width:100%;}
.logo{ width:100%; text-align: center}
.logo1{ margin: 0 auto; width:auto}
.logo2{ display:none}
.hd_cont{ height: auto; padding:2% 0%; background:#002d72 }   
.hd_cont li{ width:25%; height:40px; overflow:hidden} 
.hd_cont li a{ line-height: 40px; color:#FFFFFF;}  
}  
@media only screen and (max-width:500px) {  
} 
@media only screen and (max-width:300px) {  
}


.bg{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; }
.nav{width:74%; padding:0%; float:left;}
.nav ul{ width:100%; margin: 0  auto}
.nav li{ float:left; width:10%; font-size:16px; line-height:95px; position:relative; text-align:center; }
.nav li a{ color:#fff; }     
.nav dt{ float:left; }
/*daohang*/
.hd{ z-index:1999; width:100%; float:left} 
.navBar{position:relative; z-index:1999; width:100%; } 
.nav h3{  text-align:center; list-style-type:none; font-size:20px; font-weight:normal} 
.nav h3 a{  zoom:1;  display:block; } 
.nav .sub{ display:none; /*默认隐藏*/ width:948%;  position:absolute; left:0px; top:89px; float:left; }  
.nav #m2 .sub{ z-index:1999; width:695px; left:-260px;}  

.mun1{width:100%; height:350px; background:#f6f6f6; padding-left:0px; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset }
.mun1 ul dl{width:20%; float:left; height:250px; overflow:hidden; margin-left:3%; margin-top:25px;} 
.mun1 ul dl img{width:100%; margin: 0 auto; height:125px;} 
.mun1 ul dl h2{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; overflow:hidden; margin-bottom:7px; display:block} 
.mun1 ul dl dt{width:100%; font-size:14px; color:#5e5e5e; line-height:30px; overflow:hidden; display:block}
.mun1 ul dl a{ float:left; display:block; color:#000000} 
.mun1 ul dl dt h3{ width:100%; float:left; margin-bottom:0px; display:block; font-size:14px; font-weight:normal; color:#000000} 
.mun1 ul dl:hover  dt a{ float:left; display:block; color:#000000} 
.mun1 ul dl:nth-child(n+5){ display:none}  
.mun1 ul li ul li{width:75px; float:left; margin:0px;}
.nav .sub .mun1 ul dl ul li a{color:#919191;}
.nav .sub .mun1 ul dl ul li a:hover{color:#0c438c; background:none;}
.navcp{ display:none}
.subtop{ width:90%; margin: 0 auto; height:50px; border-bottom:3px #002d72 solid; text-align:left}
.subtop a{ color:#002d72!important; line-height:50px;}
.nav ul p{ float:right;height:40px; background:#002d72; line-height:40px; font-size:16px; color:#fff; text-align:center; margin-top:7px;border-radius:50px; width:276px;}    
  
@media only screen and (max-width:1200px) { 
.mun1{ display:none}
.nav{ width:63%}
.nav li{ width:12%}
.navBarno{ display:none!important}
.nav h3{ font-size:14px}
}
@media only screen and (max-width:1024px) {
.nav li{ line-height:50px;}
.nav ul p{ display:none}
.nav h3{font-size:16px; font-weight:normal} 
.navcp{ display: block}
.hd{ display:none}
.nav{ background:#fff; width:100%; height:50px;}
.nav li a{ color:#002d72} 
}
@media only screen and (max-width:768px) {  
.nav{ height:100px;}
.nav li{ width:25%}
}
.banner { position:relative; overflow:hidden;}
.banner li{background: #000; position:absolute;top:0; left:0; float:left; width:100%; overflow:hidden; vertical-align:top; }
.banner li img { vertical-align:top; float:left; width:100%; height:auto; z-index:1000; position: absolute}
.banner li:first-child{ position:relative; z-index:10; vertical-align:top;} 

.banner .banner_left{ left:0%; top:50%; background: url(../images/jl.png) no-repeat center center #002d72; height:70px; width:70px; display:inline-block; text-align:center; z-index:19999; position:absolute }
.banner .banner_right{  right:0%; top:50%; background: url(../images/jr.png) no-repeat center center #002d72; height:70px; width:70px; display:inline-block; text-align:center; z-index:19999; position:absolute }
@media only screen and (max-width:768px) { 
.banner{ display:none}
}
/*底部*/
.footer{ background:#002d72;color:#fff; line-height:30px; position: relative; font-size: 14px; }
.footer a{ color:#fff }
.footer a:hover{ color:#fff} 
.footer .flink{ line-height: 30px;} 
.footer .ftit{ font-size:18px; font-weight: bold; margin-bottom:10px; } 
.footer .ftit b{ width:20px; background:#fff; height:2px; display:block; margin-top:20px;}
 
.fcoy{background:rgba(0, 0, 0, 0.2); padding:0.5% 0%;} 
.f-cb{ text-align:center; } 
.footdivli{ width:44%; float: left;  margin:0% 0% 0% 4%; }
.footdivli dt{ width:25%; height:110px; overflow:hidden;float:left; }  
.footdivli dt h2{ width:100%;  float:left; line-height:27px; font-size:16px; overflow:hidden; height:27px; font-weight:normal}
.footdivli ul{width:100%; float:left}
.footdivli ul li{ width:100%;  float:left; line-height:27px; overflow:hidden; height:27px}   
.footdivul{ width:8%; float: right; }
.footdivul li{width:100%; text-align: center; float: left; } 
.footdivul li img{ width:67%; border:3px #FFFFFF solid  } 
.footdivul ul{ width:100%; float:left; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ font-weight: bold; display:block}  
.footdivlx{ width:17%; float: left; padding-left:2% }
.footdivlx ul{ }
.footdivlx ul li{font-size:16px; line-height:30px;  display: block;  }  
.footdivlx h1{font-size:21px; padding-bottom:20px; }
.footdivlx h2{width:100%; display:block;  font-size:24px; line-height:50px; }
.footdivlx h2 img{ padding-right:10px; margin-bottom:0px; height:40px}
 
.footnav{ width:7%; float:left; }
.footnav li{ width:100%; float:left;  height:36px}
.footnav li h2{ font-size:18px; line-height:40px; height:30px; font-weight:normal;color:#858585; overflow:hidden}
.footnav li p{ font-size:14px; line-height:40px; height:30px; color:#858585; text-transform:uppercase;}
.footlogo{ width:11%; float:left; }
.footlogo li{ width:100%; float:left;line-height:27px; font-size:16px; overflow:hidden; height:33px }
.foot-info{ padding:3% 0% 2% 0%;  } 
.footdivlogo{ width:24%; margin-right:6%; float:left;  }
.footdivlogo h2{ width:100%;  float:left; line-height:30px; overflow:hidden; height:30px;font-size:30px; font-weight:normal}   
.footdivlogo ul{width:94%;  float:left;overflow:hidden;  font-weight:normal;  margin-top:30px;}
.footdivlogo ul p{font-size:26px; line-height:30px; }
.footdivlogo ul p b{ width:76px; height:67px; background:url(../images/f.png) no-repeat left top; display:block; }
.footdivlogo ul span{font-size:16px; line-height:30px; margin-bottom:10px; margin-top:30px; display:block; color:#f5c508}
.footdivlogo ul strong{ font-weight: bold; font-size:36px; color:#f5c508; }
.copyright{ margin-top:30px; line-height:40px; display:inline; color:#fff }
.copyright p{ display: inline}
.copyright a{ padding:0% 5px; color:#fff}
.links{ width:12%; float:left; } 
.links li{ width:100%;  float:left; line-height:30px; overflow:hidden; height:29px} 
.links strong{ padding:0% 14px;  }
.copyrightno{ height:40px; overflow:hidden; line-height:40px; color:#fff} 
.copyrightno a{ color:#fff; padding:0% 5px;} 
.copyrightno a:hover{ color:#fff}
.vipb a{ color:#FFFFFF}   
.link{ display:inline} 
.foot-lx{ width:100%; border-bottom:1px #7d7979 solid; float:left; margin-bottom:50px;}
.foot-lx li{ border-left:1px #7d7979 solid; width:19%; height:70px; float:left; padding:30px 0px 40px 0px;}
.foot-lx li img{ height:40px; display:inline; float:left; margin:0px 20px;}
.foot-lx li h2{ display:inline; font-size:18px; padding-top:20px;font-weight:normal; color:#b3b3b1}
.foot-lx li h2 strong{ font-size:20px; font-weight:normal; color:#FFFFFF; display:block; padding-left:80px}
.foot-lx li:nth-child(5){ border-right: none }
.foot-lx li:nth-child(5) h2 strong{ font-size:18px}
.foot-row{ width:88%; float:left; text-align:left; padding-top:50px;}
.footnavs{}
.footnavs li{ width:6%; float:left}
.foot-row .foot-lx{ display:none}
@media only screen and (max-width:1680px) { 
.footdivlogo ul p{ font-size:26px}
.footdivlogo ul span strong{ display:block}
.foot-lx li{ width:24%; height:45px}
.foot-lx li:nth-child(5){ display:none}
}

@media only screen and (max-width:1440px) {  
.fcoy{ padding:0.5% 0% 20px 0%}
.footdivlogo h2{ font-size:24px}
.footdivlogo img{ width:80%}
.footdivlogo ul p{ font-size:20px;}
.foot-lx li h2 strong{ font-size:20px;}
.footdivul{ display:none}
.footdivli{ width:55%}
.footdivlx{ width:20%}
}
@media only screen and (max-width:1200px) {   
.footer .ftit{ font-size:18px}   
.links{ width:16%} 
.footnav{ width:10%}  
.footdivli{ width:53%}
.footdivlx{ width:30%} 
.footlogo{ display:none}
.footdivlx h2{ font-size:20px;}
.footdivlogo{ width:36%} 
.footnavs li{ width:12%}
}
@media only screen and (max-width:1024px) {   
.fcoy{ padding:1% 0% 50px 0px;}
.copyright{ padding:2% 0% 3% 0%}  
.copyright strong{ display:none}  
.foot-lx li h2 strong{ font-size:17px;} 
} 
@media only screen and (max-width:850px) { 
.footdivul{ display:none}   
.fcoy{ padding:1% 0% 30px 0%}
.footer .span-5{ width:100%; text-align:center}
.footnav{ display:none}
.footdivli{ display:none} 
.footdivlx{ display:none} 
.links{ display:none} 
.foot_c{ width:100%; }
.link{ display:none}
.copyright{ padding:0%; text-align:center}
.footlogo{ display:none} 
.copyright{ text-align:center; padding:0%; margin:0%; display:block} 
.fcoy{ background:none}
.footdivlogo{ width:100%; text-align:center; }
.footdivlogo ul p b{ margin: 0 auto;  }
.footdivlogo ul{ padding:0px 3%;}
.foot-lx{ text-align:center; border:none}
.foot-lx li{ border:none; width:49%;}
.foot-lx li img{ float:none; margin: 0 auto; display:block}
.foot-lx li h2 strong{ padding-left:0px;}
}
@media only screen and (max-width:768px) {  
.footer{ padding:5% 0% 80px 0%; }
.footbot{ padding:0% 0% 40px 0%} 
.fcoy{ background:none} 
.footer .span-4{ display:none} 
.footer .span-5{ width:100%; text-align:center;  }  
.copyright{ padding:0%; margin:0%; display:block; }
.copyright p{ display: block; float: none; margin: 0 auto} 
.foot-lx{ margin-bottom:3%}
.foot-lx li{ width:33.33333%; border:none; padding:0% 0% 50px 0%;} 
.foot-lx li:nth-child(4){ display:none}
.foot-lx li h2{ font-size:16px}
.foot-row{ width:100%; padding:0% 0% 0% 0%;}
.footnavs li{ width:25%; text-align:center}
.footnavs{ padding-bottom:2%}
.foot-row .foot-lx{ display:block}
}
@media only screen and (max-width:600px) {   
.footlogo img{ height:auto; margin-top:0px;}
}
@media only screen and (max-width:550px) {  
.footdivlx ul li{ width:100%; float:left}  
}
@media only screen and (max-width:450px) {    
.footdivli{ display:none}
.fcont p{ display:none}
.footdivlx li{ display:none}   
.footer .span-5 li{ background:none; height:auto; padding:0%}
.copyright strong{ display:none}
}
@media only screen and (max-width:414px) { 
.foot-lx li{ width:98%; }  
}
.footerny{ padding:1% 0% 1% 0%; position: relative; background:#000000; text-align:center; width:100%; color:#FFFFFF; margin-top:3%}
.copyrightny{ font-size:16px; line-height:60px;}
.copyrightny a{ color:#FFFFFF}
.copyrightny p{ display:inline}
@media only screen and (max-width:328px) {  
.footdivlx h2{ font-size:18px}
.footdivlogo ul p{ font-size:20px;}
}
 
.wraps_top{ background:#f5f5f5; margin-bottom:3%; } 
.wraps_top h2{ border-left:3px #000 solid; color:#000;  }  

.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {   
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:46%; margin:0% 2%; float:left; height:56px;border-radius:50px; background:#f68600} 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline;}
.header1 a img{ margin-bottom:-7px; margin-right:10px;}  
} 

.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; font-weight:bold}
.vipb a{ color:#eec162} 
   
@media only screen and (max-width:1024px) {
#lovexin12{ display:none} 
}
@media only screen and (max-width:768px) {
.vipb{bottom:80px;}
}