.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative;}

.bt01{ font-size: 1.8rem; color:#00479d; text-align: center; line-height: 2rem; overflow: hidden;font-weight: bold;}
.bt01  a{ display: block; color:#00479d;}
.bt01 i{display: block; font-size: 0.5rem; color:#97a8c8; text-transform: uppercase;letter-spacing: 0.2rem;font-weight: normal;font-family: Arial; line-height: 2rem;}

.g-list{margin: 3.5rem 0 0;}
.g-list h2{height:3.5rem; line-height: 3.5rem;}
.g-list h3{margin:0rem 3.1% 0;font-weight: bold; font-size: 1.2rem; line-height: 3.5rem; position: relative;}
.g-list h3::before{position: absolute; content:""; width:100%; height:1px; background:#e7e7e7; bottom:0;left: 0;}
.g-list h3::after{position: absolute; content:""; width:6.6rem; height:1px; background:#00479d; bottom:0;left: 0; z-index: 2;}
.g-list h3 a{ display: block; color:#333333;}
.g-list h3 img{ width:1.3rem; height:1.3rem;vertical-align: middle;margin-right: 0.5rem;}
.g-list h3 span{ font-size: 1rem; font-family: Arial; color:#999999; text-transform: capitalize;font-weight: normal;}
.g-list .h301{ float: left; }
.g-list .h301::before{background:none;}
.g-list .h301::after{background:none;}
.g-list h4{  float: left; line-height: 3.5rem; margin-left: 4%;}
.g-list h4 img{ width:1.3rem; height:1.3rem;vertical-align: middle;margin-right: 0.5rem;}
.g-list h4 a{display: block; color:#92d051; font-size: 1.2rem;font-weight: bold; }

.g-list p{ margin:1rem 3.1% 0;}
.g-list p a{ width:33%; display: block; float:left; font-size: 1rem; padding-left: 1rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; color:#666666;position: relative; line-height: 2.25rem;height:2.5rem;overflow:hidden;}
.g-list p a::before{position: absolute; content:"";width:0.2rem;height:0.2rem; border-radius: 100%;background:#d6d6d6; top: 1.1rem; left: 0;}
.g-list p a:hover { color:#ff8029;}

.g-pro{ margin-top: 2.5rem;}
.g-pro li{ width:45.3125%; margin:0 0 0.85rem 3.1%; overflow: hidden; float: left; line-height: 0; border:1px solid #ececec;background:#f7f7f7;}
.g-pro li span{display: block; line-height: 2.5rem; color:#666666; font-size: 1rem;text-align: center; height:2.5rem; overflow:hidden;}

.serv{background:#eeeeee; margin-top: 4rem; height:46.5rem; overflow: hidden;}
.serv h2{padding-top: 3.5rem; height:8.8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.serv dl{height:15.9rem; width:50%; float: left; overflow: hidden;}
.serv dt{background:url(../images/serv02_bj.png) no-repeat center 0; background-size:100%; width:9.1rem; height:9.1rem; margin: 0 auto; overflow: hidden;}
.serv dd b{display: block; font-size: 1.3rem; color:#333333;text-align: center; line-height: 1.8rem;padding: 0.2rem 0;}
.serv dd p{padding: 0 2rem; font-size: 1rem;line-height: 1.3rem; overflow: hidden;text-align: center; color:#666666;}

.stel{height:3.5rem; overflow: hidden;}
.stel p{background:url(../images/tel.jpg) no-repeat 0 0; background-size:2.1rem 2.1rem; font-size: 1.7rem;line-height: 2.1rem; color:#333333; font-family: Arial; padding-left: 2.5rem; margin-left: 18.75%; float: left; margin-right: 1rem;}
.stel p a{ display: block;color:#333333;font-weight: bold;}
.stel em{display: block; width:6.8rem; height:2.1rem;background:#00479d;border-radius: 4rem; float: left; font-size: 0.9rem;text-align: center; line-height: 2.1rem;}
.stel em a{ display: block; color:#fff;}

.allroll {height:1rem; text-align: center; width:100%; z-index: 2 ;}
.allroll .swiper-pagination-bullet{display: inline-block;width:0.45rem;height:0.45rem; margin:0 0.5rem;background:#7d7d7d;opacity: 1;border-radius: 100%;}
.allroll .swiper-pagination-bullet-active{background:#df0522;}

.g-ys{margin-top: 3.5rem; position: relative; overflow: hidden;}
.g-ys h2{height:6.15rem; font-size: 2.3rem; line-height: 2.5rem;}
.g-ys h2 span{display: block; font-size: 1.2rem;font-weight: normal; color:#666666; line-height: 2rem;}

.ysprev{ left: 29%;bottom:3.1rem; width:3rem;height:3rem; z-index: 2;position: absolute;}
.ysnext{ right: 29%;bottom:3.1rem; width:3rem;height:3rem; z-index: 2;position: absolute;}
.ysroll{position: absolute; bottom:4.4rem;left: 0;}

.ys_c p{ width:93.75%; margin: 0 auto;}
.ys_c dl{width:93.75%; margin: 1.85rem auto 0; overflow: hidden;}
.ys_c dt{ font-size: 1.7rem; color:#00479d;font-weight: bold; line-height: 3.9rem; height:4rem; overflow: hidden;}
.ys_c dt span{ width:3.4rem; height:3.9rem; float: left;text-align: center; line-height: 3.9rem;font-weight: normal; color:#fff; font-size: 2rem; font-family: Arial;background:url(../images/ys_ico.gif) no-repeat 0 0; background-size:3.4rem 3.9rem;vertical-align: middle;margin-right: 0.5rem; display: inline-block;}
.ys_c dd{margin:0.6rem 0 0 1.8rem;  padding-left: 1.5rem;margin-top: 0.8rem; font-size: 1.1rem;line-height: 1.5rem; color:#666666;background:url(../images/ys_ico02.gif) no-repeat 0 0.5rem; background-size:0.6rem 0.6rem;}

.g-case{height:48.7rem; background:#eeeeee; position: relative;}
.g-case h2{height:10.4rem;padding-top: 3.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
        box-sizing: border-box;font-weight: normal;}
.g-case h2 span{display: block; font-size: 1.1rem;height:2.2rem;border:1px solid #00479d; width:38.75%; margin: 0.8rem auto;}
.case_nav{overflow: hidden;}
.case_nav p{ float: left; width:30.46%; height:3.7rem;overflow: hidden;margin:0 1.35% 0.4rem 0; padding: 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; font-size: 1.1rem; color:#333333;text-align: center;}
.case_nav p:nth-child(1){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(2){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(3){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(4){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(5){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(6){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(7){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(8){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(9){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(10){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(11){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(12){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(13){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(14){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(15){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(16){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(17){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(18){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(19){margin-left: 3.1%;background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(20){background:#fff center; background-size:2rem 2rem;}
.case_nav p:nth-child(21){background:#fff center; background-size:2rem 2rem;}

.case_nav p.cur{ color:#fff;}
.case_nav p.cur:nth-child(1){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(2){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(3){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(4){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(5){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(6){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(7){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(8){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(9){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(10){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(11){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(12){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(13){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(14){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(15){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(16){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(17){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(18){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(19){background:#00479d center; background-size:2rem 2rem;}
.case_nav p.cur:nth-child(20){background:#00479d center; background-size:2rem 2rem;}



.case_con dl{ width:93.75%; margin: 0 auto;}
.case_con dt{ line-height: 0;}
.case_con dd{background:#00479d;height:9.8rem;overflow: hidden; margin-top: 1px;padding: 1.2rem 1.5rem 0 1.8rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.case_con dd h3{padding-bottom: 0.9rem; font-size: 1.2rem; color:#fff; line-height: 1.5rem;font-weight: bold;}
.case_con dd a{color:#fff;}
.case_con dd p{font-size: 0.9rem; color:#fff; line-height: 1.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.g-coo{margin:3.7rem 0 4.0rem;}
.g-coo h2{height:4.7rem;font-weight: normal;}
.g-coo h2 i{letter-spacing: 0.1rem;}
.g-coo ul{margin:0 3.1%;}
.g-coo li{ line-height: 0;position: relative;margin:0 -1px -1px 0; width:33.3%; float: left;}
.g-coo li img{border:1px solid #dddcdc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.g-about{overflow: hidden; padding-top: 2.6rem;background:#f6f6f6; height:auto;padding-bottom:20px;}
.g-about h2{height:4.65rem; line-height: 4.65rem; font-size: 2rem;}

.g-about dl{margin:0 auto; width:93.75%; overflow: hidden;}
.g-about dd h3{padding-top: 1.2rem; font-size: 1rem; color:#00479d; line-height: 1.5rem;font-weight: bold;}
.g-about dd p{padding-top:0.3rem; font-size: 1rem; color:#555555; line-height: 1.8rem;}
.g-about dd p i{ color:#00479d;}

.g-news{margin:0 3.1%;overflow: hidden;height:18.7rem; position: relative;}
.newsmore{position: absolute; top: 0;right: 0; width:5rem; font-size: 0.9rem; font-family: Arial; color:#333333; text-transform: uppercase; line-height: 3rem;}
.newsmore a{ display: block; color:#909090;}
.news_nav{ height:3rem;background:#ededed; overflow: hidden;margin-bottom: 0.5rem;}
.news_nav p{display: inline-block; overflow: hidden; font-size: 1.2rem; color:#333333; padding:0 4%; line-height: 3rem; height:3rem;}
.news_nav p.cur{background:#00479d; color:#fff;}
.news_con li{ border-bottom: 1px dashed #dddddd; line-height: 2.6rem; font-size: 1rem; padding-left: 1.25rem;background:url(../images/ys_ico02.gif) no-repeat 0 1.1rem; background-size:0.6rem 0.6rem;}
.news_con li a{ color:#555555; display: block;}
.news_con li:last-child{border-bottom: 0;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/home.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;}}