@charset "utf-8";
@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;
  src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
  src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
  url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
  url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}

body{ margin:0; padding:0; font-family:  "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",tahoma,vernada,FontAwesome; font-size:12px; line-height:23px; color:#222222; background-color:#ffffff;}
p{margin:0; padding:0;}
form{margin:0; padding:0;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
div{margin:0; padding:0;}
A{text-decoration:none;}
li{list-style:none;}
ul{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
img{border:0;}
A{text-decoration:none;}
a:link{color: #4c4948;text-decoration: none;}
a:visited {text-decoration: none;color: #4c4948;}
a:hover {text-decoration: none;color: #d0395b;}
a:active {text-decoration: none;color: #4c4948;}
.clear{clear:both;}
.floatl{float:left; margin-right:26px;}
.martop{margin-top:10px;}
.paddingtop{padding-top:40px;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.justify-content-center{ display: flex; justify-content: center;}
.pagination{ margin: 20px 0; }
.pagination .page-item,.pagination .page-num{ width:30px; height: 30px; display: block; text-align: center; line-height: 30px; border: 1px solid #dedede; margin: 0 5px;}
.pagination .page-num-current{ background-color: #dedede; }
.pagination .page-item.pageindex:before{content: "\f100"}
.pagination .page-item.pagepre:before{content: "\f104"}
.pagination .page-item.pagenext:before{content: "\f105"}
.pagination .page-item.pagelast:before{content: "\f101"}
.infotools {
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
}
.infotools .page_preinfo
,.infotools .page_next{
  max-width:46%;
  flex:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.infotools .page_preinfo:before{content: "\f0a5"; margin-right: 10px;}
.infotools .page_next:after{content: "\f0a4"; margin-left: 10px;}
#top{ width:1250px; margin:auto;}
#top .topleft{float:left; width:460px;}
#top .topright{ float:right; width:720px; padding-top:36px;}
#top .topright p{text-align:right;}
#top .topright ul{ display:block; margin-top:26px;}
#top .topright ul li{float:left; width:118px; text-align:center; font-size:16px; height:42px; line-height:42px; margin-left:1px;}
#top .topright ul li a:link{display:block;width:118px; text-decoration:none;  }
#top .topright ul li a:visited{display:block;width:118px;text-decoration:none;  }
#top .topright ul li a:hover{display:block;width:118px; color:#0168b5; border: 1px solid #0168b5; -webkit-border-radius: 10px; border-radius: 10px; text-decoration:none;  }
#top .topright ul li.navhover{ display:block;width:118px; color:#0168b5; border: 1px solid #0168b5; -webkit-border-radius: 10px; border-radius: 10px; text-decoration:none;  }
#top .topright ul li.navhover a{color:#0168b5;}
#menu{background:#0a7501; height:42px; line-height:42px; width:1050px; margin:1px auto;}
#bananer{background:url(../bananer.jpg) no-repeat center; height:473px;}
#jjfa{ width:1250px; margin:38px auto; padding-bottom:30px;}
#jjfa h1{font-size:30px; text-align:center; margin-bottom:20px;}
#jjfa .titlewz{text-align:center;}
#jjfa ul{display:block; margin:20px 0;}
#jjfa ul li{float:left; font-size:18px; text-align:center; width:250px;}
#jjfa ul li a:hover img {transform: scale(1.1, 1.1);transition: .3s transform;}

#cpyy{ width:1230px; margin:38px auto; overflow:hidden;}
#cpyy h1{font-size:30px; text-align:center; margin-bottom:20px;}
#cpyy .titlewz{text-align:center;}
#cpyy ul{display:block; margin:50px 0; width:1250px; }
#cpyy ul li{float:left; font-size:18px; width:310px; text-align:center; display:block;  border-right:#D2D2D2 solid 1px; overflow:hidden;}
#cpyy ul li h3{margin-bottom:10px;}
#cpyy ul li img{margin-top:20px; margin-bottom:20px;}
#cpyy ul li a:hover img {transform: scale(1.1, 1.1);transition: .3s transform;}

#cpzs{ width:1230px; margin:38px auto; overflow:hidden;}
#cpzs h1{font-size:30px; text-align:center; margin-bottom:20px;}
#cpzs .titlewz{text-align:center;}
#cpzs ul{display:block; margin:50px 0; width:1250px;}
#cpzs ul li{float:left; font-size:18px; width:310px; text-align:center; display:block; overflow:hidden;}
#cpzs ul li img{ border-right:#D2D2D2 solid 1px; margin-bottom:22px;}
#cpzs ul li a:hover img {transform: scale(1.1, 1.1);transition: .3s transform;}
#cpzs ul li p{padding:30px 0;}

#indexabout{width:1250px; margin:30px auto;}
#indexabout h1{font-size:30px; text-align:center; margin-bottom:20px;}
#indexabout .titlewz{text-align:center;}
#indexabout .aboutcon{padding:30px 0;}

.hzhb{ display:block; margin-top:20px;}
.hzhb li{float:left; margin-bottom:0px; }
.messages{
    width:1230px; margin:38px auto; overflow:hidden;
}
.messages h1{font-size:30px; text-align:center; margin-bottom:20px;}
#foot{background-color:#1e1e1e; padding-top:50px; padding-bottom:60px; color:#aeadad;}
#foot .footcon{width:1200px; margin:auto; line-height:28px;}
#foot .footcon ul{}
#foot .footcon ul li{float:left; width:230px; display:block; padding-left:75px;}
#foot .footcon ul li b{display:block; font-size:18px; margin-bottom:6px; font-weight:100; color:#FFF; border-bottom:#454444 solid 1px; padding-bottom:8px;}
#foot .footcon ul li a:link{color:#FFF;}
#foot .footcon ul li a:visited{color:#FFF;}
#foot .footcon ul li a:hover{color:#FF0000;}

#indexwhy{background:url(/runtime/jpg/aa/f6/9f/0f/a0/fc8c592eb2b04b3d82b67f.jpg) no-repeat center; height:700px; padding-top:80px;}
#indexwhy .whycon{width:1200px; margin:auto;}
#indexwhy .whycon ul{ display:block; padding-bottom:30px;}
#indexwhy .whycon ul li{ float:left; width:306px; overflow:hidden;}
#indexwhy .whycon ul li img{display:block; margin-bottom:5px;}
#indexwhy .whycon ul li h3{color:#005bac; font-size:18px; padding:5px 0;}

.banner {width: 100%; height: 469px; position:relative; overflow:hidden;  text-align:center; }

.flashsbox{ height:469px; overflow:hidden; position:relative; }
#flashs .bgitem{  z-index:1;position:absolute; top:0; left:0;height: 469px;cursor:pointer; width: 100%; margin:0 auto; background-repeat:no-repeat;background-attachment:scroll;}
#flashs .btn{ position:absolute; z-index:7; bottom:10px; right:50%; margin-right:-450px; padding:5px 6px;}
#flashs .btn span{ color:#fff;  background:#c70000; border:1px solid #cc0000; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#ec3f3d; color:#fff;border:1px solid #ec3f3d}
.flash_bot{ height:4px; background:url(../bg2.gif);}

.content{ width:1220px; margin:auto; padding:10px 0 30px 0; overflow:hidden;}
.ullist{ display: table; padding:20px 0 50px 0; width:1220px;}
.ullist li{float:left; margin-right:10px; font-size:16px;}
.ullist li a:link{ border: 1px solid #ccc; -webkit-border-radius: 6px; border-radius: 6px; display:block;  padding:10px 40px; }
.ullist li a:visited{ border: 1px solid #ccc; -webkit-border-radius: 6px; border-radius: 6px; display:block;  padding:10px 40px; }
.ullist li a:hover{ border: 1px solid #0168b5; -webkit-border-radius: 6px; border-radius: 6px; color:#0168b5; display:block;  padding:10px 40px; }


.pro_list{width:1210px; overflow:hidden;}
.pro_list ul{display:block; margin:50px 0; width:1220px; }
.pro_list ul li{ width:303px; height:370px; float:left; margin-left:0px;margin-bottom:15px;  border-right:1px solid #D9D9D9; }
.pro_list ul li span.info_title{width:305px;display:block; line-height:30px; text-align:center; overflow:hidden; float:left;margin-top:5px;}
.pro_list ul li span.info_img{width:305px; height:305px;}
.pro_list ul li img{width:303px; height:303px;}


	
.right_main h1.title{font-size:20px; padding:15px; text-align:center;}

	
.product_show .product_img{ margin-right:10px; padding:5px 0; }
.pro_rc {width:640px;  float:right; text-align:left;}
.pro_rc h1{ text-align:left; font-size:20px; padding:10px 5px 15px 5px; border-bottom:dashed 1px #D1D1D1; margin-bottom:15px;}
.pro_rc .jiathis_style_32x32{ float:left; margin:15px 0;}
.pro_rc .cl_name{margin:15px 0; font-size:16px;}
.pro_rc .phto{margin:15px 0; line-height:26px;}
.pro_rc .phto strong{ font-size:18px; color:#0075FB; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif}
.product_show .product_img .info_img{width:530px; height:350px; padding:1px; border:1px solid #E1E1E1; text-align:center; display:block; padding-top:50px;}


.pro_xg{ width:730px;  margin:10px 0;border:1px solid #E5E8EA; float:left;}
.pro_xg .xgtitle{  height:30px; background-color:#E5E8EA; }
.pro_xg .xgtitle h4{ padding-left:12px; line-height:30px; color:#0075FB}
.pro_xg ul { padding:10px 0;}
.pro_xg ul li{ margin-left:15px; text-align:center;float:left;}
.pro_xg ul li a.infoimg{ display:block; padding:3px; border:1px solid #D6D6D6;}
.pro_xg ul li span.ptitle{ display:block; line-height:10px; padding:6px 0;}

.web_bottom a{ padding:0 15px;}

.pcontent{ overflow:hidden;}
.pcontent .ctitle{ width:1200px; height:30px;  border-bottom:3px solid #0075FB; margin-bottom:26px;}
.pcontent .ctitle h4{ float:left; width:80px; height:30px; line-height:30px; text-align:center; color:#FFF; background-color:#0075FB;}
.pcontent .con{ padding:5px;}

.pro_xp{ border-top:1px dashed #BFBFBF; padding:10px 0;}
.pro_xp .xptitle{ height:28px; line-height:28px; background-color:#E3E3E3; padding:0 5px;}
.pro_xp .xpfm p{ padding:10px 0;}
.pro_xp .xpfm{ padding:10px 20px;}
.pro_xp .xpfm label{ display:block; float:left; width:110px; text-align:right; }
.pro_xp .xpfm .text{ height:20px; width:260px; border:1px solid #7CA2D3;}
.pro_xp .xpfm textarea{overflow:hidden; width:360px; height:60px; border:1px solid #7CA2D3;}
.pro_xp .xpfm .code{ border:1px solid #7CA2D3;height:20px;}
.pro_xp .xpfm .sub { margin-left:40px; margin-top:15px; color:#FFF; background-color:#132A76; border:none; background:url(../d_28.gif) no-repeat;width:78px; height:27px;}

.xj{ height:40px;}
.xj span{display:block; height:38px; width:180px;line-height:38px;text-align:center; float:left; margin-right:15px;}
.xj span a{ color:#FFF;height:38px; width:180px; line-height:38px; display:block; font-size:16px;}
.xj span.qqxj{ background-color:#0E92D4;}
.xj span.addsc{ background-color:#0E92D4;}


.img_list ul li{ width:270px; float:left; margin-left:15px; margin-bottom:10px;  }
.img_list ul li span.info_img{  line-height:0; font-size:0;padding:1px; border:1px solid #D6D6D6; float:left; max-width: 100%;}
.img_list ul li span.info_title{display:block; height:30px; line-height:30px; text-align:center; overflow:hidden; border:1px solid #FFF;}
.img_list ul li img{width:300px; height:190px;}

.news_ul{ width:1260px;}
.news_ul li{float:left; width:600px; margin-right:30px; height:150px;}
.news_dl dt{float:left; width:150px; height:120px;}
.news_dl dd{float: right; width:420px;}
.news_dl dd h4{font-size:16px; margin:0 0 6px 0; padding:0;}

.input-text{height:32px; line-height:32px; width:900px;}

@charset "UTF-8";
.nypro-bottom {
  margin-top: 28px; }

.nyproc-tab {
  background: #ececec;
  line-height: 49px;
  height: 49px;
  display: block;
  width: 100%; }
  .nyproc-tab li {
    float: left;
    width: 161px;
    height: 49px;
    text-align: center;
    font-size: 18px;
    cursor: pointer; }
    .nyproc-tab li.cur {
      background: url(/runtime/jpg/7d/c9/c3/f6/73/d4d2f34ec84b54d821650c.jpg) no-repeat center center;
      color: #fff; }

.protext-box {
  border-top: 45px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  text-align:left; }
  .protext-box .p {
    font-size: 16px;
    color: #333;
    line-height: 42px; }
  .protext-box span {
    font-size: 16px;
    color: #333;
    line-height: 42px; }
  .protext-box ul li {
    font-size: 16px;
    color: #333;
    line-height: 42px;
    list-style: disc;
    list-style-position: inside; }

.protext-img {
  text-align: center; }

.nyabout-tab {
  margin-bottom: 45px;
  display: block;
  width: 100%; }
  .nyabout-tab li {
    float: left;
    width: 137px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-right: 30px; }
    .nyabout-tab li.cur {
      background: #0068b7;
      color: #fff;
      border: 1px solid #0068b7; }

.nyabout-box { }
  .nyabout-box .p {
    font-size: 16px;
    color: #333;
    line-height: 42px; }

.nyabout-img {
  margin-top: 30px; }

.nyct-left {
  float: left;
  width: 450px;
  margin: 0px 50px 0px 10px; }
  .nyct-left dl dt {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 40px; }
  .nyct-left dl dd {
    font-size: 16px;
    color: #333;
    line-height: 40px; }

.map {
  float: left;
  width: 530px; }

.leme {
  margin-top: 76px;
  border-top: 1px solid #666666; }

.leme-tit {
  text-align: center;
  margin-top: 32px;
  font-size: 18px;
  color: #999;
  font-weight: bold; }

.leme-con {
  width: 780px;
  margin: 0 auto;
  margin-top: 110px; }
  .leme-con input, .leme-con textarea {
    outline: 0;
    resize: none;
    border: none;
    _border: 0;
    margin: 0;
    padding: 0; }
  .leme-con input {
    margin: 0;
    padding: 0;
    border: none; }
  .leme-con ul li {
    margin-bottom: 15px; }
    .leme-con ul li input {
      width: 345px;
      height: 46px;
      line-height: 46px;
      text-indent: 10px;
      border: 1px solid #cccccc;
      font-size: 14px;
      color: #333; }
    .leme-con ul li textarea {
      width: 744px;
      height: 150px;
      border: 1px solid #cccccc;
      padding: 15px;
      font-size: 14px; }
  .leme-con .inbut {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background: #0068b7;
    height: 44px; }

.nynews-tab {
  margin-bottom: 45px;
  display: block;
  width: 100%; }
  .nynews-tab li {
    float: left;
    width: 137px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-right: 30px; }
    .nynews-tab li.cur {
      background: #0068b7;
      color: #fff;
      border: 1px solid #0068b7; }

    .feedback_table { width:100%;  }
.feedback_table tr{ height: 50px;}
.feedback_table .txt{ width:7%; }

.feedback_table .input{ width:93%;}
.feedback_table .input .input-text{ width:95%;}
.feedback_table .info{ color: #990000}
.yinchang{
  display: none;
}
.messages-box{
  width:70%;
  margin: 0 auto;
}
.messages-box input{
  box-sizing: border-box;
  width:100%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 5px;
  outline: none;
  border: 1px solid #999;
  margin-bottom: 10px;

}
.messages-box textarea{
  width:100%;
  box-sizing: border-box;
  padding: 5px 10px;
  line-height: 25px;
  height: 115px;
  border-radius: 5px;
  outline: none;
  border: 1px solid #999;
  margin-bottom: 10px;
}
.messages-box .btn-box{
    display: flex;
    justify-content: space-between;
}
.messages-box .path{
 width:49%;
  position: relative;
}
.messages-box .codeImg{
  position: absolute;
  top:1px;
  right:1px;
  height:38px;
  width:auto;
  border-radius: 5px;
}
.messages-box .login_btn{
  cursor: pointer;

}
.messages-box .login_btn:hover{
  background-color: #09f;
  color:#fff;
}
