.wrap img{width: 100%;}
/**/
nav{width: 100%;margin: 0 auto;  text-align: center;  overflow: hidden;}
nav a{width: 33.33%; height:3.2rem; font-size:1.2rem;   line-height:3.2rem; color: #2a2a2a;float: left; box-sizing: border-box; border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;  background: #eeeeee;}
nav a:nth-child(1){background: #0069c8; color: #fff; border-color:#0069c8; }
nav a:nth-child(4),nav a:nth-child(5),nav a:nth-child(6){border-bottom: 0;}
nav a:nth-child(3),nav a:nth-child(6){border-right: 1px solid #eee; }
 
 
/**/
/*.g-baner{overflow: hidden;}*/
.g-baner a,.g-baner img{width: 100%;display: block;} 
.ban_nav {text-align: center; position: absolute;bottom: 1rem; left: 0;z-index: 22;}
.g-baner .ban_nav>span{width: 0.75rem; height: 0.75rem; margin: 0 0.5rem!important; background: #fff; opacity: 1 }
.ban_nav span.swiper-pagination-bullet-active{background: #ff5f00 ;}

/**/ 
.g-quali{background: url(/mobile/Images/Index/qual_bj.jpg) no-repeat center top; background-size: 100% 45.15rem;}
.g-quali h3{height: 9.3rem; box-sizing: border-box; padding-top: 3.2rem; font-size: 1.4rem; line-height:1.5rem; text-align: center; color: #555; }
.g-quali h3 span{display: block; font-size: 1.5rem; font-weight: bold; color: #333; margin-bottom:.8rem ; }
.qual_con{width: 67.8%;margin: 0 auto; background: #fff;   }
.g-quali  dl{width: 91.9%;margin: 0 auto; padding-bottom: 1.2rem;}
.g-quali  dt{ font-size: 1.4rem;font-weight: bold; color: #0069c8;line-height: 1.8rem; text-align: center; padding-top: 1.4rem;}
.g-quali  dt em{display: block; font-size: 0.6rem;font-weight: normal; color: #c4c4c5; text-transform: uppercase;   }
.g-quali  img{width: 100%;} 
.g-quali p{font-size:1.0rem; line-height: 1.6rem; color:#898989;margin-bottom: 0.5rem;}
.g-quali p b{font-size: 1.2rem;}
.qual_b{margin-top: .75rem; padding-bottom: 3.3rem;text-align: center;}
.qual_b a{display: inline-block; width:30%; height: 1.85rem; box-sizing: border-box; margin: 0 0.4rem; border-radius: 0.5rem; font-size: 1.0rem; line-height: 1.85rem;}
.qual_b a:nth-child(1){ border:1px solid #ccc; color: #555; }
.qual_b a:nth-child(2){ color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff833a+0,ff5f00+100 */
background: #ff833a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff833a 0%, #ff5f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff833a 0%,#ff5f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff833a 0%,#ff5f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff833a', endColorstr='#ff5f00',GradientType=0 ); /* IE6-9 */
 } 
.qual_prev{width: 1.65rem; margin-left: 3%; margin-top: 12rem}
.qual_next{width: 1.65rem; margin-right: 3%;margin-top: 12rem}
 
/**/
 
.g-pro h3{height:8.9rem; box-sizing: border-box; padding-top: 3.2rem; font-size: 1.4rem; line-height:1.5rem; text-align: center; color: #555; }
.g-pro h3 span{display: block; font-size: 1.5rem; font-weight: bold; color: #333; margin-bottom:.8rem ; }
.pro_nav{width: 90.6%;margin: 0 auto 0.9rem;}
.pro_nav p{width: 48.9%; float: left; font-size: 1.2rem; color: #333; line-height: 2.75rem; text-align: center; background: #eeeeee;margin-bottom: 0.6rem;}
.pro_nav p a{color: #333;}
.pro_nav p:nth-child(2n){ float: right; }
.pro_nav p.cur{background: #0069c8; color: #fff;}
.pro_con{width: 95.3%;margin: 0 auto;padding-bottom:  1.7rem; } 
.pro_con img{width: 99.8%;box-sizing: border-box; border: 1px solid #e6e6e6; padding: 1.4rem;display: block;}
.g-more{width: 100%; border-radius: 2.0rem; height: 3.05rem; font-size: 1.2rem; color: #ff5f00; line-height: 3.05rem; text-align: center; border:1px solid #ff5f00; box-sizing: border-box; margin-bottom: 3rem;}

/**/
.g-case h3{height: 6.15rem; font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center; line-height: 6.15rem; background: url(/mobile/Images/Index/case_tit.png) no-repeat center top; background-size: 100% 6.15rem;}
.case_con{width: 95.31%; margin: 0 auto; padding-top: 2.5rem;}
.case_con img{width: 100%; display: block;}
.case_con dt{width: 51.4%; float: left; box-sizing: border-box; border: 1px solid #a0a0a0; padding: 0.6rem}
.case_con dd{width: 45.7%; float: right;}
.case_con dd img{border: 1px solid #e6e6e6;width: 99%;}
.case_con h4{font-size:1.2rem;font-weight: bold; color: #393939; text-align: center;margin-top:1.72rem; }
.case_con p{font-size: 1.0rem; line-height: 2.4rem; color: #444; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.case_txt{font-size: 1.2rem; color: #ff5f00; line-height: 4.9rem; text-align: center;}
.case_nav{height: 0.55rem; text-align: center; margin:0.7rem 0 4.6rem; }
.case_nav span{width: 0.55rem; height: 0.55rem; vertical-align:top; background: #666; opacity: 1; margin: 0 0.2rem;}
.case_nav span.swiper-pagination-bullet-active{background: #1861b2;}
.case_prev{width: 3.05rem; margin-left: 32%;}
.case_next{width: 3.05rem; margin-right: 32%;}
/**/
.g-ys h3{ height:8.7rem; box-sizing: border-box; padding-top:1.2rem; font-size:1.5rem; font-weight: bold; line-height:1.5rem; text-align: center; color: #fff; background: url(/mobile/Images/Index/ys_tit.png) no-repeat center top; background-size: 100% 6.55rem;}
.g-ys h3 span{display: block; font-size: 1.5rem;font-weight: normal; color: #fff; margin-bottom:.8rem ; }
.ys_con{width: 95.31%; margin: 0 auto;}
.ys_con img{width: 100%; display: block;}
.ys_con dd{padding:0 0 2.5rem 0.6rem;}
.ys_con h4{height: 4.5rem; font-size: 1.2rem;line-height: 1.3rem; color: #333; padding-left: 2.5rem; margin-top: 2.0rem;}
.ys_con h4 span{display: block; font-size: 1.4rem; line-height: 1.45rem; font-weight: bold; color: #036ccb; margin:0 0 0.5rem; }
.ys_con .swiper-slide:nth-child(1) h4{background: url(/mobile/Images/Index/ys_s1.jpg) no-repeat left top; background-size: 2.2rem 2.9rem;}
.ys_con .swiper-slide:nth-child(2) h4{background: url(/mobile/Images/Index/ys_s2.jpg) no-repeat left top; background-size: 2.2rem 2.9rem;}
.ys_con .swiper-slide:nth-child(3) h4{background: url(/mobile/Images/Index/ys_s3.jpg) no-repeat left top; background-size: 2.2rem 2.9rem;}
.ys_con .swiper-slide:nth-child(4) h4{background: url(/mobile/Images/Index/ys_s4.jpg) no-repeat left top; background-size: 2.2rem 2.9rem;}
.ys_con p{padding-left: 1.7rem;font-size: 1.2rem; line-height: 2.0rem; color: #8a8a8a; background: url(/mobile/Images/Index/ys_iocn1.png) no-repeat left 0.6rem; background-size: 1.05rem 0.8rem;}
.ys_nav{height: 0.55rem; text-align: center; margin:0.7rem 0 4.6rem; }
.g-ys  .ys_nav span{width: 0.55rem; height: 0.55rem; vertical-align:top; background: #666; opacity: 1; margin: 0 0.2rem; box-sizing: border-box;}
.ys_nav span.swiper-pagination-bullet-active{background: #1861b2;}
.ys_prev{width: 3.05rem; margin-left: 32%;}
.ys_next{width: 3.05rem; margin-right: 32%;}
/**/
.g-gall{background: url(/mobile/Images/Index/qual_bj.jpg) no-repeat center top; background-size: 100% 45.15rem; padding-bottom: 3.25rem;}
.g-gall h3{height: 8.0rem; font-size: 1.6rem;font-weight: bold; color: #1861b2; text-align: center; line-height: 8rem;}
.gall_con{width: 71.8%;}
.gall_con p{width: 44.7%; float: left; background: url(/mobile/Images/Index/gall_icon1.png) repeat-x left top; background-size: 0.5rem 12.6rem;}
.gall_con p img{width: 87.3%; display: block;margin: 0 auto;}
.gall_con a:nth-child(2n) p{float: right;}
.gall_con p span{display: block;height: 2.8rem; font-size: 1.2rem;font-weight: bold; color: #fff; text-align: center; line-height: 2.8rem; background: url(/mobile/Images/Index/gall_icon2.jpg) repeat-x left top;background-size: 0.9rem 2.8rem;}
.gall_prev{width: 1.65rem; margin:5.9rem 0 0 3.4%;}
.gall_next{width: 1.65rem; margin:5.9rem 3.4% 0 0;}
 
/**/
.g-about{background: url(/mobile/Images/Index/about_bj.jpg) no-repeat center top; background-size: 100% 12.3rem; margin-bottom: 3.25rem;}
.g-about h3{height: 6.1rem; box-sizing: border-box; font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center; line-height: 2rem; text-transform: uppercase; padding-top: 2.5rem; }
.g-about dl{width: 93.75%; margin: 0 auto; background: url(/mobile/Images/Index/about_t1.png) repeat-x left top; background-size: 0.6rem 28.1rem;}
.g-about dt{width: 81.16%; margin: 0 auto 1.2rem;}
.g-about dd{width: 81.16%; margin: 0 auto; font-size: 1.2rem; line-height: 1.8rem; color: #fff; overflow: hidden; padding-bottom: 2.5rem; }
.g-about dd a{  color: #fff; float: right;  text-decoration:underline; margin-top: 0.6rem; }
/**/
 
/**/
/**/
 
/**/
/**/
 
/**/
/**/
 
/**/
.g-news{margin: 0 0 2.25rem;}
.news_nav{ height:3.8rem; background: #f0f0f0; margin:0 auto 1.2rem;}
.news_nav p {width: 50%; height: 3.8rem; float: left; font-size: 1.2rem; line-height: 3.8rem; color: #393939;  text-align: center;border-top: 0.25rem solid #f0f0f0;}
 
.news_nav p.cur {background: #fff; font-weight: bold; color: #004ea2; border-color: #036ccb;}
.news_nav a{display: none; float: right; font-size: 0.9rem;color: #fff; text-transform: uppercase; line-height: 3rem; padding-right: 2%;}
.news_nav .ne_db{display: block;}
.news_con{width: 91.18%;  margin: 0 auto;  font-size: 1.1rem; line-height: 3.0rem; }
.news_con li{height: 3.0rem; border-bottom: 1px dashed #ddd;color: #8a8a8a; box-sizing: border-box; padding-left: 1.2rem; position: relative;}
.news_con li:after{content: ""; width:  0.35rem;height: 0.35rem; background:#8a8a8a;position: absolute; top:1.3rem; left: 0; border-radius: 100%;}
.news_con a:nth-last-child(1) li{border-bottom: 0;}
/**/


/**/


/**/
 


html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }