@charset "utf-8";
/* CSS Document */

html,body,div,p,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,"宋体"}
ul,li{ list-style:none;}
img{ border:0; display:block; max-width:100%; height:auto; margin:0 auto;}
a{ text-decoration:none;}

.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.w1200{ width:1200px; margin:0px auto;}
.right{ float:right;}

.top{ background:linear-gradient(to bottom, #ededed 0%, #e6e6e6 100%); padding:6px 0px;}
.top p{ font-size:12px; font-style:normal;}
.top p a{ color:#333;}
.top p a:hover{ color:#F00;}

.header{ padding:20px 0px; background:#FFF;}
.logo{ display:block; width:70%; float:left;}
.logo_img{ float:left;}
.logo_t{ width:80%; float:left; margin:10px 0; margin-left:30px; padding-left:30px; border-left:1px solid #d4d4d4;}
.logo_t i{ font-size:24px; position:relative; color:#333; font-weight:bold; word-spacing:-1.5px; font-style:normal;}
.logo_t h2{ font-size:16px; font-weight:normal; color:#e45c0c; word-spacing:-1.5px; margin-top:5px;}

.nav{ background:#0064b9; width:auto; height:50px; border-top:#000 1px solid;}
.nav a { display:block; width: 8.333333333%; text-align:center; height:50px; line-height:50px; color:#FEFEFE; font-size:14px; float:left;  background:#0064b9;}

.nav a:hover{ background:#444; text-decoration:none;}
.nav a.current{ background:#000; text-decoration:none;}

.white{ background:#FFF; padding-bottom:40px;}
.bt{ font-size:28px; text-align:center; color:#333; padding-top:40px;}
.bt span{ display:block; font-size:18px; font-style:normal; font-weight:normal; color:#666; padding-top:10px;}
.procenter{ padding-top:40px; overflow:hidden;}
.procenter ul{ margin-right:-2%;}
.procenter li{ float:left; width:23%; margin-right:2%; margin-bottom:40px; box-shadow:0px 10px 10px -10px #656B79;}
.procenter li a{ display:block;}
.mask{ position:relative; overflow:hidden;}
.mask:before{ content:""; width:100%; height:100%; background:#000; position:absolute; top:0; opacity:0; transition: all 0.5s ease 0s;}
.procenter li a:hover .mask:before{ opacity:0.5;}
.procenter p{ position:absolute; color:#FFF; top:0; left:0; opacity:0; padding:10px; line-height:160%;}
.procenter h2{ height:40px; line-height:40px; font-size:14px; font-weight:normal; background:#DDD; text-align:center; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.procenter li a:hover p{ opacity:1; transition: all 0.5s ease 0s;}
.procenter li a:hover h2{ background:#0064b9; color:#FEFEFE; transition: all 0.5s ease 0s;}
.more{ display:block; width:198px; height:36px; line-height:36px; font-size:14px; border:#ccc 1px solid; color:#333; border-radius:2px; margin:auto; text-align:center;}
.more:hover{ background:#0064b9; color:#fefefe; transition:all .3s;}

.gray{ background:#e9eaec; padding-bottom:40px;}

.adv{ background-image:url(../images/advbg.png); padding:2% 0;}
.advbox{ width:1170px; margin:0px auto;}
.advbox h4{ text-align:center; font-size:28px; font-weight:normal; color:#333;}
.advcon{ border-bottom:1px solid #666;}
.advcon img{ display:block; max-width:100%; height:auto; margin-top:2%; margin-bottom:2%;}
.advcon p{ font-size:22px; font-weight:bold; margin-bottom:2%; color:#333;}
.advcon li{ line-height:250%; background:url(../images/D.png) no-repeat left 14px; padding-left:20px;}
.aimgr{ float:right; width:38%; margin-left:2%;}
.atextl{ float:left; width:60%; margin-bottom:2%; margin-top:2%;}
.aimgl{ float:left; width:38%; margin-right:2%;}
.atextr{ float:right; width:60%; margin-bottom:2%; margin-top:2%;}
.advcon:last-child{ border-bottom:none;}

.co{ background-color:#FFF; padding:2% 0;}
.cobox{ width:1170px; margin:0px auto;}
.cobox h3{ text-align:center; font-size:28px; font-weight:normal; color:#333;}
.cocon{ margin-top:2%;}
.cocon img{ width:30%; margin-right:2%; float:left; display:block; max-width:100%; height:auto;}
.cocon p{ float:right; width:68%; line-height:260%;}
.comore{ display:block; height:40px; width:150px; text-align:center; line-height:40px; color:#fefefe; background-color:#0064b9; margin-top:12px;}
.comore:hover{ text-decoration:underline;}

.zhishi{ background:#FFF; padding-bottom:40px; overflow:hidden;}
.zscon{ padding-top:40px; overflow:hidden;}
.zscon ul{ margin-right:-2%;}
.zscon li{ width:48%; margin-right:2%; margin-bottom:20px; float:left; background:#f3f3f3; transition: all .3s ease-in-out 0s;}
.zscon h2{ color:#333; padding:10px; font-size:18px; font-weight:normal; transition: all .3s ease-in-out 0s;}
.zscon p{ color:#666; padding:0px 10px 10px 10px; line-height:160%; transition: all .3s ease-in-out 0s;}
.zscon li:hover{ background:#1048a0;}
.zscon li:hover span{ color:#c1d4f1;}
.zscon li:hover span b{ color:#c1d4f1;}
.zscon li:hover h2{ color:#FEFEFE;}
.zscon li:hover p{ color:#c1d4f1;}
.zxlist{ padding-bottom:20px; margin-right:-2%;}
.zxlist ul{ float:left; background:#f3f3f3; width:31.333333333%; margin-right:2%; padding:10px 0px;}
.zxlist li{ padding:0px 10px; line-height:220%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zxlist li a{ color:#333;}
.zxlist li a:hover{ text-decoration:underline;}


.link{ margin-bottom:2%;}
.link h4{ background:url(../images/linkbg.jpg) no-repeat left center; padding-left:10px; font-size:18px; color:#333; font-weight:bold;}
.link h4 span{ padding-left:10px; font-size:14px; color:#5c5c5c;}
.link p{ padding-top:15px;}
.link p a{ color:#808080; font-size:14px;}

.foot{ background:#333; width:auto;}
.foot p{ padding:20px 0px; text-align:center; color:#FFF;}
.foot p a{ color:#FFF;}
.foot p a:hover{ text-decoration:underline;}
.copyright{ width:60%; float:left;}
.copyimg{ float:left; padding:0px 20px 40px 0px;}
.copytext{ float:left; }
.copytext li{ color:#999; line-height:240%; font-size:12px;}
.copytext li a{ color:#999;}
.ftel{ width:15%; float:right; background:url(../images/fotPhoen_ico.jpg) no-repeat left center; margin-top:20px;}
.ftel li{ padding-left:44px;}
.ftelA{ color:#FEFEFE; font-size:12px;}
.ftelB{ color:#f57720; font-size:16px; font-weight:bold;}

.tbanner{ width:100%; height:auto;}
.tbanner ul img{ max-width:100%; height:auto; display:block;}
.tmbanner{ display:none;}

.wrap{ background-image:url(../images/ncBg.jpg); padding-bottom:10px;}
.crumbs{ padding:2% 0px; color:#333;}
.crumbs a{ color:#333;}
.crumbs a:hover{ color:#F00; text-decoration:underline;}
.left{float:left; width:72%;}
.leftbox, .leftboxdh{ border-top:#0064b9 2px solid; background-color:#FFF;}
.title{ margin:0px 20px; padding:20px 0px; text-align:center; font-size:24px; border-bottom:1px solid #999;}
.titlen{ margin:0px 20px; padding:20px 0px; text-align:center; font-size:24px;}
.nrrq{ display:block; text-align:center; padding-bottom:20px; margin:0px 20px; border-bottom:1px solid #999; font-style:normal; color:#333;}
.nrrq em{ font-style:normal; padding-left:20px;}
.scon, .ccon{ padding:2%; line-height:220%;}
.scon p, .ccon p{ text-indent:2em;}
.scon p a, .ccon p a{ color: #0064b9;}
.scon p a:hover, .ccon p a:hover{ text-decoration: underline;}
.scon img{ padding:10px 0px; margin:0 auto;}
.side{ float:right; width:26%;}
.rtitle{ height:46px; line-height:46px; border-bottom:#0064b9 2px solid; padding-left:10px; background-color:#FFF; color:#333; font-weight:bold; font-size:16px;}
.rprobox{ margin-bottom:2%;}
.rprobox h3{ height:40px; line-height:40px; background-color:#000; color:#FEFEFE; padding-left:10px;}
.rprobox a{ display:block; line-height:260%; background-color:#FFF; margin-bottom:1px; color:#333; padding:0px 15px;}
.rprobox a:hover{ background-color:#0064b9; color:#fefefe;}

.ronline{ background-color:#FFF;}
.ronline ul{ text-align:center;}
.ronline img{ padding:15px 0px; max-width:100%; height:auto;}
.ronline li{ text-align:left; padding:0px 15px; line-height:260%; word-break:break-all;}

.ctitle, .pntitle{ height:40px; line-height:40px; padding-left:15px; background-color:#0064b9; font-size:16px; color:#fefefe;}
.cprobox, .aprobox{ padding:0px 15px 15px 15px;}
.cprobox li, .aprobox li{ padding:15px 0px; border-bottom:#666 1px solid;}
.cprobox img{ float:left; width:180px; height:147px; margin-right:20px;}
.cproinfo{ float:right; width:74%;}
.cproinfo h2{ font-size:16px; padding-top:5px; font-weight:normal;}
.cproinfo h2 a{ color:#000;}
.cproinfo h2 a:hover{ color:#F00; text-decoration:underline;}
.cproinfo p{ padding-top:20px; line-height:210%;}
.cproinfo p a{ color:#000;}
.cproinfo p a:hover{ color:#F00; text-decoration:underline;}
.cprolist{ padding: 2% 4%; width:92%;}
.cprolist li{ line-height:200%; float:left; width:50%;}
.cprolist li a{ color:#333;}
.cprolist li a:hover{ color:#F00; text-decoration:underline;}
.cprolist li span{ display:none;}

.pncon,.ancon{ margin:0px 20px; padding:2% 0; border-bottom:#666 1px solid;}
.pncon h2, .ancon h2{ font-size:18px; padding:15px 0px; color:#0064b9;}
.pncon p, .ancon p{ line-height:220%; font-size:16px; text-indent:2em;}
.pncon p a, .ancon p a{color: #0064b9;}
.pncon p a:hover, .ancon p a:hover{ text-decoration: underline;}
.pncon img,.ancon img{ padding:10px 0px; margin:0 auto;}
.md{ font-size:16px; color:#0064b9; line-height:220%;}
.npic{ text-align: center; padding-top:2%;}
.npic img{ max-width:100%; height:auto;}

.updown{ margin:0px 20px; padding:10px 0px;}
.updown p{ line-height:220%;}
.updown a{ color:#333;}
.updown a:hover{ color:#F00; text-decoration:underline;}

.pnxgp{ padding:2% 0 2% 2%;}
.pnxgp li{ float:left; width:31.3333333%; margin-right:2%;}
.pnxgp img{ width:100%; height:auto;}
.pnxgp p{ margin-top:2px;}
.pnxgp p a{ display:block; width:100%; text-align:center; background-color:#EBEBEB; height:30px; line-height:30px; color:#333;}
.pnxgp li:hover a{ background-color:#0064b9; color:#fefefe;}

.pagep{ padding:0 2% 2% 2%; text-align: center;}
.pagep ul{ display: inline-block;}
.pagep li{ float:left;}
.smys{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; font-size:12px; color:#2f75bb; background:#fff;}
.pagep a{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; text-decoration:none; font-size:12px; color:#2f75bb; background:#fff; display:block;}
.pagep a:hover, .pagep .thisclass{ padding:0 10px; line-height:28px; margin-right:5px; color:#FFF; background:#2f75bb; border:#2f75bb 1px solid; display:block;}

.pagem{ display: none;}
.pagem{ padding:0 2% 2% 2%; text-align: center;}
.pagem ul{ display: inline-block;}
.pagem li{ float:left;}
.pagem a{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; text-decoration:none; font-size:12px; color:#2f75bb; background:#fff; display:block;}
.pagem a:hover, .pagem .thisclass{ padding:0 10px; line-height:28px; margin-right:5px; color:#FFF; background:#2f75bb; border:#2f75bb 1px solid; display:block;}

.newscon{ float:right; width:80%;}
.newstext{ margin-bottom:25px;}
.newstext a{ color:#000; font-size:16px; font-weight:bold;}
.newstext a:hover{ color:#2f75bb;}
.newsinfo{ line-height:22px; font-size:14px; color:#000;}
.newsinfo a{ color:#000;}
.newsinfo a:hover{ text-decoration:underline; color:#2f75bb;}
.aprobox span{ float:left; background:#2f75bb; width:90px; height:90px; text-align:center; color:#FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.aprobox span b{ display:block; font-size:30px; padding-top:20px; padding-bottom:5px;}

.main{ width:1170px; margin:0px auto;}
.img-responsive{ display:block ;max-width:100%; height:auto;}
@media (min-width: 1200px) {
  .main, .navcontainer, .w1200 { width:1170px;}
}
@media (max-width:1199px) {
  .main{ padding:0px 0px; margin:0px auto; width:auto;}
  .w1200{ padding:0px 10px; margin:0px auto; width:auto;}	
  .logo{ width:100%;}
  .logo_t{ padding-left:2%; margin-left:1%;}

  .advbox{ padding:0px 10px; margin:0px auto; width:auto;}
  .cobox{ padding:0px 10px; margin:0px auto; width:auto;}
  
  	.zscon h2{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.zscon p{ overflow:hidden; height:60px;}

  .foot{ padding:0px 10px; margin:0px; width:auto;}
  
  .tbanner{ margin:0px auto; width:auto;}
  .wrap{ padding:0px 10px 10px 10px; margin:0px; width:auto;}
  
  .cproinfo{ width:69%;}
}
@media (max-width: 991px) {
  .logo_t{ width:auto;}
  
  .nav{ background-color:transparent; border-top:none;}
  .nav a{ border-top:#000 1px solid;}
  .nav li:first-child a{border-left:none;}
  .nav li:last-child a{ border-right:none;}
  .banner{ padding:0px 10px;}
  .procen{ margin:0px 10px;}
  .adv{ margin:0px 10px;}
 
 	.zscon li{ float:none; width:auto; margin-bottom:20px;}
	.zscon p{ font-size:14px; overflow:visible;}
 
  .copyright{ width:78%;}
  .copyimg{ padding:0px 20px 20px 0px;}
  .ftel{ width:20%; margin-right:2%;} 
  
  .cproinfo{ float:none; width:auto; padding-left:10px;}
  .cprolist li{ float:none; width:100%;}
  .cprolist li span{ display:block; float:right; padding-right:30px;}

  .pnmulu{ text-align: center;}
  .pnmldh{ padding:2%; width:auto; float:none;}
  .pnmldh li{ text-align: left; margin:0px auto; width:64%;}
  .pnmulu img{ padding:2%; width:auto; float:none; width:96%;}

  .newscon{ width:76%;}
  .newstext{ margin-bottom:8px;}
  
}
@media (max-width: 767px) {

  .logo_t{ display:none;}	

  .nav{ height:123px;}
  .nav a{ width:25%; height:40px; line-height:40px;}

	.white{ padding-bottom:0px;}
	.bt,.bth{ font-size:24px; padding-top:20px;}
	.bt span, .bth span{ font-size:16px;}
	
	.white{ padding-bottom:20px;}
	.procenter{ padding-top:20px;}
	.procenter li{ width:48%; margin-bottom:20px;}
	
	.gray{ padding-bottom:20px;}

  .adv{ padding:0px 0px 5px 0px;}
  .advbox{ padding:0px; margin:0px auto; width:auto;}
  .advbox h4{ display:block; font-size:18px; width:auto; text-align:center; padding:10px 0px; color:#fefefe; background-color:#0064b9;}
  .advcon{  margin:0px 10px;}
  .advcon p{ font-size:18px; text-align:center; margin-bottom:0;}
  .aimgr{ float:none; width:100%; margin-left:0;}
  .atextl{ float:none; width:100%; margin-bottom:2%; margin-top:2%;}
  .aimgl{ float:none; width:100%; margin-right:0;}
  .atextr{ float:none; width:100%; margin-bottom:2%; margin-top:2%;}
  .cobox h3{display:block; font-size:18px; width:auto; text-align:center; padding:10px 0px; color:#fefefe; background-color:#0064b9;}
  .cocon{ margin-top:1%;}
  .cocon img{ float:right; width:50%; margin-top:2%; margin-right:0;}
  .cocon p{ float:none; width:100%; line-height:230%;}
  .comore{ margin:12px auto 0px auto;}

  .zhishi{ padding-bottom:20px;}
  .zscon{ padding-top:20px;}
  .zscon li{ margin-bottom:10px;}
  .zscon p{ overflow:hidden;}
  
  .zxlist{ display:none;}

  .link{ display:none;}
  
  .copyright{ width:100%;}
  .copyimg{ display:none;}
  .copytext{ width:100%; text-align:center;}
  .ftel{ display:none;}
  
  .tpbanner{ display:none;}
  .tmbanner{ display:block;}
  
  .left{ float:none; width:100%;}
  .leftbox, .leftboxdh{ margin-bottom: 2%;}
  .side{ float:none; width:100%; padding-bottom:10px;}
  
  .ccon p{ line-height:200%;}

  .pnmldh li{ width:76%;}  
  .leftboxdh{ display:none;}

  .newscon{ width:74%;}
  
}
@media (max-width: 479px) {
	.nav{ height:144px;}
    .nav a{ width:33.333333333%; height:35px; line-height:35px;}

	.bt,.bth{ font-size:20px; padding-top:20px;}
	.bt span, .bth span{ font-size:16px;}
	
	.procenter li{ margin-bottom:10px;}
	.more{ width:180px; height:30px; line-height:30px;}
	
	.cprobox{ text-align:center;}
	.cprobox img{ float:none; width:auto; margin:0 auto;}
	.cproinfo p{ text-align:left; text-indent:2em;}
  .cprolist li span{ display:none;}
  
  	.zscon li{ margin-bottom:10px; padding:0;}
	.zscon span{ display:none;}
	.zscon h2{ padding:10px; overflow:visible; white-space:normal; font-weight:normal; font-size:18px;}
	.zscon p{ padding:0 10px 10px 10px;}
  
  .pnmldh li{ width:96%;}

  .pagep{ display: none;}
  .pagem{ display: block;}

  .newscon{ float:none; width:100%;}
  .aprobox span{ display:none;}

}