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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:7.4rem; overflow:hidden; background:#01b1ec; position:relative; text-align:center;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#41c5f1; border-bottom:1px solid #0199cc;}
nav a{ display:block; float:left; width:33.33%; height:3.7rem; line-height:3.7rem;color:#fff; font-size:1.2rem; position:relative; font-weight:bold;}
nav a:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#41c5f1; border-right:1px solid #0199cc;}
nav a:nth-child(3n):before{ background:none;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-ser{ background:url(../images/index/ser_bg.jpg) no-repeat center top; background-size:100% auto; padding:4rem 0;}
.g-ser dl{ width:85.15625%; margin:1.2rem auto 0; padding-bottom:1rem; border-bottom:1px dashed #aaa;}
.g-ser dt{ width:18.3486%; float:left;}
.g-ser dt img{ display:block; width:100%;}
.g-ser dd{ width:75%; float:right; font-size:1.2rem; color:#01b1ec;}
.g-ser dd em{ display:block; font-size:1.1rem; color:#555; line-height:1.6rem; padding-top:0.2rem;}
.g-ser dl:last-child{ border-bottom:0;}

.tit1{ text-align:center; font-size:1.4rem; color:#333; background:url(../images/index/ser_h.png) no-repeat center 0.2rem; background-size:100% auto;}
.tit1 em{ display:block; font-size:1.1rem; color:#a5a8aa; text-transform:uppercase; background:url(../images/index/ser_h2.gif) no-repeat center bottom; background-size:1.35rem 2px; padding-bottom:0.8rem;}

.g-fen{ width:92.1875%; margin:2.8rem auto 0;}
.g-fen h2{ height:3.8rem; background:#01b1ec url(../images/index/fen_icon.png) no-repeat 10% center; background-size:1.75rem 1.3rem; padding-left:19%; font-size:1.2rem; font-weight:bold; color:#fff; line-height:3.8rem;}
.g-fen h2 em{ font-size:0.8rem; color:#80d8f6; font-weight:normal; text-transform:uppercase; padding-left:1.2%;}
.g-fen a:nth-child(2) h3{ background:#333; color:#fff; position:relative;}
.g-fen a:nth-child(2) h3:before{ content:""; position:absolute; top:3rem; left:15%; width:0; height:0; border-top:0.6rem solid #333; border-left:0.6rem solid rgba(0,0,0,0);border-right:0.6rem solid rgba(0,0,0,0); }
.g-fen h3{ height:3rem; border:1px solid #d7d7d7; border-top:0; font-size:1.2rem; font-weight:bold; line-height:3rem; color:#333; background:url(../images/index/fen_jt.gif) no-repeat 92% center; background-size:1rem 0.75rem; padding-left:5%;}
.g-fen p{border:1px solid #d7d7d7; border-top:0;}
.g-fen p a{ display:inline-block; width:27.33%; height:2.2rem; line-height:2.2rem; color:#555; font-size:1.1rem; padding-left:5%;}
.g-fen p a:nth-child(1){ padding-top:1rem;}
.g-fen p a:nth-child(5){ padding-bottom:1rem;}

.g-pro{width:92.1875%; margin:2.8rem auto 3rem; overflow:hidden; border:0.15rem solid #01b1ec; box-sizing:border-box; position:relative;}
.g-pro dd{ background:#01b1ec; padding:1.2rem 3%;}
.g-pro dt img{ display:block; width:100%;}
.g-pro dd h3{ font-size:1.1rem; font-weight:bold; color:#fff; text-align:center; border-top:1px solid #27bdef; border-bottom:1px solid #27bdef; width:60%; margin:0 auto; padding:0.6rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro dd p{ font-size:1.1rem; line-height:1.5rem; color:#fff; height:3rem;overflow:hidden; padding-top:0.6rem;}
.g-pro dd em{ display:block; width:28%; height:2.1rem; background:#fff url(../images/index/pro_jt.png) no-repeat 80% center; background-size:1.3rem 0.5rem; margin:0.5rem auto 0; font-size:1.1rem; line-height:2.1rem; color:#01b1ec; padding-left:2%;}
.g-pro .swiper-button-next{ width:2.8rem; height:2.6rem; background:#01b1ec url(../images/index/pro_r.png) no-repeat; background-size:100% 100%; right:0; top:30%;}
.g-pro .swiper-button-prev{ width:2.8rem; height:2.6rem; background:#01b1ec url(../images/index/pro_l.png) no-repeat; background-size:100% 100%; left:0;top:30%;}

.guan1{ background:url(../images/index/guan1.jpg) no-repeat center top; background-size:100% auto; padding:2.2rem 0 0 10%; font-size:1.1rem; color:#fff;}
.guan1 em{ display:block; font-size:1.3rem; border-top:1px solid #fff; width:46%; margin-top:0.3rem; padding-top:0.3rem;}
.guan1 p{ font-size:1.1rem; padding:0.3rem 0 4.3rem 0; color:#fff;}
.guan1 p i{ font-size:1.4rem; font-family: Arial, Helvetica, sans-serif; font-weight:bold; display:block;color:#fff;}

.g-hy .tit1,.ys .tit1{ background:url(../images/index/hy_h.png) no-repeat center 2.3rem; background-size:100% auto;}
.hy{ width:92.5%; margin:2rem auto 0; overflow:hidden;}
.hy p{ position:relative;}
.hy p img{ display:block; width:100%;}
.hy p span{display:block; width:84%; position:absolute; bottom:0; left:0; height:2.8rem; line-height:2.8rem; font-size:1.2rem; background:rgba(0,0,0,0.6); color:#fff; padding-left:16%;}
.hy p span b{ display:block; position:absolute; bottom:0; right:0;height:2.8rem; background:#01b1ec url(../images/index/pro_r.png) no-repeat right; background-size:100% 100%; width:9.4%;}
.tab01{ border:1px solid #ccc; width:92.5%; margin:0 auto; padding:2rem 0;}
.tab01 a{ display:inline-block; width:22.2%; font-size:1.1rem; line-height:2.1rem; color:#666; padding-left:2%; position:relative;}
.tab01 a:before{ content:""; position:absolute; top:1rem; left:86%; width:0.3rem; height:1px; background:#999;}
.tab01 a:nth-child(4n):before{ background:none;}
.tab01 .active{ font-weight:bold; color:#01b1ec;}
.hybtn{display:block; width:25%; height:2.1rem; background:#01b1ec url(../images/index/hy_jt.gif) no-repeat 80% center; background-size:1.3rem 0.5rem; margin:0.5rem auto 0; font-size:1.1rem; line-height:2.1rem; color:#fff; padding-left:5%; margin-top:-1rem;}

.ys{ margin:3.2rem 0 3rem 0; background:url(../images/index/ys_line.gif) no-repeat center top; background-size:100% 1.4rem; padding:3.4rem 0 3rem 0; position:relative;}
.ys dl{ margin-top:1.5rem;}
.ys dt img{ display:block; width:100%;}
.ys dd{ width:90%; margin:2rem auto 1rem;}
.ys dd h3{ font-size:1.2rem; font-weight:bold; background:url(../images/index/ys01.jpg) no-repeat left top; background-size:100% auto; color:#2f2f2f; height:3.5rem; overflow:hidden; color:#fff;}
.ys dd h3 em{ display:block;  width:25%; height:3.5rem;  font-family:Arial, Helvetica, sans-serif; font-size:2rem; font-weight:bold; line-height:3.5rem; text-align:right; float:left;}
.ys dd h3 span{ display:block; float:right; width:60.76%; color:#333; padding-top:0.6rem;}
.ys dd h3 i{ display:block; font-size:0.7rem; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#666;}
.ys dd p{ font-size:1.1rem; line-height:2rem; color:#333; padding-top:1rem;}
.ys dd p b{ color:#ee0000;}
.ys .swiper-slide:nth-child(3) h3{background:url(../images/index/ys02.jpg) no-repeat left top; background-size:100% auto;}
.ys .swiper-slide:nth-child(4) h3{background:url(../images/index/ys03.jpg) no-repeat left top; background-size:100% auto;}
.ys .swiper-slide:nth-child(5) h3{background:url(../images/index/ys04.jpg) no-repeat left top; background-size:100% auto;}
.ys .swiper-pagination-bullet{ width:1.5rem; height:1.5rem; border-radius:1.5rem; background:#353535; opacity:1;}
.ys .swiper-pagination-bullet-active{ background:#01b1ec;} 

.g-lc{ background:#01b1ec; padding:3rem 0 1rem 0;}
.g-lc .tit1{ background:url(../images/index/lc_h.png) no-repeat center 0.5rem; background-size:40% auto; color:#fff;}
.g-lc .tit1 em{background:url(../images/index/lc_line.gif) no-repeat center bottom; background-size:1.35rem 2px; color:#67d0f4;}
.g-lc ul{ background:url(../images/index/lc_bg.png) no-repeat center top; background-size:100% auto; margin-top:2.5rem; padding:0 0 0 5%;}
.g-lc li{ width:19.3%; height:4rem; padding-top:8.3rem; float:left; text-align:center; font-size:1.1rem; color:#fff;}

.guan2{ background:url(../images/index/guan2.jpg) no-repeat center top; background-size:100% auto; padding:7.7rem 0 3.8rem 45%; }
.guan2 p{ width:83%; background:#fff;background:#fff; font-size:1.1rem; text-align:center; color:#333; padding:0.4rem 0;}
.guan2 p em{ display:block; font:1.4rem Arial, Helvetica, sans-serif; font-weight:bold; color:#01b1ec;}

.g-about{ background:url(../images/index/about_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0 0 0;}
.g-about .tit1{ background:url(../images/index/about_h.png) no-repeat center 2.2rem; background-size:100% auto; color:#fff;}
.g-about .tit1 em{ background:url(../images/index/lc_line.gif) no-repeat center bottom; background-size:1.35rem 2px;}
.g-about dl{ width:85.3125%; margin:1.6rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ text-align:center; font-size:1.1rem; font-weight:bold; height:2.5rem; border-bottom:1px solid #eee; padding-top:2rem; color:#333;}
.g-about dd p{ text-align:center; font-size:1.1rem; line-height:2.1rem; color:#555; padding-top:1rem;}
.g-about dd em{display:block; width:28%; height:2.1rem; background:#01b1ec url(../images/index/hy_jt.gif) no-repeat 80% center; background-size:1.3rem 0.5rem; margin:0.5rem auto 0; font-size:1.1rem; line-height:2.1rem; color:#fff; padding-left:5%; margin-top:1rem;}


.g-news{ margin:1rem 0 3rem 0; position:relative;}
.g-news .tit1{ background:url(../images/index/new_h.png) no-repeat center 0.5rem; background-size:24.68% auto;}
.news_nav{ height:3rem; border-bottom:1px solid #eee; margin-top:1.5rem;}
.news_nav p{ width:25%; height:3rem; line-height:3rem; font-size:1.2rem; float:left; color:#333; margin-left:7%;}
.news_nav p em{ display:block; float:left; width:1.6rem; height:1.15rem; margin:0.9rem 3.5% 0 8%;}
.news_nav p em img{ display:block; width:100%;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.news_nav p.cur em img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}
.news_con ul{ width:85.9375%; margin:1rem auto 0;}
.news_con li{ font-size:1.2rem; color:#333; line-height:3.1rem; height:3.1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; border-bottom:1px dashed #666;}
.news_con li em{ float:left; padding-right:2%;}
.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;}}