@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; vertical-align:top;}
a{ text-decoration:none;}

.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}

.top{ background:url(../images/hd_top.png) repeat-x; height:29px; line-height:29px; margin:0px auto;}
.tleft{ font-size:12px; font-weight:normal; float:left;}
.tright{ font-size:12px; font-weight:normal; float:right;}

.head{ height:120px; background:#fff;}
.logo{ float:left; padding:20px 20px 20px 0px; background:url(../images/logodot.gif) no-repeat center right;}
.webtarget{ float:left; padding-top:34px; padding-left:20px;}
.hotline{ float:right; padding-top:40px;}
.mshow{ display:none;}

.nav{ background:#0064b9; width:auto; height:50px; border-top:#000 1px solid;}
.nav a { display:block; width:12.5%; 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;}

.banner{ position:relative;}
#mbanner{ display:none;}

.procen{ background-image:url(../images/ncBg.jpg); padding:20px 0px; }
.probox{ width:1170px; margin:0px auto;}
.pleft{ float:left; width:26%; }
.ptitle{ font-size:24px; color:#fefefe; background-color:#0064b9; padding:20px 40px; font-weight:normal; text-align:center;}
.pcatetitle{ background-color:#000; font-size:16px; color:#fefefe; padding:11px; text-align:center; margin-top:1px; font-weight:normal;}
.pleft li{ background:#FFF;}
.pleft li a{ display:block; margin-top:1px; line-height:300%; width:auto; text-align:center; color:#0064b9;}
.pleft li a:hover{ background-color:#0064b9; color:#fefefe;}
.pright{ float:right; width:72%; margin-left:2%;}
.pimgbox{ margin-right:-1.2%;}
.plist, .plistmore{ width:31.3333333%; margin-right:2%; margin-bottom:20px; float:left; height:auto;}
.plist img, .plistmore img{ display:block ;max-width:100%; height:auto;}
.plist p, plistmore p{ padding-top:2px;}
.plist p a, .plistmore p a{ display:block; padding:10px 0px; text-align:center; width:auto; background-color:#FFF; color:#0064b9;}
.plist:hover p a, .plistmore:hover p a{ background-color:#0064b9; color:#fefefe;}
.mpromore{ display:none;}

.case{ width:1170px; margin:40px auto;}
.case h4{ text-align:center; font-size:28px; font-weight:normal; color:#333;}
.case ul{ margin-right:-0.9%; margin-top:40px;}
.case ul li{ width:24%; margin-right:1%; float:left;}
.case ul li img{ display:block; max-width:100%; height:auto;}
.case ul li p{ margin-top:2px;}
.case ul li p a{ display:block; background-color:#f0f0f0; text-align:center; width:auto; height:40px; line-height:40px; color:#333; font-weight:bold; word-break: break-all; overflow:hidden;}
.case ul li:hover a{ background-color:#0064b9; color:#fefefe;}
.casemore{ text-align:center;}
.casemore a{ display:inline-block; background:#0064b9; width:200px; height:40px; line-height:40px; text-align:center; margin-top:20px; color:#fefefe;}
.adimg{ margin-top:40px; max-width:100%; height:auto;}
.madimg{ display:none;}

.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;}

.nc{ background-color:#FFF; padding-bottom:2%;}
.ncbox{width:1170px; margin:0px auto;}
.news{ width:68%; float:left;}
.news h3{ display:block; width:auto; height:40px; line-height:40px; padding-left:20px; color:#fefefe; background-color:#0064b9; font-weight:normal;}
.news h3 span{ float:right; padding-right:20px;}
.news h3 span a{ color:#fefefe;}
.news h3 span a:hover{ text-decoration:underline;}
.news ul{ margin-top:1px; width:auto; background-color:#F8F8F8; padding:10px 20px;}
.news ul li{ line-height:228%; background:url(../images/D.png) no-repeat left 13px; padding-left:20px;}
.news ul li a{ color:#000;}
.news ul li a:hover{ text-decoration:underline;}
.news ul li span{ float:right;}
.contact{ width:30%; float:right;}
.contact h3{ display:block; width:auto; height:40px; line-height:40px; padding-left:20px; color:#fefefe; background-color:#0064b9; font-weight:normal;}
.contact ul{ margin-top:1px; width:auto; background-color:#F8F8F8;}
.contact ul img{ display:block; max-width:100%; height:auto; margin:0px auto; padding:15px 0px;}
.contact ul li{ text-align:left; padding-left:15px; line-height:300%;}

.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:#0064b9;}
.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:1%;}
.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; border-bottom:#666 1px solid; text-align:center; font-size:24px;}
.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;}
.right{ 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 h4{ font-size:16px; padding-top:5px; font-weight:normal;}
.cproinfo h4 a{ color:#000;}
.cproinfo h4 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:48%;}
.cprolist li a{ color:#333;}
.cprolist li a:hover{ color:#F00; text-decoration:underline;}
.cprolist li span{ display:none;}

.pnmulu{ margin:20px 20px 10px 20px; background-color:#EBEBEB;}
.pnmldh{ padding:2%; float:left; width:58%;}
.pnmldh h3{ text-align:center; font-size:18px; letter-spacing:2px; padding-bottom:15px;}
.pnmldh li{ line-height:210%;}
.pnmldh a{ color:#333;}
.pnmldh a:hover{ text-decoration:underline; color:#F00;}
.pnmldh b{ color: #0064b9;}
.pnmulu img{ padding:2%; float:right; width:34%; max-width:100%; height:auto;}
.pncon,.ancon{ margin:0px 20px; padding:2% 0; border-bottom:#666 1px solid;}
.pncon p, .ancon p{ line-height:220%; text-indent:2em;}
.pncon p a, .ancon p a{color: #0064b9;}
.pncon p a:hover, .ancon p a:hover{ text-decoration: underline;}
.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 { width:1170px;}
}
@media (max-width:1199px) {
  .main{ padding:0px 10px; margin:0px auto; width:auto;}
  .probox{ padding:0px 10px; margin:0px auto; width:auto;}
  .case{ padding:0px 10px; margin:40px auto; width:auto;}
  .advbox{ padding:0px 10px; margin:0px auto; width:auto;}
  .cobox{ padding:0px 10px; margin:0px auto; width:auto;}
  .ncbox{ padding:0px 10px; margin:0px auto; width:auto;}
  .foot{ margin:0px 10px; width:auto;}
  
  .tbanner{ padding:0px 10px; margin:0px auto; width:auto;}
  .wrap{ margin:0px 10px; width:auto;}
  
  .cproinfo{ width:69%;}
}
@media (max-width: 991px) {
  .nav{ background-color:transparent; border-top:none;}
  .nav a{ width:12.5%; 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;}
 
  .copyright{ width:78%;}
  .copyimg{ padding:0px 20px 20px 0px;}
  .ftel{ width:20%; margin-right:2%;} 
  
  .cproinfo{ float:none; width:auto;}
  .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) {
  .tleft{ display:none;}
  .normal{ display:none;}
  .head{height:auto;}
  .mshow{ display:block; padding:10px 0px;}
  .mshow img{ display:block; margin-right:auto; margin-left:auto;} 
  .nav{ height:82px;}
  .nav a{ width:25%; height:40px; line-height:40px;}
  #pbanner{ display:none;}
  .callbacks_nav{ display:none;}
  #mbanner{ display:block;}
  .procen{ padding:10px 0px 0px 0px;}
  .probox{ padding:0px 0px; margin:0px auto; width:auto;}
  .pleft{ width:auto; float:none;}
  .pleft ul{ display:none;}
  .ptitle{ font-size:18px; color:#fefefe; background-color:#0064b9; padding:10px 0px; font-weight:normal; text-align:center; }
  .pright{ width:auto; float:none; margin-top:10px; margin-left:2%;}
  .pimgbox{ margin:0px;}
  .plist{ margin-bottom:10px;}
  .case{ margin:20px auto;}
  .case h4{ display:block; font-size:18px; width:auto; text-align:center; padding:10px 0px; color:#fefefe; background-color:#0064b9;}
  .case ul{ margin-top:0px;}
  .case ul li{ width:49%; margin-right:1%; margin-top:20px;}
  .casemore a{ background-color:#f0f0f0; color:#333; font-weight:bold;}
  .casemore a:hover{ background-color:#0064b9; color:#fefefe;}
  .adimg{ display:none;}
  .madimg{ display:block; margin-top:20px; max-width:100%; height:auto;}
  .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;}
  .news{ width:auto; margin-top:10px; float:none;}
  .news ul{ padding:10px;}
  .news ul li{ line-height:210%;}
  .news ul li span{ display:none;}
  .contact{ width:auto; float:none; margin-top:10px;}
  .contact ul li{ line-height:210%;}
  .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%;}
  .right{ float:none; width:100%;}
  
  .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:50%; height:35px; line-height:35px;}
	.procen{ padding-bottom:10px;}
	.plist{ width:48%;}
	.plist p a{ padding:5px 0px;}
	.plistmore{ display:none;}
	.mpromore{ display:block;}
	.mpromore a{ display:block; background-color:#0064b9; padding:10px 0px; text-align:center; width:auto; margin-right:2%; color:#FFF;}
    .mpromore a:hover{ text-decoration:underline;}
	.case{ margin:10px auto;}
	.case ul li{ margin-top:10px;}
	.casemore a{ margin-top:10px; width:100%;}
	.madimg{ margin-top:10px;}
	
	.cprobox{ text-align:center;}
	.cprobox img{ float:none; width:auto;}
	.cproinfo p{ text-align:left; text-indent:2em;}
  .cprolist li span{ display:none;}
  
  .pnmldh li{ width:96%;}

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

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

}