@charset "UTF-8";
.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../images/show.jpg) no-repeat 50% 50%;background-size:100% auto;z-index:51;  display:none;max-width:640px; min-width:320px; z-index:99999;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }

@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

/*---------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/**/
.g-fuw{width: 100%;height: 24.6rem;position: relative; background:url(../images/five_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw ul li{width: 50%;float: left;height: 8rem;text-align: center;padding: 2.8rem 0 0;font-size: 1.1rem;color: #666;}
.g-fuw ul li b{display: block;font-size: 1.4rem;color: #1669c8;height: 3rem;line-height: 3rem;position: relative;}
.g-fuw ul li b:before{content: "";width: 1.3rem; height: 2px; background: #1669c8; position: absolute; bottom: 0; left: 46%;}
.g-fuw ul li i{display: block;padding: 0.6rem 0 0;}
.g-fuw ul li:last-child{position: absolute;top: 4.6rem;left: 9.8rem;width: 12.5rem;}

/**/
.g-cp{background: #2e3440;padding: 2.2rem 0 3rem;}
.m-bt{display: block; font-size: 1.6rem; color: #fff; width: 100%; text-align: center; position: relative;height: 3rem;line-height: 3rem;overflow: hidden;font-weight: bold;} 
.m-bt:before{content: "";width: 1.3rem; height: 2px; background: #1669c8; position: absolute; top: 50%; left: 33%;}
.m-bt:after{content: "";width: 1.3rem; height: 2px; background: #1669c8; position: absolute; top: 50%; right: 33%;}
.m-cp{width: 92.5%;margin:1rem auto 0;position: relative;line-height: 0;}
.m-cp a{display: block;width: 100%;}
.m-cp p{position: absolute;top: 1.7rem;left: 3.6rem; font-size: 1.4rem; color: #2e3440;font-weight: bold;line-height: 3.2rem;}
.m-cp p:before{content: "";width: 1rem; height: 0.2rem; background: #1669c8; position: absolute; top: 50%; left: 0;}
.m-cp p i{display: block; font-size: 0.9rem; color: #999; font-weight: normal;}

/**/
.g-six{width: 92.5%;margin:0 auto;padding: 2.3rem 0 3rem;}
.g-six .m-bt,.g-plan .m-bt,.g-ys .m-bt,.g-about .m-bt{ color: #333;} 
.g-six .m-bt:before{ left: 20%;}
.g-six .m-bt:after{ right: 20%;}
.g-six ul{display: block;width: 99.8%;position: relative;border: #dadada 1px solid;height: 18.5rem;margin-top: 1.3rem;}
.g-six ul:before{content: "";width: 100%; height: 1px; background: #dadada; position: absolute; top: 50%; left: 0;z-index: 50;}
.g-six ul li{width: 33.33%;float: left;height: 9.25rem;text-align: center;position: relative;}
.g-six ul li:before{content: "";width: 1px; height: 100%; background: #dadada; position: absolute; top: 0; right: 0;z-index: 50;}
.g-six ul li em{display: block;width: 2.1rem;margin:0 auto;padding: 1.6rem 0 0;line-height: 0;}
.g-six ul li em img{width: 2.1rem;height: 2.1rem;}
.g-six ul li span{display: block;font-size: 1.2rem;color: #333;height: 2.5rem;line-height: 2.5rem;}
.g-six ul li i{display: block;font-size: 0.7rem;color: #828282;}
.g-six ul li:nth-child(3n):before{background: none;}

/**/
.g-honor{background: #2e3440;padding: 2rem 0 3rem;}
.g-honor b{display: block;font-size: 2rem;color: #fff;text-align: center;height: 4rem;line-height: 4rem;overflow: hidden;}
.g-honor p{font-size: 1.1rem;color: #c0c1c3;width: 89%;margin:0 auto;height: 2.9rem;line-height: 2.9rem;overflow: hidden;border-top: #5c616a 1px solid;border-bottom: #5c616a 1px solid;}
.g-honor p i{color: #20579c;font-weight: bold;}
.g-honor ul li{width: 23.59%;float: left;height: 9.8rem;margin-left: 2.3rem;margin-top: 2.6rem; background:url(../images/honor_k.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-honor ul li a{display: block;width: 92.72%;margin:0 auto;padding: 0.25rem 0 0;}

/**/
.g-plan{ width:100%; padding:2.4rem 0 0;position: relative;}
.g-plan .m-bt:before{ left: 8%;}
.g-plan .m-bt:after{ right: 8%;}
.g-plan .m-cnt{display: block;width:92.1%;margin:1.3rem auto 0;position: relative;border: #e5e5e5 1px solid;height: 13rem;}
.g-plan .m-cnt:before{content: "";width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 50%;z-index: 50;} 
.g-plan .m-cnt li{font-size: 1.1rem;color: #2e3440;width: 25%;float: left;height: 5rem;position: relative;overflow: hidden;padding: 1.5rem 0 0;text-align: center;}
.g-plan .m-cnt li:before{content: "";width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0;z-index: 50;} 
.g-plan .m-cnt li em,.g-plan .u-more em{display: block;width: 1.75rem;height: 1.5rem;line-height: 0;overflow: hidden;margin:0 auto 0.6rem;}
.g-plan .m-cnt li em img,.g-plan .u-more em img{width: 1.75rem;height: 3rem;}
.g-plan .m-cnt li.z-on{color: #1669c8;}
.g-plan .m-cnt li.z-on em img{ margin-top:-1.5rem;}
.g-plan .m-cnt li:nth-child(4):before{ background: none;}
.g-plan .u-more{display: block;font-size: 1.1rem;color: #2e3440;width: 23%;height: 5rem;overflow: hidden;padding: 1.5rem 0 0;text-align: center;position: absolute;top: 13.2rem;right: 1.2rem;z-index: 100;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan dl{width:92.5%;margin:0 auto;}
.g-plan dl dt{ width:100%;line-height: 0;}
.g-plan dl dd{width: 90%;box-shadow: 0 3px 0.5rem 3px #e2e2e2;padding: 1.5rem 5% 2.3rem;margin-bottom: 1rem;}
.g-plan dl dd h5{height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-plan dl dd h5 a{font-size: 1.4rem;color: #333;}
.g-plan .plan_desc{font-size: 1rem;color: #666;height: 9rem;line-height: 1.8rem;overflow: hidden;padding: 0.5rem 0 0;}

/**/
.g-hz{ width:92.5%; margin:0 auto;padding: 1.5rem 0 2rem;}
.m-bt01{font-size: 1.8rem;color: #444;display: block;width: 100%;text-align: center;height: 3.3rem;line-height: 2.5rem;overflow: hidden;}
.g-hz ul li{width: 28.72%;float: left;line-height: 0;margin-right: 1.7rem;margin-top: 1rem;border: #dbdbdb 1px solid;}
.g-hz ul li:nth-child(3n){margin-right: 0;}

/**/
.g-ys{ width:100%; overflow:hidden;border-top: #f3f3f3 1.2rem solid;border-bottom: #f3f3f3 1.2rem solid;padding: 2.5rem 0 1.4rem;}
.g-ys .m-bt:before{ left: 22%;}
.g-ys .m-bt:after{ right: 22%;}
.g-ys .sclwrap_box{ height:40.5rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:92.5%; margin:0 auto; padding: 1.1rem 0 0;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{width: 100%;padding: 0.5rem 0 0;}
.g-ys dl dd h5{font-size: 1.4rem;color: #333;padding: 0 0 0 1.2rem;position: relative;height: 3.5rem;line-height: 3.5rem;overflow: hidden;}
.g-ys dl dd h5:before{content: "";width: 0.3rem; height: 1.4rem; background: #1669c8; position: absolute; left: 0; top: 1.2rem;z-index: 50;} 
.g-ys dl dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;padding: 0.6rem 0 0;}
.g-ys .m-cnt{ width:100%; display:inline-block;}
.g-ys .m-cnt li{ width:0.6rem; height:0.6rem; background:#bfbfbf; float:left;margin-right: 0.5rem; border-radius:2rem; }
.g-ys .m-cnt li.z-on{ background:#1669c8;}
.g-ys .m-cnt li:first-child{margin-left: 14.5rem;}

/**/
.g-about{width: 100%;height: 42.4rem;padding-top: 2.3rem;background:url(../images/ab_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about .m-bt:before{ left: 33%;}
.g-about .m-bt:after{ right: 33%;}
.g-about dl{ width:92.5%; margin:0 auto; padding:2.4rem 0 0;}
.g-about dl dt{ width:80%;margin:0 auto;line-height: 0;}
.g-about dl dd{ width:100%; padding:4.4rem 0 0;}
.g-about .ab_desc{ font-size:1.1rem; color:#666; line-height:1.8rem;height: 9rem;overflow: hidden;}
.g-about dl dd em{ display:block; width:100%; padding:2.5rem 0 0;}
.g-about dl dd em a{ display:block; width:100%; font-size:1.2rem; color:#fff; height:4rem; line-height:4rem; text-align:center;background:#1669c8;}

/**/

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}