@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }
body { font-size: 14px; font-family: "微软雅黑", Arial, Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff }
li, ol { list-style: none }
ins { text-decoration: none }
i, em { font-style: normal }
a { text-decoration: none; font-family: "微软雅黑" }
a:hover { cursor: pointer; text-decoration: none }
:focus { outline: 0 }
.clear { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.' }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
img { padding: 0; margin: 0 }
a img { border: 0 }
input, textarea { border: 0; font-family: "微软雅黑"; font-size: 13px }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 14px; font-family: "微软雅黑" }
.fl { float: left }
.fr { float: right }
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; background: #fff }
.wrap img { display: block; width: 100% }

@font-face      {font-family:yiyingbao;src:url(../font/iconfonts.ttf?v=1.2) format("truetype")}
.yiyingbaoicon  {font-family:yiyingbao;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.ban { position: relative; z-index: 3; width: 100%; overflow: hidden;}
.ban img { display: block; width: 100% }
.ban .swiper-slide {padding-bottom: 70px;}
.ban .swiper-pagination { bottom: 80px; }
.ban .swiper-pagination-bullet { background: #fff; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important;box-shadow: 0 0 2px #ccc; }
.ban .swiper-pagination-bullet-active { border-radius: .4rem; opacity: 1; background: #012d5a }
.banTxt                         {position: absolute;left: 0;bottom: 0;width: 100%;background: #005cb3;text-align: center;padding: 10px 0;}
.banTxtinfo                     {display: inline-block;line-height: 20px;color: #fff;padding: 5px 0;position: relative;}
.banTxtinfo::before             {content: '';display: block;background-image: url("../images/imgshshap.png");background-position: 0 0;background-repeat: repeat-x;height: 30px;color: #005cb3;width: 80%;overflow: hidden;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);}
.banTxtinfo img                 {display: inline-block!important;width: auto!important;vertical-align: top;height: 40px;}
.banTxtinfo span                {display: inline-block;white-space: nowrap;font-weight: bold;margin-left: 10px;font-size: 0.2rem;}

.intro{text-align: center;background: url(../images/tils.jpg) no-repeat center 0; background-size:100% 40.3rem; height: 40.3rem;}
h2.comt{ text-align: center; line-height: 100%;font-weight: bold;padding: 1rem 0;}
h2.comt i{ display: block; font-size: 1.3rem; line-height: 2rem;}
h2.comt1    {padding: 0;}
h2.comt1 i {padding: 2rem 0;}
h2.comt em{ display: block; font-weight: normal;line-height: 2rem;}
.intro ul{ overflow: hidden; margin: 0 2.8%;}
.intro ul li{ float: left; width: 50%; height: 14.5rem;text-align: center; font-size: 1.1rem; color: #484848;}
.intro ul li img{ display:block; margin: 0 auto; width: 4rem; padding-top: 2rem;}
.intro ul li em{ display: block; color: #141414; font-size: 2rem; padding: 0.25rem 0;}
.intro ul li em span{font-weight: bold; color: #005cb3;}
.intro ul li font  {font-size: 0.2rem;display: block;color: #999;margin-top: 0.5rem;padding: 0 0.2rem;}

.ys                     {position: relative; overflow: hidden;}
.ys_info                {background: #efefef;padding: 1rem;}
.ys_nav                 { cursor: pointer;z-index: 3; line-height: 3rem;}
.ys_nav li              { width: calc((100% - 9px) / 4); text-align: center;font-size: 0.8rem; color: #333; border: 1px solid #d2d2d2;float: left;margin-right: 3px;box-sizing: border-box;margin-bottom: 3px;background: #fff;}
.ys_nav li:nth-child(4n){margin-right: 0;}
.ys_nav li em           { display: block; font-family: "Microsoft Yahei";}
.ys_nav li:hover        { color: #fff; font-weight: bold; background: #d32429;}
.ys_con                 { margin-top:1.2rem;}
.ys_con img             {display: block;width: 100%;}


.product-jmInfo         			            {background: url("../images/jmBg.jpg") no-repeat center;padding: 10px 0;background-size: cover;}
.jmNav     			                            {width: auto;text-align: center;line-height: 30px;font-size: 0;margin: 5px;background: none;}
.jmNav ul  			                            {font-size: 0;}
.jmNav ul li 			                        {line-height: 30px;height: 30px;border: 1px solid #666666;color: #666;text-align: center;width: calc((100% - 5px) / 2);float: left;font-size: 14px;box-sizing: border-box;margin-right: 5px;margin-bottom: 5px;}
.jmNav ul li:nth-child(2n)                      {margin-right: 0;}
.jmNav ul li a                                  {color: #333;}
.product-jmInfo .product-jmShow         		{width: 100%;}
.product-jmShow li                              {padding: 15px;width: 100%;box-sizing: border-box;}
.product-jmInfo .product-jmShow .cnt    		{color: #fff;font-size: 18px;margin-top: 2rem;max-width: 120px;line-height: 30px;}
.product-jmInfo .product-jmShow li img  		{display: block;max-height: 150px;max-width: 65%;margin: 30px auto;width: auto;}
.product-jmInfo .product-jmShow .txt            {position: absolute;left: 1rem;bottom: 1rem;font-weight: bold;}
.product-jmInfo .product-jmShow .more   		{text-align: left;margin-top: 1rem;font-weight: normal;}
.product-jmInfo .product-jmShow .more a 		{display: inline-block;padding: 3px 15px;color: #143b73;font-size: 12px;border-radius: 3px;background: #fff;}
.product-jmInfo .yiyingbaoicon                  {color: #ffffff;}
.product-jm .dingzhi {background: url("../images/dzbg.png") no-repeat center;padding: 20px;}
.product-jm .dztit  {font-size: 2rem;color: #fff;}
.product-jm .dzbrief    {color: #fff;margin: 10px 0;font-size: 12px;}
.product-jm .jmNav      {margin: 0;}
.product-jm .jmNav li   {border: 1px solid #adadad;background: #fff;color: #08a1ef;}

.fangan .brief          {text-align: center;color: #07a0ee;font-size: 1.2rem;}
.fangan img             {display: block;width: 100%;margin-top: 20px;}

.ys5{border-bottom: 0.5rem solid #eee; padding-bottom: 3.6rem; position: relative;}
.ysImg {display: block;height:100%;object-fit: cover;}
.ys_con5  dl dd h4{ padding-left: 4.3rem;background: url(../images/yio1.png) no-repeat; background-size:3.1rem 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #000; font-size: 1.8rem; margin-bottom: 2rem;}
.ys_con5  dl dd p{ color: #333; font-size: 1rem;margin: 15px;}
.ys_con5  dl dd p span{ display: block; padding-left:1.5rem; margin-bottom: 1.4rem;background: url(../images/yo2.jpg) no-repeat 0 0.65rem; background-size:0.5rem;}
.ys_nav5{ margin: 0 4.8%; overflow: hidden; position: relative; box-sizing: border-box; padding-left: 15%;}
.ys_nav5:before{ content:""; position:absolute;height:1px;width:100%;left:0;top:50%; background:#666;}
.ys_nav5 li{ float: left; height: 2.1rem; line-height: 2.1rem; width: 2.1rem; color: #666; border: 1px solid #666; border-radius: 2.1rem; margin-right:13%; text-align: center; background: #fff;position: relative;}
.ys_nav5 li:hover, .ys_nav5 li.on{color: #134489; border: 1px solid #134489;}
.competeTxt                     {width: 100%;margin-bottom: 20px;}
.competeTxt .name               {height: 50px;line-height: 50px;position: relative;padding:0 20px 0 75px;background: #134489;}
.competeTxt .name .icon         {display: block;width: 50px;height: 50px;position: absolute;left: 15px;top: 0;}
.competeTxt .name .icon1        {background: url("../images/ysIcon1.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon2        {background: url("../images/ysIcon2.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon3        {background: url("../images/ysIcon3.png") no-repeat center;background-size: 60%;}
.competeTxt .name .icon4        {background: url("../images/ysIcon4.png") no-repeat center;background-size: 60%;}
.competeTxt .name span          {vertical-align: top;display: inline-block;}
.competeTxt .name .cn           {font-size:1.4rem;color: #fff;}
.competeTxt .name .en           {color:#7f8c8d;font-size: 0.5rem;}
.competeTxt .listTxt            {padding: 20px 20px 0;border-top: 1px solid #fff;}
.competeTxt .listTxt li         {line-height: 25px;color: #666;font-size: 1rem;padding-left: 15px;position: relative;}
.competeTxt .listTxt li i       {position: absolute;display: block;width: 12px;left: 0;top: 0;}
.competeTxt .listTxt li font    {font-weight: bold;color:#e67e22;margin: 0 3px;}
.ys5 .arrowBtn                  {height: 35px;position: relative;margin-top: 30px;}
.ys5 .arrowBtn::before          {content: '';width: 100%;height: 1px;background: #cfcfcf;position: absolute;top: 50%;left: 0;}
.ys5 .next,
.ys5 .prev                      {position: absolute;width: 50px; bottom:0;text-align: center;background: #fff;height: 35px;}
.ys5 .next                      {right: 30%;}
.ys5 .prev                      {left: 30%;}
.ys5 .prev img,
.ys5 .next img                  {width: 35px;height: 35px;display: inline-block;}

.about              { padding:0  0 2rem;}
.about p            { margin: 20px 10px; text-align: center; font-size: 1.1rem; color: #7c7c7c; line-height: 1.9rem;}
.about  h3          { display: block; line-height: 2.7rem; text-align: center; margin: 1rem auto 15rem; height: 2.7rem; width: 25%;}
.about  h3 a        { display: block; color: #fff; font-size: 1.1rem;background: #005cb3;border-radius: 8px;}
.aboutInfo          {width:100%;background: url("../images/aboutBg.png") no-repeat center;}
.aboutInfo .title   {color: #000;font-weight: bold;text-align: center;font-size: 1.6rem;}
.aboutInfo-txt      {width: 40%;}
.aboutInfo-txt p    {text-align:justify}
.aboutInfo-txt .more{margin-top: 20px;text-align: center;}
.aboutInfo-txt .more a {display: inline-block;color: #fff;background: #005cb3;border-radius: 2px;padding: 3px 10px;}

.aboutInfo-img      {width:60%;}
.aboutInfoswiper                         {width: 100%;border-bottom: 3px solid #bfbfbf;}
.aboutInfoswiper img                     {object-fit: cover;width: 100%;height: 240px;margin: 0px auto;}
.aboutInfoswiper .tit                    {color: #fff;background: hsla(0, 0%, 26%, 0.79);position: absolute;left: 0;bottom: 0;width: 100%;padding: 5px;line-height: 20px;height: 50px;box-sizing: border-box;margin: 0;text-align: left;}
.aboutInfoswiper .swiper-pagination      {text-align: right;display: inline-block;width: auto!important;right: 5px;left: auto!important;bottom: 3px!important;}
.aboutInfoswiper .swiper-pagination span {width: 15px;height: 15px;text-align: center;line-height: 15px;border-radius: 0;background: #fff;opacity: 1;text-align: center;font-size: 12px;}
.aboutInfoswiper .swiper-pagination-bullet-active {background: #f00!important;color: #fff;}

.caseImglist                {padding: 20px 10px 7rem;}
.caseSlide                 {position: relative;width: 100%;overflow: hidden;}
.caseSlide li              {width: calc(100% / 4);float: left;}
.caseSlide .hd              {height: 60px;position: absolute;top: 50%;transform: translateY(-50%);background: none;width: 100%;z-index: 999;}
.caseSlide .hd .prev,
.caseSlide .hd .next       {position: absolute;top: 50%;width: 20px;height: 60px;text-align: center;line-height: 60px;color: #000;font-size: 20px;cursor: pointer;transform: translateY(-50%);background: #fff;}
.caseSlide .hd .prev       {left: 0;}
.caseSlide .hd .next       {right: 0;}

.g-ft { margin-top: 0 !important }

html { background: #f7f7f7 }
/*.wrap { opacity: 0 }*/
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999 }
.loading img { display: none }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: .05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99 }
.homeShow { animation: fade .8s ease both; -webkit-animation: fade .8s ease both }
@-webkit-keyframes fade {
    from { opacity: 1; display: block }
    to { opacity: 0; display: none; height: 0 }
}
@keyframes fade {
    from { opacity: 1; display: block }
    to { display: none; opacity: 0; height: 0 }
}
.fade { -webkit-animation-name: fade; animation-name: fade }
@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:384px) {
    html { font-size: 12px }
}
@media screen and (min-width:480px) {
    html { font-size: 15px }
}
@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:640px) {
    html { font-size: 20px }
}