/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#245ba8; opacity:1; border-radius:1rem; width:1.8rem;}
.ban .swiper-pagination-bullet-active{ background:#15325a;}

.case{ margin:1.9rem 0 1rem;}
.caset{ margin-top:1.4rem; padding-left:1%;}
.caset a{ display:block; float:left; width:28.75%; height:2.8rem; border:1px solid #999; text-align:center; line-height:2.8rem; margin:0 0 0.8rem 3%; font-size:1.2rem; text-align:center; line-height:2.8rem; color:#555; box-sizing:border-box;}
.caset a.active{ color:#fff; background:#245ba8; border:1px solid #245ba8;}
.more{ display:block; float:left; width:28.75%; height:2.8rem; border:1px solid #999; text-align:center; line-height:2.8rem; margin:0 0 0.8rem 3%; font-size:1.2rem; text-align:center; line-height:2.8rem; color:#555; box-sizing:border-box; float:left;}
.case2{ margin-top:1rem;}
.case2 p{ width:92.34375%; margin:0 auto 0.8rem; position:relative;}
.case2 p img{ display:block; width:100%;height:15.55rem;}
.case2 p em{ display:block; width:95%; padding-left:5%; height:4rem; font-size:1.2rem; line-height:4rem; color:#fff;position:absolute; bottom:0; left:0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.tit{ text-align:center; font-size:1.6rem; color:#265da9; font-weight:bold;}
.tit em{ display:block; font-size:0.5rem; color:#555; text-transform:uppercase; font-weight:normal; font-family:Arial; padding-top:0.5rem;}

.g-honor{ position:relative; background:#e7ebf6; padding:1.8rem 0 4rem;}
.g-honor ul{ width:92.34375%; margin:1.4rem auto 0; overflow:hidden;}
.g-honor li{ width:47.377%;}
.g-honor li img{ display:block;  width:100%; border:0.4rem solid #fff; box-sizing:border-box;}
.g-honor a:nth-child(2n-1) li{ float:left;}
.g-honor a:nth-child(2n) li{ float:right;}
.g-honor .swiper-pagination-bullet{ background:#fff; opacity:1; border-radius:1rem; width:0.75rem; height:0.75rem; border:1px solid #e0e2e9; box-sizing:border-box;}
.g-honor .swiper-pagination-bullet-active{ background:#e60112; width:0.9rem; height:0.9rem;}

.g-about{ background:#e7ebf6;}
.g-about dl{ width:92.65375%; margin:1.5rem auto 0; text-align:center;}
.g-about dd{ font-size:1.1rem; line-height:1.8rem; color:#333; padding:1rem 0 2rem;}
.g-about dt img{ display:block; width:100%;}

.g-coop{background:#e7ebf6; padding-bottom:2.2rem;}
.g-coop li{ width:28.4375%; border:2px solid #a9aaab; box-sizing:border-box; float:left; margin:1.5rem 0 0 3.2%;}
.g-coop li img{ display:block; width:100%;}

.g-news{ width:93.75%; margin:1.5rem auto;}
.g-news dl{ margin-top:1.2rem;}
.g-news dt{ width:17.25%; height:4.9rem; padding-top:.3rem; border-right:1px solid #fff; float:left; overflow:hidden; text-align:center; font-size:2.2rem; color:#424242; background:#f2f2f2; margin-top:0.3rem;}
.g-news dt em{ display:block; font-size:0.8rem; position:relative; padding-top:0.2rem; border-top:1px solid #fff;}
.g-news dd{ width:79%; float:right;}
.g-news dd h3{font-size:1.3rem; color:#4d4d4d;line-height:2rem; height:2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:bold;}
.g-news dd p{ font-size:1rem; line-height:1.6rem; color:#737373;}


.head2 .menu_btn{width:9.375%; height:5rem; float:right; margin-right:9%;}
.head2 .menu_btn a.downmenu{display:block; width:100%; padding:2.18rem 0 1rem 1rem;}
.head2 .menu_btn img{ display:block; width:100%;}
.menu2 .slideMenu{ width:33%; display: none;z-index:100;position:absolute; top:6.8rem; right:0px; transition:transform 1s;-webkit-transition:transform 1s;background:#fff; padding:0;}
.menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
.menu2 h2{font-size:1.1rem; font-family:"Microsoft Yahei"; color: #121212; border-bottom:1px solid #d4d4d4;line-height:3.2rem; text-align:center;}
.menu2 h5{line-height:3.2rem;border-bottom:1px solid #d4d4d4;}
.menu2 h5 img{ display:inline-block; width:1.5rem; height:1.35rem; margin:1.1rem 3% 0 4%;}
.sou2{ width:90%; margin:1.8rem auto; background:#f3f3f3; height:3.2rem; border-radius:2rem; overflow:hidden;}
.sou2 .ip01{ width:75%; padding-left:5%; height:3.2rem; line-height:3.2rem; background:none; border:0; outline:none; overflow:hidden; font-size:1rem; float:left;}
.sou2 .ip02{ width:20%; height:3.2rem; line-height:3.2rem;background: #15325a; /* Old browsers */
background: -moz-linear-gradient(top, #15325a 1%, #15325a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #15325a 1%,#15325a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #15325a 1%,#15325a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15325a', endColorstr='#15325a',GradientType=0 ); /* IE6-9 */border:0; outline:none; overflow:hidden; font-size:1rem; float:right; color:#fff; border-radius:0 2rem 2rem 0;}
.menu2 ul li {line-height:3.2rem;color:#121212;font-size:1.1rem; border-bottom:1px solid #d4d4d4; margin:0 5%;text-align:center;}
.menu2 ul li a {font-size:1.1rem; font-family:"Microsoft Yahei"; color: #121212;text-decoration: none;text-align:center; }               
.menu2 ul a:nth-child(6) li{border-bottom:0;}





/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../Images/Index/loading.jpg) no-repeat;background-size:100% auto;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;
}

html {font-size:10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}