/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 ; overflow:hidden; position:relative;} /*网站首页宽度*/
img{ display: inline-block; width: 100%;}


.m_ly{ overflow: hidden; margin-bottom: -1px;}
.m_ly .swiper-pagination-clickable .swiper-pagination-bullet{background: #808080; margin-right: 0.5rem;}
.m_ly .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #0060c4}
/**/
/**/
.g_ys{background:#FFF; padding-top:1rem;}
.g_ys h2,.yus h2{text-align: center;font-size: 2.8rem;font-weight: bold;color: #4e4e4e; padding-bottom:1.5rem;}
.g_ys h2 a,.yus h2 a{color: #2d373c; font-size: 2.5rem; display: block; line-height: 100%; }
.g_ys h2 b,.yus h2 b{color: #0060c4;}
.g_ys h2 em,.yus h2 em{display: block;font-size: 1.25rem;color: #2d373c;font-weight: normal;letter-spacing: 0.1rem; line-height: 100%; padding: 1.3rem 0 0.2rem 0; font-weight:700}
.g_ys h2 span,.yus h2 span{display: block;font-size: 0.5rem;color: #4d4d4d;font-weight: normal; line-height: 100%; padding: 0.2rem 0;}

.g_ys .tabs{ background:#eeeeee;overflow: hidden; border-bottom: none;}
.g_ys .tabs a{display: block;float: left;width: 25%; box-sizing:border-box;height: 5rem;position: relative; border-right: 1px solid #cccccc; text-align: center; font-size: 1rem; color: #2d373c; line-height:1.5rem}
.g_ys .tabs a:last-child{ border-right: none;}.g_ys .tabs a span{ color: #0060c4;}
.g_ys .tabs a img{ display: block; width: 2.2rem; margin: 0 auto; padding-top: 0.6rem; }

.g_ys .tabs a em{ display: block; color: #626262;font-weight: normal; font-size: 0.5rem;}
.g_ys .tabs i{display: block; width:2.2rem;height: 2.9rem;overflow: hidden;    margin: 0 auto;}
.g_ys .tabs i img {    width: 2.2rem;    display: block;}
.g_ys .tabs .active{color: #FFF; background: #0060c4;}
.g_ys .tabs .active img{margin-top: -2.7rem;}

/*.g_ys .tabs .active img{filter: brightness(100)!important; }*/
/*.g_ys .tabs .active i img{ opacity: 1;filter: brightness(100) !important;}*/
.g_ys .tabs .active span{ color: #fff;}
.g_ys .tabs .active  em{ color: #b3da9d;}


.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dd{padding:1.5rem 0 2.6rem 0; overflow: hidden; background:#000}
.g_ys dd h4{display: block; float: left; color: #0060c4; font-size: 2.6rem; font-family: Arial; padding-left:0.2rem;}
.g_ys dd p{ float: right; width: 83%; color: #fff; padding-top: 0.2rem;margin-right: 3%;}
.g_ys dd p i{ display: block; padding-bottom: 0.8rem; padding-left: 1rem;background: url(/skin/images/io1.png) no-repeat 0 0.3rem;background-size: 0.5rem 0.5rem; }
/**/
/**/
.m_ly{background: url(/skin/images/liy.jpg) repeat; padding-top: 2rem; position: relative; padding-bottom:2rem;}
.m_ly:before{content: "";position: absolute;background:url(/skin/images/line2.png) no-repeat;background-size: 100%;width: 100%;height: 1.7rem; left:0;top:95.25%;}
.m_ly  .swiper-slide ul{ margin:1%; overflow: hidden;}
.m_ly  .swiper-slide ul li{ width: 50%; float: left; position: relative;}
.m_ly  .swiper-slide ul li em{ display: block; position: absolute; width: 100%; text-align: center; left: 0;top: 45%; color: #fff;}
.m_ly  .swiper-slide ul li em i{ display: inline-block; background: #115eda; height: 2.7rem; line-height: 2.7rem;font-weight: bold; font-size: 1.25rem; padding: 0 0.5rem;}
.m_ly  .swiper-slide ul li em b{ display: block; padding-top: 3.5rem; font-size: 1rem; font-weight: normal;}
.m_ly  .swiper-slide ul li em b span{ display: block; color: #fff; opacity: 0.5; font-size: 0.5rem; padding:0.35rem 10% 0; line-height: 100%;}
/**//**/
.nat{background: url(/skin/images/liy.jpg) repeat; padding:0rem 3.3% 2rem; color: #000;}
.nat h3 span{ display: block; font-size:0.9rem; text-align:center}
.nat h3 em{ font-size: 1.8rem;}
.nat h3 em i{ color: #0060c4;}
.nat p{ padding-top: 2.1rem; overflow: hidden;}
.nat p a.xix{ display: inline-block; float: right; height: 3.1rem; line-height: 3.1rem; border-radius: 3.1rem; background: #0060c4; color: #fff; padding: 0 8.5%; margin-top: 0.7rem;}
.nat p i{ display: inline-block; float: left; width:63.5%;}
.nat p i span{ display: block; padding-left: 1.5rem; font-size: 1.22rem;background: url(/skin/images/tell.png) no-repeat 0 0.25rem;background-size: 1.1rem 1.1rem;}
.nat p i em{ display: block; color: #0060c4; font-size: 1.9rem;}


.g_kf{padding-top: 3rem;background:url(/skin/images/bg2.jpg) repeat;}
.g_kf h2,.m_ly h2{text-align: center;font-size: 2.8rem;font-weight: bold;color: #4e4e4e; padding-bottom:1.5rem;}
.g_kf h2 a,.m_ly h2 a{color: #000; font-size: 2rem; display: block; line-height: 100%; }
.m_ly h2  a{ color: #000;}
.g_kf h2 b,.m_ly h2 b{color: #0060c4;}
.g_kf h2 em,.m_ly h2 em{display: block;font-size: 1.25rem;color: #272727;font-weight: normal;letter-spacing: 0.1rem; line-height: 100%; padding: 0.65rem 0 0.2rem 0;}.m_ly h2 em{ color: #fff;}
.g_kf h2 span,.m_ly h2 span{display: block;font-size: 0.5rem;color: #262626;font-weight: normal; line-height: 100%; padding: 0.2rem 0;}
.m_ly h2 span { color: #4f4f4f;}

