/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ margin-top:5.2rem; position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1;}
.ban .swiper-pagination-bullet-active{ background:#119367;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-sou{ width:93.75%; margin:2rem auto 3.3rem; height:2.4rem; border:1px solid #e2e2e2; box-sizing:border-box; overflow:hidden;}
.g-sou .u-in{ width:22%; height:2.4rem;background: #999999; /* Old browsers */
background: -moz-linear-gradient(top, #999999 1%, #999999 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #999999 1%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #999999 1%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 );text-align:center; line-height:2.4rem; font-size:1.1rem; border-radius:0; color:#fff; cursor:pointer;}
.g-sou .u-key{ width:73%; height:2.4rem; padding-left:5%; font-size:1.1rem; line-height:2.4rem; color:#999;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.tit1{ text-align:center; font-size:1.8rem;color:#333;}
.tit1 em{ display:block; height:0.95rem; background:url(../images/index/h.png) no-repeat center top; background-size:100% 100%; margin-top:0.5rem;}

.fen dl{ width:93.75%; margin:1.5rem auto 0;}
.fen dt{ height:2.7rem; background:#119367 url(../images/index/fen_icon.png) no-repeat 3% center; background-size:1.3rem 1.15rem; padding-left:10%; line-height:2.7rem; font-size:1.2rem; color:#fff;}
.fen dt em{ float:right; color:#bad8cb; font-size:0.9rem; text-transform:uppercase; padding-right:3%;}
.fen dd{ margin-top:1.2rem;}
.fen dd a{ display:block; float:left; width:30.33%; line-height:2.25rem; color:#666; background:url(../images/index/fen_jt.png) no-repeat left center; background-size:0.55rem 0.65rem; padding-left:3%; font-size:0.9rem;}
.fen dl:nth-child(2) dd a:last-child{ width:50%;}

.g-pro ul{ width:93.75%; margin:1.8rem auto;}
.g-pro li{ width:47.8%; position:relative;margin-bottom:1.5rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; height:2.5rem; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; width:100%;text-align:center; line-height:2.5rem; color:#fff; font-size:1rem;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.ys .tit1{ font-size:1.5rem; margin-top:2.5rem;}
.ys .tit1 span{ font-weight:bold; margin-top:0.5rem; font-size:1.8rem;}
.ys .tit1 span b{ font-weight:bold; color:#119367;}
.ys .tit1 i{ display:block; font-size:0.6rem; color:#bcbcbc; text-transform:uppercase;}
.ys dl{ width:93.75%; margin:1.5rem auto 0; overflow:hidden;}
.ys dt img{ display:block; width:100%;}
.ys dd h3{ height:4.5rem; border-bottom:1px solid #e6e6e6; margin-top:1.25rem; margin-bottom:1rem;}
.ys dd h3 em{ display:block; width:14.16%; height:3.7rem; text-align:center; padding-top:0.8rem; background:#119367;font-size:1.2rem; color:#fff;float:left;}
.ys dd h3 span{ display:block; float:right; width:82.5%; font-size:1.3rem; color:#333; font-weight:bold; padding-top:0.9rem;}
.ys dd h3 span i{ display:block; font-size:0.6rem; text-transform:uppercase; color:#bbb; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
.ys dd p{ font-size:1rem; color:#666; line-height:2.2rem; padding-left:3%; position:relative;}
.ys dd p:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.4rem; height:0.4rem; border:2px solid #9a9a9a; border-radius:0.4rem;}

.arr{ position:relative; width:100%; margin-top:3rem; padding-bottom:2rem;}
.arr .swiper-pagination{ width:100%;}
.arr .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; border-radius:0.6rem; background:#ccc; border:1px solid #ccc; margin:0 2%; opacity:1;}
.arr .swiper-pagination-bullet-active{ background:none;}
.arr .swiper-button-next{ width:3.3rem; height:2.4rem; background:url(../images/index/right.png) no-repeat; background-size:100% 100%; right:25%;}
.arr .swiper-button-prev{ width:3.3rem; height:2.4rem; background:url(../images/index/left.png) no-repeat; background-size:100% 100%; left:25%;}

.wit{ background:url(../images/index/case_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0 3.2rem 0; margin:2.9rem 0 0 0;}
.wit .tit1{ color:#fff; font-size:1.5rem;}
.wit .tit1 em{ background:url(../images/index/case_h.png) no-repeat center top; background-size:100% 100%;}
.wit .tit1 i{ display:block; margin-top:0.5rem; font-size:1.8rem; font-weight:bold;}
.wit dl{ width:93.75%; margin:1.5rem auto 0; background:#fff; overflow:hidden;}
.wit dt{ width:48.83%; float:left;}
.wit dt img{ display:block; width:100%;}
.wit dd{ width:42%; float:right; padding-right:3%;}
.wit dd h3{ font-size:1.1rem;color:#323232; padding-top:2rem; text-align:center; background:url(../images/index/case_l.gif) no-repeat center bottom; background-size:100% 1px; padding-bottom:0.8rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.wit dd p{ font-size:1rem; line-height:1.3rem; color:#999999; text-align:center; padding-top:1rem;}
.wit dd em{ display:block; width:55%; border-radius:0.2rem; text-align:center; margin:1rem auto 0;height:1.8rem; background:#fb9822; line-height:1.8rem; font-size:0.9rem; font-weight:bold; color:#fff;}
.wit .arr .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; border-radius:0.6rem; background:#fff; border:1px solid #fff; margin:0 2%; opacity:1;}
.wit .arr .swiper-pagination-bullet-active{ background:none;}
.wit .arr .swiper-button-next{ width:3.3rem; height:2.4rem; background:url(../images/index/case_r.png) no-repeat; background-size:100% 100%; right:29%;}
.wit .arr .swiper-button-prev{ width:3.3rem; height:2.4rem; background:url(../images/index/case_l.png) no-repeat; background-size:100% 100%; left:29%;}

.case{ background:#eee; padding:2.5rem 0 2rem 0;}
.case .tit1{ font-weight:bold;} 
.case dl{ width:70.3125%; margin:1.8rem auto 0; background:#fff url(../images/index/wit_bg.gif) no-repeat center bottom; background-size:100% 1rem; text-align:center; overflow:hidden;}
.case dt img{ display:block; width:100%;}
.case dd h3{ font-size:1.2rem;color:#333; padding:1rem 0;}
.case dd p{ font-size:1rem; line-height:1.5rem; color:#666; padding:0 5%;}
.case dd em{ display:block; font-size:1.1rem; color:#666; padding:1rem 0 3rem 0;}

.g-about{ width:93.75%; margin:3rem auto 0;}
.g-about .tit1{ display:block; font-weight:bold;}
.g-about dt img{ display:block; width:100%; margin-top:1.4rem;}
.g-about dd{ font-size:1rem; line-height:1.55rem; padding:2rem 7% 3rem 7%;background:url(../images/index/about_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-about dd a{ color:#666;}
.g-about dd b{ color:#333;}
.g-about dd span{ display:block; margin-top:1.5rem; height:2rem; overflow:hidden;}
.g-about dd span a{ display:inline-block; width:30%; border-radius:0.3rem; height:2rem; background:#078b5e; border:2px solid #078b5e; box-sizing:border-box; color:#fff; text-align:center; line-height:1.8rem; margin-right:1rem;}
.g-about dd span a:last-child{ background:none; color:#078b5e;}

.g-news{ width:93.75%; margin:3rem auto 0;}
.news_nav{ height:4rem; border-bottom:1px solid #eee; padding-left:28%; margin-bottom:2rem;}
.news_nav p{ width:30%; height:3.9rem; text-align:center; font-size:1.3rem;float:left; color:#333;}
.news_nav p em{ display:block; font-size:0.9rem; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#bfbfbf;}
.news_nav p.cur{ border-bottom:2px solid #119367;}
.news_con h3{ width:34.66%; float:left;}
.news_con h3 img{ display:block; width:100%;}
.news_con ul{ width:58%; float:right;}
.news_con li{ font-size:1rem; color:#666; background:url(../images/index/dy_dot.gif) no-repeat left 0.8rem; background-size:0.75rem 0.75rem; line-height:2.6rem; height:2.6rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; padding-left:8%;}


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