@charset "UTF-8";
* { margin: 0; padding: 0; list-style: none;box-sizing: border-box; }
/*body { background: #fff; font: normal 13px/22px "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }*/
a { text-decoration: none; color: #333;}
a:hover { text-decoration: none; color: #333;}
p{    font: 14px "Microsoft YaHei";}
.header { width:1200px; margin:0 auto; }
ul{margin: 0;}
.pr{ position:relative}
em,i{font-style:normal;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", 宋体, Tahoma, Helvetica, Arial, 宋体, sans-serif;
}
.scroll{width:56px;height:60px; border-radius:5px;background:#2469be url(../images/sctop2.png) no-repeat center 4px ;color:#fff;
text-align:center;position:fixed;right:10px;bottom:50px;cursor:pointer;font-size:12px;}
.scroll span { display:block; margin-top:40px;}
.scroll:hover { background-color:#d40000;}


@charset "UTF-8";
header#header {
  width: 100%;

}
.top {
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}
.top p {
  font-size: 12px;
  line-height: 40px;
  color: #666666;
  float: left;
}
.top p + p {
  float: right;
  padding-left: 45px;
  background: url("../images/phone.png") no-repeat left center;
  font-size: 0;
}
.top p + p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 40px;
  color: #999999;
}
.top p + p i {
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  color: #cc0000;
  font-style: normal;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.top p + p b {
  margin-left: 15px;
  font-size: 18px;
  line-height: 40px;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}
.logo {
  
  float: left;
}
.logo h1{margin-top: 20px;}
.logo a {
  height: 49px;
}
.logo img {
  display: block;
  width: 490px;
    height: 120px;
}
.logo-call {
  position: relative;
      width: 1200px;
    margin: 0 auto;
}
.slogan {
      float: right;
    text-align: right;
    margin-top: 45px;
    margin-bottom: 34px;
    padding-left: 31px;
    background: url(../images/phone.png) no-repeat;
    background-position: left center;
    width: 330px;
}
.slogan strong {
  display: block;
    font-size: 25px;
    line-height: 64px;
    color: #cc0000;
    width: 230px;
}
.slogan span {
  display: block;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
  width: 175px;
}
.version {
  margin-top: 55px;
  margin-bottom: 40px;
  margin-left: 40px;
  width: 300px;
  height: 40px;
  float: left;
  text-align: center;
  border-left: 1px dashed #999999;
  border-right: 1px dashed #999999;
}
.version a {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  padding-left: 45px;
  background: url("../images/icon-chinese.png") no-repeat left center;
}
.version a:hover {
  text-decoration: none;
  color: #ed9d08;
}
.version a + a {
  margin-left: 20px;
  background: url("../images/icon-English.png") no-repeat left center;
}
.nav{height:59px; line-height:59px; /*border-top: 1px solid #e3e3e3; */font-size: 16px; white-space: nowrap;background: #f5f5f5; }
.nav .header{width: 1200px;margin: 0 auto;}
.nav ul{overflow: hidden;}
.nav ul li{display:block;float:left;font-size:13px; /*width: 167px;border-right: 1px solid #e5e5e5;*/
    
    /*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/}
.nav ul li a{/*color:#666666;*/ display: block; padding: 0 43px;text-decoration: none;
/*width: 167px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/}
/*.nav ul li a:hover,.nav ul li.cur a{background: #2f318b url(../images/nav_icon.jpg) no-repeat center bottom; color: #fff; font-weight: bold;}*/


/*banner*/
  .slideBox{ width:100%;  overflow:hidden; position:relative; top:0;}
  .slideBox .hd{  overflow:hidden; position:absolute;left:48%; bottom:10px; /*margin-left:-30px; */z-index:1; text-align:center; }
  .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;list-style: none;  }
  .slideBox .hd ul li{ margin:0 2px;  width:15px; height:15px; line-height:14px; 
    text-align:center; background:#fff; cursor:pointer; display:inline-block; border-radius:30px; }
  .slideBox .hd ul li.on{ background:#2058a2;  }
  .slideBox .bd{ position:relative; height:100%; z-index:0;   }
  .slideBox .bd li{ zoom:1; vertical-align:middle; }
  .slideBox .bd ul li img{width:100%;height: auto; display:block;}
  .slideBox .bd ul{ padding-left: 0; }


/*底部开始*/
.foot{ height: 336px; background:#1f215d; font-size: 14px; color: #ababab; overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.foot .ft_info{ height: 218px; padding-top: 58px;}
.foot h3{ font-size: 16px; color: #fff; font-weight: normal; text-align: left;margin-bottom: 30px;}
.foot h3 i{ display: block; width: 25px; height: 2px; background: #018ccc; margin: 13px 0 15px; }
.foot .ft-logo{width: 234px; border-right: 1px solid #373737; color: #fff; margin-right: 30px;position: relative;}
.foot .ft-logo img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);    width: 205px;}
.foot h2{ width: 100px; height: 67px; }
.foot h2 img{ display: block; width: 100%; }
.foot .ft-tel{ font-size: 20px; margin: 15px 0;}
.foot .ft-inquery{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #ec7e10; border-radius: 5px; font-size: 14px; color: #fff; }
.foot .ft_contact{ width: 470px; line-height: 30px; border-right: 1px solid #373737; margin-right: 56px;color: #fff;}
.ft_nav{ width: 125px; border-right: 1px solid #373737; margin-right: 56px;}
.ft_nav a{ display:block;line-height: 25px; color: #fff;text-decoration: none; }
.ft_nav a:hover{ color:#ec7e10;}
.foot .code{width: 125px; text-align: center;}
.foot .code img{ width: 115px; height: 115px; display: block;border: 5px solid #121b38; }
.foot .code em{ display: block; font-size: 12px; margin-top: 10px;}
.foot .ft_contact a{ color:#fff;text-decoration: none;}
.copyright{ height: 59px; border-top: 1px solid #454545; line-height: 59px; font-size: 14px; text-align: center;}
.copyright a{ color: #ababab;  }
.kuang{width: 140px;height: 220px;border: 3px solid #f08519;display: block;margin: 0 auto;}
/*底部结束*/

.clear{clear: both;}
/*pages*/ 
.pagination-wrapper{ margin: 20px 0;    text-align: center; } 
.pagination{ height: 34px; text-align: center; } 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#2f318b; color:#fff; } 
.pagination li.thisclass { background: #2f318b; color: #fff; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #2f318b; color: #fff; cursor: default; }


.row {
  padding: 74px 0 0 0;
}
.sea_key{ height: 74px; line-height: 74px; overflow: hidden; border-bottom: 1px solid #e3e3e3; background: #f5f5f5;}
.search{ width:306px; height:38px; overflow:hidden; margin-top:18px;float: right;}
.search .inp01{ float:left; width:235px; height:36px; line-height:36px; background: #fff;font-size:12px;color:#666;border:none; padding-left: 20px; border: 1px solid #e3e3e3; border-right: none; font-family: "microsoft yahei";}
.search .inp02{font-size: 0; width:50px; height:38px; background:url("../images/search_btn.jpg") no-repeat #30318b center;border-style: none;float:left;cursor:pointer;display: block;}
.keywords{ width:800px; font-size:14px; color:#666666; line-height:74px;}
.keywords b{ background: url("../images/key_icon.jpg") no-repeat 0 center;
    padding-left: 40px;
    height: 25px;
    display: block;
    width: 25p;
    float: left;
    line-height: 25px;
    margin-top: 24px;
    }
.keywords a{ color:#666666; display:inline-block; padding-right:15px;text-decoration: none;}  


section.index-title {
  text-align: center;height: 70px;
}
section.index-title section {
  display: inline-block;
  height: 1px;
  background: #999999;
  margin-top: 30px;
  width: 700px;
}
section.index-title h2 {
  padding: 0 20px;
  margin: -30px 40px 0 40px;
  font-size: 30px;
  line-height: 34px;
  color: #333333;
  background-color: #ffffff;
  font-weight: normal;
  display: inline-block;
}
section.index-title h2 span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #999999;
  margin-top: 5px;
  text-transform: capitalize;
}
section.index-title p {
  font-size: 12px;
  line-height: 30px;
  color: #666666;
}

.product-class {
  text-align: center;
  margin-top: 30px;
}
.product-class ul {
  display: inline-block;
  vertical-align: baseline;
  overflow: hidden;
}
.product-class li {
  border: 2px solid #333333;
  float: left;
  margin: 0 10px;
  outline: none;
}
.product-class li:hover,.product-class li.cur{
  border-color: #2f318b;
    background: #fff;
}
.product-class li.cur a{
  color: #fff;}
.product-class a {
  display: block;
  font-size: 16px;
  line-height: 30px;
  padding: 5px 54px;
  color: #333333;
  text-align: center;
}
.product-class a:hover {
  text-decoration: none;
  color: #fff;  
  background: #2f318b;
}
.product-list {
  margin-top: 40px;
}
.product-list .list-four li {
  position: relative;
  margin-bottom: 40px;
}

.product-list .list-four a.img-fa {
  position: relative;
  border: 1px solid #e5e5e5;
  transition: all .3s;
}
.product-list .list-four a.img-fa:hover{
  border: 1px solid #2f318b;
}
.product-list .list-four a.list-title {
  margin: auto;
}

.list-four {
  width: 100%;
}
.list-four ul {
  overflow: hidden;
}
.list-four li {
  width: 22%;
  float: left;
  margin-left: 3%;
  margin-bottom: 20px;
}
.list-four li:nth-child(4n+1) {
  margin-left: 0;
}
.list-four a.img-fa {
  display: block;
  width: 100%;
  height: 270px;
  overflow: hidden;
  position: relative;
}
.list-four a.img-fa img {
  /*width: 100%;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
      width: 250px;
    height: 250px;
}

.list-four a.list-title {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #333333;
  text-align: center;
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 4px solid #cccccc;
  transition: all .3s;
}
.list-four a.list-title:hover {
  text-decoration: none;
  color: #2f318b;
  border-bottom: 4px solid #2f318b;
}

/*新闻资讯*/
.news{ background: url("../images/news_bg_1.jpg") no-repeat center 0; height: 652px; overflow: hidden; }
.news .news-a,.news .news-b,.news .news-faq{ width: 360px; height: 491px; background: #fff; float: left; margin: 80px 24px 0 0; }
.news .news-faq{ margin-right: 0; }
.news h2{ height: 60px; line-height: 60px; border-bottom: 1px solid #2f318b; padding: 0 30px; font-size: 16px}
.news h2 .news-more{line-height: 22px; border: 1px solid #666666; border-radius: 5px; font-size: 14px; color: #999999;  font-weight: normal; text-align: center; margin-top: 15px; float: right;text-decoration: none;padding: 2px 8px;transition: all .3s;}
.news h2 .news-more:hover{border: 1px solid #2f318b;color: #2f318b;}
.news h2 a{ color: #2f318b; text-decoration: none;}
.news h2 span{ font-weight: normal; font-size: 14px; color: #999999; }
.news .news-img{ width: 324px; height: 170px; margin: 25px auto 10px; }
.news .news-img img{ width: 324px;height: 170px;}
.news ul{ padding: 0 30px; }
.news li{ font-size: 13px; line-height: 48px; border-bottom: 1px dashed #cccccc; background: url("../images/news_icon_1.png") no-repeat 0 center; padding-left: 15px;}
.news li a{ color: #666666;text-decoration: none;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; transition: all .3s;}
.news li a:hover{ color:#2f318b;}


/*关于我们*/
.about{overflow:hidden; /*height:520px; */background:url(../images/about_bg_1.jpg) no-repeat center 0; }
.about dl{ margin-top: 80px; }
.about dt{ width: 600px; height: 360px; float: left; }
.about dt img{width: 615px;height: 380px;}
.about dd{ width: 520px; float: right;}
.about dd h3{ font-size: 24px; color: #222222; font-weight: bold;    margin-top: -10px;}
.about dd h3 span{ display: block; font-size: 55px; color: #e3e3e3; text-transform: uppercase; font-family: "Arial"; }
.about dd h3 a{ color: #222222;text-decoration: none;}
.about dd .line{ display: block; margin: 5px 0 25px; color: #999999;}
.about dd p{ font-size: 14px; line-height: 28px; color: #666666;}
.about dd p a{ color: #00a1e9;text-decoration: none; }
.about dd p a:hover{ color:#EC7E10;}
.about dd .detail{ display: block; width: 145px; height: 45px; line-height: 42px; color: #fff; border: 1px solid #2f318b; 
  border-radius: 5px; font-size: 16px; text-align: center; margin-top: 25px;text-decoration: none;
  padding-right: 25px;background:#2f318b url(../images/jian.png) no-repeat;background-position: 115px center;}


/*友情链接*/
.link{overflow:hidden; height:85px; background:#edeaf1;}
.link h2{ float: left; width: 130px; font-size: 14px; font-weight: normal;
  background: url(../images/youlian.png) no-repeat;background-size: 100% 100%;margin-top: 0;}
.link h2 a{color: #fff;display: block;height: 85px;padding-left: 20px;padding-top: 24px;font-size: 22px;font-weight: bold;}
.link a{ color: #2f318b; text-decoration: none;}
.link h2 span{ display: block; font-size: 15px; text-transform: uppercase; font-family: "Arial";padding-top: 10px;}
.links-list{overflow:hidden;float:left; width:860px;font-size:14px; line-height: 85px;}
.links-list a{ display:inline-block; float:left; margin-right: 20px;margin-left: 20px;}
.links4{ display:block; float:right; width:180px; text-align:center; font-size:14px; height: 45px; 
  line-height: 45px; border: 1px solid #fff; border-radius: 5px; margin-top: 20px;}
.links4:hover{ background:#fff; }
.links4:hover a{color:#018ccc;}

/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

.container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.wrapper{overflow: hidden;}



.right { width:900px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.righttop { height:3px; font-size:0; overflow:hidden;}
.right_main { width:930px; overflow:hidden;    margin-top: 30px; }
.plc,.plc2{ height:20px;line-height:24px;padding:0px 8px 8px 8px;position:relative;color:#666;overflow:hidden;font-size:14px; padding-bottom:8px;font-family:"微软雅黑";}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}
.red_x { color:#DD3904; display:inline; font-family:'微软雅黑'; font-size:12px;}
.plc .red_x,.plc2 .red_x{ color:#2f318b; font-weight:bold; font-size:14px;}
.plc2 a{color: #666;font-size: 14px;text-decoration: none;}
.red_x1 { color:#f00; display:inline; font-family:'微软雅黑'; font-size:12px;}
div.News_2{ padding-top:10px;}
/*新资讯显示方式 */
.inf_lc{ clear:both;padding:5px 0 0;}
.inf_lc li:hover{box-shadow: 0 0 10px #2f318b; }
.inf_lc li:hover .fr{ background:#2f318b; color:#fff;}

.inf_lc li{ height:155px; overflow:hidden;margin:0px 33px 25px 10px; box-shadow: 0 0 10px #E5E5E5; padding-right:35px;}
.inf_lc li h4{ text-align:center; float:left;width:100px; overflow:hidden; background:#2f318b; color:#fff; height:110px; margin: 15px 0 0 30px;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:70px;height:70px; overflow:hidden; font-size:50px; font-family:Microsoft Yahei; text-transform:uppercase;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:30px; overflow:hidden; font-size:16px; font-family:Microsoft Yahei; text-transform:uppercase; color:#fff;}
.inf_lc li p{padding:15px 0 0 14px; line-height:26px;width:675px; overflow:hidden; float:right; color:#666; text-align:justify; font-size:14px; height:100px;}
.inf_lc li p b{ display:block; font-weight:100; color:#2f318b; font-size:16px; height:35px;}
.inf_lc li p b a{color:#2f318b;text-decoration: none;}
.inf_lc li p b a,.inf_lc li p b a:hover{ font-weight:bold;}
.inf_lc li p b a:hover{ color:#2f318b;}
.inf_lc li .fr{margin:0 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#999;text-decoration: none; }
/* -- 翻页效果 -- */
.apage { text-align:right; height:30px; line-height:30px; margin:15px 8px 10px 0; }
.apage a { display:inline-block; text-align:center; margin:0 2px; color:#999; font-size:14px; width:28px; height:28px; border:1px solid #EAEAEA; }
.apage .num_btns { float:right; font-family:"Microsoft Yahei"; }
.apage a:hover, .apage .cur { border:1px solid #EAEAEA !important; background-color:#2f318b; color:#fff; text-decoration:none; }
.apage .cust_txt { display:none; float:left; }
.apage .oran_pg_fp { padding:0 5px; }
.apage .oran_pg_pp { width:65px; height:28px; line-height:28px; text-align:center; font-size:16px; }
.apage .oran_pg_np { width:65px; height:28px; line-height:28px; text-align:center; font-size:16px; }
.apage .oran_pg_lp { padding:0 5px; }
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px; }
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }

.con_tit { color:#f00; background:url(../images/ico8.gif) no-repeat 0 6px; padding-left:10px; line-height:20px; }/*内容小标题*/

.RandomNews { border: 1px solid #eaeaea; padding-bottom:10px; margin-bottom:60px; height:475px; }
.diysr { height:52px; line-height:52px; border-top:3px solid #2f318b; padding:0 20px 0 17px; color: #2f318b;font-family: "Microsoft Yahei"; font-size: 16px; font-weight: bold; padding-right: 5px; }
.diysr .line { border-top: 1px dotted #9a9a9a; font-size:0; height:0; margin-right: 10px; overflow:hidden; }
.diysr i { font-size:10px; font-family:Microsoft Yahei; font-weight:normal; text-transform:uppercase; font-style:normal; padding-left:5px; color: #999; }
.news_random { margin: 0 8px; }
.news_random ul { padding-top:20px; display:block; width:880px; }
.news_random ul li { height:33px; line-height:33px; padding:0 17px 0 10px; width:348px; float:left; overflow:hidden; }
.news_random ul li a { background:url(../images/ico55.gif) no-repeat 0 6px; padding-left:15px; text-decoration: none;}


.back{text-align: center;}
.back a{color: #428bca;}

.about{margin: 20px;}
.about .img{text-align: center;}
.about .img img{width: 600px;height: 300px;}
.about p{line-height: 30px;text-indent: 30px;}

.left { width:244px; float:left; overflow:hidden;}
.leib2{ margin-bottom:20px; width:244px; overflow:hidden;}
.leib2 .tit,.leib{ width:244px; overflow:hidden; font-family:"Microsoft Yahei"; }
.leib2 .tit,.leib .tit{ background:url(../images/n-dh-bj.png) no-repeat; height:75px; text-align:center;
 line-height:88px;padding-left:75px;box-sizing: border-box;}
.leib2 .tit,.leib .tit{ color:#2f318b; font-size:22px; font-weight:normal; }
.leib2 .tit em{ padding:0 8px;}

.leib2 .nr h3{position: relative;height: 45px; line-height: 45px; background: #2f318b; font-size: 16px; border-bottom:1px solid #fff;
color: #fff; display: block; /*background: url("../images/project_icon3.png") no-repeat 0 center;padding: 0 0 0 30px; padding-left: 35px;*/ 
text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
/*.leib2 .nr h3{ color: #fff; display: block; background: url("../images/project_icon3.png") no-repeat 0 center; padding-left: 35px;
text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.leib2 .nr h3.cur,.leib2 .nr h3:hover{ background: #ec7e10; }

.leib2 .nr ul{ background:#F5F5F5; padding: 10px 0 10px 15px;}
.leib2 .nr ul li { height:32px; overflow:hidden;}
.leib2 .nr ul li a { display:block;text-align: center; color:#555; font-size:14px; height:32px; line-height:32px;text-decoration: none;}
.leib2 .nr li.cur a,.leib2 .nr li a:hover{color:#EC7E10;}
.leib2 .nr ul li:last-child{ border-bottom:none;}

.project-tel22{ height: 95px; background: #2f318b; color: #fff; font-size: 12px; padding: 20px 0 0 20px; margin-bottom:20px; }
.project-tel22 i{ font-style: normal; display: block; background: url("../images/project_tel.png") no-repeat 0 3px; padding-left: 50px; height: 40px; }
.project-tel22 span{ display: block; font-size: 22px; }


/*左侧联系方式*/
.leftcontact{ width:245px; height:405px; border:4px solid #2f318b; border-bottom:137px solid #2f318b; margin-bottom:20px;}
.leftlx_c{ height:254px; overflow:hidden;}
.leftlx_c h3{ font-size:22px; color:#2f318b; text-align:center; margin:15px 0 25px;}
.leftlx_c span{ display:block; background:url(../images/lxtel.jpg) no-repeat 0 center; font-size:12px; color:#666; padding-left:35px; margin:0 0 15px 15px;}
.leftlx_c span b{ display:block; font-size:16px; color:#2f318b;}
.leftlx_c ul{ margin:0 15px 0 15px;}
.leftlx_c li{ font-size:14px; color:#494949; margin-bottom:15px;}
.leftlx_c li em{ display:block; font-size:14px;  margin-bottom:5px;}
.leftlx_c p{line-height: 30px;margin: 0 0 0 15px;}



/*置顶资讯 样式*/
.new-s dl{width: 880px;margin: 0 auto;padding-top:25px;height:194px;}
.new-s dl dt {height:180px;width:326px;float: left;position: relative;border-bottom: 1px solid #e2e2e2; overflow:hidden;}
.new-s dl dt a{width: 304px; height:160px; overflow:hidden; display:block;}
.new-s dl dt img{width:304px; height:160px; overflow:hidden; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s;}
.new-s dl dt img:hover{transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);}
.new-s dl dt p{width: 296px;height: 28px;display: inline-block;position: absolute;top:132px;left:2px;font: 14px 'Microsoft  YaHei';color: #fff;text-align: center;line-height: 28px}
.new-s dl dd{width: 554px;float: right;height:180px;border-bottom: 1px solid #e2e2e2; position:relative;}
.new-s dl dd p{color: #2f318b;font-size: 16px;font-weight: bold;margin-bottom:8px;}
.new-s dl dd span{font-size: 14px ;color: #494949;display:inline-block;width: 550px;line-height: 28px; height:112px; overflow:hidden;}
.new-s dl dd a{display: inline-block;font: 12px 'Microsoft YaHei','微软雅黑';color: #2f318b; float:right; position:absolute; bottom:15px; right:5px;text-decoration: none;}
.news_random ul li a{ color:#494949;padding-top:1px;}
.news_random ul{ padding-top:0; margin:0 auto;} 
.news_random ul li{width:425px; padding:0; font-size:12px;}
.news_random ul li:nth-child(2n){ float:right;}
/*my 推荐资讯 show  每页*/
.my_news_ul{ clear:both;padding:5px 0 0;}
.my_news_ul li{padding:10px0px 0 0;height:140px; overflow:hidden; }
.my_news_ul li.bg { background:#edf6f4;}
.my_news_ul li h4{ padding:16px 0px 0 0;text-align:center; float:right;width:64px; overflow:hidden;}
.my_news_ul li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Microsoft Yahei; text-transform:uppercase; color:#666666; }
.my_news_ul li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Microsoft Yahei; text-transform:uppercase; color:#666666;}
.my_news_ul li p{padding:0 0 0 10px; line-height:24px;width:420px; overflow:hidden;font-size:14px; float:left; color:#666; }
.my_news_ul li p b{ display:block; font-weight:100; color:#000000; height:35px; line-height:35px; overflow:hidden; font-size:16px;}
.my_news_ul li p b a,.inf_lc li p b a:hover{ font-weight:bold;}
.my_news_ul p span a{ color:#666666 !important;}
.my_news_ul li p b a:hover{ color:#2f318b !important;}
.my_news_ul li .fr{margin:10px 0 0; width:64px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#999; }
.my_news_ul li .fr:hover{ background:#2f318b;}

/*---面包屑导航xsl---*/
.plc, .plc2 {
      background: url(../images/position_icon1.gif) no-repeat 7px 0px;
    height: 40px;
    line-height: 24px;
    padding: 0 8px 8px 35px;
    position: relative;
    color: #666;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #2f318b;
    padding-bottom: 10px;
    font-family: "Microsoft Yahei", "微软雅黑";
}
.plc span { }
.plc i, .plc2 i { font-style:normal; font-size:14px; color:#000; }
.plc .red_x { color:#201618; font-weight:bold; font-size:14px; }


.left2 {width:925px; float:left; overflow:hidden;}
.left2_main{ padding-bottom:50px; margin-top:15px;width:925px; border:none;overflow:hidden;}
.n_info_con { width:925px; padding:0px 0px 0 0px;  font-size:14px;}
.n_info_con h1 { color: #333;  font-weight:normal;  font-size: 22px; line-height: 40px; text-align: center;font: 20px/63px "Microsoft Yahei"; }
.info_con_tit {font-family:"Microsoft Yahei";  line-height:24px; margin-bottom:15px;}
.info_con_tit .n_tit {  text-align:left; color:#666; border-bottom:1px dashed #999; height:44px; line-height:44px;}
.info_con_tit .n_tit a{ color:#BCBBBB; text-decoration: none;}
.info_con_tit .n_tit span .cur{color:#000;}
.info_con_tit {font-family:"Microsoft Yahei";  line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .m_qrinfo{position:relative;}
#cntrBody{ padding-top:12px; border: 1px solid #EAEAEA; padding:0 20px;min-height: 500px;}
.n_info_con p { line-height:28px; margin:15px 0;}

/*下一篇、下一篇*/
.gduo{ line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;}
.gduo span{ overflow:hidden; height:30px; display:block;}
.gduo a{  color:#201618;text-decoration: none;}

.n_info_con2 { margin:0 auto; border:1px solid #D6D6D6;}
.n_info_con2 .t04 { color:#fff; border-bottom:1px solid #E0E0E0;  color:#0F70B0; line-height:48px; height:48px; font-size:0; background:url(../images/news_28.gif) no-repeat 12px center; }/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .yingwen{background:url(../images/news_28.jpg) no-repeat 12px center!important;}
.n_info_con2 .t04 b{ font-weight:bold; font-size:20px; text-transform:uppercase;font-family: "Microsoft Yahei"; font-size:0;}
.n_info_con2 .t04 a { color:#B61212;text-decoration: none;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a:hover { color:#B61212;}
.info_b{border-top:none; padding:10px;}
.left2bot{ display:none;}
ul.p_list_ul li, ul.p_list_ul2 li { background:url(../images/kh_jt2.png) no-repeat left center; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent:20px; margin-left:10px; display:block; border-bottom:1px dashed #ccc; color:#666; font-size:14px; padding-left:6px;}
ul.p_list_ul li a{text-decoration: none;}
ul.p_list_ul2 li { width:342px; padding-right:5px;}

.info_key { border-bottom:solid 1px #ccc; line-height:30px; padding:0 10px; margin:0px 0; overflow:hidden; font: 14px/30px "Microsoft Yahei"; padding-bottom:20px;}
.info_key em{ padding: 0px 12px;}
.info_key span { font-size:14px;}
.info_key a { margin-right:10px;text-decoration: none;}

.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right2 { width:275px;  float:right; overflow:hidden;}

.right2_main{ margin-left:20px; padding-bottom:50px; margin-top:15px;width:275px; border:none;overflow: hidden;}
.t03 {line-height: 46px; height:46px; margin-bottom:5px; text-indent: 22px; background:#2f318b; margin-top:20px; margin:0 20px;}
.right2_main .t03 a { color:#fff ; display:block; width: 180px; font-size: 18px; font-family:"Microsoft YaHei";text-decoration: none;}

.p_rt_tit{ line-height:32px; height:32px; text-overflow: ellipsis;white-space: nowrap;overflow:hidden; color:Orange; margin-left:21px;width: 230px;background: none repeat scroll 0 0 #ddd; border-bottom: 1px solid #fff; }
.p_rt_ul{list-style:none; border-top:none; padding-bottom:5px; width:272px; overflow:hidden; background:#fff;}
.p_rt_ul li{ float:left; padding:0px; background:#fff;width:100%; }
.p_rt_ul li h3{ font-size:12px; font-weight:normal;color:Black; line-height:32px; height:32px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}

.p_rt_ul .cur{background:#fff; opacity:0.9;filter:alpha(opacity=90); position: relative; padding-top: 16px;}
.p_rt_ul .cur h3 a{font-weight:bold; color:#fff;}
.p_rt_ul li h3 a{ font-size:12px; font-family:"Microsoft Yahei"; font-weight:normal; margin-left:15px; color:#201618;  height:32px;}
.p_rt_ul li.cur h3 a{ line-height:32px;}
.p_rt_ul dl{ width: 230px; overflow:hidden; display:none; padding-left:16px; background:#fff; margin-left:5px;}
.p_rt_ul dl dd{ float:left; }
.p_rt_ul dl dt{ float:left; overflow:hidden; display:block; line-height:24px;}
.p_rt_ul dl dt a{ color:#666666; font-size:12px; line-height:24px; display:block; margin-top: 5px;}
.p_rt_ul li dd img{ width:230px; display:block;}
.p_rt_ul li .r_info{ display:block; font-size:0px;}

ul.n_rt_ul { background:none; width:230px; margin:8px auto; overflow:hidden; padding-left:5px;}
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; padding-right:20px; background:url(../images/a2.gif) no-repeat left center;   }
ul.n_rt_ul li a{ display:block;  width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#666; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li.cur{background:url(../images/a1.gif) no-repeat left center; }
ul.n_rt_ul2 {width:240px; margin:8px auto; overflow:hidden;}
ul.n_rt_ul2 li { line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:5px; }




.pro_main { background-color:#fff;zoom:1; overflow:hidden;}
dl.cgal3:hover{ box-shadow: 0 0 5px #ABABAB;}
dl.cgal3 { width:285px; margin:20px 8px;  float:left; display:inline-block; box-shadow: 0 0 10px #ccc; font-family:"微软雅黑"; }
dl.cgal3 dt { width:285px;  overflow:hidden; } /*图片边框*/
dl.cgal3 dt a { /*width:265px;height: 177px;*/ display:block; overflow:hidden; margin:0 auto; margin-top:10px;}
dl.cgal3 img { display:block;/*width:100%;*/ width: 270px;
    height: 270px;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s;}
dl.cgal3 a:hover img{transform:scale(1.03); -moz-transform:scale(1.03); -webkit-transform:scale(1.03); -o-transform:scale(1.03);}
dl.cgal3 dd { width:285px; height:65px; line-height:60px; overflow:hidden; white-space:nowrap; text-align:center; color:#fff;}
dl.cgal3 dd a{ color:#54574E;}
/* -- 一行多个产品展示 -- */ 
dl.pd_list_dl{ float:left; width:289px; margin:10px; box-shadow: 0 0 10px #dedede;}
dl.pd_list_dl .cur{border:1px #124a62 solid;}
dl.pd_list_dl dt{ text-align:center; float:left; overflow:hidden;}
dl.pd_list_dl dt a{ overflow:hidden; display:block; margin:5px; width:280px; height:176px; overflow:hidden;} 
dl.pd_list_dl dt img{ width:280px; height:176px; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s;}
dl.pd_list_dl dt img:hover{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);}
dl.pd_list_dl dt span{ overflow:hidden; display:block; }
dl.pd_list_dl dt span a{font-size:14px; color:#2f318b; display:block; line-height:35px; height:35px;text-decoration: none;}
dl.pd_list_dl .cur dd em a,dl.pd_list_dl:hover dd em a{ color:#fff; background:#2f318b; }

.pro-photo{ position:relative;}
.pro-photo em{ position:absolute; right:0px; bottom:0px;}
.pro-photo em img{ width:90px !important; height:57px !important; display:block; overflow:hidden;}
.pro-photo em:hover img{ width:280px !important; height:176px !important;}

.plc{}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}
.red_x { color:#DD3904; display:inline; font-family:'微软雅黑'; font-size:12px;}
.plc .red_x{ color:#2f318b; font-weight:bold; font-size:14px;}
.red_x1 { color:#f00; display:inline; font-family:'微软雅黑'; font-size:12px;}
.righttop { height:3px; font-size:0; overflow:hidden;}
.rightbot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.pro_details { overflow: hidden; background: #f3f3f3; padding: 20px 20px; border: 1px solid #dde6e6; margin-bottom:30px;}
.pro_details dt { width:450px; float:left; position:relative; border-right:none; height:282px; }
.pro_details dt ul{ width:330px; }

.pro_details dt .btnl, .pro_details dt .btnr { position:absolute; display:block; width:23px; height:41px; cursor:pointer; }
.pro_details dt .btnl { background:url(../images/pro3_btnl.png) no-repeat; left:10px; }
.pro_details dt .btnr { background:url(../images/pro3_btnr.png) no-repeat; right:10px; }
.pro_details dt li{ width:450px; height:282px; }
.pro_details dt li img { width:450px; height:282px; }
.pro_details dd { width: 405px; height: 271px; float: right; padding: 0px 0px 0px 30px; }
.pro_details dd h3 { font-size: 20px; font-weight:bold; height: 36px; line-height: 36px; color: #2f318b; padding: 10px 0px; text-align: left; line-height: 25px;}
.pro_details dd p { font-size: 14px; line-height: 26px; margin-bottom: 10px; height: 120px; overflow: hidden; text-align: left; text-align:justify;}
.pro_details dd .pd_hotline {text-align:left;}
.pro_details dd .pd_hotline span { font-size:16px; color:#333; }
.pro_details dd .pd_hotline span.font_hotline { font-size:18px; color:#2f318b; }
.proinfo  { line-height:25px;*margin-left:10px; font-size:14px;}
.proinfo h4 { line-height:28px; background:#F7F7F7; padding:0 5px; margin-top:10px;}
.proinfo p { white-space: normal; word-spacing: 10px; margin:15px 0;}
.proinfo p a { color:#C10005;}
.proinfo .p_tit { font-weight:bold;}

.pro_key { line-height:35px;  border-top:dashed 1px #ccc; margin-top:5px; font-size:14px;}
.pro_key span { font-weight:bold;}
.pro_key a {font-size:12px; margin-right:10px;}

.online{ border:1px solid #e5e5e5; margin:20px 0 0; padding:20px 20px; font-family:"Microsoft Yahei";}
.online h2{ font-size:16px; line-height:30px; color:#333; height:50px; overflow:hidden;}
.online h2 span{ color:#666; display:inline-block; padding-left:20px; font-weight:normal;}
.online form li{ margin-bottom:25px;}
.online li span{ display:inline-block; width:80px; font-size:14px; vertical-align:top; color:#4a4a4a; text-align:right; line-height:36px;}
.online li span em{ padding-right:2px; font-style:normal;}
.online .li01{ width:355px; float:left;}
.online .li02{ width:355px; float:left;}
.online .li03{ width:355px; float:left;}
.online .li04{ clear:both;}
.online li img{ vertical-align:middle; height:36px; background:#e5e5e5;}
.online .li05,.online .li06{ margin-bottom:10px;}
.online .inp1{ width:234px; height:36px; background:url(../images/iconfont-lianxiren.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px; border:0; padding:0 25px 0 10px;outline: none;}
.online .inp2{ width:234px; height:36px; background:url(../images/iconfont-phone.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;outline: none;}
.online .inp3{ width:234px; height:36px; background:url(../images/iconfont-youxiang.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;outline: none;}
.online .inp4{ width:626px; height:109px; background:none; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; resize:none;outline: none;}
.online .inp5{ width:205px; height:36px; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; background:none; margin-right:10px;outline: none;}
.online .inp7{ width:234px; height:36px; background:url(../images/iconfont-gongsi.png) no-repeat 244px 10px  #eeeef0; overflow:hidden; line-height:36px; border:0;padding:0 25px 0 10px;outline: none;}
.online .btn1{  width:59px; height:24px; border:0; margin:10px 27px 0 80px;background: #2f318b;color: #fff;}
.online .btn2{  width:59px; height:24px; border:0; margin:10px 0 0 0;background: #2f318b;color: #fff;}

.inp1{ width:234px; height:36px;  overflow:hidden; line-height:36px; border:0; padding:0 0px 0 0px;}
.inp3{ width:234px; height:36px;  overflow:hidden; line-height:36px;border:0; padding:0 25px 0 0px;}
.inp4{ width:626px; height:109px; background:none; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; resize:none;}
.inp5{ width:205px; height:36px; overflow:hidden; line-height:36px;background:none; margin-right:10px;}
.inp7{ width:234px; height:36px; background:url(../images/iconfont-gongsi.png) no-repeat 244px 10px  #eeeef0; overflow:hidden; line-height:36px; border:0;padding:0 25px 0 10px;}
.btn1{  width:59px; height:24px; border:0; margin:10px 27px 0 80px;}
.btn2{  width:59px; height:24px; border:0; margin:10px 0 0 0;}



/*在线留言*/
.about-content form{
  margin-top: 45px;
}
.about-content label{
  display: block;
  font-weight: normal;
  margin-bottom: 30px;
}
.about-content label span{
  display: inline-block;
  margin-bottom: 0;
  width: 18%;
  text-align: right;
  vertical-align: middle;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}
.about-content label input{
  width: 40%;
  font-size: 14px;
  line-height: 35px;
  padding-left: 8px;
  outline: none;
  border: 1px solid #cccccc;
  display: inline-block;
  vertical-align: middle;
  height: 37px;
}
.about-content label i{
  color: #ff0000;
  font-style: normal;
  padding-left: 5px;
}
.about-content label textarea{
  width: 65%;
  height: 180px;
  padding: 5px 4px;
  vertical-align: top;
  outline: none;
  border: 1px solid #cccccc;
}
.about-content label input[type=submit],
.about-content label input[type=reset]{
  width: 15%;
  background-color: #344062;
  color: #ffffff;
  border: 0;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  line-height: 40px;
  padding: 0;
}
.about-content label:last-child{
  margin-top: 50px;
}
.about-content label input[type=reset]{
  background: #e8e8e8;
  color: #333;
  margin-left: 20px;
}
.about-content h3{
      font-weight: bold;
    font-size: 28px;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 5px;
    line-height: 36px;
}
/*td{    border: 1px solid #cecece;}*/


/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding-top:5px;}
.side_right .intro table{ background:#dadada; margin:20px 0;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:10px 20px; border:none;}
.side_right .intro table input.button:hover{ background:#FF8E00;}
.side_right .intro img{ padding-top:50px;}
.content .containerx{
      width: 1200px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
    border-color: grey;
}
.side_right .intro table tr td p{
    font-size: 15px;
    line-height: 25px;
}


/*内页右边标题*/
.side_right{ background:#fff;  /*padding:15px;*/ min-height:400px; overflow:hidden;}
/*.side_right .yemei{ border-bottom:solid 1px #e3e3e3; padding-bottom:5px;}*/
.side_right .yemei h2{font-size:18px;float:left;background:url(../images/new1_icon1.png) 0 2px no-repeat;padding-left:20px;font-weight:normal;}
.side_right .yemei span{ float:right; color:#ccc;}
.side_right .yemei span a{color:#ccc;}
.side_right .yemei span a:hover{color:#666;}


.temp_ec_01f_lxwm{ height:357px; overflow:hidden; position:relative; z-index:6;}
          .temp_ec_01map{ height:329px; overflow:hidden; margin-top:20px;}
          .temp_ec_01map .mapimg{ width:1168px; height:309px; padding:5px; border:5px solid #f0f0f0; display:block;}
          .temp_ec_01dz{ height:175px; /*width:900px; background:#f0f0f0;*/ overflow:hidden; margin:26px 0 -30px 0;}
          .temp_ec_01dz p{font-size: 16px;line-height: 30px;}
          .temp_ec_01dz dl{ padding:20px 10px 0 30px;}
          .temp_ec_01dz dt{ height:59px; border-bottom:1px solid #dbdbdb; font:24px "Microsoft Yahei"; line-height:59px; overflow:hidden;}
          .temp_ec_01dz dt a{ color:#333132;}
          .temp_ec_01dz dd{ height:70px; border-bottom:1px dashed #b1b1b1; font:16px "Microsoft Yahei"; color:#555;
           margin-top:14px; line-height:70px; overflow:hidden; 
           background:url(../images/20161226115323_1021.jpg) no-repeat left center; padding-left:62px;}
          .temp_ec_01dz dd.temp_ec_01dd01{background:url(../images/20161226115323_1959.jpg) no-repeat left center;}
          .temp_ec_01dz dd.temp_ec_01dd02{background:url(../images/20161226115323_1021.jpg) no-repeat left center;}
          .temp_ec_01dz dd em{ padding:0 12px;}
          .temp_ec_01dz dd i{ padding:0 20px;}
          .temp_ec_01dz dd span{ font-weight:bold; color:#215eb7;}


.product_show .sm{ width:900px; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#072fa8; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}
.product_show .sm .neirong img{width:;}
.product_show .sm h4{padding: 9px;color: #3786c7;}
.product_show .sm .neirong ul li{background: none;font-size: 16px;    line-height: 35px;}
.product_show .p_summary li{ border-bottom:dotted 1px #ccc; line-height:3rem; padding-left:10px;
 margin-bottom:10px;font-size: 16px;background: none;}
.product_show{ padding:20px 0;/*margin-left: 5%;*/overflow: hidden;}
.product_show .p_banner{ width:452px; float:left;    padding: 10px;}
.product_show .p_banner img{ width:450px; border:solid 1px #dadada;vertical-align: top;}
.product_show .p_summary{ width:420px; float:left; margin-left:30px;}

.intro {clear:both; overflow:hidden; margin:0 auto;}
.intro p{line-height: 30px;    color: #666;    /*text-indent: 28px;*/}
.intro .thd{ text-align:center; font-size:15px; margin-bottom:10px; line-height:30px; }
.intro .thd font{ display:block; color:#CCC; text-align:center; font-size:12px; }
.next_map{ padding-top:10px; padding-bottom:10px; line-height:25px; overflow:hidden; clear:both; border-top:#ddd solid 1px; margin-top:20px; }

.news-extra-area {
    color: #A9A9A9;
    text-align: center;
    line-height: 24px;
    border-bottom: 1px dashed #ccc;
    margin: 0 5px 30px;
        padding-bottom: 20px;
}
.center{text-align: center;}

.intro h2 {
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}
.myDiv img{width: 20px;
        position: absolute;
    top: 30%;
    right: 10%;}
.navBox ul {
    border: 1px solid #ccc;
    width: 225px;
    text-align: center;
    margin: 0 10px auto;
    padding: 0 10px 0 0;
    border-radius: 0 0 10px 10px;
    display: none;
}
.navBox ul li {
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    margin: 1px 0;
}
.nr h3 a{color: #fff;}
.page{text-align: center;padding-bottom: 10px;}
.page a{padding: 0 5px;}