#content .content-nav .top {

  border-bottom: 1px dashed #bfbfbf;

}



#content .content-nav .top .left {

  display: inline-block;

}



#content .content-nav .top .left .p1 {

  display: inline-block;

  color: #333333;

  font-size: 28px;

  font-weight: bold;

  border-bottom: 6px solid #064395;;

  line-height: 68px;

  margin-right: 18px;

}



#content .content-nav .top .left .p1 span {

  color: #064395;;

}



#content .content-nav .top .left .p2 {

  display: inline-block;

  line-height: 81px;

  color: #d0d0d0;

  font-size: 28px;

}



#content .content-nav .top .crumb {

  line-height: 81px;

  float: right;

  color: #999999;

  font-size: 18px;

}



#content .content-nav .top .crumb a {

  color: #999999;

  font-size: 18px;

}



#content .content-nav .top .crumb .iconfont {

  font-size: 22px;

  color: #515151;

  margin-right: 12px;

}



#content .content-nav .bot {

  width: 100%;

  padding: 16px 0;

  background-color: #f5f5f5;

}



#content .content-nav .bot .items {

  font-size: 0;

}



#content .content-nav .bot .items .item {
  display: inline-block;
  margin-right: 8px;
 padding: 0 10px;
  height: 48px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: center;
  line-height: 46px;

}



#content .content-nav .bot .items .item a {

  color: #333333;

  font-size: 18px;

}



#content .content-nav .bot .items .item.on {

  background-color: #c70000;

  border-color: #c70000;

}



#content .content-nav .bot .items .item.on a {

  color: #ffffff;

}



#content .news-list>ul li {

  font-size: 0;

  border: 1px solid #e5e5e5;

  padding: 16px;

  margin-top: 46px;

  transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

}



#content .news-list>ul li .pic {

  display: inline-block;

  vertical-align: middle;

  width: 370px;

  height: 370px;

  margin-right: 52px;

}



#content .news-list>ul li .pic img {

  display: block;

  width: 100%;

  height: 100%;

}



#content .news-list>ul li .info {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

}



#content .news-list>ul li .info .title {

  color: #333333;

  font-size: 20px;

  line-height: 20px;

  transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

}



#content .news-list>ul li .info .title .iconfont {

  font-size: 18px;

  color: #c70000;

  margin-right: 8px;

}



#content .news-list>ul li .info .desc {

  color: #666666;

  font-size: 14px;

  line-height: 30px;

  margin-top: 28px;

}



#content .news-list>ul li .info .more {

  display: block;

  width: 134px;

  height: 36px;

  background-color: #c1c1c1;

  color: #ffffff;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  margin-top: 22px;

  transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

}



#content .news-list>ul li:hover {

  border-color: #c70000;

}



#content .news-list>ul li:hover .info .title {

  color: #c70000;

}



#content .news-list>ul li:hover .more {

  background-color: #c70000;

}


#content .pro-list{
  margin-bottom: 30px;
  min-height: 500px;
}
#content .pro-list>ul {

  font-size: 0;

}



#content .pro-list>ul li {
  display: inline-block;
  width: 385px;
  margin-right: 22px;
  margin-top: 36px;

}



#content .pro-list>ul li .pic {

  width: 100%;

  height: 290px;

  position: relative;

  overflow: hidden;
  text-align: center;
  line-height: 290px;
outline: 1px solid #f5f5f5;
}



#content .pro-list>ul li img {

  /* display: block; */

  max-width: 100%;

  max-height: 100%;
	/* margin: 0 auto; */
	
}



#content .pro-list>ul li .mask {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 1;

  bottom: -290px;

  background-color: rgba(0, 0, 0, 0.65);

  transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

}



#content .pro-list>ul li .mask .border {

  width: 92%;

  height: 260px;

  border: 6px solid #064395;

  margin: 15px;

  text-align: center;

  line-height: 1;

  padding-top: 100px;

}



#content .pro-list>ul li .mask .border .iconfont {

  display: block;

  text-align: center;

  font-size: 48px;

  color: #ffffff;

}



#content .pro-list>ul li .mask .border .a1 {

  display: block;

  text-align: center;

  color: #ffffff;

  font-size: 20px;

  margin-top: 13px;

}



#content .pro-list>ul li .mask .border .a2 {

  display: block;

  text-align: center;

  color: #ffd800;

  font-size: 16px;

  margin-top: 16px;

}



#content .pro-list>ul li:nth-child(3n) {

  margin-right: 0;

}



#content .pro-list>ul li:hover .mask {

  bottom: 0;

}



#content .pro-list>ul li .tit {

  display: block;

  text-align: center;

  font-size: 16px;

  color: #333333;

  line-height: 2;

  margin-top: 16px;

}



#content .page-list .content-title {

  font-size: 24px;

  color: #333333;

  line-height: 3;

  text-align: center;

  font-weight: bold;

}



#content .page-list .content-img .img {

  max-width: 100%;

}



#content .page-list .content-body {

  color: #333333;

  font-size: 16px;

  line-height: 40px;

  padding: 20px 0;

}



#content .paging {

  margin: 60px 0;

}



#content .paging ul {

  text-align: center;

}



#content .paging ul li {

  display: inline-block;

  vertical-align: top;

  width: 28px;

  height: 29px;

  margin: 0 3px;

}



#content .paging ul li a {

  display: block;

  color: #000000;

  font-size: 14px;

  line-height: 29px;

  text-align: center;

  transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

}



#content .paging ul li.prev a {

  line-height: 26px;

}



#content .paging ul li.next a {

  line-height: 26px;

}



#content .paging ul .num.on,

#content .paging ul .num:hover {

  background-color: #c70000;

}



#content .paging ul .num.on a,

#content .paging ul .num:hover a {

  color: #ffffff;

}









/*表单*/

.page-list .form {

  width: 100%;

  padding-top: 55px;

}



.page-list .form_tit {

  width: 100%;

  text-align: center;

}



.page-list .form_tit .p1 {

  font-size: 36px;

  color: #efefef;

  text-transform: uppercase;

}



.page-list .form_tit .p2 {

  font-size: 24px;

  color: #333333;

  height: 68px;

  line-height: 68px;

}



.page-list .form_tit .p3 {

  width: 800px;

  height: 43px;

  line-height: 43px;

  background: #efefef;

  margin: 0 auto;

  font-size: 12px;

  color: #9c9c9c;

}



.page-list .layui-form {

  width: 830px;

  margin: 50px auto 0;

}



.page-list .layui-form td span {

  font-size: 16px;

  color: #333333;

  margin: 0 15px;

  float: left;

  line-height: 46px;

}



.page-list .layui-form table {

  width: 100%;

}



.page-list .layui-form td {

  width: 50%;

  padding-bottom: 25px;

  position: relative;

}



.page-list .layui-form td input {

  height: 46px;

  text-indent: 25px;

  font-size: 16px;

  line-height: 46px;

  border-radius: 5px;

  background: none;

  outline: none;

  border: 1px solid #cccccc;

  width: 264px;

}



.page-list .layui-form .new input {

  width: 674px;

}



.page-list .layui-form td .s1 {

  color: red;

  float: right;

  margin-right: 10px;

}



.page-list .layui-form textarea {

  resize: none;

  border: 1px solid #cccccc;

  border-radius: 5px;

  width: 670px;

  padding: 5px;

  outline: none;

  background: none;

  height: 153px;

}



.page-list .form ul {

  width: 100%;

  margin-bottom: 70px;

  text-align: center;

}



.page-list .form ul li {

  display: inline-block;

  width: 120px;

  height: 35px;

  line-height: 35px;

  margin: 10px 15px;

}



.page-list .form ul li input {

  width: 100%;

  height: 100%;

  background-color: #c70000;

  text-align: center;

  color: #fff;

}



/* all */

::-webkit-input-placeholder {

  color: #dedede;

}



::-moz-placeholder {

  color: #dedede;

}



/* firefox 19+ */

:-ms-input-placeholder {

  color: #dedede;

}



/* ie */

input:-moz-placeholder {

  color: #dedede;

}



/* individual: webkit */

.page-list .form td input::-webkit-input-placeholder {

  color: #dedede;

}



.page-list .form td input::-webkit-input-placeholder {

  color: #dedede;

}



.page-list .form td input::-webkit-input-placeholder {

  color: #dedede;

}



/* individual: mozilla */

.page-list .form td input::-moz-placeholder {

  color: #dedede;

}



.page-list .form td input::-moz-placeholder {

  color: #dedede;

}



.page-list .form td input::-moz-placeholder {

  color: #dedede;

}
.fixed{
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: 220px;
}