/*-----------------------------------------------------------------------------------------------------------------------*/

.ban{ position:relative;}

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

.ban .swiper-pagination{ bottom:1rem;}

.ban .swiper-pagination-bullet{ background:#007FFF; opacity:1; width:0.8rem; height:0.8rem;}

.ban .swiper-pagination-bullet-active{ background:#e71f19; border-radius:0.6rem; width:1.5rem;}



.tit{ text-align:center; color:#333; font-size:3rem; font-weight:bold;}

.tit em{ display:block; font-size:1.2rem;font-weight:normal; padding-top:0.9rem; background:url(../images/h.png) no-repeat center top; background-size:38.75% 0.6rem;}



.g-yinz{ margin:3.5rem 0;}

.g-yinz ul{ width:93.75%; margin:0 auto;}

.g-yinz li{ width:49.1%; height:10rem; margin-top:0.8rem; box-shadow:0.1rem 0.1rem 0.6rem 0.1rem #ccc; text-align:center; font-size:1.2rem; color:#666; position:relative;}

.g-yinz li:before{content:""; position:absolute; top:3.6rem;left:0; width:2px; height:2.5rem; background:#007FFF;}

.g-yinz li em{ display:block; width:35.255%; margin:0 auto; padding-top:0.3rem;}

.g-yinz li em img{ display:block; width:100%;}

.g-yinz li i{ display:block;}

.g-yinz li:nth-child(2n-1){ float:left;}

.g-yinz li:nth-child(2n){ float:right;}

.g-yinz li:nth-child(3) em,.g-yinz li:nth-child(4) em{ padding-top:1.1rem;}



.g-pro{ padding-bottom:3rem;}

.tab01{ overflow:hidden; text-align:center; margin-top:1.5rem;}

.tab01 a{ display:inline-block; width:45.91%; height:2.5rem; text-align:center; border:1px solid #dfdfdf; box-sizing:border-box; margin:0 1.4% 0.5rem; font-size:1.1rem; line-height:2.5rem; color:#333; text-transform:uppercase;}

.m-pro2{ width:93.75%; margin:0 auto; overflow:hidden;}

.m-pro2 li{ width:46.33%; position:relative; margin:0 0 1.5rem; border:1px solid #e4e4e4; border-bottom:0.2rem solid #007FFF; box-sizing:border-box;}

.m-pro2 li img{ display:block; width:100%;}

.m-pro2 li em{ display:block; width:100%; height:2.8rem;text-align:center; font-size:1.2rem; color:#333; overflow:hidden; line-height:2.8rem;text-overflow:ellipsis;white-space:nowrap;}

.m-pro2 a:nth-child(2n-1) li{ float:left; clear:both;}

.m-pro2 a:nth-child(2n) li{ float:right;}



.g-dingz{ background:url(../images/hangj_bg.jpg) no-repeat center top; background-size:100% 100%; padding:3rem 0;}

.g-dingz h2{ font-size:1.5rem; color:#fff; font-weight:bold; padding-left:3%;text-align: center;}

.g-dingz h2 em{ display:block; font-weight:normal;}

.g-dingz ul{ width:93.75%; margin:1.3rem auto 0; background:rgba(255,255,255,0.9);}

.g-dingz li{ width:33.33%; height:15rem; overflow:hidden; float:left; font:1rem "Microsoft YaHei"; text-align:center; line-height:1.2rem; color:#FF7F00;}

.g-dingz li em{ display:block; width:3.5rem; height:3.5rem; margin:2.4rem auto 0.6rem;}

.g-dingz li em img{display:block; width:3.5rem; height:3.5rem;}

.g-dingz li span{ display:block; font:0.8rem "Microsoft YaHei"; color:#333;}

.g-dingz li i{ font:1.2rem "Microsoft YaHei"; color:#FF7F00;}



.g-ys{ background:url(../images/ys_bg.gif); background-size:0.4rem 0.4rem; padding:3.5rem 0;}

.g-ys .tit{ font-size:2.6rem;}

.g-ys .tit i,.g-case .tit i,.g-news .tit i,.g-about .tit i{ font-weight:normal;}

.tab03{ height:5.8rem; padding:0 3%; margin-top:1.4rem; border-top:1px solid #e5e5e5;}

.tab03 a{display:block; border-left:1px dashed #ccc; box-sizing:border-box; width:25%; float:left; text-align:center; font-size:1.2rem;font-weight:bold; color:#333;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}

.tab03 a:last-child{ border-right:1px dashed #ccc; box-sizing:border-box;}

.tab03 span{ display:block; width:1.9rem; height:1.9rem; margin:0 auto; overflow:hidden; padding-top:0.4rem;}

.tab03 span img{ display:block; width:100%;}

.tab03 .active{ color:#007FFF; border-top:2px solid #007FFF; box-sizing:border-box;}

.tab03 .active em{ display:none;}

.m-ys{ margin:0 auto; position:relative; padding-bottom:2rem; overflow:hidden;}

.m-ys dt{ width:93.75%; margin:0 auto;}

.m-ys dt img{ display:block; width:100%;}

.m-ys dd{ width:93.75%; margin:0 auto;}

.m-ys dd h3{ font-size:2.2rem; color:#333; padding:1rem 0; position:relative; margin-bottom:1rem;}

.m-ys dd h3:before{ content:""; position:absolute; left:-3.125%; bottom:0; width:95%; height:1px;background:#333;}

.m-ys dd h3 em{ font-size:1.5rem;}

.m-ys dd p{ font-size:1.1rem; line-height:1.5rem; color:#333; padding-left:4%; position:relative;}

.m-ys dd p:before{ content:""; position:absolute; top:0.5rem; left:0; width:0; height:0; border-left:0.3rem solid #333; border-top:0.3rem solid rgba(0,0,0,0);border-bottom:0.3rem solid rgba(0,0,0,0);}

.m-ys .swiper-pagination{ bottom:0;}

.m-ys .swiper-pagination-bullet,.g-case .swiper-pagination-bullet{ background:#bfbfbf; opacity:1; width:0.8rem; height:0.8rem;}

.m-ys .swiper-pagination-bullet-active,.g-case .swiper-pagination-bullet-active{ background:#007FFF; border-radius:0.6rem;}



.g-case{ padding:2.7rem 0 0;}

.m-case{ width:100%; margin:0 auto; overflow:hidden; position:relative;}

.m-case dl{ background:url(../images/ys_bg.gif); background-size:0.4rem 0.4rem; padding-bottom:5rem;}

.g-case dt img{ display:block; width:100%;}

.g-case dd h3{ width:93.75%; height:3.8rem; background:#007FFF; position:relative; margin:-1.9rem auto 0; text-align:center; line-height:3.8rem; font-size:1.8rem; color:#fff; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}

.g-case dd p{ font-size:1.1rem; line-height:1.8rem; color:#333; margin:1rem 3% 0;}

.g-case .swiper-pagination{ bottom:3rem;}



.g-duij{ background:url(../images/duij_bg.jpg) no-repeat center top; background-size:100% 100%; padding:3rem 0;}

.tab04{ height:7.2rem; text-align:center; margin-top:1.6rem;}

.tab04 span,.tab04 h5{display:inline-block; width:28.91%; height:2.5rem; text-align:left; background:#007FFF; border-radius:2rem;margin:0 1.4% 0.5rem; font-size:1.1rem; line-height:2.5rem; color:#fff; text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;}

.tab04 em{ display:block; width:1.5rem; height:1.5rem; float:left; margin:0.5rem 2% 0 22%;}

.tab04 em img{ display:block; width:100%;}

.tab04 .active{ background:#FF7F00;}

.tab04 h5 em{margin:0.5rem 10% 0 24%;}

.g-duij h2{ text-align:center; font-size:2.5rem; color:#333;}

.m-duij{ width:93.75%; margin:0 auto; overflow:hidden;}

.m-duij dt img{ display:block; width:100%;}

.m-duij dd h3{ font-size:1.8rem; color:#007FFF; font-weight:bold; padding:1rem 0; position:relative; margin-bottom:1rem; border-bottom:1px solid #333;}

.m-duij dd h3 em{ font-size:1.25rem; font-weight:normal; color:#333; display:block;}

.m-duij dd .dui_pp{ font-size:1.1rem; line-height:1.5rem; color:#666; position:relative;}



.g-news{ margin:2.6rem 0;}

.tab02{ height:2.7rem; margin-top:1.4rem; text-align:center; overflow:hidden;}

.tab02 a{ display:inline-block; font-size:1.4rem; height:2.7rem; margin:0 4%;}

.tab02 .active{ color:#007FFF; border-bottom:2px solid #007FFF; box-sizing:border-box; font-weight:bold;}

.m-news{ width:93.75%; margin:0 auto; overflow:hidden;}

.m-news h5 img{ display:block; width:100%; padding-bottom:0.8rem; border-bottom:1px solid #e3e3e3;}

.m-news dl{ padding:1rem 0; border-bottom:1px solid #e3e3e3;}

.m-news dt{ width:18.33%; float:right; text-align:right; font-size:1.8rem; color:#333;}

.m-news dt em{ display:block; font-size:0.8rem; color:#666; font-weight:normal;}

.m-news dd{ width:78.33%; float:left;}

.m-news dd h3{display:block; font-size:1.3rem; font-weight:bold; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.m-news dd p{ font-size:1.1rem; line-height:1.5rem; color:#666; padding-top:0.2rem;}



.g-about{ padding:0 0 3rem;}

.g-about dl{ width:93.75%; margin:1.4rem auto 0;}

.g-about dt img{ display:block; width:100%;}

.g-about dd h3{ font-size:1.5rem;font-weight:bold; color:#333; padding-top:1rem;}

.g-about dd p{ font-size:1.1rem; line-height:1.5rem; color:#666; margin-top:0.3rem;}



.g-pic{ width:93.75%; margin:0 auto 3rem; overflow:hidden;}

.news_nav{ height:2.5rem; border-bottom:1px solid #e9e9e9; box-sizing:border-box; margin-bottom:0.6rem;}

.news_nav p{ width:27%; float:left; position:relative; height:2.5rem; font-size:1rem; font-weight:bold; color:#666; line-height:1.6rem;}

.news_nav p span{ display:block; width:1.7rem; height:1.5rem; float:left; margin-right:1%; position:relative;}

.news_nav p span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.news_nav p span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.news_nav p img{ display:block; width:100%;}

.news_nav .cur{ color:#FF7F00;}

.news_nav .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.news_nav .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.news_nav .ne_db{ width:18%; text-align:right; font-size:1rem; color:#666; display:block; float:left;}

.news_con li{ width:48%;}

.news_con li img{ display:block; width:100%;}

.news_con li em{display:block; width:100%;text-align:center; font-size:1.2rem; color:#333; overflow:hidden; line-height:2.8rem;text-overflow:ellipsis;white-space:nowrap;}

.news_con a:nth-child(2n-1) li{ float:left;}

.news_con a:nth-child(2n) li{ float:right;}





/*开屏秀*/

/*.pageShare img{ display:block; width:0px; height:0px;}

.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}

.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #007FFF; background:#007FFF; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}



.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;}}