.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: #f8c300;position: absolute;top: 1rem;left: 26%;z-index: 10;}
.m-bt:after{content: "";width: 2rem;height: 1px;background: #f8c300;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 p { text-align: center; display: block; font-weight: 400; font-size: 2rem; color: #333; line-height: 100%; padding-bottom: .95rem; letter-spacing: .1rem }
h2.main_title strong { color: #3c746b }
h2.main_title span { display: block; text-align: center; background: url(../images/t_bg1.png) no-repeat center .35rem; background-size: 28.7rem; font-size: 1rem; color: #666; line-height: 100%; font-weight: 400; letter-spacing: .1rem }


/*引子*/
.glv{background: url(../images/glv.jpg) no-repeat;background-size:100% 41.71rem; height:41.71rem; overflow: hidden; margin-bottom: 0.65rem;}
.glv h3{ text-align: center; line-height: 100%; font-weight: bold; color: #f77f27; font-size: 2rem; padding-top: 6.5rem; height: 7rem;}
.glv ul{ overflow: hidden; padding-left: 5.8%;}
.glv ul li{ float: left; width: 5.83rem; height: 5.83rem;background: url(../images/glv1.png) no-repeat;background-size:5.83rem 5.83rem; margin-right:4%; color: #fff; font-weight: bold; text-align: center; font-size: 1.08rem;}
.glv ul li:nth-child(2n){background: url(../images/glv2.png) no-repeat;background-size:5.83rem 5.83rem;}
.glv ul li span{ display: block; padding-top: 1.3rem;}

/**/
.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: #f8c300;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;}


/* 产品*/

/*产品展示*/
.g-cp{width: 100%;height:82.5rem; padding:2.5rem 0 0; }
.g-cp .m-bt,.g-cp .m-bt span{color: #fff;}

.cp01{width: 96.88%;background: #efefef;margin: 2.5rem auto;height: 10.8rem;position: relative;}
.cp01 ul li{width:48.6%;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;border:2px solid #fff;background:#04338d;}
.cp01 ul li a{font-size: 1.2rem;color: #fff;font-weight: bold;padding-left: 3rem;letter-spacing:0.2rem;}
.cp01 ul li:before{content: "";width: 0.35rem;height: 0.35rem;background: #139e39;position: absolute;top: 1.5rem;left: 1.5rem;border: #fff 0.2rem solid;border-radius: 50%;}

.cp02 ul li.frist{width:97%;margin-top:0;}
.cp02 ul li.frist img{height:22rem;}
.cp02{height:58rem;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: 1rem;color: #000;height: 2.5rem;line-height: 2.5rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 3%;}



.pro {padding-bottom:2rem; margin-top:2rem; }
.m_pro{width: 90.625%; overflow: hidden;margin:0 auto;}
.m_pro dl{ width: 100%;margin-bottom: 0.8rem; }
.m_pro dl dt{width: 100%; position: relative;}
.m_pro dl dt span{ display: block;font-size:1.2rem; color: #ffffff;height: 1.6rem; line-height: 1.6rem;text-align: left;padding-left: 2.1rem;  position: absolute;left:1.5rem; top:1.5rem;; font-weight: bold; }
.m_pro dl dt img{width: 100%;display: block;height:16rem}
.m_pro dl dd{padding:2.5rem 1.2rem 0;box-sizing: border-box; height: 8.6rem;background: #eeeeee;  position: relative;  }
.m_pro dl dd h3{width: 14.3rem;  height: 2.75rem;line-height: 2.75rem; color: #ffffff; font-size: 1.2rem; font-weight: normal; background: #3c746b; border-radius: 1.5rem; text-align: center;position: absolute; top: -1.5rem;left:7.3rem;}
.m_pro dl dd h3 a{color: #ffffff;}
.m_pro dl dd p{ line-height: 1.5rem; font-size: 1.1rem; color: #666666; text-align:center; }


/*品质*/

.g-case{ width:93.75%; margin:2rem auto 1rem; overflow:hidden; padding-bottom:3rem;}
.g-case dt img{ display:block; width:100%; margin-top:1.5rem;height:18rem;}
.g-case dd h3{ font-size:1.5rem; font-weight:bold; color:#333; padding:1rem 0; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-case dd h3 a{color:#3c746b;}
.g-case dd h3:before{ content:""; position:absolute; bottom:0; width:3.2rem; height:1px; background:#26365a;}
.g-case dd p{ font-size:1.1rem; line-height:1.5rem; margin:1rem 0; color:#666;}

.g-case .swiper-pagination{ bottom:1rem;}
.g-case .swiper-pagination-bullet{ background:#c8c8c8; opacity:1; width:4rem; height:0.25rem; border-radius:0;}
.g-case .swiper-pagination-bullet-active{ background:#26365a;}


/*合作客户*/
.g-hz{ width:100%;padding:1.4rem 0 2rem; overflow:hidden;background:#fff;}
.g-hz .m-bt{ background:url(../images/hz_tbg.gif) 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-hz ul{width: 93.75%;margin: 0 auto;height:16.1rem;box-shadow: 0px 0px 20px #d1d1d1;}
.g-hz ul li{width: 33.33%;float: left;line-height: 0;border-bottom: #eee 1px solid;position: relative;}
.g-hz ul li:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;right: 0;z-index: 20;}


.g-hz .lopnav{height:2.85rem;width:93.75%;margin:0 auto;}
.g-hz .lopnav span{display:block;height:1.7rem;padding-left:0.5rem;border-left:3px solid #1240b8;width:50%;float:left;font-size: 1.0rem;line-height: 1.0rem; color:#333333; font-weight: bold;}
.g-hz .lopnav span em{display:block;}
.g-hz .lopnav span i{display:block; font-size: 0.6rem;line-height: 0.6rem; color:#333333; font-family: Arial; margin-top: 0.4rem;}
.g-hz .lopnav a{font-size: 1.0rem; line-height: 1.0rem;color:#666666;float:right;margin-top: 0.5rem;}

/*关于我们*/
.m-about{font-size:1rem;line-height:1.7rem;color: #424242;clear: both;padding:10.3rem 3.125% 0;background:url(../images/about_pic.jpg) no-repeat center 0;-webkit-background-size:100% 16.5rem; -moz-background-size: 100% 16.5rem; -o-background-size: 100% 16.5rem; background-size: 100% 16.5rem;text-align: center;}
.about_c{width: 100%;display: block;background: #fff;position: relative;z-index: 1;height:22.7rem;padding: 2.1rem 2.4rem 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.about_c:before{content: "";position: absolute;width:93.6%;height:20.1rem;top:0.75rem;right:3.1%;border: solid 0.2rem #e0e0e0;z-index: -1;}
.about_c h2{color:#303030;font-size:1rem;background:url(../images/aboutbg.gif) no-repeat center 0;padding:2rem 0 0;height:5rem;-webkit-background-size:19.3rem 5.05rem; -moz-background-size: 19.3rem 5.05rem; -o-background-size: 19.3rem 5.05rem; background-size: 19.3rem 5.05rem;}
.about_c h2 b{font-size:1.7rem;display:block;}
.about_c h2 span{font-weight: normal;font-size:1rem;line-height:2rem;opacity: 0.9;display: block;}
.about_c span{background: #f8c300;}
.about_c p{height: 7.5rem;}
.about_c span{width:9.4rem;line-height:2.2rem;height:2.2rem;margin: 0 auto;border-radius:1.1rem;display: block;color: #fff;display: block;}


/* 风采展示 */

/*资讯*/


.g_news{height: 30.5rem;padding-top: 2.8rem;background: #f3f3f3;}
.g_news h2{height: 5.2rem;text-align: center;font-size: 2rem;color: #333}
.g_news h2 a{color: #333}
.g_news h2 b{color: #333333;display: inline-block;padding-left: 3%;}
.g_news h2 em{display: block;font-size: 1rem;color: #666666;}
.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:#f8c300;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:1rem;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: #f8c300;}
.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;}}