@charset "UTF-8";
/* head -- */
  #head{position:fixed;border:none; background:none;top: 0;right:0;left:0;z-index:1030;min-height:70px;}
  #head.nav_on {
    background: #f9f9f9;
    box-shadow: -2px 0 10px #999;
    padding: 0;
    border-bottom:none;
    z-index:9;
  }
  @media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx){#head{box-shadow: -2px 0 10px #999;background-color:#f9f9f9;}}
  .tableCell h1 {font-size: 38px;font-weight: 600;margin-top: 20px;margin-bottom: 35px;letter-spacing: 2px;font-size: 38px;}
  .tableCell p {color: #707070;font-size: 13px;line-height: 24px;}
 .page2, .page3, .page4, .page5, .page6{background:#F8FAFB;}
 .container .pat_con{wax-width:100%;margin:0 auto;}
 .container .page_div{width:100%;}
 .container .page_div img{width:100%;border:none;}
  .container .pat_con .page_text{padding-top:20px;}
 .container .pat_con .page_text2{padding-top:70px;}
  .app2{display: none;}
  @media screen and (min-width: 500px){
     .container .pat_con{display: table;}
     .container .page_div{width:50%;display: table-cell;vertical-align: middle;position: relative;}   
    }
  @media screen and (max-width: 500px){
    .page_img img{padding-top:90px;} 
    .page_img2 img{padding-top:30px;}
    .page1 .tableCell{background:#def5e6 url(../pingat/images/pat01_bg.jpg) no-repeat  bottom;background-size:cover;}
    #app{display: none;}
    .app2{display:block;text-align: center;}
    .app2 h1{padding-top:0;margin-top:0;}
    }
/* head /-- end*/
/* footer*/
footer{background: #f9f3dc url("../images/footer_tw.png");padding-top: 25vh;height: 100vh;}
section.contact {
   /* background: rgba(0, 0, 0, 0) url("images/renwu-bg_c26f167.png") repeat scroll 50% bottom / cover ;*/
    position: relative;
}
.contact .box {
    height: 330px;
    margin: 0 auto;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 810px;
	text-align:left;
}
.contact.active .box .above {
    opacity: 1;
    top: 0;
}
.contact .box .above {
    height: 200px;
    opacity: 0;
    position: relative;
    top: -300px;
    transition: all 0.6s ease-in-out 0s;
    width: 100%;
	font-family:"Raleway",Arial,sans-serif;
}
.contact .box .above .wechat {
    float: left;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
	vertical-align: middle;
	border: 0 none;
}
.contact .box .above .left {
    float: left;
    margin: -12px 0 0 70px;
}
.contact .box .above .left p {
    color: #666;
    line-height: 26px;
    margin-top: 8px;
}
.contact .box .above .left p u {
    margin: 0 5px;
    text-decoration: none;
}
.contact .box .above .right {
    color: #666;
    float: right;
    line-height: 32px;
    margin-top: -3px;
	font-size:14px;
}
.above .right a {
    color: #428bca;
    text-decoration: none;
}
.contact .box .above .left p a.job {
    color: #d00000;
    font-weight: bold;
    margin-left: 5px;
}
.contact .box .above .left a {
    color: #666;
    text-decoration: none;
}
.contact .box .below {
    border-top: 1px dotted #ccc;
    padding-top: 50px;
    position: relative;
    width: 100%;
}
.contact.active .box .below i {
    opacity: 1;
    top: 0;
}
.contact .box .below i {
    background: rgba(0, 0, 0, 0) url("../images/words.png") no-repeat scroll 0 -787px;
    display: block;
    height: 86px;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    top: 300px;
    transition: all 0.6s ease-in-out 0s;
    width: 424px;
}
.contact .box .below p {
    color: #707070;
    font-size: 14px;
    line-height: 24px;
}
.hzhb{white-space:nowrap;overflow:hidden;width:100%;padding-top:10px;}
.hzhb img{width:100%;}

@media (max-width:950px){
	.contact .box{width:470px;}
	.contact .box .above .left{float:right;margin-left:0px;}
	.contact .box .above .right{display:none;}
}

@media (orientation:landscape) and (max-height:520px){
	.contact .box{height:150px;}
	.contact .box .below{display:none;}
}
@media (orientation:landscape) and (max-height:480px) and (max-width:570px){
	.contact .box{width:380px;height:140px;}
	.contact .box .above .wechat{margin-top:5px;width:100px;}
	.contact .box .above .left p{margin-top:0px;}
}
@media (orientation:portrait) and (max-width:550px){
	.contact .box{width:430px;height:490px;}
	.contact .box .above .wechat{position:absolute;float:none;margin:0px;top:200px;width:100px;left:50%;margin-left:-50px;}
	.contact .box .below{margin-top:150px;}
}
@media (orientation:portrait) and (max-width:550px) and (max-height:650px),(orientation:portrait) and (max-width:470px){
	.contact .box{width:260px;height:350px;}
	.contact .box .above .wechat{width:150px;margin-left:-75px;}
	.contact .box .below{display:none;}
}
@media (orientation:portrait) and (max-height:450px){
	.contact .box{height:160px;}
	.contact .box .above .wechat{display:none;}
}
@media (orientation:portrait) and (max-width:550px){
	section.contact {height: 682px;}
	.contact .box .above .left{ width:260px;margin:0 auto;}
	footer{padding-top:20vh;}
}