html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font:inherit;vertical-align:baseline;*/}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.clear{ clear:both;}
img{max-width:100%;}
body a,.grid_1,plan_1,plan_1.one,plan_1.two,i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:hover{
 text-decoration:none;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
    clear: both;
}
@media (max-width: 500px) {.col-xs-4, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-xs-12{padding-left: 10px;padding-right: 10px;}}
.con_pingata{width:100%;margin:0 auto;display:table;height: 100%;}
@media (min-width:1200px){.con_pingata{width:1200px;max-width:100%;}}
/*--服务--*/
.container_box{display:table-cell;vertical-align:middle;}
.content-services {
	background:#f0f0f0;
	height:100vh;
}
@media (max-width: 800px) {.content-services{height:100%;}}

.services_box { 
	text-align: center;
	font-size: 18px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
    -webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height:100vh;
    }
@media (max-width: 800px) {
	.services_box{margin: 8vh 0;height:auto;}
  }
@media (min-width:800px) and (min-height: 980px) {.content-services, .services_box{height:50vh;}}
@media (min-width: 764px) {
.services_01:hover{ background:url(/xg/pingat/images/hover01-1.jpg) no-repeat;}
.services_02:hover{ background:url(/xg/pingat/images/hover01-2.jpg) no-repeat;}
.services_03:hover{ background:url(/xg/pingat/images/hover01-3.jpg) no-repeat;}
.services_04:hover{ background:url(/xg/pingat/images/hover01-4.jpg) no-repeat;}
}
.box{
    position: relative;
    perspective: 1000px;
	width:85%;
}
.box .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
	
	background: #fff none repeat scroll 0 0;
    border: 2px solid #019275;
    border-radius: 10px;
    display: block;
    text-align: center;
    width: 100%;
	padding:70px 20px;
}
.box .box-img h4{color:#999;padding-top:30px; font-size:1em;}
@media (max-width: 800px) {
	.box .box-img h4{font-size: 0.75em;}
	.box .box-img{padding:40px 10px;}
  }
.box .box-img .bottom {
    background: #32aaaa;
    border-radius: 100px;
    height: 4px;
    margin: 0 auto;
    width: 40px;
}
.services_01:hover .box .box-img, .services_02:hover .box .box-img, .services_03:hover .box .box-img, .services_04:hover .box .box-img{transform: rotateY(-90deg);}

.box .box-img img{
    width: 40%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 20px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
	border:2px solid #fff;
	border-radius:10px;
}
@media (min-width:500px) and (max-width: 980px) {.box .box-content{padding: 30px 0px;}}
.box .box-content a{color:#fff;}
.box .box-content a:hover{color:#eee;}
.services_01:hover .box .box-content, .services_02:hover .box .box-content, .services_03:hover .box .box-content, .services_04:hover .box .box-content{transform: rotateY(0);}
.box .title{
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase;
}
@media (max-width: 1200px){.box .title{font-size:1em;}}
@media (max-width: 800px){
.box .title {
    font-size: 15px;
}
.box{width:98%;}
}
.box .description{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
@media (max-width: 1200px){.box .description{font-size: 12px;}}
.box .title:after,
.box .description:after{
    content: "";
    width: 80%;
    display: block;
    border-bottom: 1px solid #fff;
    margin: 15px auto;
}
@media only screen and (max-width: 500px) {
    .box .box-content{ padding: 20px; }
	
	.box .box-img{margin:0;padding:10px;border:none;}
	.box .box-img img{width:100%;}
	.box .box-content{ display:none;}
	.box .box-img h4{ display:none;}
	.box .box-img .bottom{ display:none;}
	.services_01:hover .box .box-img, .services_02:hover .box .box-img, .services_03:hover .box .box-img, .services_04:hover .box .box-img{transform: rotateY(0);}
}
/*--服务 end--*/	
/*--解决方案--*/	
.case {
    background: #f0f0f0;
    position: relative;
	text-align: center;
	height:100vh;
	background:url(/xg/pingat/images/bg0.jpg) no-repeat;
}
/*.case::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    border-image: none;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #f0f0f0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}*/
.case_top_box{max-width:100%;}
@media (max-width: 500px) {.case_top_box{padding:0 10px;}}
.case_bg_top{background-color: rgba(255, 255, 255, 0.7);padding:30px 0;border-radius: 15px 0 0 0;margin-top: 30px;}
@media (min-width: 992px){.case_bg_top{padding: 30px 20%;}}
@media (max-width: 800px) {.case_bg_top .col-md-1{ display:none;}}
.case_icon {
    cursor: pointer;
    display: inline-block;
    list-style: outside none none;
    transition: all 0.3s ease-out 0s;
	margin-top:10px;
}
.case_icon img {
    border-radius: 66%;
    max-width: 50%;
	border: 3px solid #fff;
	padding: 3px;
}
@media (max-width: 500px) {.case_icon img{max-width:80%;}.case_icon_active .icon_title{font-size: 1.2em;}}
.case_icon img:hover {
    border-color: #f6dfcb;
    text-shadow: none;
}
.case_icon_active::after{bottom:-32px;}
.case_icon_active img {
    border-color: #4ebfbf;
}
.case_icon_active img:hover {
    border-color: #4ebfbf;
	text-shadow: none;
}
.case_icon .icon_title {
    color: #999;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.case_icon_active .icon_title{color:#4ebfbf;}

.case .container_box .title{ font-size:2.5em; text-align:right;color:#5b6064;}
.case .container_box .title span{color:#019275;}
.case .container_box p{color:#999999; margin-top:30px; font-size:1.2em; text-align:right;}
@media (max-width: 800px) {.case{height:100%;}.case .container_box .title{font-size:1.5em;}.case .container_box p{font-size:0.75em;}}
.case .container_box .bottom{width:40px; height:4px; background:#019275; border-radius:100px;float:right;margin:10px 0;}
.case .container_box .case_con{overflow:hidden; background:url(/xg/pingat/images/bg-1.png) no-repeat;}
.case .container_box .case_txt{background:#fff;color:#999;padding: 10px;}
@media (min-width: 1000px) {
.case_icon_active::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-image: none;
    border-style: solid;
    border-width: 0 15px 20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: -30px;
    width: 0;
}
.case_icon_active img{max-width: 60%;}
}
@media (max-width: 800px) {
.case .container_box .case_txt::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eee;
    border-image: none;
    border-style: solid;
    border-width: 0 15px 20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -20px;
    width: 0;
 }
}
.case .container_box .case_txt .leftTitle {float:left;width:80%;height:100px;display: table;}
.case .container_box .case_txt #leftTitle_con{font-size:1.2em; text-align:left;display: table-cell;vertical-align: middle;}
.case .container_box .case_txt .rightTitle {height: 100px;width: 20%;bottom: 10px;display: table-cell;vertical-align: middle;}
.case .container_box .case_txt .rightTitle #mun{font-size:48px; color:#cccccc; text-align:right;}
.case .container_box .case_txt .rightTitle #title{font-size:24px; color:#019275; text-align:right;}
@media (max-width: 800px) {
	.case .container_box .case_txt{background:#eee;}
	.case .container_box p{font-size:1em;}
	.case .container_box .case_txt .leftTitle{width: 65%;}
	.case .container_box .case_txt .rightTitle{width: 35%;}
}
@media (max-width: 500px) {
	.case{height:100%;}
	.case .container_box .title{font-size:1.5em;}
	.case .container_box p{font-size:0.75em;}
	.case .container_box .case_txt #leftTitle_con{font-size:0.75em;}
	.case .container_box .case_txt .rightTitle #title{ font-size:12px;}
  }
@media (min-width:800px) and (min-height: 980px) {.case{height:100%;padding:30px 0;}}

h3.tittle_agile_w3 {
    color: #555;
    font-size: 2.5em;
    letter-spacing: 1px;
    text-align: center;
	padding:10vh 0 0;
} 
@media (max-width: 800px) {
	h3.tittle_agile_w3{padding:0;font-size: 1.5em;}
  } 
.heading-underline {
    margin: 1em auto 2em;
    width: 25%;
	padding:3vh 0 12vh;
}
.h-u1, .h-u3 {
    background-color: #eee;
    float: left;
    height: 2px;
    margin-top: 1px;
    width: 30%;
}
.h-u2 {
    background-color: #00a98f;
    float: left;
    height: 4px;
    width: 40%;
}
/*案例/--end*/
/*app--*/
.app {
    position: relative;
	text-align: center;
	height:100vh;
	
}
@media (max-width: 800px){.app{height:100%;padding-top:20px;}.app .heading-underline{padding:3vh 0 4vh;}}
@media (min-height: 980px) {.app{height:100%;padding-top:20px;}h3.tittle_agile_w3{padding:3vh 0;}.heading-underline{padding:3vh 0 4vh;}}
/*.app::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    border-image: none;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #fff;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}*/
.app h1{ font-size:2.5em;padding:10px 0;}
.app h3.title{ font-size:1.5em;padding:20px 0;}
.app p{color:#999;font-size: 14px;}
.app img{max-width:100%;}
@media (max-width: 500px) {
	.app{height:auto;padding:20px 0;}
	.app_img{ display:none;}
	.app h3.tittle_agile_w3{padding:0}
	.app .heading-underline{padding:3vh 0;margin:0 auto;}
	.app h1{font-size: 1.2em; display:none;}
	.app h3.title{font-size: 1em;padding:0;}
}
/*app/--end*/
/*new_index*/
.news_index {
    background: /*#f0f0f0*/#F9F8F8;
    position: relative;
	text-align: center;
	height:100vh;
	
}
@media (max-width: 800px){.news_index{height:100%;padding:20px 0;}}
@media (min-height: 980px){.news_index{height:100%;padding:30px 0;}}
/*.news::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    border-image: none;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #fff;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 0;
}*/
.news_index {
    background-attachment: scroll;
    background-color: #ffffff;
    background-image: url("/xg/pingat/images/bg-pattern.png");
    background-position: left top;
    background-repeat: repeat;
}
.news_index h3 {
    color: #555;
    font-size: 2.5em;
    letter-spacing: 1px;
    text-align: center;
}
@media (max-width: 800px) {
	.news_index h3{font-size: 1.5em;}
	.news_index .col-md-3:nth-child(3), .news_index .col-md-3:nth-child(4), .news_index .col-md-6{ display:none;}
  }
.news_index .heading-underline{margin:0 auto;}
.new_div{width:100%;margin:0 auto;}
.thumbnail {
    position: relative;
	border-radius: 0;
	/*height:250px;*/
	overflow:hidden;
	display: block;
    padding: /*4px*/0;
    margin-bottom: 30px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
}
.thumbnail .date {
    background:#fff;
    text-align: center;
    /*margin-top: 0;
    padding-bottom: 4px;
    padding-top: 7px;
    margin-bottom: 6px;
    bottom: 0;
    position: absolute;
    right: 0;*/
}
.thumbnail .date img {
    width: 100%;
    display: block;
}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.thumbnail .span1 {
    width:100%;
}
.thumbnail .span1 .spleft{width:20%;float:left;background:/*#f6f5f2*/rgba(232, 232, 232, 0.65);height: 60px;display: table;}
.thumbnail .span1 .spleft .sptxt{display: table-cell;vertical-align: middle;}
.thumbnail .span1 .spright{width:80%;float:right;height: 60px;display: table;background:#fff;}
.thumbnail .span1 .spright .sptxt{color:#7c4c4c; text-align:left;padding:5px;line-height: 24px;letter-spacing:2px;display: table-cell;vertical-align: middle;}
.thumbnail .span1 .spright .sptxt a{color:#7c4c4c;}
.thumbnail .date span, .new_index_right .date span {
    display: block;
}
.thumbnail .date .month {
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 12px;
    color: #a5a4a4;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
}
.new_index_right .date .month {
    font-family: "Open Sans",Verdana,Arial,sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 22px;
	color: #a5a4a4;
    font-style: normal;
	text-align:center;
}
.thumbnail .date .day{
    color: #a5a4a4;
    font-family: Arial,sans-serif;
    font-size: 28px;
    letter-spacing: 0px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}
.new_index_right .date .day {
    color: #a5a4a4;
    font-family: Arial,sans-serif;;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 48px;
    text-align:center;
}
.new_index_right h4 a {
    color: #676768;
    font-size: 16px;
    font-weight: 600;
}
.the-content h4, .new_index_right h4{ text-align:left;}
.the-content{ text-align:left;}
 .the-content p{padding-bottom:10px;}
.the-content p, .new_index_right p{
    color: #676768;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
	text-align:left;
	line-height: 2em;
}
.the-content span {
    background: rgba(0, 0, 0, 0) url("/xg/pingat/images/new_icon2.png") no-repeat scroll left center;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
    vertical-align: top;
}
.the-content a.more {
    border: 1px solid #26b48e;
    color: #26b48e;
    display: inline-block;
    font-size: 14px;
    /*height: 30px;
    line-height: 30px;
    width: 90px;*/
    text-align: center;
    padding:5px 10px;
}
.new_index_right .meta{ text-align:left;}
.new_index_right .date {
    background: rgba(232, 232, 232, 0.65) none repeat scroll 0 0;
    margin-bottom: 8px;
    margin-top: 0;
    padding-bottom: 4px;
    padding: 15px 0;
    text-align: center;
}
.new_index_right a{color:#26b48e;}
.new_index_right p{padding:10px 0;}
.the-content p, .new_index_right p {
    color: #676768;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 1.5em;
}
@media (max-width: 500px){
	.news_index{height:100%;padding:20px 0;}
	.new_index_right{margin-top:20px;}
	.thumbnail p, .the-content p, .new_index_right p{padding:0;}
	.news_index .heading-underline{margin:0 auto;padding:3vh 0 4vh;}
}
/*new_index end*/


h1.arrow {
    background: rgba(0, 0, 0, 0) url("/xg/pingat/images/h1-bg.png") no-repeat scroll center bottom;
    color: #999;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.tm-navbar-bg {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: space-between;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 960px) {.navbar-brand{padding: 15px 5px;}}