/*new*/
body{-webkit-font-smoothing: antialiased; /*chrome、safari*/
     -moz-osx-font-smoothing: grayscale;/*firefox*/}
	 
.pat_div01 {
    background:#F9F8F8;
	padding:30px 0;
	
}
.pat_div01_left{width:100%;}
.pat_div01_left h2 {
    font-size: 1.5em;
    height: 38px;
	line-height:38px;
}
.pat_div01_left h2 strong {
    color: #45b39e;
    float: left;
    font-weight: normal;
}
.pat_div01_left h2 a {
    color: #ccc;
    float: right;
    font-size: 14px;
    font-weight: normal;
    width: 52px;
}
.pat_div01_left li {
    border-bottom: 1px dashed #ccc;
    height: 30px;
	line-height:30px;
}
.pat_div01_left li p {
    background: #f488c0 none repeat scroll 0 0;
    opacity: 0;
}
.pat_div01_left li a, #box li span {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
	text-align:left;
}
.pat_div01_left li a {
    background: rgba(0, 0, 0, 0) url("/xg/pingat/images/li_bg.gif") no-repeat scroll 8px 12px;
    color: #333;
    float: left;
    overflow: hidden;
    padding-left: 20px;
    width: 65%;
}
.pat_div01_left li span {
    color: #999;
    float: right;
    font-size:12px;
}
.pat_div01_left li a:hover {
    color: #45b39e;
    font-weight: bold;
}
.pat_div01_center_left{padding-left:0}
.pat_div01_center_right{ background:#f3f3f3;height:91%; text-align:left;color:#555; line-height:2em;padding-top:10px;}
.slide-pic {
    height: auto;
   /* padding: 10px 0;*/
}
.slide-pic A#prev, .slide-pic A#next {
    display: block;
    height: 45px;
    /*margin: 0;*/
    outline: medium none;
    overflow: hidden;
    text-indent: -9999em;
    width: 4%;
	float:left;
	margin: 40px 0 0;
}
.slide-pic A#prev { background: url(/xg/pingat/images/left.gif) no-repeat;margin-left: 1%;}
.slide-pic A#next { background: url(/xg/pingat/images/right.gif) no-repeat right center;margin-right: 1%;}
.slide-pic .pic-container {
    height: 100px;
    margin: 5px 0;
    overflow: hidden;
    width: 90%;
	float:left;
}
.slide-pic UL {
    width: 100%;
}
.slide-pic UL LI {
    cursor: pointer;
    padding: 5px;
	width:160px;
	float:left;
}
.slide-pic UL LI P {
    border-color:#ddd;
    border-style: solid;
    border-width: 5px;
    overflow: hidden;
    width: 100%;
}
.slide-pic UL LI P:hover{border-color: #bbbbbb;}
.slide-pic UL LI.hover P {
    border-color: #bbbbbb;
}
.slide-pic UL LI P IMG {
    width: 100%;
}
.slide-pic UL LI.cur P {
    border-color: #2c2c2c;
}
.slide-pic UL LI .date {
    background: #ccc;
    color: #333;
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: -20px;
    opacity: 0.5;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 1;
}
@media (max-width:500px){.slide-pic UL LI .date { display:none;}}

/*new end*/
.p1{ position:relative;}
.p1 img{max-width:100%;}
#dailyTitle{ position: absolute;bottom:0;left:0;background: rgba(0,0,0,0.2);color: #fff;height: 30px;line-height: 30px;/*opacity: 0.2;*/text-align: center;width: 100%; font-size:1em; overflow:hidden;}
.pdnot{padding:0; background:#fff;}
.pdnot #dailyTitle h4{font-size:14px;height: 30px;line-height: 30px;}
.pdnot:hover #dailyTitle h4{ font-size:1.5em;text-align: center;padding-bottom:10px;}
.pdnot:hover #dailyTitle{height:100%;padding:30px 10px 0 10px;/*opacity: 0.8;*/background: rgba(0,0,0,0.8);}
.pdnot:hover #dailyTitle div{max-width:80%;margin:0 auto;border:1px solid #fff;padding:30px 20px; border-radius:5px;}
.pdnot #dailyTitle #dailyContent{ text-align:left;}
.pdnot #dailyTitle a {
    background: #4ebfbf none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 600 16px/35px "microsoft yahei";
    height: 35px;
    padding: 0 20px;
	margin-top:5px;
}
@media (max-width:500px){.pdnot:hover #dailyTitle {padding:15px 10px 0 10px;}.pdnot:hover #dailyTitle div{max-width:100%;padding:0px;border:none;}.pdnot:hover #dailyTitle h4{ font-size:1.5em;text-align: center;padding-bottom:10px;}}
.support-block:hover .s-detail{border: 1px dashed #fff;color:#fff;}

.support {
    overflow: hidden;
    padding: 120px 0;
    position: relative;
}
.support-block {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
	margin:10px 0;
}
@media (max-width:500px){.support-block{text-align:left;}}
.pat_div01_left h2 strong{ font-size:18px;}
.pat_div01_top{line-height:24px; text-align:left;color:#999;padding-bottom:10px;}
.pat_div01_top p{padding-top:5px;}
.pat_div01_top img{width:100%;}
@media (min-width:1000px){.support-block{height:450px;}}
.support-block:hover, .support-block.active {
    background: #4ebfbf;
}
.support-block:hover .pat_div01_left h2 strong, .support-block:hover .pat_div01_left h2 strong small, .support-block:hover .pat_div01_left p, .support-block:hover .pat_div01_left a, .support-block:hover .pat_div01_left li span {
    color: #fff;
}
.support-block:hover .fa, .support-block.active .fa {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 0 10px #4ebfbf;
    color: #4ebfbf;
}
.support-block h3 {
    font-family: "Raleway",sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.support-block .support-icon {
    left: 50%;
    margin-left: -31px;
    position: absolute;
    top: -31px;
}
.support-block .fa {
    background: #4ebfbf none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #cceef9;
    color: #fff;
    font-size: 30px;
    height: 63px;
    line-height: 2;
    width: 63px;
}
.wap_lxwm{display:none;}
@media (min-width: 992px) and (max-width:1200px){.container_box .col-md-7{width:55%;}.container_box .col-md-2{width: 20%;}}
@media (min-width:500px) and (max-width:900px){
	.container_box .col-md-2.wap_lxwm{display:block;}
	.col-sm-8 .support-block, .col-sm-4 .support-block{height:450px;}
	.container_box .col-md-2{ display:none;}
}
@media (max-width:900px){.pat_div01_left ul{height:90px; overflow:hidden;}}
.support-block .btn{ text-align:center;margin-top:20px;padding:0}
.support-block .btn a {
    background: #4ebfbf;
    border: medium none;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 600 16px/20px "microsoft yahei";
	width:130px;
    height: 35px;
	line-height:35px;
	text-align: center;
}
@media (max-width:500px){.support-block .btn{text-align:left;}}
@media (min-width:992px) and (max-width:1200px){.support-block .btn a {width:110px;font: 600 14px/20px "microsoft yahei";line-height: 35px;}}
.support-block:hover .btn a{background: #fff;color:#4ebfbf;}

.pat_div01_center h2, .pat_div01_right h2{ text-align:left;}
.pat_div01_center h2 strong, .pat_div01_right h2 strong {
    font-size: 18px;
    height: 38px;
    line-height: 38px;
	color: #45b39e;
    font-weight: normal;
}
.support-block:hover h2 strong, .support-block:hover h2 strong small, .support-block:hover a, .support-block:hover p, .support-block:hover span {
    color: #fff;
}
.pat_div01_right p{ text-align:left;color:#666;}

.mb40 {
  margin-bottom: 40px !important;
}
.btn-default {
  color: #676767;
  border-color: #e5e5e5;
}
.btn-default:hover {
  color: #fff;
  background-color: #4ecdc4;
  border-color: #4ecdc4;
}
@media (max-width:500px){.btn{padding: 8px 15px;;}}
.btn-main {
  color: #fff;
  background-color: #4ecdc4;
  border-color: #4ecdc4;
}
.btn-main:hover,
.btn-main:focus,
.btn-main:active {
  background-color: #33b5ac;
  border-color: #33b5ac;
  color: #fff;
}
.portfolio {
  padding: 100px 0;
  background:#f0f0f0;
}
.no-padding {
  padding: 0 !important;
}
.section-title {
  margin-bottom: 70px;
}
.section-title h3 {
  text-transform: uppercase;
  color: #4c4c4c;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 28px;
  line-height: 48px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  clear: both;
  position: relative;
  padding: 0 10px;
}
.section-title p {
  text-transform: uppercase;
  color: #4ecdc4;
  font-size: 38px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: 3px;
}
.section-title.st-center {
  text-align: center;
}
.section-title.st-center:before {
  margin: auto;
}
.section-title:before {
  content: "";
  display: block;
  width: 150px;
  height: 51px;
  background-image: url(/xg/pingat/images/title-top.png);
  background-repeat: no-repeat;
}
.filter {
  text-align: center;
}
.filter fieldset{border:none;}
.filter .btn {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 40px;
  padding: 8px 20px;
  margin-bottom: 5px;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
          transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.filter input[type="radio"] {
  display: none;
}
.grid {
  width: 100%;
  padding: 0;
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  /*background: #000;*/
  text-align: center;
  cursor: pointer;
  width: 33.33333333%;
  box-sizing: border-box;
}
.grid figure:hover {background: #000;}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border:/*10px solid #fff*/none;
  padding:10px;
  background:#fff;
}
.grid figure figcaption {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure h2 {
  color: #fff;
  font-weight: 300;
  font-size:1.5em;
  margin: 0;
  position: absolute;
  right: 30px;
  left: 30px;
  height:50px;
  line-height:50px;
  top: 50%;
  margin-top:-30px;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
          transition: transform 0.35s, opacity 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
@media (max-width:500px){
.grid figure h2 {
    color: #fff;
    font-weight: 300;
    font-size: 0.75em;
    margin: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
	height:30px;
    line-height:30px;
	margin-top:-20px;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
}
.grid figure h2::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  height: 1px;
  background: #4ecdc4;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
          transform: translate3d(0, 40px, 0);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
          transition: opacity 0.35s, transform 0.35s;
}
.grid figure:hover h2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.grid figure:hover h2::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.grid figure:hover img {
  opacity: 0.3;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
@media (min-width: 1440px) {
  .grid {
    width: 100%;
    padding: 0;
  }
  .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    /*background: #000;*/
    text-align: center;
    cursor: pointer;
    width: 25%;
  }
  .grid figure:hover {background: #000;}
}