/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#0094DE; border-radius:0.3rem; width:1.5rem;}

.tit{ text-align:center; font:2rem "ËÎÌå"; font-weight:bold; color:#0094DE;}
.tit em{ display:block; background:url(../images/pro_h.png) no-repeat center top; background-size:100% auto; font-size:1.1rem; line-height:2.05rem; margin-top:0.2rem; color:#fff; font-family:"Microsoft YaHei"; font-weight:normal;}

.g-pro { padding:2.8rem 0 1rem;}
.g-pro p{ margin:2rem 0 0 0;}
.g-pro p a{ display:block; width:28.90625%; height:5.4rem; text-align:center; border:1px solid #ccc; box-sizing:border-box; font-size:1.1rem; color:#585252; float:left; border-radius:0.5rem; margin:0 0 0.8rem 3.2%;}
.g-pro p em{ display:block; width:29.18%; margin:0 auto; padding-top:0.5rem;}
.g-pro p em img{ display:block; width:100%;}
.g-pro h5{width:93.75%; margin:0 auto; position:relative;}
.g-pro h5 img{ display:block; width:100%;}
.g-pro h5 em{ display:block; width:100%; font-size:1.1rem; height:2.2rem; background:rgba(0,0,0,0.8); text-align:center; line-height:2.2rem; color:#fff; position:absolute; bottom:0; left:0;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.g-pro ul{width:93.75%; margin:1rem auto 0;}
.g-pro li{width:48.166%; margin-bottom:1.5rem;}
.g-pro li img{ display:block; width:100%; border-radius:0.5rem;}
.g-pro li em{ display:block; height:2.3rem; font-size:1.1rem; color:#666; overflow:hidden; line-height:2.3rem; border-bottom:2px solid #ccc;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.g-pro a:hover li img{ border:1px solid #b81b22;}
.g-pro a:hover li em{ border-bottom:2px solid #0094DE; color:#0094DE; box-sizing:border-box;}
.g-pro a:nth-child(2n) li{ float:left;}
.g-pro a:nth-child(2n-1) li{ float:right;}

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

.g-choo{ padding:2.8rem 0 2rem;}
.g-choo .tit em{ background:url(../images/choo_h.png) no-repeat center top; background-size:100% auto;}
.choo{ background:url(../images/choo_bg.gif) no-repeat center top; background-size:100% auto; margin-top:1.8rem;}
.g-choo dl{ width:95.3125%; margin:0 auto 1rem;}
.g-choo dt{ width:29.016%;}
.g-choo dt img{ display:block; width:100%;}
.g-choo dd{ width:62.3%;}
.g-choo dd h3{ font-size:1.2rem; font-weight:bold; color:#0094DE; line-height:2.5rem;}
.g-choo dd p{ font-size:1rem; line-height:1.5rem; color:#585252; padding-top:0.2rem;}

.g-pk .tit em{ font-size:0.6rem; text-transform:uppercase;}
.pk{ background:url(../images/pk_bg.jpg) no-repeat center top; background-size:100% auto; margin-top:2.8rem; padding-bottom:3rem;}
.g-pk h5{ width:93.75%; margin:0 auto 1.6rem; height:4rem; border-radius:2rem; background:#0094DE; text-align:center; font-size:1.5rem; color:#fff; line-height:4rem; position:relative;}
.g-pk h5 a{ display:inline-block; width:50%; float:left; color:#fff;}
.g-pk h5 a:nth-child(2){ background:#333; border-radius:0 2rem 2rem 0;}
.g-pk h5 em{ display:block; width:5.75rem; height:5.75rem; text-align:center; line-height:5rem; color:#fff; border-radius:5.75rem; border:0.4rem solid #fff;box-sizing:border-box; background:#0094DE;position:absolute; top:-1rem; left:50%; font-size:2.7rem; margin-left:-2.875rem; text-transform:uppercase;}
.pk2{ width:93.75%; margin:0 auto 1rem;}
.pk2 span{ display:block; width:42.5%; float:left; position:relative;}
.pk2 span img{ display:block; width:100%;}
.pk2 span em{ display:block; height:2.1rem; font-size:1rem; font-weight:bold; color:#0094DE; width:100%; position:absolute; bottom:0; text-align:center; line-height:2.1rem;}
.pk2 h4{ width:3.9rem; height:4.2rem; background:url(../images/pk_h.png) no-repeat; background-size:100% auto; float:left; margin:2.45rem 0 0 1%; text-align:center; font-size:1.1rem; font-weight:bold; color:#fff; line-height:3.5rem;}
.pk2 span:nth-child(3){ float:right;}
.pk2 span:nth-child(3) em{ color:#fff;}

.dz{ margin:2.8rem 0 2rem;}
.tabs2{ height:10.5rem; position:relative; z-index:1;}
.tabs2 a{ display:block; width:16.71875%; text-align:center;font-size:1.2rem; color:#333; line-height:2rem;margin:1.2rem 1% 0 6%; float:left;}
.tabs2 a em{ display:block; background:url(../images/ys_bg1.png) no-repeat center top; background-size:100% auto; height:6rem;}
.tabs2 a em img{ display:block; width:100%;}
.tabs2 a.active em{background:url(../images/ys_bg2.png) no-repeat center top; background-size:100% auto;}
.tabs2 .active { color:#0094DE; font-weight:bold;}
.dz dl{ width:93.75%; margin:0 auto;}
.dz dt img{display:block; width:100%;}
.dz dd{ padding: 0 3%;}
.dz dd h3{ height:3.8rem; font-size:1.4rem; color:#0094DE; line-height:3.8rem; font-weight:bold; border-bottom:1px solid #ccc; overflow:hidden;}
.dz dd h3 em{ font-size:0.7rem; font-family: Arial; padding-left:5%; text-transform:uppercase;color:#c0c0c0; display:inline-block;  font-weight:normal;}
.dz dd p{ font-size:1.1rem; line-height:1.8rem; color:#666; padding:1rem 0; background:url(../images/ys_jt.png) no-repeat left 1.6rem; background-size:0.6rem 0.6rem; padding-left:4%;}
.arr{ height:4rem; position:relative; margin-top:1.5rem;}
.arr .swiper-pagination{ width:100%;}
.arr .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#0094DE; border-radius:0.3rem; width:1.8rem;}
.arr .prev{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; left:20%; background:url(../images/left.png) no-repeat; background-size:100% 100%;} 
.arr .next{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; right:20%; background:url(../images/right.png) no-repeat; background-size:100% 100%;}

.news_nav{ background:#0094DE; height:4rem; position:relative;}
.news_nav p{ width:26%; height:4rem;font-size:1.2rem;float:left; text-align:center; color:#fff; line-height:4rem;}
.news_nav p.cur{background:#14A3EA;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:1.1rem; color:#fff; text-transform:uppercase; font-family: Arial;z-index:2; background:url(../images/new_jt.png) no-repeat;background-size:1.3rem 1.3rem; padding-left:5%;}
.dl01,.dl02{ width:93.75%; margin:1rem auto 0;}
.dl01 dt{ width:36.33%; float:left;}
.dl01 dt img{ display:block; width:100%;border-radius:0.5rem;}
.dl01 dd{ width:59.16%; float:right;}
.dl01 dd h3,.dl02 dd h3{ font-size:1.2rem; color:#090001; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd p,.dl02 dd p{ font-size:1.1rem; line-height:1.6rem; color:#737373;}
.dl01 dd p em,.dl02 dd p em{ color:#0094DE;}
.dl02{ height:5.4rem; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; border-radius:0.5rem;}
.dl02 dt{ width:17.25%; height:4.9rem; padding-top:.5rem; border-right:1px solid #ccc; float:left; overflow:hidden; text-align:center; font-size:2.5rem; color:#424242;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem;}
.dl02 dd{ width:76.6%; float:right; padding-right:2%;}
.dl02 dd h3{ padding-top:0.3rem;}

.g-about{padding:2.7rem 0 1.8rem;}
.g-about h3 img{ display:block; width:100%; margin-top:1.5rem;}
.g-about dl{width:93.75%; margin:0 auto 1rem;}
.g-about dt{ text-align:center; font-size:1.2rem; line-height:3.6rem; color:#0094DE; background:url(../images/about_line.png) no-repeat center bottom; background-size:1.4rem 1px;}
.g-about dd{ font-size:1.1rem; line-height:2rem; color:#666; padding-top:0.8rem;}
.g-about dd em{color:#0094DE;}

/*¿ªÆÁÐã*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/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;}}