.clear{ clear:both;}

.wrap img{ width: 100%;}

.ban{line-height: 0;}



.bt01{ font-size: 1.5rem; color:#333333;text-align: center; line-height: 1.6rem; padding-top: 1rem; height:5.1rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.bt01 b{ color:#2f8ae7;}
.bt01 a{display: block;color:#333333;}
.bt01 i{ font-size: 0.7rem; color:#bcbcbc ;display: block; margin-top: 0.5rem;position: relative; text-transform: uppercase; line-height: 1rem;}
.bt01 span{ display: block; font-size: 1.2rem; color:#666666; text-align: center; line-height: 1.4rem;}


.g-list{ margin-top: 1.5rem; height:auto; overflow: hidden;}
.g-list h2{background: url(../images/pro_t.gif) no-repeat center 0;background-size: 100%; }
.g-list p{ margin:1.6rem 0 0 3.1%;}
.g-list p a{display: block; float: left; width:32%; height:3.15rem;border:1px solid #cccccc;position: relative; line-height: 3.15rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1.1rem; color:#666666;margin:0 1.3% 0.5rem 0;text-align: center;}

.g-pro {padding: 2.4rem 0;}
.g-pro p{ width:93.75%;margin: 0 auto; line-height:20px; color: #666;font-size: 12px; padding:5px 0;}
.g-pro p span{position: absolute;bottom:0;left: 0; width:100%; height:2.2rem; background:rgba(0,0,0,0.8); font-size: 1.2rem; color:#fff; text-align: center; line-height: 2.2rem; }
.g-pro ul{margin-top: 0rem;}
.g-pro li{ float: left;margin-left: 3.1%; width:45.3125%; margin-bottom: 1rem; background: #f2f2f2;}
.g-pro li img{display: block;}
.g-pro li span{display: block;height:2.6rem;border-bottom: 1px solid #b2b2b2; font-size: 1rem; color:#666666; line-height: 2.6rem;background: url(../images/pro_ico01.gif) no-repeat right center;background-size: 0.9rem 0.9rem;background-color: #fff; }

.g-list2{ height:auto; overflow: hidden;}
.g-list2 h2{background: url(../images/pro_t.gif) no-repeat center 0;background-size: 100%; }
.g-list2 p{ margin:1.6rem 0 0 3.1%;}
.g-list2 p a{display: block; float: left; width:32%; height:3.15rem;border:1px solid #cccccc;position: relative; line-height: 3.15rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1.1rem; color:#666666;margin:0 1.3% 0.5rem 0;text-align: center;}

.g-pro2 {padding: 1.5rem 0 2.4rem 0;}
.g-pro2 p{ width:93.75%;margin: 0 auto; line-height:20px; color: #666;}
.g-pro2 p span{position: absolute;bottom:0;left: 0; width:100%; height:2.2rem; background:rgba(0,0,0,0.8); font-size: 1.2rem; color:#fff; text-align: center; line-height: 2.2rem;}
.g-pro2 ul{margin-top: 0rem;}
.g-pro2 li{ float: left;margin-left: 3.1%; width:45.3125%; margin-bottom: 1rem;}
.g-pro2 li img{display: block; border: 1px #ccc solid;}
.g-pro2 li span{display: block;height:2.6rem;border-bottom: 1px solid #b2b2b2; font-size: 1rem; color:#666666; line-height: 2.6rem;background: url(../images/pro_ico01.gif) no-repeat right center;background-size: 0.9rem 0.9rem; }

.g-ys { height:50.6rem; overflow: hidden;position: relative;}
.g-ys h2{font-weight: bold; color:#116AD0;background: url(../images/ys_t.gif) no-repeat center 0;background-size: 100%; }
.g-ys h2 span{ font-size: 1.2rem;font-weight: normal; color:#666666;}
.g-ys .tab02{margin-top: 1rem;height:9.9rem; overflow: hidden;}
.g-ys .tab02 a{ float: left; width:13.675%; margin-right:2.5%; overflow: hidden;display: block; font-size: 1rem; text-align: center; color:#666666; line-height: 1.5rem;}
.g-ys .tab02 a:first-child{margin-left: 3.1%;}
.g-ys .tab02 a:last-child{margin-right: 0;}
.g-ys .tab02 p img{background: url(../images/ys_navbj01.gif) no-repeat center 0;background-size: 100%;}
.g-ys .tab02 a.active img{background: url(../images/ys_navbj02.gif) no-repeat center 0;background-size: 100%;}
.g-ys .tab02 a.active { color:#116AD0;font-weight:normal;}

.ys { position: relative;height:33.6rem;overflow: hidden;}
.ys dl{ width:93.75%; margin: 0 auto; overflow: hidden;}
.ys dt{position: relative; }
.ys dt span{position: absolute; top: 10.85rem;left: 50%; margin-left: -2.75rem; width:5.5rem; height:5.5rem; background:#30a333; border:0.25rem solid #fff; font-size: 1rem; color:#fff; text-align: center; border-radius: 100%; line-height: 1.2rem;padding-top: 1.5rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
/*.ys .dl01 dd{background: url(../images/01.gif) no-repeat 0 2rem;background-size: 4.1rem 6.0rem;}
.ys .dl02 dd{background: url(../images/02.gif) no-repeat 0 2rem;background-size: 4.1rem 6.0rem; height: 150px;}
.ys .dl03 dd{background: url(../images/03.gif) no-repeat 0 2rem;background-size: 4.1rem 6.0rem;}
.ys .dl04 dd{background: url(../images/04.gif) no-repeat 0 2rem;background-size: 4.1rem 6.0rem;height: 150px;}
.ys .dl05 dd{background: url(../images/05.gif) no-repeat 0 2rem;background-size: 4.1rem 6.0rem;height: 150px;}*/
.ys dd{ padding: 1.9rem 0 0 1rem;}
.ys dd h3{ font-size: 1.4rem; font-weight: bold; color:#1dbf6e; line-height: 1.5rem;}
.ys dd p{padding-top: 0.5rem; font-size: 1rem; line-height: 1.5rem; color:#666666;}

.arr{ height:6.7rem; position: absolute; bottom:0; left:0; width:100%; overflow: hidden; z-index: 2;}
.arr .swiper-pagination{bottom:0;height:5.5rem; text-align: center; left: 0; position: absolute;width:100%;}
.arr .swiper-pagination span{display: inline-block;width:0.9rem;height:0.9rem; margin:0 0.4rem;border-radius: 100%;background:#999999;opacity: 1;}
.arr .swiper-pagination .swiper-pagination-bullet-active{background:#116AD0;width:2.75rem;border-radius: 1rem;}
.arr .swiper-button-next{background: url(../images/ysnext.png) no-repeat 0 0;background-size: 100%; width:3.5rem;height:3.5rem; bottom:0rem;right: 19.8%; position: absolute; z-index:90; margin: -3rem auto;}
.arr .swiper-button-prev{background: url(../images/ysprev.png) no-repeat 0 0;background-size: 100%; width:3.5rem;height:3.5rem; bottom:0rem;left: 19.8%; position: absolute; z-index: 90; margin: -3rem auto;}
.arr .swiper-button-prev img , .arr .swiper-button-next img{display: block;}

.g-fang{ position: relative; padding-bottom: 3rem;}
.g-fang h2{background: url(../images/fang_t.gif) no-repeat center 0;background-size: 100%;}
.g-fang h2 i{letter-spacing: 0.2rem;}
.g-fang .fangprev{ position: absolute; top: 14.1rem; width:2.35rem; height:4.2rem; z-index: 3;left: 3.1%;}
.g-fang .fangnext{ position: absolute; top: 14.1rem; width:2.35rem; height:4.2rem; z-index: 3;right: 3.1%;}
.fang_c dl{ margin: 2rem 3.1% 0;}
.fang_c dd h3{ font-size: 1.4rem; color:#30a333;font-weight: bold;padding-top: 1.2rem;}
.fang_c dd p{padding-top: 0.5rem; font-size: 1.2rem;line-height: 1.8rem; color:#666666;}
.fang_c dd p i{ color:#ff9908;}

.g-jz{height:39.4rem;overflow: hidden;}
.g-jz h2{background: url(../images/jz_t.gif) no-repeat center 0;background-size: 100%; margin-bottom: 1.4rem;}
.g-jz h2 i{letter-spacing: 0.2rem;}
.g-jz dl{margin:0 3.125% 1rem;border:1px solid #dfdfdf; height:11.6rem ; overflow: hidden; padding:1.1rem 2.3% 0;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;}
.g-jz dt{width:9.25rem;height:9.25rem; float: left; overflow: hidden;border-radius: 100%;}
.g-jz dd{width:60% ;float: right; overflow: hidden;}
.g-jz dd h3{padding-top: 0.4rem; font-size: 1.2rem; color:#30a333; line-height: 2rem;font-weight: bold; }
.g-jz dd p{padding-top: 0.5rem; font-size: 1.2rem; line-height: 1.65rem; color:#666666; height:4.1rem; overflow: hidden;}
.g-jz dd i{color:#fff;font-size: 1.2rem;background:#30a333; width:6.5rem; height:2rem; text-align: center; line-height: 2rem;display: block;}
.jmore{display: block;position: relative;margin-top: 2.4rem; height:2.6rem;} 
.jmore::before {position: absolute; content: ''; top: 1.4rem; left: 0;width:100%;height:0.1rem;background:#30a333; top: 1.1rem; z-index: 0;}
.jmore a{display: block; width:43.28%;height:2.5rem;text-align: center; line-height: 2.3rem;color:#fff;font-size: 1.2rem;background:#30a333; margin: 0 auto; z-index: 9;position: relative; border:0.1rem solid #30a333; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;border-radius: 2rem;}

.g-about{padding-bottom: 3.2rem; overflow: hidden;}
.g-about h2{background: url(../images/about_t.gif) no-repeat center 0;background-size: 100%;}
.g-about h2 i{letter-spacing: 0.2rem;}
.g-about dt{line-height: 0;background: url(../images/about_bj.jpg) no-repeat center 0;background-size: 100%;margin-top: 1.8rem; height:19.5rem; overflow: hidden;}
.g-about dt img{ width:80.625%; margin: 0.85rem auto 0;display: block;}
.g-about dd {padding:1.5rem 3.1% 0;}
.g-about dd h3{ display: block; font-size: 1.2rem ; line-height: 2rem; color:#116ad0;font-weight: bold; text-align: center;}
.g-about dd p{padding-top: 0.5rem; font-size: 1.2rem;line-height: 1.8rem; color:#666666;}
.g-about dd p i{ color:#1dbf6e;}

.g-news{ overflow: hidden; position: relative;background:#f2f2f2;border-bottom: 0.1rem solid #2f8ae7; margin:0 0 -2.2rem; padding: 1rem 0 3.6rem; z-index: 1;}
.g-news h2{background: url(../images/news_t.gif) no-repeat center 0;background-size: 100%;}
.g-news h2 i{letter-spacing: 0.3rem;}
.news_nav{ height:4.8rem; margin-top: 1.9rem; overflow: hidden; }
.news_nav p{line-height: 3.25rem; font-size: 1.2rem; color:#666666;width:28.12%;border:1px solid #cccccc; float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; height:3.25rem;text-align: center;margin:0 0 0 4.3%;}
.news_nav p:first-child{margin-left: 3.1%;}
.news_nav p.cur{ background: #1dbf6e;border:1px solid #1dbf6e; color:#fff;border:none;}

.news_con dl{margin:0 3.1%; height:8.5rem; overflow: hidden;}
.news_con dt{ float: left;width:42%; overflow: hidden;}
.news_con dd{width:56.66%; overflow: hidden; float: right;}
.news_con dd h3{line-height:2.25rem;height:2.25rem; overflow: hidden; color:#116AD0; font-size: 1.2rem;}
.news_con dd p{ line-height: 1.8rem; font-size: 1.1rem; color:#666;}
.news_con dd p i{color:#1dbf6e;}
.news_con ul{ margin:0 3.1%; }
.news_con li{color:#666; font-size: 1.1rem; line-height:3.5rem; height:3.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px solid #dcdcdc;}
.news_con li span{font-family: Arial;}

/*公司环境*/
.g-hj{padding-bottom: 2.2rem; overflow: hidden;}
.g-hj h2{background: url(../images/about_t.gif) no-repeat center 0;background-size: 100%;}
.g-hj h2 i{letter-spacing: 0.2rem;}
.g-hj ul{margin-top: 2rem;}
.g-hj li{ float: left;margin-left: 3.1%; width:45.3125%; margin-bottom: 1rem;}
.g-hj li img{display: block;}
.g-hj li span{display: block;height:2.6rem;font-size: 1.2rem; color:#666666; line-height: 2.6rem;background-size: 0.9rem 0.9rem; text-align: center; }

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