.wrap img{ width: 100%;}

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

.bt01{ font-size: 1.6rem; font-weight: bold; color:#111111;text-align: center; line-height: 2.4rem;}
.bt01 a{ color:#111111;display: block;}


.g-pin{ margin-top: 2.65rem; padding-bottom: 3.4rem;}
.g-pin h2{background: url(../images/pin_t.gif) no-repeat 0 0; background-size:100%; padding-top: 0.5rem;height:5.7rem;}
.g-pin p{ overflow: hidden; width:89.53%; margin: 0 auto; display: block; line-height: 0;}
.g-pin h3{ width:89.53%; margin: 1.8rem auto 0; font-size: 1.1rem; line-height: 1.6rem; color:#333333; text-align: center; }
.g-pin span{display: block;width:39.53%; margin:1.75rem auto 0;}

.g-listpro{background:#f3f3f3;height:38.35rem; overflow: hidden;}
.g-listpro h2{height:11.5rem;background: url(../images/listpro_t.jpg) no-repeat 0 0; background-size:100%;  font-size: 1.2rem; color:#fff;text-align: center;letter-spacing: 0.2rem;line-height: 2.4rem;}
.g-listpro h2 b{display: block; font-size: 1.6rem; padding-top: 2.4rem;}
.list_nav{height:8.4rem; overflow: hidden;}
.list_nav p{ float: left;width:33%; position: relative; font-size: 1.2rem; color:#111111;font-weight: bold;line-height: 2rem;text-align: center;}
.list_nav p::before {position: absolute; top: 0;right: 0;width:1px;height:6.0rem;background:#d5d5d5; content: '';}
.list_nav p:last-child::before{height:0;}
.list_nav p img{width:3.55rem; height:3.55rem;border:0.15rem solid #e2e2e2; border-radius: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: block;margin: 0 auto;}
.list_nav p.cur{ color:#1857a3;}
.list_nav p.cur img{border:0.15rem solid #1857a3; }
.list_c dl{margin:0 7.5%;height:14.9rem;background:#fff; overflow: hidden;}
.list_c dt{width:41.17%; padding:1.8rem 0 0 1.2rem; float: left; overflow: hidden;}
.list_c dd{width:47.79%; float: right; overflow: hidden;}
.listwz {padding: 2.3rem 2.5rem  0 0;height:7.0rem; overflow: hidden; font-size: 1.1rem; color:#222222; line-height: 1.5rem;}
.list_c dd i a{ display: block; width:10.5rem;height:3rem; text-align: center; line-height: 3.0rem; color:#fff;background:#ff6600; font-size: 1.2rem; }

.g-pro{margin-top: 2.9rem;padding-bottom: 2.4rem;}
.g-pro h2{height:6.35rem;background: url(../images/pro_t.gif) no-repeat 0 0; background-size:100%;  font-size: 1.2rem; color:#333333;text-align: center;letter-spacing: 0.03rem;line-height: 2rem;}
.g-pro h2 b{display: block; font-size: 1.6rem; padding:0.75rem 0 0.4rem;}
.g-pro h2 b a{display: block;color:#333333;}
.pro_nav{margin:0 2.65%;height:4.5rem; overflow: hidden;}
.pro_nav p{ float: left;width:33.3%;background:#656769; height:3.0rem; font-size: 1.2rem; color:#fff;font-weight: bold;text-align: center; line-height: 3rem;}
.pro_nav p:nth-child(2){background:#ff6600;}
.pro_nav p.cur{background:#1857a3;}
.pro_c ul{margin:0 2.65%;overflow: hidden;padding-bottom: 1rem;}
.pro_c li{ width:50%;border:1px solid #d9d9d9;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative;margin:0 -1px -1px 0; line-height: 0;}
.pro_c li span{display: block;background: url(../images/pro_span.gif) no-repeat 0 0; background-size:100%;height:3.1rem; font-size: 1.1rem; color:#555555; overflow: hidden; line-height: 3.1rem;text-align: center;}

.g-pic{ line-height: 0;position: relative;}
.g-pic p{ display: block;position: absolute; top:9.4rem;right: 4.3%; width:10.4rem; background: url(../images/tel01.png) no-repeat center 0; background-size:2.55rem 2.55rem; padding-top: 2.8rem;  font-size: 1.6rem; line-height: 2rem; color:#fff; font-family: Arial;text-align: center;}
.g-pic i{display: block;position: absolute; top: 14.5rem; right: 4.3%; width:10.4rem; height:3rem; background:#fff; text-align: center; line-height: 3rem; font-size: 1.2rem; color:#1857a3;}

.g-ys{margin-top: 3.2rem;background: url(../images/case_line.jpg) no-repeat center bottom; background-size:100%;height:62.1rem;overflow: hidden; position: relative;}
.g-ys::before {position: absolute; content: '';width:35.625%; height:1px;background:#d8d8d8;bottom:6.5rem;left: 0;}
.g-ys::after {position: absolute; content: '';width:35.625%; height:1px;background:#d8d8d8;bottom:6.5rem;right: 0;}
.g-ys h2{height:6.4rem;background: url(../images/ys_t.gif) no-repeat 0 0; background-size:100%;  font-size: 1.2rem; color:#333333;text-align: center;letter-spacing: 0.03rem;line-height: 2rem;}
.g-ys h2 b{display: block; font-size: 1.6rem; padding:0.75rem 0 0.4rem; color:#333;}
.ys_c p{width:90%;margin: 0 auto;line-height: 0; overflow: hidden;}
.ys_c dl{width:90%;margin: 0 auto;overflow: hidden;}
.ys_c dt{background: url(../images/yst01.jpg) no-repeat 0 0; background-size:100%;height:6.5rem; overflow: hidden;margin-top: 1.35rem; }
.ys_c dt span{display: block; font-size: 2.3rem; font-family: Impact; color:#fff; width:20%; text-align: center;padding-top: 1.5rem; float: left; line-height: 3rem;}
.ys_c dt p{ float: left; width:60%; font-size: 1.4rem; color:#111111; padding:1rem 0 0 10%;line-height: 1.8rem;font-weight: bold;}
.ys_c dd{ margin-top: 1rem; padding-left: 1.95rem;background: url(../images/ys_ico01.gif) no-repeat 2% 0.6rem; background-size:0.6rem 0.7rem; font-size: 1.1rem; line-height: 1.7rem; color:#333;}
.ys_c dd b{ color:#ff6600;}
.g-ys .prev1{width:5.0rem;height:5.0rem; bottom:4.5rem;z-index: 9;position: absolute;left: 28.59%;}
.g-ys .next1{width:5.0rem;height:5.0rem; bottom:4.5rem;z-index: 9;position: absolute;right: 28.59%;}

.g-case{ margin-top: 2.5rem;height:32.0rem; overflow: hidden; position: relative;}
.g-case::before {position: absolute; top: 11.0rem; left: 0; width:100%; height:18.6rem; background:#1857a3; content: '';}
.g-case .prev2{width:1.05rem;height:18.6rem; top: 16.2rem;z-index: 9;position: absolute;left:5.15%;}
.g-case .next2{width:1.05rem;height:18.6rem; top: 16.2rem;z-index: 9;position: absolute;right:5.15%;}
.g-case h2{height:6.65rem;background: url(../images/ys_t.gif) no-repeat 0 0; background-size:100%;  font-size: 1.2rem; color:#333333;text-align: center;letter-spacing: 0.03rem;line-height: 2rem;}
.g-case h2 b{display: block; font-size: 1.6rem; padding:0.75rem 0 0.4rem; color:#333;}
.case_c dl{width:71.5625%; margin: 0 auto;overflow: hidden;}
.case_c dt{line-height: 0;}
.case_c dd { font-size: 1.1rem; color:#fff;line-height: 1.5rem;text-align: center;}
.case_c dd b{ display: block; padding-top: 0.5rem;color:#fff;}

.g-about{ overflow: hidden;background: #f2f4f5; padding-bottom: 3.1rem;}
.g-about h2{background:#ffffff url(../images/about_t.jpg) no-repeat 0 0; background-size:100%; height:3.6rem; text-align: center; line-height: 3.6rem; color:#111111; font-size: 1.6rem; letter-spacing: 0.1rem; font-weight: bold; padding-bottom: 1.45rem;}
.g-about h2 a{ display: block; color:#111;}
.g-about dt{line-height: 0;}
.g-about dd {margin:-2.3rem 5.46% 0; position: relative;background:#fff;height:17.4rem; overflow: hidden; z-index: 3;padding-top: 2.3rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.g-about dd h3{ display: block; font-size: 1.3rem ;height:2.6rem; color:#111111; line-height: 2rem;text-align: center; position: relative;}
.g-about dd h3::before {position: absolute; bottom:0; left: 50%; width:2.0rem; height:0.15rem; background:#0082df; margin-left: -1rem; content: '';  }
.g-about dd p{ color:#555555; font-size: 1.1rem;line-height: 1.8rem; padding:1.4rem 2.4rem 0; overflow: hidden;text-align: center;}
.amore{width:13.3rem; padding-left: 4.6rem;margin: -2.4rem auto 0; background:#ff6600 url(../images/about_ico.gif) no-repeat 0 0 ;background-size:4.6rem 3.25rem; z-index: 5; font-size: 1.1rem ;text-align: center; line-height: 3.25rem;position: relative;}
.amore a{display: block; color:#fff;}

.g-xc{margin-top:1.65rem;background: url(../images/case_line.jpg) no-repeat center bottom; background-size:100%; height:22.9rem;overflow: hidden;}
.xc_nav{height:3.8rem ;border-bottom: 1px solid #d7d7d7; overflow: hidden;margin:0 4.68%;}
.xc_nav p{ float: left; font-size: 1.2rem; color:#111111;font-weight: bold;margin-right: 2.1rem; height:3.8rem;line-height: 3.8rem;}
.xc_nav p.cur{ color:#1857a3;border-bottom: 4px solid #bcbcbc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.xc_c li {float: left; width:42.656%; margin:1.4rem 0 0 4.68%; }
.xc_c li span{display: block; font-size: 1.2rem; line-height: 3.5rem; color:#555555;text-align: center;}


.g-news{margin-top: 1.5rem;padding-bottom: 2.0rem; overflow: hidden;}
.g-news h2{background:url(../images/news_t.jpg) no-repeat 0 0; background-size:100%; height:3.6rem; text-align: center; line-height: 3.6rem; color:#111111; font-size: 1.6rem; letter-spacing: 0.1rem; font-weight: bold;}
.g-news h2 a{ display: block; color:#111;}
.news_nav{ height:6.75rem;margin:0 4.68%; overflow: hidden;}
.news_nav p{float: left; width:25%; font-size: 1.1rem; color:#111111; float: left; padding-top: 4.25rem; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news_nav p:nth-child(1){background: url(../images/news_cur01.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(2){background: url(../images/news_cur02.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(3){background: url(../images/news_cur03.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(4){background: url(../images/news_cur04.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p.cur{ font-weight: bold; }
.news_nav p:nth-child(1).cur{background: url(../images/news_cur05.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(2).cur{background: url(../images/news_cur06.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(3).cur{background: url(../images/news_cur07.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_nav p:nth-child(4).cur{background: url(../images/news_cur08.jpg) no-repeat center 0 ;background-size:3.95rem 3.95rem; }
.news_con p{ width:89.06%; margin: 0 auto; overflow: hidden; line-height: 0;}
.news_con dl{ width:89.06%; margin: 0 auto; overflow: hidden;height:6.5rem; border:1px solid #dedfdf; margin-top: 1.25rem; overflow: hidden; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box; box-sizing: border-box;}
.news_con dt{ float: left; width:6.35rem; font-size: 1.1rem; color:#959697; text-align: center; line-height: 1.3rem;}
.news_con dt b{display: block; font-size: 2.4rem;padding-top: 0.75rem; line-height: 3rem;}
.news_con dd{ width:72.09%; float: right; overflow: hidden; line-height: 1.8rem;color:#666666; font-size: 1.1rem;}
.news_con dd h3{ font-size: 1.1rem; color:#111111; padding-top: 0.5rem;}
.news_con dd a{ color:#666;}


/*开屏秀*/
.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% 100%;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;}}