/**/
img{ display: inline-block; width: 100%;}
/**/
.g_tils{background:#f4f4f4;position: relative; margin-bottom: 3.4rem;}
.g_tils h3{ text-align: center; color: #333333; font-size: 1.6rem; padding-top: 1.5rem;}
.g_tils p{ color: #666; font-size: 1.2rem; padding: 0.5rem 7% 3rem;}
/**/
.pros{ overflow: hidden; margin: 0 1%;}
h2{ text-align: center; color: #333333; font-size: 2.2rem; padding-bottom: 2.4rem; position: relative; line-height: 100%; padding-top: 0.12rem;}
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #e1a104; }
.g-yin{background: #f0f0f0;padding: 2rem 0 0; margin-bottom:2rem}
.ibrand-num li{float:left;width:25%;height:7rem;padding: 0 0 0 8.33%;position: relative;}
.ibrand-num li:before{content: "";width: 1px;height: 2rem;background: #ccc;position: absolute;top: 1rem;right: 0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);
}
.ibrand-num li span{font-size:3rem;color: #333;font-family: "Impact";display: block;float: left;line-height: 3rem;}
.ibrand-num li i{display: block;font-size: 1rem;color: #fff;float: left;width: 1.7rem;height: 1.7rem;text-align: center;line-height: 1.7rem;overflow: hidden;background:#e1a104;border-radius: 50%;}
.ibrand-num li b{display:block;font-size: 1rem;color: #000;line-height: 2rem;overflow: hidden;width: 100%;clear: both;}
.ibrand-num li:last-child:before{background: none;}


.pros dl{ background: #efefef; border: 1px solid #ccc; margin-bottom: 1rem; float:left; width:48%; margin-right:5px;}
.pros dl:nth-child(1){ margin-right:0px}
.pros dl dd h4{ text-align: center; color: #095db0; font-size: 1.2rem; position: relative; padding-bottom: 1.3rem; position: relative;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pros dl dd h4:before{ content:""; position:absolute;height:1px;width:1.4rem;left:47.5%;top:3.1rem; background:#095db0;}
.pros dl dd h5{ text-align: center; color:#F00; font-size: 1.5rem; padding-bottom: 1.3rem; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pros dl dd p{ padding: 0 7%; color: #727272; line-height: 1.7rem; min-height: 5.5rem;}
.pros dl dd em{ display: block; padding-bottom: 1.5rem;}
.pros dl dd em a{ display: block; margin: 0 auto; width: 11rem; height: 2rem; border-radius:0.2rem; background: #ffae00; color: #000; font-size: 0.8rem; text-align: center; line-height: 2rem;}
.pros h3{ overflow: hidden; padding-bottom: 3.3rem;}
.pros h3 i{ display: block; height: 3.5rem; line-height: 3.5rem; background: #095db0; color: #fff; text-align: center; font-size: 1.7rem;}
.pros h3 em{ display: block; border: 1px solid #dcdcdc; overflow: hidden; border-right:none; border-top: none;}
.pros h3 em a{ display: inline-block; float: left; width: 50%; box-sizing: border-box; line-height: 3.5rem;height: 3.5rem; font-size: 1.2rem; color: #333333; border-right: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc; padding-left: 8%; position: relative;}
.pros h3 em a:before{ content:""; position:absolute;height:0.4rem;width:0.4rem;left:8%;top:1.5rem; border-radius: 0.4rem; border: 1px solid #333;}
/**/
.m-qual2{  position: relative; margin-bottom: 3.8rem;}
.qual_c2{overflow: hidden;}
.qual_c2 ul{ overflow: hidden;}
.qual_c2 ul li{ margin: 0 3.1% 2.4rem;}
.qual_c2 ul li span{ display: block; margin:1.5rem;}
.qual_c2 ul li em{ display: block; padding-top: 3.3rem; color: #333; font-size: 1.4rem;background: url(../images/s_no1.jpg) no-repeat;background-size:5.5rem 3.25rem;}
.qual_c2 ul li strong{ display: block; font-weight: normal; color: #666; font-size: 1.15rem; line-height: 1.83rem; padding-top: 0.9rem;}
.qual_c2 .swiper-slide:nth-of-type(2) em{background: url(../images/s_no2.jpg) no-repeat;background-size:5.5rem 3.25rem;}
.qual_c2  .swiper-slide:nth-of-type(3) em{background: url(../images/s_no3.jpg) no-repeat;background-size:5.5rem 3.25rem;}
.qual_c2  .swiper-slide:nth-of-type(4) em{background: url(../images/s_no4.jpg) no-repeat;background-size:5.5rem 3.25rem;}
.qual_c2 .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.qual_c2 .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.qual_c2 .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #e1a104; }

.qualtil2{ overflow: hidden; margin-bottom: 1rem; position: relative;}

.newtil2{overflow: hidden;margin-left: 42%;}
.newtil2 li{float: left; width: 0.65rem; height: 0.65rem; border-radius: 0.65rem; background: #ccc; margin-right: 0.7rem;}
.newtil2 li.cur{ background: #095db0; width: 2.4rem;}
/**/
.m-qual21{  position: relative; background: #f4f4f4; padding-top: 3.3rem; margin-bottom: 3.2rem;}
.m-qual21{overflow: hidden;}
.m-qual21 ul li{ overflow: hidden; margin: 0 3.1%; padding: 1.5rem 0; border-bottom: 1px solid #ccc;}
.m-qual21 ul li img{ display: inline-block; float: right; border: 1px solid #dfdfdf; width: 40%; box-sizing: border-box;}
.m-qual21 ul li em{ display: inline-block; float: left; width: 60%; box-sizing: border-box; padding-right:3%; color: #8c8c8c; font-size: 1.1rem;}
.m-qual21 ul li em i{ display: block; color: #333333; font-size: 1.3rem; padding-bottom: 0.4rem;}
.m-qual21 ul li em span{ display: block; padding-top: 0.4rem; font-size: 0.9rem;}
.m-qual21 h4{ text-align: center; padding-top: 2.5rem; margin-bottom: 3.25rem;}
.m-qual21 h4 a{ display: inline-block; width:10.8rem; height: 2.9rem; line-height: 2.9rem; text-align: center; border: 0.1rem solid #333; border-radius: 0.25rem; color: #000; font-size: 1.2rem;}
/**/
.abou dl{ overflow: hidden;margin: 0 3.1% 0;}
.abou dl dd{ padding: 1.5rem 1.5rem 0.7rem;}
.abou dl dd p span{ display: block; width: 19.4rem; margin: 0 auto 0.5rem;}
.abou dl dd p{ font-size: 1.2rem; color: #666666; line-height: 1.8rem;}
.abou dl dd em a{ width:10.8rem;height: 2.9rem; line-height: 2.9rem; text-align: center; border: 0.1rem solid #333; border-radius: 0.25rem; color: #000; font-size: 1.2rem;display: block; margin: 1.5rem auto 2.8rem;}

/**/
/**/
/**/
/**/


.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: #162c9a;position: absolute;top: 1rem;left: 26%;z-index: 10;}
.m-bt:after{content: "";width: 2rem;height: 1px;background: #162c9a;position: absolute;top: 1rem;right: 26%;z-index: 10;}
.m-bt b{display: block;font-size: 2rem;}
.m-bt i{color: #e1a104;}


.g-jz{ width:93.75%; margin: 0 auto; overflow:hidden; position:relative;padding-bottom: 1rem;}
.g-jz .m-bt:before{left: 12%;}
.g-jz .m-bt:after{right: 12%;}
.g-jz .prev{ width:3.6rem; position:absolute; top:12.5rem; left:1rem;z-index: 10;}
.g-jz .next{ width:3.6rem; position:absolute; top:12.5rem; right:1rem;z-index: 10;}
.g-jz .nowarp { margin:0;}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz dl{width: 100%;padding: 2rem 0 0;}
.g-jz dl dt{width: 100%;line-height: 0;}
.g-jz dl dd{padding: 1.2rem 0 0;width: 90%;margin: 0 auto;text-align: center;}
.g-jz dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-jz dl dd h5 a{font-size: 1.1rem;color: #333;}
.g-jz .jz_desc{font-size: 0.9rem;color: #666;line-height: 1.5rem;height: 4.5rem;overflow: hidden;padding: 0.5rem 0 0;}

.g-pp{ width:100%; overflow:hidden;padding-bottom: 3rem; padding-top:2rem}
.g-pp .m-box .con{ display:inline; float:left;}
.g-pp ul li{ width:30.5%; float:left;box-shadow: 0 3px 0.4rem 3px rgba(0,0,0,0.1);margin: 0.3rem 0 0.5rem 2.5%;}

.g-about{ width: 100%;height: 28.4rem;padding-top: 3.8rem;background: url(../images/ab_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-about .m-bt{ color:#fff}
.g-about dl{width: 93.75%;margin: 0 auto;padding: 1.1rem 0 0;}
.g-about dl dt{font-size: 1rem;color: #c3c7df;line-height: 1.6rem;height: 11.2rem;overflow: hidden;text-align: center;}
.g-about dl dd{padding: 3rem 0 0;width: 18rem;margin: 0 auto;}
.g-about ul li{width: 6rem;text-align: center;float: left;}
.g-about ul li em{display: block;width: 2.75rem;height: 2.75rem;line-height: 0;overflow: hidden;margin: 0 auto 0.5rem;}
.g-about ul li em img{width: 2.75rem;height: 5.5rem;}
.g-about ul li a{font-size: 1rem;color: #fff;}






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:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:400px){html{font-size: 12.5px;}}
@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:414px){html{font-size:  13px;}}
@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;}}