@charset "UTF-8";

body {

  font-family: "微软雅黑";

  font-size: 16px;

}



a {

  color: #2b2b2b;

  text-decoration: none !important;

}



a:hover {

  color: #01AAED;

}



p {

  margin-bottom: 0;

}



ul {

  padding-left: 0;

  list-style: none;

}



.flex {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.hidden {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}



/************************公用样式*********************/

.move, .news-s, .newinfo {

  background-color: #FFFFFF;

  position: relative;

  min-height: 500px;

  z-index: 1;

  top: -100px;

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

}



.text-primary {

  color: #008fcc !important;

}



.pb-80 {

  padding-bottom: 80px;

}



.bg-gray {

  background-color: #ececec;

}



.text-cnn { margin-top:40px;}

.pageBar {

	width: 100%;

	overflow: hidden;

	float: left;

	padding-top: 0px;

	margin-bottom: 20px;

	display: inline;

}

.text-cnn {

	width: 100%;

	overflow: hidden;

	float: left;

	line-height: 35px;

	text-align: center;

}

.text-cnn li {

	font-size: 14px;

	display: inline-block;

	text-align: center;

	width: 35px;

	text-align: center;

	color: #000;

	margin-top: 10px;

	margin-right: 5px;

	margin-left: 5px;

	background: #eee;

	list-style-type:none;

}

.text-cnn a { padding: 8px 3px;	

}

.text-cnn a:hover {

	color: #fff;

	background: #000;

}

.text-cnn .thisclass {

	font-size: 14px;

	display: inline-block;

	text-align: center;

	color: #fff;

	background: #000;

	cursor: default;

}

.text-cnn a:hover {color: #fff !important;}

.text-cnn li:hover {background: #000; color: #fff !important;}

.text-cnn .thisclass:hover {

	color: #fff;

	background: #000;

}

/************************首页*********************/

.subtitle {

  background: #FBFBFB;

  line-height: 30px;

  font-size: 12px;

  color: #646464;

  border-bottom: 1px solid #F5F5F5;

}



.top {

  padding: 35px 0;

}



.tagline p {

  font-weight: bold;

  padding-top: 10px;

  text-align: center;

  line-height: 28px;

}



.nav-box {

  background: #2b2b2b;

  line-height: 50px;

}



.nav-box li {

  list-style: none;

  flex: auto;

  text-align: center;

}



.nav-box li a {

  display: block;

  color: #FFFFFF;

}



.nav-box li.active, .nav-box li:hover {

  background-color: #008fcc;

  color: #FFFFFF;

}







.tel img {

  float: left;

  margin-right: 10px;

}



.tel b {

  font-size: 18px;

  padding-top: 9px;

  display: block;

  margin-bottom: 5px;

}



.tel span {

  font-size: 18px;

  color: #008fcc;

  font-weight: bold;

}



.tel div {

  width: 223px;

  margin: auto;

  margin-right: 0;

}



.title1 {

  text-align: center;

  margin-bottom: 60px;

}



.title1 h3 {

  margin-top: 0;

  margin-bottom: 20px;

  font-size: 35px;

  font-weight: bold;

  color: #008fcc;

}



.title1 p {

  color: #aeaeae;

  display: inline-block;

}



.title1 p .con {

  padding: 0 15px;

}



.title1 p .line {

  width: 50px;

  height: 1px;

  background-color: #aeaeae;

  display: inline-block;

  vertical-align: 5px;

}



main {

  background-color: #ececec;

}



.services {

  padding: 70px 0 46px;

}



.s-li {

  padding: 30px 35px 20px;

  margin-bottom: 30px;

  border-radius: 5px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.s-li h4 {

  font-size: 16px;

  margin: 20px 0 5px;

}



.s-li p {

  height: 44px;

  font-size: 13px;

  margin: 10px 0 15px;

}



.s-li a {

  padding: 8px 16px;

  display: inline-block;

  border: 1px solid #008fcc;

  color: #008fcc;

  margin: 0 2px;

  border-radius: 5px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  overflow: hidden;

  font-size: 12px;

}



.s-li a:hover {

  background-color: #008fcc;

  color: #FFFFFF;

}



.s-li:hover {

  transform: translateY(-5px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.inquire {

  padding: 25px;

  border-radius: 5px;

}



.inquire h3 {

  font-size: 30px;

  margin-bottom: 15px;

}



.j-cx input {

  width: 100%;

  height: 100%;

  border: none;

  border-right: 1px solid #ececec;

  padding-left: 10px;

  padding-right: 10px;

  outline: none;

  font-size: 14px;

}



.msg-type::after {

  content: '';

  width: 0;

  height: 0;

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -3px;

  border-top: 6px solid #008fcc;

  border-left: 6px solid transparent;

  border-bottom: 6px solid transparent;

  border-right: 6px solid transparent;

  transition: 0.3s ease;

}



.msg-type ul {

  position: absolute;

  left: 0;

  top: 110%;

  background: #FFFFFF;

  width: 100%;

  z-index: 999999;

  border: 1px solid #ececec;

  visibility: hidden;

  opacity: 0;

  transition: 0.35s all;

}



.msg-type ul li a {

  display: block;

  line-height: 40px;

  padding-left: 10px;

  font-size: 14px;

}



.msg-type ul li a:hover {

  background-color: #ececec;

  color: #2b2b2b;

}



.msg-type:hover ul {

  opacity: 1;

  visibility: visible;

  top: 100%;

}



.sub-su {

  width: 20%;

  background: #008fcc;

  font-size: 20px;

  line-height: 51px;

  border: none;

  outline: none;

}



.j-box {

  margin-top: 20px;

  padding-top: 20px;

  border-top: 1px solid #ececec;

}



.j-box h3 {

  font-size: 25px;

  margin-bottom: 5px;

}



.j-list {

  width: 25%;

}



.j-list i {

  float: left;

  margin-right: 10px;

  width: 55px;

  line-height: 55px;

  color: #008fcc;

  text-align: center;

  border: 1px solid #008fcc;

  border-radius: 50%;

  font-size: 38px;

}



.j-list p {

  font-size: 18px;

}



.j-list span {

  font-size: 14px;

}



.ys {

  padding: 25px;

  border-radius: 5px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.ys h3 {

  padding-left: 22px;

  font-size: 20px;

  margin: 15px 0;

}



.ys h3::after {

  content: "";

  position: absolute;

  top: 50%;

  margin-top: -7px;

  left: 0px;

  width: 15px;

  height: 15px;

  background: #008fcc;

}



.ys p {

  font-size: 14px;

}



.ys:hover {

  transform: translateY(-5px);

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

}



.flow_path {

  border-radius: 5px;

  padding: 20px 0 30px;

}



.flow_path .d-flex li {

  flex: auto;

}



.flow_path .d-flex li i {

  display: block;

  font-size: 70px;

  color: #008fcc;

  transition: all 0.5s;

}



.flow_path .d-flex li span {

  font-size: 18px;

}



.flow_path .d-flex li p {

  font-size: 14px;

  color: #999;

  margin-top: 5px;

  margin-bottom: 15px;

}



.flow_path .d-flex li:hover i {

  -webkit-transform: rotateY(360deg);

  -moz-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  -o-transform: rotateY(360deg);

  transform: rotateY(360deg);

}



.process {

  margin: 0 60px;

}



.process li {

  float: left;

}



.process li i {

  width: 30px;

  height: 30px;

  border: 1px solid #dedede;

  color: #999;

  border-radius: 50%;

  font-style: normal;

  float: left;

  line-height: 30px;

}



.process li span {

  display: inline-block;

  margin: 0 5px;

  width: 163px;

  height: 1px;

  background: #dedede;

}



.case {

  border-radius: 5px;

  padding: 25px;

}



.case .case-li {

  border-top: 3px solid #008fcc;

  height: 170px;

  overflow: hidden;

  margin-top: 15px;

}



.case .case-li img {

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.case .case-li:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}



.case h4 {

  font-size: 14px;

  margin-top: 10px;

}



.bj-two {

  background: url(../images/yy.jpg) no-repeat top, transparent;

  padding: 50px 0;

}



.bj-two ul {

  margin-bottom: 0;

}



.bj-two ul li {

  background-color: #008fcc;

  color: #FFFFFF;

  width: 22.75%;

  margin-right: 3%;

  height: 78px;

  padding-left: 20px;

  padding-top: 5px;

  border-radius: 5px;

}



.bj-two ul li p {

  display: inline-block;

  font-size: 14px;

}



.bj-two ul li p small {

  font-size: inherit;

}



.bj-two ul li p span {

  display: block;

  font-size: 20px;

  margin-bottom: 5px;

}



.bj-two ul li a {

  color: #FFFFFF;

}



.bj-two ul li i {

  font-size: 50px;

  margin-right: 10px;

}



.bj-two ul li:last-child {

  margin-right: 0;

}



.news {

  margin-top: 70px;

  margin-bottom: 100px;

}



.news .col-md-7 {

  padding-right: 30px;

}



.news .col-md-7 div {

  overflow: hidden;

}



.news .col-md-7 div img {

  float: left;

  margin-right: 25px;

}



.news .col-md-7 div p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

}



.news .col-md-7 ul {

  overflow: hidden;

  margin-top: 35px;

}



.news .col-md-7 ul li {

  float: left;

  width: 23.125%;

  margin-left: 2.5%;

}



.news .col-md-7 ul li img {

  width: 100%;

}



.news .col-md-7 ul li:first-child {

  margin-left: 0;

}



.news .col-md-5 p {

  font-size: 14px;

  border-bottom: 1px dashed #e5e5e5;

  padding-bottom: 11px;

  margin-bottom: 11px;

  padding-left: 20px;

  position: relative;

}



.news .col-md-5 p a {

  color: #666;

}



.news .col-md-5 p::before {

  content: '';

  display: block;

  width: 3px;

  height: 3px;

  background-color: #008fcc;

  position: absolute;

  left: 5px;

  top: 9px;

}



.h3 {

  margin: 0 0 25px;

  font-size: 18px;

  color: #008fcc;

  font-weight: bold;

  padding-bottom: 12px;

  position: relative;

  border-bottom: 1px solid #ddd;

}



.h3::before {

  content: '';

  display: block;

  width: 77px;

  height: 1px;

  background-color: #008fcc;

  position: absolute;

  left: 0;

  bottom: -1px;

}



footer {

  background: #fff;

  padding-bottom: 10px;

  padding-top: 5px;
  border-top:1px solid #ccc;

}



footer .row {

  padding: 25px 0;

  border-bottom: 1px solid #333;

  margin: 0 auto;

  width:100%;

}



footer .container > p {

  margin: 20px auto;

  text-align: center;

  color: #808080;

  font-size: 14px;

  height: 15px;

  line-height: 15px;

}



footer .container > p a {

  color: #808080;

}



.advantages {

  margin-bottom: 0;

}



.advantages li {

  position: relative;

  display: inline-block;

  padding-left: 80px;

  margin-right: 110px;

  color: #000;

  font-size: 20px;

  line-height: 29px;

  text-align: left;

}



.advantages li span {

  position: absolute;

  left: 0;

  top: 0;

  width: 58px;

  height: 58px;

  background: url(../images/ico-order.png) no-repeat;

}



.advantages li:nth-child(1) span {

  background-position: 0 -290px;

}



.advantages li:nth-child(2) span {

  background-position: 0 -349px;

}



.advantages li:nth-child(3) span {

  background-position: 0 -411px;

}



.foot {

  color: #666;

  font-size: 20px;

  text-align: left;

  line-height: 26px;

  border-left: 1px solid #404040;

  padding-left: 25px;

}



.foot h4 {

  margin: 0;

  font-size: 100%;

}



.foot h4 a {

  color: #008fcc;

}



.foot p {

  font-size: 15px;

  margin-top: 5px;

}



.links {

  margin: 10px auto;

  color: #333;

  font-size: 14px;

  text-align: center;

}



.links a {

  color: #666;

  padding-right: 10px;

  border-right: 1px solid #333;

  margin-right: 10px;

  margin-top: 8px;

  height: 16px;

  display: inline-block;

  line-height: 16px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.links a:last-child {

  border: none;

}



.links a:hover {

  color: #008fcc;

}



.foot-nav {

  text-align: center;

}



.foot-nav a {

  padding: 0 10px;

  border-right: 1px solid #808080;

  font-size: 14px;

  color: #808080;

  height: 15px;

  display: inline-block;

  line-height: 15px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.foot-nav a:last-child {

  border: none;

}



.foot-nav a:hover {

  color: #008fcc;

}



.weixin {

  display: none;

}



#contact-m {

  display: none;

}



.message {

  background-color: #F5F5F5;

  padding-bottom: 50px;

}



.message ul {

  overflow: hidden;

}



.message ul li {

  float: left;

  width: 183px;

  color: #666;

  font-size: 16px;

  position: relative;

  height: 120px;

}



.message ul li.first {

  width: 154px;

}



.message ul li.first .line {

  border-radius: 3px 0 0 3px;

}



.message ul li.first .txt {

  width: 154px;

  right: -66px;

}



.message ul li .arr {

  background: url(../images/dian.png) no-repeat;

  display: block;

  position: absolute;

  top: 35px;

  right: 0;

  width: 20px;

  height: 20px;

  overflow: hidden;

  border-radius: 50%;

}



.message ul li.on {

  color: #c40000;

}



.message ul li.on .line {

  background: #c40000;

}



.message ul li.on .arr {

  background-position: 0 -20px;

}



.message ul li .txt {

  position: relative;

  top: 70px;

  width: 183px;

  right: -80px;

  display: block;

  text-align: center;

}



.message ul li .line {

  display: block;

  position: absolute;

  top: 44px;

  left: 0;

  width: 100%;

  height: 4px;

  overflow: hidden;

  font-size: 0;

  background: #ccc;

}



.message ul li.last {

  width: 254px;

}



.message ul li.last .arr {

  left: 183px;

  right: auto;

}



.message ul li.last .txt {

  right: -104px;

}



.message ul li.last .line {

  border-radius: 0 3px 3px 0;

}



.con-nav {

  line-height: 40px;

  color: #666;

}



.con-nav a {

  color: #666;

}



.con-nav span {

  margin: 0 5px;

}



.mian {

  padding: 60px;

  background: #FFFFFF;

  margin: 10px 0;

  color: #5c6266;

}



.part dt {

  display: table-cell;

  width: 120px;

  font-weight: normal;

  text-align: right;

  color: #5c6266;

}



.part dd {

  display: table-cell;

}



.part dd li {

  list-style: none;

  display: inline-block;

  height: 36px;

  line-height: 36px;

  margin: 0 10px 10px 0;

  border: 1px solid #c5ccd1;

  border-radius: 5px;

  position: relative;

  color: #292f33;

}



.part dd li label {

  font-weight: normal;

  cursor: pointer;

  margin-bottom: 0;

  padding: 0 30px;

}



.part dd li label input[type=radio] {

  display: none;

}



.part dd li p {

  position: absolute;

  z-index: 3;

  top: 38px;

  left: -1px;

  border: 1px solid #c5ccd1;

  border-radius: 5px;

  background: #FFFFFF;

  width: 256px;

  padding: 10px;

  overflow: hidden;

  display: none;

  font-size: 13px;

}



.part dd li:hover {

  border-color: #c40000;

  color: #c40000;

}



.part dd li:hover p {

  display: block;

  color: #849099;

}



.part dd li.on {

  border-color: #c40000;

  color: #c40000;

}



.part dd li.on .ico {

  display: block;

  height: 23px;

  width: 22px;

  position: absolute;

  right: 0;

  bottom: 0;

  background: url(../images/message.png) no-repeat;

}



.title2 {

  border-top: 1px solid #80cc5a;

  height: 40px;

  line-height: 40px;

  margin-bottom: 30px;

  margin-top: 42px;

}



.title2 h3 {

  background: #80cc5a;

  color: #FFFFFF;

  font-size: 20px;

  padding: 0 28px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  border-radius: 0 0 5px 5px;

  margin: 0;

}



.message-form .bj-ly {

  margin-bottom: 16px;

}



.message-form .bj-ly dd, .message-form .bj-ly dt {

  display: table-cell;

}



.message-form .bj-ly dt {

  width: 120px;

  font-weight: normal;

  text-align: right;

}



.message-form .bj-ly dd input {

  width: 220px;

  padding: 0 10px;

  border: 1px solid #c5ccd1;

  border-radius: 5px;

  height: 36px;

  line-height: 36px;

}



.message-form .bj-ly dd input::-webkit-input-placeholder {

  color: #bcc5cc;

}



.message-form .bj-ly dd .inp {

  width: 428px;

}



.tit {

  border-top: 1px solid #53c8e6;

}



.tit h3 {

  background: #53c8e6;

}



.btn-default {

  width: 200px;

  background: #c40000;

  border-radius: 5px;

  height: 40px;

  color: #FFFFFF;

  font-size: 18px;

  border: none;

  margin-top: 30px;

}



.btn-default:hover {

  background: #e5454a;

  color: #FFFFFF;

}



.inside-pages {

  padding-top: 80px;

  padding-bottom: 50px;

}



.inside-pages .title1 {

  margin-bottom: 10px;

}



.inside-pages .title1 h3 {

  font-size: 30px;

}



#allmap {

  width: 100%;

  height: 300px;

  margin-top: 25px;

}



.contact {

  text-align: center;

  margin-top: 60px;

  margin-bottom: 30px;

}



.contact .col-md-4 p {

  font-size: 14px;

  margin-top: 20px;

  line-height: 25px;

  color: #666;

}



.news-s {

  padding: 20px;

}



.news-s .h2 {

  font-size: 18px;

  padding-left: 15px;

  margin-bottom: 25px;

  line-height: 50px;

  color: #FFFFFF;

  background: #008fcc;

  font-weight: normal;

  margin-top: 0;

}



.news-s .h2 i {

  font-size: 25px;

  vertical-align: -2px;

  padding-right: 3px;

}



.news-li {

  margin: 0 0px 18px;

  padding: 0 10px;

  border-bottom: 1px dashed #e2e2e2;

}



.news-li a {

  font-size: 16px;

  color: #3b3939;

  line-height: 35px;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -ms-transition: all 0.35s;

  -o-transition: all 0.35s;

  transition: all 0.35s;

}



.news-li a:hover {

  color: #c40000;

}



.news-li time {

  float: right;

  font-size: 16px;

  color: #3b3939;

}



.newinfo {

  padding: 35px 0;

  background-color: #FFFFFF;

}



.newinfo-head {

  text-align: center;

  margin: 0 0 25px;

}



.newinfo-head h3 {

  font-size: 20px;

  color: #3b3939;

  margin-top: 0;

  margin-bottom: 12px;

}



.newinfo-head p {

  font-size: 14px;

  color: #969696;

}



.newinfo-box {

  padding: 0 30px;

  font-size: 16px;

  color: #646464;

  line-height: 2;

}



.about-box {

  color: #646464;

  line-height: 2;

  padding: 30px 20px;

}



.about-box > span {

  display: block;

  text-align: center;

  padding: 1.5em 0;

}



.about-box p {

  text-indent: 2em;

}



.sfbz {

  padding: 40px 0;

  border-radius: 5px;

}



.sfbz h3 {

  font-size: 30px;

  margin-bottom: 35px;

}



.sf-center table {

  width: 960px;

}



.sf-center table td {

  color: #595959;

  font-size: 14px;

}



.sf-center table .td {

  color: #333;

  font-size: 16px;

  width: 20%;

  text-align: center;

}



.sf-center table .last-td {

  width: 80%;

  padding: 0 10px;

}



.sf-center h2 {

  font-size: 20px;

  font-weight: bold;

  width: 1000px;

  margin: auto;

  height: 70px;

  line-height: 50px;

  margin-bottom: -20px;

  color: #FFFFFF;

  background: url(../images/sfbz.png) no-repeat;

  text-align: center;

}



.banner {

  background: url(../images/bg.jpg) no-repeat center;

  height: 300px;

  background-size: cover;

}



.bg img {

  width: 100%;

}



.move {

  padding: 60px;

}



.move h1 {

  text-align: center;

  font-size: 25px;

}



.topnav {

  position: absolute;

  top: 20px;

  left: 40px;

  font-size: 14px;

}



.topnav span {

  color: #d8d8d8;

}



.topnav a {

  color: gray;

}



.content {

  color: #666;

  font-size: 14px;

  line-height: 28px;

  overflow: hidden;

}



.content strong {

  font-size: 18px;

}



.content .col-sm-4 img {

  width: 100%;

}



.query-two {

  background: #FFFFFF;

  position: relative;

  padding: 25px;

  border-radius: 5px;

}



.query-two h3 {

  font-size: 28px;

  margin-bottom: 15px;

}



.query-two .charge {

  width: 22.9%;

}



.query-two .charge.active {

  margin-bottom: 330px;

}



.result {

  padding-bottom: 30px;

}



.result table {

  width: 100%;

}



.result table th {

  height: 40px;

  background: #008fcc;

  color: #FFFFFF;

  font-weight: normal;

  text-align: center;

}



.result table td {

  height: 40px;

  font-weight: normal;

  color: #757575;

  background: #FBFBFB;

}



.shut {

  text-align: right;

  margin-bottom: 15px;

}



.shut span {

  background: #008fcc;

  color: #FFFFFF;

  padding: 10px 15px;

  cursor: pointer;

  font-size: 14px;

  border-radius: 5px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.shut span:hover {

  background: #c40000;

}



.city-menu {

  border: 1px solid #e6e6e6;

  position: absolute;

  top: 57px;

  left: 0;

  width: 100%;

  z-index: 999;

  margin-top: -18px;

}



.city-select {

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}



.city-title {

  border-bottom: 1px solid #008fcc;

  background: #008fcc;

  font-size: 13px;

}



.city-title span {

  display: block;

  float: left;

  padding: 8px 22px;

  border-left: 1px solid #FFFFFF;

  border-bottom: 1px solid transparent;

  color: #FFFFFF;

  text-align: center;

  cursor: pointer;

  font-size: 14px;

  margin-bottom: -1px;

}



.city-title span:first-of-type {

  border-left: none;

}



.city-title span.active {

  background: #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

  color: #c40000;

}



.city-content {

  background: #FFFFFF;

  padding: 10px;

}



.city-content-one span {

  display: inline-block;

  padding: 0 10px;

  margin-right: 2px;

  color: #333;

  cursor: pointer;

  font-size: 13px;

  line-height: 2;

}



.city-content-one span.active {

  background: #c40000;

  color: #FFFFFF;

  border-radius: 2px;

}



.city-content-two dl {

  display: table;

  font-size: 13px;

  margin-bottom: 0;

  padding: 3px 0;

}



.city-content-two dl dt {

  display: table-cell;

  width: 32px;

  font-weight: normal;

}



.city-content-two dl dd {

  display: table-cell;

  line-height: 2;

}



.city-content-two dl dd span {

  display: inline-block;

  padding: 0 10px;

  margin-right: 2px;

  color: #333;

  cursor: pointer;

}



.city-content-two dl dd span.active {

  background: #c40000;

  color: #FFFFFF;

  border-radius: 2px;

}





.layout {

	overflow: hidden;

	width: 100%;

}

#fh5co-advantage-list .bg-advantage {

	padding: 30px 0px;

}

/*首页新闻*/

.left_h2{ float: left; font-size: 22px; color:#0c548c; margin:0px;}

.left_span{float: left; padding-top: 10px;  text-indent: 12px; font-size: 12px;color:#7D7D7D;}

.right_span{float: right; padding-top: 10px;  text-indent: 12px; font-size: 12px;color:#7D7D7D;}

.news_box{background:url(../images/title_line.jpg) left 30px no-repeat; margin:40px 2%;width:100%;float:left;}

.index_news{clear: both; list-style:none;margin:0px; padding:15px 0px 0px 0px;}

.index_news li{color:#898989;line-height:21px; padding: 10px 0px;transition:padding 0.3s;}

.index_news li:hover{background-color: #e3eefe; padding-left:15px;padding-right: 10px;}

.index_news li a{color:#333;}

.index_news li a:hover{ text-decoration:none;}

.news_time{ float:right;}

.left_news{clear: both;}

.left_news ul{padding:0px 0px 12px 0px;}

.left_news li{border-bottom: 1px dashed #ccc;background: url(../images/li.png) no-repeat left 16px;}

.left_news li:hover{padding-left:0px;padding-right: 0px;background: none;}

.left_news li a:hover{ text-decoration:none;color:#01519e;}

.left_news span.news_time{display: none;}

      .news_box{margin:25px 0px 0px 0px;}

/**************lg屏幕以上***************/

@media (min-width: 767px) {

	

  .pb-lg-50 {

    padding-bottom: 50px;

  }

  .pt-lg-80 {

    padding-top: 80px;

  }

  .pt-lg-50 {

    padding-top: 50px;

  }

  .title {

    margin-bottom: 20px;

  }

  .title h3 {

    font-size: 20px;

  }

  .title h3 span {

    font-size: 13px;

    color: #777;

    margin-left: 10px;

  }

  .msg {

    height: 100%;

  }

  .msg-type {

    width: 22%;

    float: left;

    height: 100%;

  }

  .j-cx, .msg, .sub-su {

    float: left;

  }

  #form {

    height: 55px;

    border: 2px solid #008fcc;

  }

  .j-cx {

    width: 80%;

    padding: 9px;

  }

  .w-lg-39 {

    width: 39%;

  }

  .w-lg-50 {

    width: 50%;

  }

  .y-jgcx {

    padding: 40px 25px;

  }

  .y-jgcx > h3 {

    margin-bottom: 35px;

  }

  .y-jgcx .j-box {

    margin-top: 30px;

    padding-top: 30px;

  }

}

@media all and (max-width: 720px) {

.news_time { display: none; }

}