﻿/**/
img{ display: inline-block; width: 100%;}
/**/
.yust{ background: #f4f4f4; margin-bottom: 3.4rem; padding-top: 0.9rem; padding-bottom: 0.4rem; position: relative;}
.yust:before{ content:""; position:absolute;height:100%;width:1px;left:50%;top:0; background:#dbdbdb;}
.yust:after{ content:""; position:absolute;height:1px;width:100%;left:0;top:51.5%; background:#dbdbdb;}
.yust ul{ overflow: hidden;}
.yust ul li{ float: left; width: 50%; padding-top: 2rem; text-align: center; font-weight: bold;}
.yust ul li img{ display: block; margin: 0 auto; width: 6.65rem;}
.yust ul li h4{font-weight: bold; padding-top: 0.85rem; height: 3.3rem;}

/**/
/**/
/**/
.g_tils{position: relative; padding-bottom: 2.9rem;}
.g_tils h3{ text-align: center;}
.g_tils h3 i{ display: block; font-weight: bold; font-size: 2.1rem; font-weight: bold; color: #333333;}
.g_tils h3 span{ display: block; font-size: 1.2rem; color: #333; padding-bottom: 2.6rem; position: relative;
    background: url(../images/lin.jpg) no-repeat center 2rem; background-size: 1.35rem 0.15rem;}
.g_tils ul{ overflow: hidden; padding-left: 3%; margin-bottom: 1.6rem;}
.g_tils ul li{ float: left; padding-top: 1.2rem; border: 1px solid #bfbfbf; border-radius: 0.25rem; font-size: 1.1rem; color: #333333; text-align: center; margin-right: 0.55rem; width:46%; padding-bottom: 0.6rem;margin-bottom:0.55rem;}
.g_tils ul li:last-of-type{ margin-right: 0;}
.g_tils ul li i{ display: block; color: #333333; font-size: 1.3rem;}
.g_tils ul li i span{font-weight: bold;}
.g_tils ul li em{ display: block; font-weight: normal; color: #d0d0d0; font-weight: bold; font-family: Arial; font-size: 1.8rem; font-weight: bold; padding-top: 0.2rem;}
.g_tils h4{ text-align: center;background: url(../images/buy.png) no-repeat 17% 0.39rem; background-size: 1.65rem 1.45rem;}
.g_tils h4 a{ font-size: 1.1rem; color: #333;}
.g_tils h4 i{font-weight: bold; font-size: 1.6rem;}

    /**/
.jij{ overflow: hidden; padding: 3rem 3% 2.9rem;}
.jij h3{ padding-top: 3.3rem; text-align: center; padding-bottom: 1.5rem;background: url(../images/no2.jpg) no-repeat center 0; background-size:  2rem 2.4rem;}
.jij h3 i{ display: block; color: #0550ab; font-size: 1.7rem;}
.jij h3 i span{font-weight: bold;}
.jij ul{ overflow: hidden; border-bottom: 1px solid #ececec; margin-bottom: 2.1rem;}
.jij ul li{ float: left; width: 49.15%; text-align: center;box-sizing: border-box;}
.jij ul li img{ display: inline-block; box-sizing:border-box; border: 1px solid #eee; }
.jij ul li:nth-child(2n){ float: right;}
.jij ul li i{ display: block; height: 3rem; font-size: 1.3rem; color: #333333; padding-top: 0.6rem;}
.jij h2 i{ display: block; color: #0550ab; font-size: 1.3rem; font-weight: bold; padding-left: 1.3rem;background: url(../images/ki.png) no-repeat 0 0.5rem; background-size:0.8rem; margin-bottom: 0.9rem;}
.jij h2 em{ display: block; overflow: hidden;}
.jij h2 em a{ display: inline-block;}
.jij h2 em a{ display: inline-block; float: left; height: 2.8rem; line-height: 2.8rem; border-radius: 0.2rem; width:30%; margin-bottom: 0.4rem; margin-right: 1.5%; font-size: 1.1rem; color: #666666; text-align: center; border: 1px solid #bfbfbf; box-sizing: border-box;}
.jij h2 em a:nth-child(3n){ margin-right: 0;}
.jij h2 em{ overflow: hidden; padding-bottom:1.1rem;}
.jij h4{ text-align: center;background: url(../images/buy.png) no-repeat 15% 0.39rem; background-size: 1.65rem 1.45rem;}
.jij h4 a{ font-size: 1.1rem; color: #333;}
.jij h4 i{font-weight: bold; font-size: 1.6rem;}
    /**/
.jij2{ background: #f4f4f4; margin-bottom:3.6rem; padding-bottom: 3.5rem;}
.jij2 h3{background: url(../images/no3.jpg) no-repeat center 0; background-size: 2rem 2.4rem;}
.jij2 ul{ border-bottom: none;}
.jij2 ul li{ background: #e5e5e5; margin-bottom: 0.85rem; font-size: 0;}
.jij2 ul li i{ height: 3rem; line-height: 3rem; padding-top: 0;}
.jij2 h5{background: url(../images/btn1.png) no-repeat center 0; background-size:12.2rem 3rem; margin: 0 auto; line-height: 3rem; width: 12.2rem;}
.jij2 h5 a{ display: block; padding-left: 2.3rem; font-size: 1.2rem; color: #333333;}

/**/
.p_top{ position: relative;background:#f4f4f4; box-sizing: border-box; overflow: hidden;padding-top: 3rem; }
.p_top h3{ padding-top: 3.3rem; text-align: center; padding-bottom: 1.5rem;background: url(../images/no1.jpg) no-repeat center 0; background-size: 2rem 2.4rem;}
.p_top h3 i{ display: block; color: #0550ab; font-size: 1.7rem;}
.p_top h3 i span{font-weight: bold;}
.p_top h4{ margin: 0 3.1% 1.15rem; overflow: hidden;border-radius: 0.2rem; box-shadow: 0 0 0.35rem #ccc;}
.p_top h4 a{ display: inline-block; float: left; height: 2.8rem; line-height: 2.8rem; border-radius: 0.2rem; background: #fff; width:25%;font-size: 1.1rem; color: #1b1b1b; text-align: center; box-sizing: border-box; box-sizing: border-box; border-right:1px solid #dcdcdc; border-bottom: 1px solid #e5e5e5; }
.p_top h4 a:nth-child(4n){border-right:none;}
.p_top h4 a:nth-child(5),.p_top h4 a:nth-child(6),.p_top h4 a:nth-child(7),.p_top h4 a:nth-child(8){ border-bottom: none;}
.p_top h5{ margin: 0 3.1% 0.7rem; position: relative; font-size: 0;}
.p_top h5 em{ display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.7); padding: 1.2rem 5% 0.85rem; box-sizing: border-box;}
.p_top h5 em i{ display: block; font-weight: bold; font-size: 1.2rem; font-weight: bold; color: #fff; padding-bottom: 0.3rem;}
.p_top h5 em span{ display: block; font-size: 1.1rem; line-height:1.6rem; color: #fff;}
.p_top .swiper-next{ width:2.5rem; position: absolute; left: 3.1%; top:59.5%; z-index: 55;}
.p_top .swiper-prev{ width:2.5rem; right: 3.1%; position: absolute; top: 59.5%; z-index: 55;}
.p_top .swiper-slide ul{ margin: 0 3.1% 0;}
.p_top .swiper-slide ul li{ float: left; width: 49.15%; text-align: center; background: #fff;}
.p_top .swiper-slide ul li:nth-child(2n){ float: right;}
.p_top .swiper-slide ul li i{ display: block; height: 3.5rem; line-height: 3.5rem; font-size: 1.25rem; color: #333;}
.p_top h2{ padding: 2rem 3.1% 0;}
.p_top h2 i{ display: block; color: #0550ab; font-size: 1.3rem; font-weight: bold; padding-left: 1.3rem;background: url(../images/ki.png) no-repeat 0 0.5rem; background-size:0.8rem; margin-bottom: 0.9rem;}
.p_top h2 em{ display: block; overflow: hidden;}
.p_top h2 em a{ display: inline-block;}

.p_top h2 em a{ display: inline-block; float: left; height: 2.8rem; line-height: 2.8rem; border-radius: 0.2rem; width:23.8%; margin-bottom: 0.4rem; margin-right: 1.5%; font-size: 1.0rem; color: #666666; text-align: center; border: 1px solid #bfbfbf; box-sizing: border-box;}
.p_top h2 em a:nth-child(4n){ margin-right: 0;}
.p_top h2 em{ overflow: hidden; padding-bottom:2.6rem;}
/**/
    /**/
.m-qual21{ padding-bottom: 3.5rem; margin-bottom: 3.4rem; }
.m-qual21 h3{text-align: center; padding-bottom:3rem;  background: url(../images/lin.jpg) no-repeat center 4.7rem; background-size: 1.35rem 0.15rem;}
.m-qual21 h3 i{ display: block; color: #1b1b1b; font-size:2.2rem;}
.m-qual21 h3 i span{font-weight: bold;}
.m-qual21 h3 em{ font-size: 1.2rem;}
.m-qual21{  position: relative; background:#f4f4f4 ; padding-top: 3.3rem;}
.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 ul li:first-of-type{ border-top: 1px solid #ccc;}
.mdio{ padding: 1.05rem 0; border-bottom: 1px solid #ccc; margin: 0 3.1%;}
.m-qual21 p a{ display: block; padding-left: 2rem; line-height: 3rem; height: 3rem; color: #333; font-size: 1.2rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/io2z.jpg) no-repeat 0.75rem 1.2rem; background-size: 0.6rem;}
.m-qual21 h4{ padding-top: 2rem;}
.m-qual21 h4 a{ display: block; margin: 0 auto;background: url(../images/btn1.png) no-repeat; background-size: 12.3rem 3rem; line-height:3rem; width: 12.3rem; color: #333333; font-size: 1.2rem; box-sizing: border-box; padding-left:2.35rem;}

    /**/
.tav h3{ text-align: center;}
.tav h3 i{ display: block; font-weight: bold; font-size: 2rem; font-weight: bold;}
.tav h3 span{ display: block; font-size: 1.1rem; color: #333; padding-bottom: 2.6rem; position: relative;
    background: url(../images/lin.jpg) no-repeat center 2rem; background-size: 1.35rem 0.15rem;}
.tav p span{ display: block; font-size: 1.1rem; color: #333; margin:1rem 6.1% 0; line-height: 1.9rem; padding-bottom: 4.5rem;}
.tav p span a{ color: #0550ab;}
/**/
.m-qual2a{  position: relative;background: #f4f4f4; padding-top: 3.3rem;}
.m-qual2a:before{ content:""; position:absolute;height:1.2rem;width:1px;left:82%;bottom:10%; background:#333; z-index: 55;}

.m-qual2a h3{ text-align: center;}
.m-qual2a h3 i{ display: block; font-weight: bold; font-size: 2rem; font-weight: bold;}
.m-qual2a h3 span{ display: block; font-size: 1.1rem; color: #333; padding-bottom: 2.6rem; position: relative;
    background: url(../images/lin.jpg) no-repeat center 2rem; background-size: 1.35rem 0.15rem;}

.m-qual2a h2{ text-align: center; color: #333; padding-bottom:1.7rem; margin: 0 5.1%; text-align: center;}
.m-qual2a h2 i{ display: block; font-size: 2.1rem;}
.newtil2a{overflow: hidden;position: relative;background: #0550ab; box-sizing: border-box;}
.newtil2a li{  float: left; font-size: 1.22rem; color: #fff; width:16.66%; text-align: center; padding-bottom: 0.8rem;}
.newtil2a li span{ display: block; padding-top: 0.8rem;}
.newtil2a li.cur{background: #ffcc00;color: #333333;}



.qual_c2a{overflow: hidden;}
.qual_c2a dl{ background: #fff; padding-bottom:2.7rem;}
.qual_c2a dl dt{ font-size: 0; line-height: 0; margin-bottom: 2.9rem;}
.qual_c2a dl dd{ margin: 0 7%;}
.qual_c2a dl dd h4{ overflow: hidden; font-size: 1.5rem; color: #333333;font-weight: bold;}
.qual_c2a dl dd h4  span{ display: inline-block; float: left; font-size: 3rem; font-weight: bold;}
.qual_c2a dl dd h4 i{ display: inline-block; float: left; color: #333333; font-size: 2.6rem; font-weight: normal; padding-left: 0.5rem;}
.qual_c2a dl dd p{ color: #333333; font-size: 1.12rem;  line-height: 2rem; padding-top:0.9rem;  min-height: 8.6rem;}
.qual_c2a dl dd b{ display: inline-block; width: 6.5rem; height: 4.3rem;}
.qual_c2a .q_uaa{ position: absolute; bottom:11.6%; left:71.1%; z-index: 9; width:1.4rem;}
.qual_c2a .q_daa{ position: absolute; bottom:11.6%; left:88%; z-index: 9; width:1.4rem;}
.qualtil2a{ overflow: hidden; margin-bottom:0.6rem; position: relative;}
/**/

.anl{padding:3.3rem 0 0;overflow: hidden; background: #f4f4f4; position: relative;}
.anl h3{text-align: center; padding-bottom:3rem;  background: url(../images/lin.jpg) no-repeat center 4.7rem; background-size: 1.35rem 0.15rem;}
.anl h3 i{ display: block; color: #1b1b1b; font-size:2.2rem;}
.anl h3 i span{font-weight: bold;}
.anl h3 em{ font-size: 1.2rem;}
.al_nr{padding:0 7.5%;overflow: hidden;}
.al_nr .swiper-slide{opacity:0.3;}
.al_nr .swiper-slide-active{opacity:1;}

.al_nr dl{ position: relative; padding-bottom: 1.37rem; background: #fff;box-shadow: 0 0 0.45rem #dcdcdc; box-sizing: border-box; margin-bottom: 0.45rem;}
.al_nr dl dd h4{ font-weight: normal; padding-top: 1.4rem; padding-right: 13%; margin-left:5%;}
.al_nr dl dd h4 a{ color: #333333;font-size: 1.6rem;}
.al_nr dl dd p{ font-size:1.1rem; color: #666666; line-height: 1.6rem;padding:1.2rem 5% 0; height:7.3rem;}
.al_nr dl dd em{ display: block;  margin: 0 5%; text-align: right;}
.al_nr dl dd em img{ display: inline-block; width: 1.8rem;}














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;}}