﻿/**/
img{ display: inline-block; width: 100%;}
/**/
.u_on{ margin: 1.75rem 8.5% 0;}
.u_on h3{ margin:0 auto; width:4.75rem;}
.u_on p{ color: #808080; font-size: 1.15rem; line-height: 1.8rem;}
.u_on em{ display: block; padding: 1.2rem 0 3.5rem 0; margin: 0 2%;}
/**/
.p_lis{ overflow: hidden;background: url("../images/p_lis.jpg") no-repeat center 0; background-size:100% 30.5rem; height: 23.5rem; padding-top: 4rem;box-sizing: border-box;}
.p_lis h3{ margin: 0 3.1%; height: 3rem; line-height: 3rem; background: #0040a1; color: #fff; border-top-right-radius:0.5rem;border-top-left-radius:0.5rem; text-align: center; font-weight: normal; font-size: 1.6rem;}
.p_lis p{ margin: 0 3.1%; background: #fff;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem; padding:1rem  0.9rem; overflow: hidden; border: 1px solid #e6e6e6; border-top: none;}
.p_lis p a{ display: inline-block; line-height: 3.4rem; border-bottom: 1px dashed #e6e6e6; font-size: 1.2rem; color: #333; float: left; padding:0 3%;}
.p_lis p a:last-of-type,.p_lis p a:nth-child(11),.p_lis p a:nth-child(12){ border-bottom: none;}
/**/
h2{ text-align: center;color: #1a1a1a; font-size: 2.1rem;font-weight: bold; padding-bottom: 3.2rem; position: relative;    line-height: 100%;
    padding-top: 0.18rem;}
h2:before{ content:""; position:absolute;height:1px;width:40.8%;left:29.5%;top:3.3rem; background:#d9d9d9;}
h2:after{ content:""; position:absolute;height:0.25rem;width:4.8%;left:47.5%;top:3.2rem; background:#0040a1;}

/**/
.m-qual2{  position: relative;background: url("../images/p_on.jpg") no-repeat center 0; background-size:100% 36rem; height: 36rem; overflow: hidden;}
.newtil2{overflow: hidden; margin:0 0 0 26%; height: 3.8rem;}
.newtil2 li{float: left; position: relative; color: #0040a1; font-size: 1.4rem; font-weight: bold; margin-right: 12%; padding-bottom: 0.5rem;}
.newtil2 li.cur{ color: #e60012; border-bottom: 0.2rem solid #e60012;}

.qual_c2{overflow: hidden;}
.qual_c2 ul{ overflow: hidden;margin: 0 3.1%; }
.qual_c2 ul li{ float: left; width: 48.75%;}
.qual_c2 ul li:nth-child(2n){ float: right;}
.qual_c2 ul li i{ display: block; text-align: center; font-size: 1.2rem; color: #666; padding: 0.7rem 0 0; height: 3.35rem;}
.qualtil2{ overflow: hidden; position: relative;}
.m-qual2 h5{ text-align: center;}
.m-qual2 h5 a{ display: inline-block; height: 3rem; line-height: 3rem; border-radius: 3rem; background: #e60012; color: #fff; font-size: 1.2rem; font-weight: bold; width: 42.2%;}
/**/
.m-qual21{  position: relative;background: url("../images/yiny.jpg") no-repeat center 0; background-size:100% 52.6rem; height: 52.6rem; padding-top: 4rem;}
.newtil21{overflow: hidden; margin:0.8rem 0 1.75rem  42% ;height: 1.15rem;}
.qualtil21{ overflow: hidden;  position: relative;}
.newtil21 li{float: left; height: 1.15rem; width: 1.15rem;background: url("../images/ico2.png") no-repeat; background-size:100% 1.15rem; margin-right:0.8rem;}
.newtil21 li.cur{ background: url("../images/ico.png") no-repeat; background-size:100% 1.15rem;}
.qual_c21{overflow: hidden;}
.qual_c21 dl{ margin: 0 10%; border-radius: 0.4rem; background: #fff; box-shadow: 0 0 0.25rem #ccc;}
.qual_c21 dl dd{ padding: 1.5rem 3.5% 1.7rem 7%; font-size: 1.2rem; color: #666; line-height: 1.9rem;}
.qual_c21 dl dd  p i{font-weight: bold; font-size: 1rem; font-weight: bold;}
.qual_c21 dl dd h3{ color:#1a1a1a; font-size: 1.5rem; line-height: 126%; padding-bottom: 0.75rem;}

.m-qual21 h4{ text-align: center;background: url("../images/btn.png") no-repeat center 0; background-size:100% 3rem; height: 3rem; line-height: 3rem; width: 13.5rem; margin: 0 auto;}
.m-qual21 h4 a{ display: inline-block; width:15rem; height: 2.9rem; line-height: 2.9rem; text-align: center;color: #fff; font-size: 1.2rem;font-weight: bold; padding-left: 5%;}
.m-qual21 h2:before{ content:""; position:absolute;height:1px;width:40.8%;left:29.5%;top:3.3rem; background:#bababa;}

/**/
.m-qual23{  position: relative;background: url("../images/bz.jpg") no-repeat center 0; background-size:100% 54.7rem; height: 54.7rem; padding-top:3.9rem; box-sizing: border-box;}
.newtil23{ margin:0.8rem 0 0 3.1%;}
.qualtil23{   position: relative;}
.newtil23 li{float: left; height:3.3rem; line-height: 3.3rem; background: #8ab1ed; border-radius: 0.25rem; color: #fff; width: 23.45%; margin-right: 1%; text-align: center; font-size: 1.4rem;}
.newtil23 li.cur{font-weight: bold; background: #0040a1; position: relative;}
.newtil23 li.cur:before{ content:""; position:absolute;border-bottom:0.5rem solid #0040a1;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;height: 0;width: 0; left:42%; top:-0.5rem; }
.qual_c23{overflow: hidden;}
.qual_c23 dl dt{ margin: 0 3.1%; font-size: 0; padding-bottom: 1.45rem;}
.qual_c23 dl dd{font-size: 1.2rem; color: #666; line-height: 1.9rem; margin-right: 3.1%; padding-bottom: 1.5rem;}
.qual_c23 dl dd h3{ overflow: hidden;}
.qual_c23 dl dd h3 span{ display: inline-block; width: 6rem; float: left;}
.qual_c23 dl dd h3 i{ display: inline-block; float: right; width: 76.5%; color: #0040a1; font-weight: bold; font-size: 1.6rem; line-height:2.5rem;}
.qual_c23 dl dd p{ color: #4c4c4c; font-size: 1.2rem; padding-left: 8.1%; margin-top: 0.9rem;background: url("../images/b_io.png") no-repeat 3% 0.5rem; background-size:0.85rem;}
/**/
.news{background: url("../images/new.jpg") no-repeat center 0; background-size:100% 56.5rem; height: 56.5rem; box-sizing: border-box; padding:3.9rem 3.1% 0;}
.news h2:before{ background: #bababa;}
.news dd{ padding: 1.5rem 1rem;}
.news dd h4 a{ display: block; color: #1a1a1a; font-size: 1.3rem; font-weight: bold;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news dd p{ font-size: 1.2rem; color: #666; line-height: 1.9rem; padding-top: 0.55rem;}
.news ul li{ position: relative; margin-left: 3.1%; line-height: 3.7rem;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px dashed #bfbfbf; height: 3.7rem;}
.news ul li:last-of-type{ border-bottom: none;}
.news ul li span{ display: inline-block; float: right; color: #999; font-size: 1rem;}
.news ul li a{ color: #1a1a1a; font-size: 1.2rem; display: inline-block; width: 75%;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news ul li:before{ content:""; position:absolute;height:1.2rem;width:1.2rem;left:-1rem ;top:1.8rem;background:url("../images/n_io.png") no-repeat; background-size:0.5rem;}
.news h5{background: url("../images/btn3.png") no-repeat center 0; background-size:100%; width: 13.5rem; margin: 1.8rem auto 0; height: 3rem; line-height: 3rem;}
.news h5 a{ display: block; font-weight: bold; color: #fff; padding-left:43.5%;}
    /**/
.zj{background: url("../images/zj.jpg") no-repeat center 0; background-size:100% 38.8rem; height:38.8rem; box-sizing: border-box; padding: 5.4rem 9% 0;}
.zj h3 img{ display: block; width: 16.15rem;}
.zj h3{font-weight: normal; color: #fff; margin-bottom: 6.7rem;}
.zj h3 span{ display: block; padding: 1.4rem 0 1rem 0; line-height: 100%; position:relative;}
.zj h3 span:before{ content:""; position:absolute;height:0.2rem;width:2.25rem;left:0;bottom:0; background:#fff;}
.zj p{ color: #666; font-size: 1.2rem; line-height: 2.08rem;}
    /**/
/**/













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;}}