.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-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #333;position: relative;height: 4rem;line-height: 2rem;overflow: hidden;}
.m-bt:before{content: "";width: 2rem;height: 1px;background: #0073a6;position: absolute;top: 1rem;left: 26%;z-index: 10;}
.m-bt:after{content: "";width: 2rem;height: 1px;background: #0073a6;position: absolute;top: 1rem;right: 26%;z-index: 10;}
.m-bt b{display: block;font-size: 2rem;}
.m-bt i{color: #e1a104;}

h2.main_title{height:6rem;}
h2.main_title p { text-align: center; display: block; font-weight: 400; font-size: 2rem; color: #333; line-height: 100%; padding-bottom: .60rem; letter-spacing: .1rem }
h2.main_title span { display: block; text-align: center; font-size: 1rem; color: #666; line-height: 100%; font-weight: 400; letter-spacing: .1rem;margin-bottom:0.6rem; }
h2.main_title i{display:block;width:3.5rem; height:0.35rem;margin:0 auto; background:url(../images/tb.png) no-repeat center; background-size:100%;}

/*引子*/
.ywbj{height:46rem;}
.yw{padding:3.95rem 0 0;}
.yw ul{height:34.7rem;margin-bottom: 2.45rem;}
.yw ul li{float:left;width:50%;height:17.35rem;border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;padding-top:0.4rem; box-sizing: border-box;}
.yw ul li:nth-child(2),.yw ul li:last-child{border-right:0;}
.yw ul li i{display:block;width:6.0rem; height:7.45rem; margin:0 auto 1.5rem;}
.yw ul li .yw1{background:url(../images/td_ic1.png) no-repeat center;background-size:100%;}
.yw ul li .yw2{background:url(../images/td_ic2.png) no-repeat center;background-size:100%;}
.yw ul li .yw3{background:url(../images/td_ic3.png) no-repeat center;background-size:100%;}
.yw ul li .yw4{background:url(../images/td_ic4.png) no-repeat center;background-size:100%;}
.yw ul li span{display:block;font-size: 1.4rem; line-height: 1.4rem; color:#000000; margin-bottom: 1.1rem;text-align: center;}
.yw ul li b{display:block; text-align: center; font-size: 1.1rem; color:#666666;height:4.3rem; font-weight: normal;}
.yw ul li:nth-child(3),.yw ul li:last-child{padding-top:1.7rem;border-bottom:0;}



/*产品展示*/
.g-cp{width: 100%;height: 54.5rem; padding:2rem 0 0; background:url(../images/cp_bg.jpg) no-repeat;-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-cp .m-bt,.g-cp .m-bt span{color: #fff;}
.cp01{width: 96.88%;margin:0.8rem auto;height:11.8rem;position: relative;}
.cp01 ul li{width: 49%;float: left;height: 3.6rem;line-height: 3.6rem;position: relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 1.2rem;color: #333;background:#0073a6;margin-right:2%;margin-bottom:0.4rem;}
.cp01 ul li a{font-size: 1.2rem;color: #fff;font-weight: bold;padding-left: 3rem;}
.cp01 ul li:before{content: "";width: 0.35rem;height: 0.35rem;background: #fac12c;position: absolute;top: 1.5rem;left: 1.5rem;border: #fff 0.2rem solid;border-radius: 50%;}
.cp01 ul li:nth-child(2n){width: 49%;margin-right:0;}
.cp02{height: 33rem;overflow: hidden;}
.cp02 ul li{width: 47.34%;float: left;line-height: 0;margin: 1rem 0 0 0.62rem;}
.cp02 ul li span{display: block;width: 94%;text-align: center;font-size:0.9rem;color: #000;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 3%;}



.anl{padding:1.6rem 3.125% 2.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: #0073a6;color: #fff}
.al_qh li:nth-child(3n){margin:0 0 0.3rem 0;}
.al_nr{overflow: hidden;height:30rem;}
.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: #0073a6;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-upse{height: 35.9rem;overflow: hidden;font-size: 1.3rem;line-height: 2rem;color: #4d4d5d;}
.m-upse h2{height:6.8rem;font-size:2rem;line-height:3.2rem;color: #222;padding: 2.3rem 9.38% 0;display: block;white-space: nowrap;}
.m-upse h2 p{display: block;font-weight: bold;line-height: 2.2rem;}
.m-upse h2 b{color: #1171dc;font-size: 3rem;}
.upse_ico{width: 6.7rem;height: 6.7rem;border-radius: 6.7rem;background: #0073a6;color: #fff;font-size: 2.4rem;line-height: 6.7rem;text-align: center;top: 6.2rem;left:50%;margin-left:-3.25rem;}
.upse_c li{width: 45.47%;height: 9.15rem;background: #ededef;border-radius: 0.25rem;float: left;margin: 0 0 1rem 4.53%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;padding: 1.4rem 1.55rem 0;}
.upse_wz{clear: both;font-weight: bold;color: #1d1d28;text-align: center;padding: 0.1rem 4.53% 0;}



/*产品展示*/




/*优势*/

.ys{background: #0073a6;padding:1.5rem 0 0;}
.ys h2 span,.ys h2 i{color: #fff;}
.ys .main_title p{color:#fff;}
.ys_con{margin:0 1.56%;}
.ys_con dd{height: 9.5rem;background: #fff;text-align: center;padding-top: 2rem;position: relative;z-index: 2;}
.ys_con dd h3{font-size: 1.5rem;color: #333;font-weight:bold;height: 2.5rem;line-height: 2.5rem;margin:0 0 0.7rem;position: relative;}
.ys_con dd h3:after{position: absolute;width: 6rem;height: 1px;background: #e4e4e4;content: "";left: 50%;margin-left: -3rem;bottom: 0;}
.ys_con dd p{font-size: 1rem;color: #666;line-height: 1.5rem;margin:0 20%;}
.ys_con dd p b{color: #333;}
.ys_con dd i{position: absolute;font-size: 5rem;color: #0073a6;opacity: 0.1;width: 100%;text-align: center;line-height: 4rem;top: 1.5rem;font-family: "Arial";z-index: -1;left: 0;font-weight:bold;}
.ys_t{margin:2rem 1.56% 0;height: 3.5rem;}
.ys_t li{float: left;width: 25%;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1rem;color: #333;background: #fff;position: relative;}
.ys_t li:nth-child(2){background: #f2f7fb;}
.ys_t li:nth-child(3){background: #e7eff8;}
.ys_t li:nth-child(4){background: #dae7f4;}
.ys_t li.cur{background: #88ba44;font-weight:bold;color: #fff;}
.ys_t li.cur:after{position: absolute;width: 0.9rem;height: 0.5rem;content: "";background:url(../images/san2.png) no-repeat;background-size:cover;left: 50%;top: -0.5rem;margin-left: -0.45rem;}

/*关于我们*/
/*about*/
.about{background:url(../images/about_bg.jpg) no-repeat center top;background-size: 100% auto;height: 18.6rem;padding-top:4rem}
.about h2{font-size:2.9rem;text-align:center;font-weight:400;line-height: 100%;position: relative;}
.about h2:after{content: "";width:12.96%;height: .2rem;display: block;position: absolute;background: #fff;left: 43.75%;margin-top: 3rem;}
.about h2 a{color:#fff}
.about h2 em{font-size:1.1rem;display:block;margin-top:0.6rem;line-height:1.2rem;color:#666;letter-spacing:.3rem;color: #fff;}
.about p{margin: 0 1rem;margin-top: 6.5rem;font-size: 1.1rem;color: #282828;line-height: 1.8rem;text-align:center;}


/* 风采展示 */


/*资讯*/


.g_news{height: 30.5rem;padding-top: 2.8rem;background: #f3f3f3;}
.news_nav{margin-left:2%;height:4rem; }
.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: 2rem;background: #fff;}
.news_nav p.cur{background:#0073a6;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: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( 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: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: #0073a6;}
.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;}}






