/**/
img{ display: inline-block; width: 100%;}
/**/
h2{ text-align: center; padding-top: 2.9rem; color: #333;}
h2 i{ display: block; font-size: 2.5rem; letter-spacing: 0.2rem;}
h2 span{ display: block; font-size: 1.02rem; padding-bottom:3rem; padding-top: 0.1rem; position: relative; color: #666;}
h2 span:before{ content:""; position:absolute;height:1px;width:1.55rem;left:47.05%;top:2.2rem; background:#d9312f;}
h2 span:after{ content:""; position:absolute;height:1px;width:1.02rem;left:47.8%;top:2.45rem; background:#d9312f;}
/**/
/**/
/**/
.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;}
.yizs ul{ overflow: hidden; padding: 0 1.6%;}
.yizs ul li{ float: left; width: 49.25%; background: #f2f2f2; margin-bottom:0.5rem; position: relative;}
.yizs ul li:before{ content:""; position:absolute;height:5rem;width:5rem;left:35%;top:8.3rem;background: url(../images/yo1.png) no-repeat; background-size:contain; }
.yizs ul li:nth-of-type(2n){ float: right;}
.yizs ul li:nth-of-type(2):before{background: url(../images/yo2.png) no-repeat; background-size:contain;}
.yizs ul li:nth-of-type(3):before{background: url(../images/yo3.png) no-repeat; background-size:contain;}
.yizs ul li:nth-of-type(4):before{background: url(../images/yo4.png) no-repeat; background-size:contain;}
.yizs ul li i{ display: block;color: #333; font-size: 1.5rem; text-align: center; padding: 4.1rem 0 1.7rem 0; position: relative;}
.yizs ul li i:before{ content:""; position:absolute;height:0px;width:2rem;left:45%;top:5.85rem; background:#999;}
.yizs ul li span{ display: block; color: #666; font-size: 1.05rem; padding: 1rem; line-height: 1.65rem; text-align: center; padding-top: 0; min-height: 7rem;}

/**/
.m-qual2a{  position: relative; background: #f5f5f5; padding-bottom: 3rem; margin-top: 2.65rem;}
.m-qual2a h2{ border-bottom: 1px solid #ddd; margin-bottom: 1.05rem;}
.m-qual2a h2 span{ line-height: 1.65rem;}
.m-qual2a h2 span:before{ top: 4rem;}
.m-qual2a h2 span:after{ top: 4.25rem;}
.newtil2a{overflow: hidden;position: relative; box-sizing: border-box; margin: 0 3.1%;}
.newtil2a li{  float: left; width: 25%; position: relative; text-align: center; padding-bottom: 1.2rem;}
.newtil2a li a{ color:#333; display:block;}
.newtil2a li:before{ content:""; position:absolute;height:0.2rem;width:0.2rem;left:99%;top:3.6rem; background:#333; border-radius: 0.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newtil2a li:last-of-type:before{ background: none;}
.newtil2a li img{ display: block; margin: 0 auto 0.5rem; width: 2.4rem;}
.newtil2a li.cur{}

.qual_c2a{overflow: hidden;}
.qual_c2a dl{ margin: 0 3.1%;}
.qual_c2a dl dt{ font-size: 0; line-height: 0; margin-bottom: 1.35rem;}
.qual_c2a dl dd{ margin: 0 1rem; padding-bottom: 1.2rem;}
.qual_c2a dl dd h4{ overflow: hidden; font-size: 1.5rem; color: #333;}
.qual_c2a dl dd p{ color: #666; font-size: 1.06rem;  line-height:1.9rem; padding-top:0.7rem;}
.qual_c2a dl dd b{ display: inline-block; width:2.4rem;}
.qual_c2a .q_uaa{ position: absolute; top:31.3%; left:5.5%; z-index: 9; width:2rem;}
.qual_c2a .q_daa{ position: absolute; top:31.3%; right:5.5%; z-index: 9; width:2rem;}
.qualtil2a{ overflow: hidden; position: relative;}
.m-qual2a h5{ margin: 0 auto; width: 14rem; height: 3rem; line-height: 3rem;background: url(../images/btn2.png) no-repeat; background-size:contain; display: block; color: #fff; font-size: 1.2rem; padding-left: 3.3rem; box-sizing: border-box;}
/**/
.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 0.3rem 0; color: #333; font-size: 1.4rem;}
.qual_c2ab dl dd h5{ margin: 0 auto; width: 14rem; height: 3rem; line-height: 3rem;background: url(../images/btn2.png) no-repeat; background-size:contain; display: block; color: #fff; font-size: 1.2rem; padding-left: 3.3rem; box-sizing: border-box;}
/**/
.m-qual21{ padding-bottom: 3.9rem;background:#f5f5f5 ;}
.m-qual21 h3{ margin: 0 3.1% 1rem;}
.m-qual21 p{ position: relative; padding-left: 1.5rem;  line-height: 3rem; margin: 0 3.1%; border-bottom:1px dashed #ddd;}
.m-qual21 p a{ display: block; color: #333; font-size: 1.2rem;}
.m-qual21 p:before{ content:""; position:absolute;height:0.4rem;width:0.4rem;left:0.6rem;top:1.35rem; background:#d9312f; border-radius: 0.4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/**/
.tav{ overflow: hidden;background: url(../images/tav.jpg) no-repeat center 0; background-size: 100% 44.5rem; height: 44.5rem;}
.tav h3{text-align: center; padding-bottom:3rem;  background: url(../images/lin.jpg) no-repeat center 5.3rem; background-size: 1.4rem 0.15rem;}
.tav h3 i{ display: block; color: #1b1b1b; font-size:2.23rem; letter-spacing: 0.1rem;}
.tav h3 i strong{ padding: 0 2%;}
.tav p span{ display: block; font-size: 1.2rem; color: #fff; margin:1.1rem 2.5% 0; line-height: 1.9rem; padding-bottom: 1.45rem; text-align: center;}
.tav p  a{ margin: 0 auto; width: 14rem; height: 3rem; line-height: 3rem;background: url(../images/moi.png) no-repeat; background-size:contain; display: block; color: #333; font-size: 1.2rem; padding-left: 3.3rem; box-sizing: border-box;}
.tav h2{ color: #fff;}
.tav h2 span{ color: #fff;}
.tav h2 span:before,.tav h2 span:after{ background: #fff;}
.tav p{ margin: 0 4.7%;}
    /**/

.tta{ position: relative;}
.tta p{ position: absolute; left: 7.3%; top: 35%; color: #fff; width: 90%;}
.tta p em{ display: block;font-weight: bold; font-size: 2.1rem; padding-bottom: 0.9rem;}
.tta p em span{ padding: 0 3%;}
.tta p i{ display: block; font-size: 1.4rem; padding-bottom: 1.8rem;}
.tta p strong{ display: block; font-weight: normal; /*background: url(../images/ta_tel.png) no-repeat; background-size: 2rem;*/ height: 2rem; font-size: 0.9rem; margin-bottom: 0.9rem;}
.tta p strong a{ display: inline-block;padding-left: 2.2rem; color: #fff;}
.tta p strong span{ font-family: Arial; font-size:2.2rem;}
.tta p b a{ display: block; line-height: 2.8rem; color: #fff; border: 0.1rem solid #fff; font-size: 1.33rem;font-weight: normal; width: 76%; text-align: center;}

.jijy ul{ overflow: hidden;}
.jijy ul li{ float: left; margin-left: 1.5%; width: 47.75%; position: relative; font-size: 0; line-height: 0; border-radius:0.25rem; overflow: hidden; margin-bottom: 0.5rem;}
.jijy ul li em{ display: inline-block; position: absolute; top: 2.3rem; left: 7%; font-size: 1.2rem; color: #fff; line-height: 100%; padding-bottom: 3.4rem;background: url(../images/jijy.png) no-repeat left bottom; background-size: 1.9rem;}
.jijy ul li em i{ display: block; font-size: 1.6rem; line-height: 120%; padding-bottom: 0.6rem;}







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;}}