.wrap img{width: 100%;}

/*广告*/
.g-adv {clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv img{ width:100%;display: block;}

.swiper-slide,.resou1 .swiper-slide{overflow: hidden;}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0!important;width:100%!important;height:3rem;left:0!important;}
.g-adv .swiper-pagination-bullet{background:#fff;width:0.95rem;height:0.95rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 0 0 1.1rem;border-radius:0.95rem;}
.show_c .swiper-pagination-bullet{width:2.15rem;background: #6e6e6e;height:0.4rem;border-radius: 0;}
.show_c .swiper-pagination-bullet-active{background: #395fb2;}
.swiper-container-horizontal > .swiper-pagination-bullets span:nth-child(1){margin: 0;}


.til01{text-align: center;display: block;font-size:2rem;color: #495678;height:6rem;line-height:2.4rem;}
.til01 p{display: block;font-size:1.2rem;color: #1d1d1d;line-height:1.85rem;}



/*产品展示*/


.g-hd {height: 3.8rem;position: relative;padding: 1.15rem 0 0;background: #fff;z-index:99;}
.f-fr {float: right;}
.f-fl {float: left;}
.m-logo { width: 19.656%; margin: 0 0 0 3.75%;}
.m-logo img {width: 100%;display: block;}
.m-text {width:50%;line-height: 2.4rem; font-size: 1.2rem; color: #333333; white-space: nowrap;padding:0.4rem 0 0;}
.m-text a { display: inline-block; color: #333333; padding: 0 1.1rem; position:relative;float:left;}
.m-text a:before{content:"";width: 1px;height: 1.2rem;background: #dfdfdf;position: absolute;top: 0.7rem;right: 0;}

.downmenu {width: 6.41%; display: block;padding: 1rem 0 0;}
.downmenu img { width: 1.65rem; display: block;}
.head2 .menu_btn a.downmenu.hover { background: #fb4c36;border-radius: 5px;box-shadow: 1px 1px 1px #666;}
.menu2 {position: relative;z-index: 9;}
.menu2 .slideMenu {width: 75%;padding: 1.2rem 12.5% 2rem;display: none;z-index: 80;background:rgba(73, 86, 120, 0.9);overflow: hidden;position: absolute;top: 3.8rem;right: 0;transition: transform 1s;-webkit-transition: transform 1s;}
.menu2 .slideMenu li {border-bottom: 1px solid #fff;color: #fff;line-height: 3.2rem;font-size: 1.2rem;clear: both;text-align:center;border:1px solid #ccc;margin-bottom:0.8rem;}
.menu2 .slideMenu li:last-child {border-width: 0.15rem;}
.menu2 .slideMenu li a {color: #fff;display: block; line-height: 3.2rem;}



.banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }




/* 产品 */
.m-probox{position: relative;overflow: hidden;z-index: 1;padding:1.5rem 3.59% 2.8rem;background: #f5f6f7;border-bottom: 0.4rem solid #495678;}
.pro_t{height:3.7rem;overflow: hidden;padding: 1rem 0 0;}
.pro_t li{font-size: 1.4rem;height: 2.55rem;line-height: 2.55rem;width:31%;float: left;background: #495678;float: left;text-align: center;color: #fff;position: relative;margin-right:3%;}
.pro_t li:nth-child(3){margin-right:0;}
.pro_t li.cur:before{content: "";position: absolute;width:0;height:0;top:2.55rem;left:50%;margin-left:-0.5rem;border-right:1rem solid transparent;border-left:1rem solid transparent;border-top:0.5rem solid #495678;}

.pro_c{overflow: hidden;}

.pro_l li{width: 48.155%;float: left;margin:0 0 1rem 3.68%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background: #fff;text-align: center;}
.pro_l a:nth-child(2n-1) li{margin-left:0;}
.pro_l li img{width: 100%;display: block;}
.pro_l li span{display: block;height: 3.15rem;line-height:3.15rem;color: #333;font-size:1.1rem;background:url(../images/ico02.gif) no-repeat right center;-webkit-background-size:1.25rem 1.25rem; -moz-background-size: 1.25rem 1.25rem; -o-background-size: 1.25rem 1.25rem; background-size: 1.25rem 1.25rem;}
.pro_more{display: block;clear: both;text-align: center;padding: 0.5rem 0 0;}
.pro_more span{width:99%;height: 2.5rem;line-height: 2.5rem;background: #495678;color: #fff;font-size: 1.1rem;display: block;margin: 0 auto;}




/**/
.edge{box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.5);position: relative; margin-bottom: 4.1rem;}
.ed{padding:3.45rem 0 3.6rem;}
.ed .ed-nav{height:8.15rem;padding:0 4%;position: relative;z-index:50;}
.ed .ed-nav ul li{float:left;width:25%; height:8.15rem; box-sizing: border-box; border:2px solid #d4d4d4; padding-top:1.05rem;}
.ed .ed-nav ul li i{display:block; width:2.6rem;height:2.7rem;margin:0 auto 0.3rem;}
.ed .ed-nav ul li .ed-icon1{background:url(../images/ed-icon1.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon2{background:url(../images/ed-icon2.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon3{background:url(../images/ed-icon3.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li .ed-icon4{background:url(../images/ed-icon4.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li span{display:block; height:2.65rem; line-height: 2.65rem;text-align: center;font-size: 1.45rem; color:#212121; font-weight: bold;}
.ed .ed-nav ul li em{display:none;width:2.6rem;height:2.6rem; background:#495678;border-radius: 50%; margin:0 auto; text-align: center;line-height: 2.6rem; font-size: 1.45rem; color:#fff;}
.ed .ed-nav ul li.e-on{border:2px solid #495678;}
.ed .ed-nav ul li.e-on .ed-icon1{background:url(../images/ed-icon1_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon2{background:url(../images/ed-icon2_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon3{background:url(../images/ed-icon3_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on .ed-icon4{background:url(../images/ed-icon4_h.png) no-repeat center;background-size:100%;}
.ed .ed-nav ul li.e-on em{display:block;}
.ed .ed-list dl dt{width:100%; line-height: 0;}
.ed .ed-list dl dt img{width:100%;}
.ed .ed-list dl dd{height:20.5rem;padding:2.0rem 4% 0;box-sizing: border-box;}
.ed .ed-list dl dd span{display:block;position: relative;margin-bottom: 1.4rem;}
.ed .ed-list dl dd span em{display:block;height:3.1rem; line-height: 3.1rem; font-size: 2.4rem; color:#363636;}
.ed .ed-list dl dd span p{height:1.9rem; line-height: 1.9rem;font-size: 1.1rem; color:#333333;}
.ed .ed-list dl dd span i{display:block; font-size: 4.5rem; color:rgba(37,37,37,0.15); position:absolute;right:0;top:0;line-height: 4rem;}
.ed .ed-list dl dd ul li{padding-left:1.65rem; margin-bottom: 0.95rem;background:url(../images/ed-jt.png) no-repeat left 0.35rem;background-size:1.5%; line-height: 1.4rem; font-size: 1.0rem; color:#363636;}
.ed .ed-list .jt{width:19.7%;height:2.45rem;margin:0 auto;position: relative;}
.ed .ed-list .jt:before{width:13.85rem;height:0.1rem; background:#000000;content:"";position:absolute; left:-13.85rem;top:1.15rem;}
.ed .ed-list .jt:after{width:13.85rem;height:0.1rem; background:#000000;content:"";position:absolute; right:-13.85rem;top:1.15rem;}
.ed .ed-list .jt i{display:block; width:2.4rem; height:2.45rem; float:left;}
.ed .ed-list .jt .prev2{background:url(../images/ed-prev.png) no-repeat center; background-size:100%;}
.ed .ed-list .jt .next2{background:url(../images/ed-next.png) no-repeat center; background-size:100%;float:right;}



.g-news{ margin:0.8rem 0;}
.tab02{ text-align:center; width:90.625%; margin:1.5rem auto 1rem; height:3.1rem; background:#fff; border-radius:2rem;}
.tab02 a{ display:block; width:50%; height:3.1rem; float:left; font-size:1.2rem; color:#333; line-height:3.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab02 .active{ background:#495678; font-weight:bold; border-radius:2rem; font-weight:bold;color:#fff;}
.m-news{ width:93.75%; margin:0 auto 2rem; overflow:hidden;}
.g-news dl{ margin-bottom:0.6rem; background:#eeeeee;}
.g-news dt{ width:40%; float:left;}
.g-news dt img{ display:block; width:100%;}
.g-news dd{ width:51.7%; float:right; padding:1rem 3% 0 0;}
.g-news dd h4{ font-size:1rem; color:#222; font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-news dd p{ font-size:0.8rem; line-height:1.5rem; color:#222; margin-top:0.3rem;}




/*关于*/
.m-about{height:40rem;overflow: hidden;font-size:1.1rem;line-height:2rem;color: #d0d0d0;text-align: center; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.about_p,.about_p img{display: block;width: 100%;}
.about_w{padding:4.2rem 2.8% 0;position: relative;}
.about_w p{color:#252525;}
.about_ico{position: absolute;width: 32.66%;display: block;left:33.67%;top: -3.6rem;}
.about_w h3{height:3.65rem;font-size:1.3rem;line-height:3.65rem;color: #495678;font-weight: bold;}
.about_w p a{display: inline-block;color: #000;}





.g-ft{ height: 16.5rem; background: #f0f0f0;position: relative;margin-top:4rem;}
.g-ft .top{position: absolute;width: 4.25rem;text-align: center;left: 50%;top: -2rem;z-index: 88; margin-left:-2rem;}
.g-ft .top  img{display:block;width:100%;}
.g-ft .f1{font-size:1.2rem;color: #666666;padding-top:3rem;}
.g-ft .f1 a{color: #333333; padding:0 1rem; border-left: 1px solid #959595;line-height: 1rem;height: 1.2rem;display: inline-block;}
.g-ft .f1 a.first{margin-left:3rem;border:0;}
.g-ft .f2{font-size:1.1rem;color: #666666;text-align: center;padding-top:1.2rem;line-height: 1rem;}
.g-ft .f2 em{ font-size: 1.1rem;color: #666666;}
.g-ft .f3{font-size:1.1rem;color: #666666;text-align: center;padding-top:0.9rem;line-height: 1rem;}
.g-ft .f3 a{ color: #666666;}
.f_nav{height: 6rem;background-color: #1b1b1b;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 100;}
.f_nav li{float: left;width: 25%;height: 6rem;text-align: center;border-left: 1px solid #323232;box-sizing: border-box;}
.f_nav li.first{ border:0 ; background: #495678;}
.f_nav li img{display:block;width: auto;height: 2.4rem;margin: 0.9rem auto 0.2rem;}
.f_nav li span{display: block;color: #ffffff;font-size: 1.1rem;line-height:2rem;}



/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.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;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}