/**/
img{ display: inline-block; width: 100%;}
/**/
h2{ text-align: center; padding-top: 4rem; color: #333333;}
h2 i{ display: block; font-size: 2.45rem; letter-spacing: 0.2rem;}
h2 span{ display: block; font-size: 1.2rem; padding-bottom:3.2rem; padding-top: 0.35rem; position: relative; color: #666; letter-spacing: 0.2rem;}
h2 span:before{ content:""; position:absolute;height:0.15rem;width:2.55rem;left:46.8%;top:3.9rem; background:#7f3f02;}
/**/
/**/

/**/
.tijl{ height:59rem; overflow: hidden; box-sizing: border-box;}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs { border-top: 1px solid #e2e2e2;
    height:7.1rem;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
    position: relative;width: 7.5rem; text-align: center;
    opacity:1; height:3.6rem; background: #fff; border-right: 1px solid #dcdcdc; color: #333; font-size: 1.2rem;  margin-top: 1.4rem;
}
.gallery-thumbs .swiper-slide img{ display: block; margin-left: 35%; width: 3.5rem; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1; color: #7f3f02; position: relative;}
.gallery-thumbs .swiper-slide-thumb-active img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;
}
.ti_om{ overflow: hidden; margin: 0 3.1%;}
.ti_om dl dd{ margin: 0 4%;}
.ti_om dl dd h4{ font-size: 1.7rem; color: #333333; padding-top: 1.5rem; padding-bottom: 1.6rem; position: relative;font-weight: bold;}
.ti_om dl dd p{ font-size: 1.4rem; color: #666666; line-height:2.5rem; height: 7.2rem;}
.ti_om dl dd p span{ color: #7f3f02;}


/**/
.pro{ background: #f4f4f4; padding: 4rem 3.1% ; border-bottom: 0.75rem solid #e5e5e5;}
.p_on ul{ overflow: hidden;}
.p_on ul li{ float: left; width: 48.75%; margin-bottom: 0.8rem; font-size: 0; line-height: 0; background: #fff;}
.p_on ul li:nth-child(2n){ float: right;}
.p_on ul li i{ display: block; border-top: 1px solid #f4f4f4; height: 3rem; line-height: 3rem; overflow: hidden; color: #333333; font-size: 1.12rem; padding: 0 15% 0 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p_li ul{ overflow: hidden; margin-bottom: 0.7rem;border-right: 1px solid #d2d2d2;}
.p_li li{ overflow: hidden; float: left; width: 33.33%; box-sizing: border-box; text-align: center;}
.p_li li span a{ display: block; height: 3rem; line-height: 3rem; font-size: 1.12rem; color: #333; text-align: center; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;}
.p_li li span a{background: #fdfdfd;}
.p_li li i a{ background: #007c41; color: #fff; display: block; height: 3.5rem; line-height: 3.5rem;font-weight: bold;}
.p_li li:last-of-type{ width: 100%; background: none; height: 3rem; line-height: 3rem; color: #999;border: 1px solid #d2d2d2; border-right: none;}
.p_li li:last-of-type a{ display: block; color: #999999; font-size: 1.1rem; border: none;}
.p_li li:nth-of-type(2) i a{ box-sizing: border-box;border-left: 1px solid #fff;}
.p_li li:nth-of-type(3) i a{ box-sizing: border-box; border-left: 1px solid #fff;}

/**/
.yizs{ overflow: hidden;background: url(../wap_images/tav.jpg) repeat-y center 0; padding-bottom: 2.6rem; }
.yizs p{ margin: 0 6%; text-align: center; font-size: 1.4rem; color: #333333; line-height: 2.5rem; padding-bottom: 1.3rem;}
.yizs ul{ overflow: hidden; margin: 0 4%;}
.yizs ul li{ background: #fff; border: 0.1rem solid #eee; margin-bottom: 1rem; width: 47.5%; float: left; color: #333333; font-size: 1.22rem; box-sizing: border-box; padding-left: 10%; padding-top: 2rem; padding-bottom: 1.85rem;}
.yizs ul li:nth-child(2n){float: right;}
.yizs ul li em{ display: block;}
.yizs ul li i{ display: block; color: #7f3f02; font-size: 4rem;font-weight: bold;}
.yizs ul li i span{font-weight: normal; font-size: 1.52rem; padding-left:0.35rem;}
    /**/
.m-qual2a{  position: relative;background: url(../wap_images/tav.jpg) repeat-y center 0; padding-bottom: 3rem; margin-top: 2.65rem;}

.newtil2a{overflow: hidden;position: relative; margin-left: 29%;}
.newtil2a li{  float: left; box-sizing: border-box; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border: 1px solid #999; border-radius: 3rem; font-size: 1.4rem; color: #666666; font-weight: bold; margin-right: 0.5rem;}
.newtil2a li.cur{ color: #fff; background: #7f3f02;border: 1px solid #7f3f02;}

.qual_c2a{overflow: hidden;}
.qual_c2a dl{ margin: 0 4%;}
.qual_c2a dl dt{ font-size: 0; line-height: 0; margin-bottom: 1.5rem;}
.qual_c2a dl dd h4{ overflow: hidden; font-size: 1.6rem; color: #333; text-align: center; padding-top: 0.8rem;background: url(../wap_images/yyi.png) no-repeat center 0; background-size: 13.3rem 6.4rem;}
.qual_c2a dl dd h4 i{font-weight: bold; color: #333333; font-size: 2.1rem; display: block;}
.qual_c2a dl dd h4 span{ display: block; padding: 0.25rem 0 1.7rem 0;}
.qual_c2a dl dd p{ color: #666666; font-size: 1.4rem;  line-height:2.3rem;  text-align: center; padding-bottom: 1.1rem;}
.qual_c2a dl dd b{ display: inline-block; width:2.4rem;}
.qual_c2a .q_uaa{ position: absolute; top:95.3%; left:16%; z-index: 9; width:3.5rem;}
.qual_c2a .q_daa{ position: absolute; top:95.3%; right:18.5%; z-index: 9; width:3.5rem;}
.qualtil2a{ overflow: hidden; position: relative;}

.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
/**/
.m-qual2ab{  position: relative;}
.newtil2ab{overflow: hidden;position: relative;box-sizing: border-box; margin: 0 3.1% 1rem;}
.newtil2ab li{  float: left; font-size: 1.32rem; color: #333; width:20%; text-align: center;  height: 4.4rem; line-height: 4.4rem; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.9); background: #f5f5f5;}
.newtil2ab li.cur{background: #005bc7;color: #fff;}
.qual_c2ab{overflow: hidden;overflow: hidden; position: relative;}
.qual_c2ab dl{  padding-bottom:3rem;}
.qual_c2ab dl dt{ font-size: 0; line-height: 0; margin-bottom:1.6rem;}
.qual_c2ab dl dd p{ text-align: center; font-size: 1.3rem; color: #666; padding-bottom: 1.8rem;}
.qual_c2ab dl dd p i{ color: #333;}
.qual_c2ab dl dd em{ display: block; padding: 1rem 0 2.2rem 0; color: #333; font-size: 1.4rem;}
.qual_c2ab dl dd h5{ margin: 0 auto; width: 14rem; height: 3rem; line-height: 3rem;background: url(../wap_images/btn2.png) no-repeat; background-size:contain; display: block; color: #fff; font-size: 1.2rem; padding-left: 3.3rem; box-sizing: border-box;}
/**/
.sigx p{ font-size: 0;}
.sigx p img{ display: block; margin-bottom: 0.5rem;}



/**/
.m-qual21{ padding-bottom: 4rem;}
.m-qual21 dl{ margin: 0 4%;}
.m-qual21 dl dd h3{ padding-top: 1.75rem; color: #333333; font-size: 1.6rem;}
.m-qual21 dl dd em{ display: block; padding-top: 0.8rem; font-size: 1.4rem; color: #666666; line-height: 2.4rem; padding-bottom: 1.3rem; border-bottom: 1px solid #e2e2e2;}
.m-qual21 p{ position: relative; padding-left:2rem;  line-height: 4rem; margin: 0 4%;  border-bottom: 1px solid #e2e2e2;}
.m-qual21 p a{ display: block; color: #333333; font-size: 1.5rem;}
.m-qual21 p:before{ content:""; position:absolute;height:0.35rem;left:0.5rem;top:1.69rem;border-radius: 0.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 0.35rem; border: 0.15rem solid #e0b815;}
.m-qual21 h5{ padding-top: 2rem; text-align: center;}
.m-qual21 h5 a{width: 13rem; height: 3rem; line-height: 3rem;background: url(../wap_images/btn2.png) no-repeat; background-size:contain; display: block; color: #222222; font-size: 1.5rem; padding-left:2rem;  text-align: left; box-sizing: border-box; letter-spacing: 0.2rem; margin: 0 auto;}
/**/
.tav{ overflow: hidden;background: url(../wap_images/tav.jpg) repeat-y center 0; padding-bottom: 4rem;}
.tav h3{margin: 0 20px; font-size: 16px; line-height: 2.5rem; margin-bottom: 2rem;color: #000}
.tav ul{ overflow: hidden; margin: 0 4%;}
.tav ul li{ overflow: hidden; border: 1px solid #ddd; margin-bottom: 1rem; padding: 1.3rem 0;}
.tav ul li i{ display: inline-block; float: left; width: 20%; text-align: center; }
.tav ul li i img{ display: inline-block; width: 3.7rem; padding-top: 1.2rem;}
.tav ul li em{ display: inline-block; float: right; width: 80%; box-sizing: border-box;border-left: 1px solid #ddd; padding: 0 3% 0 4%;}
.tav ul li em strong{ display: block; font-weight: normal; color: #333333; font-size: 1.7rem;}
.tav ul li em span{ display: block; color: #666666; font-size: 1.4rem; line-height: 2rem; padding-top: 0.25rem;}
    /**/









html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}