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


/*标题*/
.m-tit{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;font-weight: bold;height: 5.5rem;line-height: 2.4rem;position: relative;overflow: hidden;margin-bottom:0.5rem;}
.m-tit span{display: block;font-size: 1.2rem;color: #666;font-weight: normal;}
.m-tit:before{content: "";width: 1.4rem;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -0.7rem;
background: #015db2; /* Old browsers */
background: -moz-linear-gradient(left,  #015db2 0%, #16d9ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #015db2 0%,#16d9ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #015db2 0%,#16d9ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015db2', endColorstr='#16d9ea',GradientType=1 ); /* IE6-9 */
}

/*引子*/
/*优势*/
/*优势*/
.g-yous{width: 100%;height: 52.6rem;padding-top: 3.8rem;background: url(../images/ys_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-yous .m-tit{color: #fff;}
.g-yous .m-tit span{color: #fff;}
.yous{padding: 2rem 0 0;width: 92%;margin: 0 auto;position: relative;}
.yous dl{padding:0.7rem 0 6rem;background: #fff;width: 100%;}
.yous dl dt{width: 96.23%;line-height: 0;margin: 0 auto;}
.yous dl dd{width: 87%;margin: 0 auto;}
.yous dl dd h5{height: 4.2rem;line-height: 1.6rem;overflow: hidden;font-size: 1.5rem;color: #333;padding: 1.2rem 0 0;border-bottom: #f1f1f1 2px solid;}
.yous dl dd h5 i{display: block;font-size: 0.8rem;text-transform: uppercase;}
.yous dl dd em{display: block;width: 6.5rem;height: 6.5rem;line-height: 0;overflow: hidden;margin: -3.3rem auto 0;background: #0264b4;border-radius: 50%;position: relative;z-index: 5;}
.yous dl dd em img{width: 6.5rem;height: 6.5rem;}
.yous dl dd span{width: 3rem;height: 2.5rem;display: block;line-height: 0;float: right;overflow: hidden;}
.yous dl dd span img{width: 3rem;height: 2.5rem;}
.yous dl dd p{font-size: 1rem;color: #666;line-height: 1.8rem;height: 5.4rem;padding: 1rem 0 0;overflow: hidden;}
.yous .switch{width: 52%;position: absolute;top: 39.5rem;left: 0;}
.yous .switch .swiper-pagination-bullet {width: 2.5rem;}

/* 产品 */
.g-fang{ background:#efefef; padding:3rem 0 1.4rem;}
.fangt{ width:93.75%; margin:1.2rem auto 0; border:1px solid #cacaca; border-bottom:0;border-right:0; box-sizing:border-box; background:#fff;}
.fangt h3{ width:33.33%; height:3.4rem;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; text-align:center; line-height:3.4rem; font-size:0.9rem; color:#333; box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left;}
.fangt .active{ background:#172e7a; color:#fff;}
.m-fang{ width:93.75%; margin:1.2rem auto 0; background:#fff; overflow:hidden;}
.m-fang dt img{ display:block; width:100%;}
.m-fang dd{ padding:1.2rem 3% 1rem;background:#172e7a;}
.m-fang dd h4{font-size:1.7rem; color:#fff; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-fang dd .prodd{ font-size:0.8rem; line-height:1.7rem; color:#fff; margin:0.6rem 0;}

/*产品中心*/
.g-cp{width: 100%;padding: 3.5rem 0;background: #eee;}
.cp_list{width: 92%;margin: 0 auto;}
.cp_list ul li{width: 48.7%;float: left;line-height: 0;margin-right: 2.6%;}
.cp_list ul li span{display: block;width: 100%;text-align: center;font-size: 1.2rem;color: #666;height: 4rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_more{display: block;font-size: 1.2rem;color: #fff;width: 92%;margin: 2rem auto 0;height: 3.6rem;line-height: 3.6rem;background: #0264b4;overflow: hidden;text-align: center;}
.cp_list ul li:nth-child(2n){margin-right: 0;}



/* -- 优势 -- */
.anl{padding:1.6rem 3.125% 0.3rem;overflow: hidden;}
.al_qh {height: 7.75rem;overflow: hidden;}
.al_qh li{float:left;width:32.16%;margin:0 1.66% 0.3rem 0;height: 3rem;line-height: 3rem;background: #eee;text-align: center;font-size:1.1rem;color: #000000;}
.al_qh li.active{background: #0264b4;color: #fff}
.al_qh li:nth-child(3n){margin:0 0 0.3rem 0;}
.al_nr{overflow: hidden;height:26rem;}
.al_nr dt{font-size:0;line-height: 0;}
.al_nr dd{padding-top:1.25rem;}
.al_nr dd h4{line-height: 1.55rem;}
.al_nr dd h4 span a{font-size:1.2rem;color: #111111;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:80%;display: inline-block;}
.al_nr dd h4 em a{float:right;width:5.5rem;height: 1.55rem;background: #0264b4;text-align: center;line-height: 1.55rem;color: #fff;font-size:0.8rem;}
.al_nr dd p{font-size: 1.1rem;color: #333333;line-height: 1.5rem;padding-top:0.8rem;}
.al_btn a{display: block;height: 2.7rem;display: block;text-align: center;font-size:1.2rem;color: #fff;background: #0073a6;line-height: 2.7rem;margin-top:0.4rem;}



/**/


/*关于我们*/
.m-about{font-size:1.2rem;line-height:1.9rem;color: #666;clear: both;padding:2.2rem 0 0;}
.m-about .m-tit{margin-bottom:1rem;}
.about_p,.about_p img{width: 100%;display: block;}
.about_c{padding:0.7rem 6.875% 0;height: 13.6rem;}
.about_c h3{font-weight: bold;font-size: 1.4rem;color: #0264b4;border-bottom: 1px solid #e4e4e4;height: 3.5rem;line-height: 3.5rem;margin-bottom: 0.7rem;}
.about_c p,.about_c p a{color: #555;}

/* 风采展示 */
.m-show{padding:0 4.688%;height:15.5rem;overflow: hidden;clear: both;}
.show_t{height: 4.4rem;text-align: center;font-size: 1.2rem;}
.show_t li{width:33.33%;margin: 0;float:left;border: solid 1px #d1d1d1;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;line-height: 3rem;height:3rem;}
.show_c{position: relative;overflow: hidden;height: 15.7rem;}
.show_c li{width: 49.2%;float: left;}
.show_c ul a:nth-child(2n) li{margin-left:1.55%;}
.show_c .show_c1 li{width:28.3%;float: left;}
.show_c .show_c1 a:nth-child(2n) li{margin:0 7.55%;}
.show_c li span{display: block;text-align: center;font-size: 1rem;color: #666;line-height: 2rem;}
.show_t li.cur{background: #0264b4;border-color: #0264b4;color: #fff;}





/*资讯*/
.g_news{height: 30.5rem;padding-top: 2.8rem;background: #f3f3f3;}
.news_nav{margin-left:2%;height:4rem; margin-top:1.5rem;}
.news_nav p{ width:31%; height:2.5rem;font-size:1rem;float:left; text-align:center; color:#333333; line-height:2.5rem;margin-right: 3%;border-radius:0.2rem;background: #fff;}
.news_nav p.cur{background:#0264b4;color: #fff;}
.news_nav p:nth-child(3){margin-right:0;}

.dl02{background: #fff; height:4.6rem;padding-top: 1rem;border: 1px solid #ebebeb; overflow:hidden;margin: 0 3%;margin-bottom: 1rem;}
.dl02 dt{float: left;width: 22%;margin-right: 3%; text-align: center;font-size: 2rem;color: #333333;font-weight: bold;border-right: 1px solid #ebebeb;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem;color: #666666;font-weight: normal;}
.dl02 dd{ width:71%; float:right; padding-right:2%;}
.dl02 dd h3{height: 1.3rem;line-height: 1.3rem;font-size: 1rem;color: #333333;font-weight: bold;}
.dl02 dd h3 a{color: #333333;}
.dl02 dd p{ font-size:0.9rem; line-height:1.2rem; height: 2.4rem;overflow: hidden; color:#888888;margin-top: 0.3rem;}




.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:70%;
    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( 25, 70, 156, 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;
}


.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:2rem;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: #0264b4;}
.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;}}