/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#0093dd;}

.g-pro h2{ text-align:center; font-size:1.9rem; font-weight:bold; color:#005198; padding:3.4rem 0 0 0;}
.g-pro h2 em{ display:block; font:0.6rem Arial; text-transform:uppercase; padding-top:0.3rem; letter-spacing:0.1rem;}
.g-pro p{ width:90.625%; margin:0.8rem auto 0;}
.g-pro p a{ display:block; width:32.58%; height:3.5rem; background:#eee; float:left; margin:0 1% 0.35rem 0; font-size:1.2rem; text-align:center; line-height:3.5rem; color:#555;}
.g-pro p a:nth-child(3n){ margin-right:0;}
.g-pro ul{ width:90.625%; margin:0.3rem auto 2.6rem;}
.g-pro li{ width:49.65%; margin-bottom:0.35rem;}
.g-pro li img{ display:block; width:100%; border:1px solid #ebebeb; box-sizing:border-box;}
.g-pro li em{ display:block; background:#ebebeb; height:2.8rem; line-height:2.8rem; font-size:1.1rem; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; text-transform:uppercase;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.case{ background:url(../images/index/case_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.7rem 0 3rem 0;}
.case h2{ text-align:center; font-size:1.9rem; font-weight:bold; color:#fff;}
.case h2 em{ display:block; font-size:1.3rem; font-weight:normal;}
.case dl{ width:90.625%; margin:1.3rem auto 0; overflow:hidden; background:#fff;}
.case dt img{ display:block; width:100%;}
.case dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding:1rem 0 0.5rem 5%;}
.case dd p{ font-size:1.1rem; line-height:1.8rem; color:#666; padding:0 5% 1rem 5%;}
.case dd p em{ color:#0093dd;}

.g-key{ padding:3rem 0 3.3rem 0; width:90.625%; margin:0 auto; overflow:hidden;}
.g-key h2 img{ display:block; width:100%;}
.g-key dt img{ display:block; width:100%; margin-top:1.4rem;}
.g-key dd{ margin:1rem 0 0.5rem 0;}
.g-key dd h3{ height:5rem; overflow:hidden; font-size:2rem; font-weight:bold; color:#005198; padding:1.4rem 0 0 0; margin-bottom:1rem;}
.g-key dd h3 span{ display:block; float:left; width:4rem; height:5rem; background:#0093dd; font:2.7rem Arial; color:#fff;text-align:center; line-height:5rem; margin-right:4%;}
.g-key dd h3 em{ display:block; color:#333; font-weight:normal; font-size:1.6rem;}
.g-key dd p{ margin:0.6rem auto 0; font-family:"Microsoft YaHei"; color:#666; font-size:1.1rem; line-height:1.7rem;padding-left:4%;background:url(../images/index/ys_jt.png) no-repeat left 0.5rem; background-size:0.55rem 0.55rem;}

.arr{ position:relative; width:100%; margin-top:2.1rem; padding-bottom:2rem;}
.arr .swiper-pagination{ width:100%;}
.arr .swiper-pagination-bullet{ width:0.7rem; height:0.7rem; border-radius:0.7rem; background:#005198; margin:0.8rem 2% 0 2%; opacity:1;}
.arr .swiper-pagination-bullet-active{ background:#0093de;}
.arr .swiper-button-next{ width:2.85rem; height:3.3rem; background:url(../images/index/right.gif) no-repeat; background-size:100% 100%; right:25%;}
.arr .swiper-button-prev{ width:2.85rem; height:3.3rem; background:url(../images/index/left.gif) no-repeat; background-size:100% 100%; left:25%;}

.wit{ background:url(../images/index/wit-bg.jpg) no-repeat center top; background-size:100% auto; padding:2.7rem 0 3rem 0; position:relative;}
.wit h2{ text-align:center; font-size:1.9rem; font-weight:bold; color:#fff;}
.wit h2 em{ display:block; font-size:0.6rem; font-weight:normal; text-transform:uppercase; color:#95aace; letter-spacing:0.1rem; padding-top:0.2rem;}
.wit dl{ width:74.53%; margin:1.4rem auto 0; padding-bottom:2rem; overflow:hidden; background:#fff;}
.wit dt img{ display:block; width:100%;}
.wit dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding:1.5rem 0 0.5rem 5%;}
.wit dd p{ font-size:1.1rem; line-height:1.8rem; color:#666; padding:0 5% 1rem 5%;}
.wit dd p em{ color:#0093dd;}
.prev.swiper-button-prev{ width:2rem; height:3.65rem; position:absolute; top:16rem; left:3%;}
.next.swiper-button-next{ width:2rem; height:3.65rem; position:absolute; top:16rem; right:3%;}


.g-about h2{ text-align:center; font-size:1.9rem; font-weight:bold; color:#005198; padding:3.4rem 0 0 0;}
.g-about h2 em{ display:block; font:0.6rem Arial; text-transform:uppercase; padding-top:0.3rem; letter-spacing:0.1rem;}
.g-about dl{ background:url(../images/index/about_bg.gif) no-repeat center top; background-size:100% auto; padding:0.65rem 0 2rem 0; margin-top:1rem;}
.g-about dt{ width:90.625%; margin:0 auto 1rem;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{width:90.625%; margin:0 auto;}
.g-about dd h3{ font-size:1.3rem; font-weight:bold; color:#333; padding:1rem 0 0.8rem 0; position:relative;}
.g-about dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:3rem; height:2px; background:#005198;}
.g-about dd p{ font-size:1.1rem; line-height:1.8rem; color:#666; margin-top:0.8rem;}
.g-about dd p em{ color:#0093dd;}

.g-news{ width:90.625%; margin:1rem auto 1.2rem;}
.news_nav{ height:3.2rem;overflow:hidden; position:relative; background:#005198; font-family:"Microsoft YaHei";}
.news_nav p{ width:24%; height:3.2rem;font-size:1.2rem;float:left; text-align:center; color:#fff; line-height:3.2rem;}
.news_nav p.cur{ color:#fff; background:#0093dd;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:0.9rem; color:#fff; text-transform:uppercase; font-family: Arial;z-index:2;}
.news_con ul{ margin:1rem auto 0; padding-bottom:1rem; overflow:hidden;}
.news_con li{ font-size:1rem; color:#333; line-height:3.4rem; height:3.3rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/index/ys_jt.png) no-repeat left center; background-size:0.55rem 0.55rem; padding-left:4%; border-bottom:1px dashed #cdcdcd; text-transform:uppercase; font-family:"Microsoft YaHei";}
.news_con a:last-child li{ border:0;}


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