body{background: #f9f9f9;}
.wrap {padding-bottom:3.8rem;}
.wrap img{display: block;width: 100%;}
.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0 !important; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 0.7rem; height: 0.7rem; margin:0.9rem 0.3rem !important;background-color: #fff; border:0.1rem solid #00266c;opacity: 1; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #f8da06;border:0.1rem solid #f8da06;width: 0.7rem; height: 0.7rem;}

.tit01{font-size: 2.4rem; font-weight: 600; color: #000000;width: 100%;position: relative; text-align: center; height: 5.7rem;}
.tit01 a{color: #000000; text-decoration: none; }
.tit01 p{ font-size: 1.2rem;color: #575757;  font-weight: normal;}

.yybj{background:#ffffff;  padding:1rem 0;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.yy{width:94.4%; margin:0 auto;box-shadow: 0 0 1.2rem #e8e8e8;}
.yy dl {width:100%;}
.yy dt{width: 100%;height:7.7rem; box-sizing: border-box;padding:1.5rem 1.7rem 0;background:#fff url(../images/yy1bg.jpg) no-repeat center top;background-size: 100% 100%; }
.yy dt em{display: block;height: 1.8rem;line-height: 1.8rem;text-align: center;width:5.6rem; font-size: 1.2rem;color: #00266c;}
.yy dt h3{font-size: 2.4rem;color: #ffffff;text-align: left;font-weight: normal;margin-top: 0.5rem;}
.yy dt h3 i{color: #f8da06;}
.yy dd{padding:1.5rem; text-align:justify; line-height: 1.5rem;font-size: 1.2rem;color:rgba(0,0,0,0.8);width:100%;box-sizing: border-box;}
.m_zz ul{width: 100%;padding:0 4%;margin:0px auto; position: relative; clear:both;overflow: hidden; }
.m_zz li{ width:46%;padding-top: 0px; height: 5.5rem; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;border-left:1px solid #c1c3c4;margin-bottom: 2rem;}
.m_zz li em{margin-left:0px;display: block; position: relative;height: 3.5rem;text-align: center;}
.m_zz li em b{ margin-left:0px;font-size: 4.5rem; color: #1e1e1e; font-family: "Arial"; font-weight: bold;line-height: 4rem;}
.m_zz li em i{ font-size: 1.1rem;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 2rem;width:2rem; height: 2rem;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;top:0px; right:3.5rem;background: #00266c; border-radius: 100%;}
.m_zz li h3{font-size: 1.2rem; color: #585858; text-align: center; font-weight: normal;}
.m_zz li:nth-child(2n){border-right:1px solid #c1c3c4;}

/* */
.probj{ clear: both; overflow: hidden; background:#fff;background-size: 100% 100%; padding: 2.8rem 0 0.65rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.sec{width: 94.4%;overflow: hidden;margin:0 auto;}
.sec .ipt1{width:91.24%;background: #e5e5e5;border-top-left-radius: 0.15rem;border-bottom-left-radius: 0.15rem;height:2.65rem;padding-left:2rem;box-sizing: border-box;line-height: 2.65rem; font-size: 1.1rem; float: left;}
.sec .btn1{width:8.75%;height:2.65rem;background: url(../images/ss.png) no-repeat;background-size: 100%; float: left;}

.pro{width: 94.4%;overflow: hidden;margin:0 auto;}
.pro_nav{width: 100%;clear: both;overflow: hidden; margin:0 auto 1.3rem;}
.pro_nav a{width: 33.12%; float: left;text-align: center; font-size: 1.2rem; line-height: 3rem;background: #00266c; box-sizing: border-box;margin-bottom: 0.1rem;color: #fff; text-decoration: none; display: block;margin-right: 0.2%;}
.pro_nav a:nth-child(3n){margin-right: 0;}
.pro_nav a.cur{background: #f8da06; color: #090a0c; font-weight: normal;}
.pro_ad{width: 100%;position: relative;margin-bottom: 0.5rem;}
.pro_ad ul{width: 100%;}
.pro_ad li{width: 48.59%;  box-sizing: border-box;float: left;margin-right: 2.67%;position: relative;margin-bottom: 1.2rem;}
.pro_ad li img{display: block;width: 100%;border:0.1rem solid #eee;box-sizing:border-box;}
.pro_ad li h4{height: 2.5rem;background: #00266c;width: 100%;display: block; text-align: center;font-size:1.2rem; color: #ffffff;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-weight: normal; position: relative;}
.pro_ad li h4::after{content: "";position: absolute;right:0.5rem;top:0.6rem;width:1rem;height:1rem;/*background:url(../images/cpico.png) no-repeat;background-size: 1rem;*/}
.pro_ad li:nth-child(2n){margin-right:0;}

/* */
.tjbj{ clear: both; overflow: hidden;  background:url(../images/tdbg.jpg) no-repeat center top;background-size: 100% 100%;padding: 3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.tjbj h2{ color:#fff;margin-bottom: 1.5rem;}
.tjbj h2 p{color:#fff;}
.tj{width: 94.66%;margin:0 auto;position: relative;}
.tj dl{width: 48%; float: left;box-sizing: border-box;cursor: pointer;margin-right: 4%;position: relative;}
.tj dl:nth-child(2n){margin-right: 0;}
.tj dl dt{width:100%;overflow: hidden;}
.tj dl dt img{width:100%;display: block;border-radius: 0.5rem;}
.tj dl dd{overflow: hidden;text-align: center; position: relative;padding: 0.5rem 0 1rem;}
.tj dl dd h3{ font-size: 1.5rem;color: #ffffff; font-weight: normal;}
.tj dl dd i{display: block;font-size: 0.6rem;color:rgba(255,255,255,0.5); line-height: normal;}

/* */
.sbbj{ clear: both; overflow: hidden;  background:#fff url(../images/sbbg.jpg) no-repeat center top;background-size: 100% 100%;padding: 3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.video{background:url(../images/sb1bg.png) no-repeat center top;background-size: 100% 100%;height:36.1rem;margin-bottom: 1.4rem;}
.video dl{width:89.46%;margin:0 auto;padding-top:1.4rem;}
.video dl dt{height: 21.8rem;margin-bottom:4rem;}
.video dl dt img{width:100%;display: block;}
.video dl dd p{font-size: 1.1rem;color: rgba(255,255,255,0.5); line-height: 1.5rem;text-align: justify; }
.video dl dd h3{font-size: 1.1rem;color:#ffffff;font-weight: normal;}
.video dl dd h3 i{color:#f8da06;}

.sb{width: 94.66%;margin:0 auto 1.2rem;}
.sb_nav{height:1.6rem;margin-bottom: 1.4rem;}
.sb_nav li{font-size: 1.2rem;color:#090a0c;height:1.6rem; line-height: 1.6rem;float: left;margin-right: 2.9rem;}
.sb_nav li a{color:#090a0c;}
.sb_nav li:nth-child(1){margin-left: 11rem;}
.sb_nav li.cur a{color:#001e56;text-decoration: underline;}
.sb_nr{width:100%;position: relative; overflow: hidden;padding-bottom: 3.2rem;}
.sb_nr li{ width:31.97%; position:relative;margin-right: 2.02%; float: left; overflow: hidden;}
.sb_nr li img{ display:block;width:100%;}
.sb_nr li a{ text-decoration: none; }
.sb_nr li:last-child{margin-right: 0;}
.sb_nr .swiper-pagination{bottom: 0rem !important; z-index: 1}
.sb_nr .swiper-pagination:before{content:'';position:absolute;height:0.2rem;width:12.5rem;background:#e5e5e5;top:50%;left:0rem;}
.sb_nr .swiper-pagination:after{content:'';position:absolute;height:0.2rem;width:12.5rem;background:#e5e5e5;top:50%;right:0rem;}
.sb_nr .swiper-pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem; margin:0 0.5rem !important;background-color: #c4c3c3; opacity: 1; position: relative;}
.sb_nr .swiper-pagination .swiper-pagination-bullet-active{ background-color: #001e56;}
.sb_nr .sb_l{height: 1.6rem; width: 1.6rem;background: url(../images/sb_l.png) no-repeat;background-size: 100%; display: block;position: absolute;bottom:0.28rem;left:12.5rem;z-index: 1;}
.sb_nr .sb_r{height: 1.6rem; width: 1.6rem;background: url(../images/sb_r.png) no-repeat;background-size: 100%; display: block;position: absolute;bottom:0.28rem;right:12.5rem;z-index: 1;}
.sb_btn{width:94.66%;margin:0 auto;height:3.15rem;}
.sb_btn a{width:49.154%;height:3.15rem;display: block;background: url(../images/sb_btn1.jpg) no-repeat;background-size:17.45rem 100%; padding-left:3.4rem; box-sizing: border-box; line-height: 3.15rem;text-align: left;font-size: 1.2rem;color:#fff;float: left;}
.sb_btn a:nth-child(2){background: url(../images/sb_btn2.jpg) no-repeat;background-size:17.45rem 100%; float: right;}


/**/
.casebj{ box-sizing: border-box;height: auto; background:#fff url(../images/casebg.jpg) no-repeat center top;background-size: 100% 100%; padding:2.8rem 0 3.2rem; overflow: hidden; font-family:"Microsoft Yahei";}
.casebj h2,.casebj h2 p{color:#fff;}
.casebj h2 a{color:#fff;}
.case{width: 94.66%;position: relative;margin:0 auto;}
.case_nav{width: 100%;position: relative; margin-bottom:1.5rem;}
.case_nav p{width: 100%;clear: both;overflow: hidden;box-sizing: border-box;}
.case_nav p a{display: block;width: 33.33%;height: 5.1rem; float: left;border:1px solid #4d83af;box-sizing: border-box; font-size: 1.2rem; color: #fff; line-height: 2rem; text-align: center;position: relative;}
.case_nav p a em{overflow: hidden;margin:0.8rem auto  0;width: 2.2rem; height: 2.05rem;position: relative;display: block;}
.case_nav p a em img{width: 4.4rem;height: 2.05rem; display: block;position: absolute;left:0;top:0;}
.case_nav p a.cur{ background:#f8da06;color:#001e56;}
.case_nav p a.cur em img{left:-2.2rem;}

.m_case{width:94.66%;overflow: hidden; position: relative;margin:0 auto;}
.case1{width: 100%;}
.m_case  dl{width:48%;position: relative; float: left;margin-right:3.66%;background:#fff;border-top-left-radius: 0.15rem;border-top-right-radius: 0.15rem; border-bottom-right-radius: 1.5rem;}
.m_case  dl dt{width:100%;position: relative;z-index: 1;border-radius: 0.15rem;}
.m_case  dl dt img{width: 100%; display: block;border-radius: 0.15rem; height:6.8rem;}
.m_case  dl dd{width:100%;min-height: 12.8rem;background:#fff;box-sizing: border-box;padding:1rem;border-bottom-right-radius: 1.5rem;}
.m_case  dl dd h4{font-size: 1.1rem; color: #515151;height: 1.8rem; line-height: 1.8rem;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 0.1rem solid #c8c8c8;}
.m_case  dl dd h4 a{color: #515151;}
.m_case  dl dd .desc{font-size:1.1rem; color:#6a6a6a;  }
.m_case  dl dd p{margin-bottom: 0.5rem; line-height: 1.3rem; }
.m_case  dl dd b{font-size: 1.1rem; color:#464646;font-weight:bold;display: block;}
.m_case  dl dd em{font-size: 1.1rem; color:#464646;font-weight:bold;}
.case1  dl:nth-child(2n){margin-right:0;}

/**/
.ppbj{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:3rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.ppbj h2{height:5.5rem;}
.pp{width:94.8%;margin:0 auto; position: relative;}
.pp_nav{width:9.1rem;height:27.15rem; box-sizing: border-box; position: absolute;top:0;left:0;z-index: 3;}
.pp_nav li {width: 100%; height:6.8rem;text-align: left; font-size: 1.4rem; color: #fff;background: #00266c; font-weight: normal;border-right:1px solid #fff; border-bottom: 1px solid #fff;padding:0.25rem 0 0 1.5rem;box-sizing: border-box;}
.pp_nav li b{color: #f8da06;font-weight: normal;} 
.pp_nav li i{font-size:2.4rem; display: block; font-weight: bold;color:#26406f;}
.pp_nav li em{display: block;font-size: 0.6rem;color:#fff;opacity: 0.3;line-height: 1rem;}
.pp_nav li:last-child{border-bottom: 1px solid #d5d5d5;}
.pp_nav li.cur{background:#f8da06; color: #00266c;}
.pp_nav li.cur b{color: #00266c;}
.pp_nav li.cur i{color:#7c7c2e;}
.pp_nav li.cur em{color:#00266c;}

.pp_nr{width: 100%;overflow: hidden;position: relative;padding-bottom: 1rem;}
.pp_nr dt{width: 74.4%;height:27.15rem;float: right;}
.pp_nr dt img{display: block;width: 100%;}
.pp_nr dd{height: 10rem; width:100%;padding:0.8rem 1.4rem 0; background:#fff;box-sizing: border-box; position: relative;box-shadow: 0 0 1rem #e9e9e9;float:left;border:1px solid #e9e9e9;}
.pp_nr dd h4{ font-size: 1.4rem; color: #000000; display: block; font-weight: normal; line-height: 2.4rem; }
.pp_nr dd p{font-size:1.1rem; color:#444444;  line-height: 1.3rem; position: relative;padding-left: 1.2rem;background: url(../images/yspico.png) no-repeat left 0.3rem;background-size: 0.5rem; font-weight: normal;margin-bottom: 0.5rem;}


/**/
.g-news{ padding:0rem 0 3rem; background:#fff;background-size: 100% 100%; box-sizing: border-box;}

.news{width: 94.66%;margin:0 auto;}
.news_nav{ width:100%; margin:0 auto 1rem; height:4rem; position:relative;}
.news_nav p{ height:4rem;font-size:1.2rem;float:left; text-align:center; color:#000000; position: relative;box-sizing: border-box; border: 0.1rem solid  #ececec;width:33.23%;padding-top: 1rem; line-height: 1.2rem;}
.news_nav p::after{content: "";position: absolute;right:1rem;top:1.6rem;width:0.6rem;height:0.35rem;background:url(../images/newstit1.png) no-repeat;background-size: 0.6rem 0.35rem;}
.news_nav p:nth-child(2){margin-left:-0.1rem;}
.news_nav p i{display: block;text-align: center;font-size: 0.6rem;color:#989898;text-transform: uppercase;}
.news_nav p.cur{color: #fff;border: 0.1rem solid #00266c;background:#00266c;}
.news_nav p.cur::after{background:url(../images/newstit1cur.png) no-repeat;background-size: 0.6rem 0.35rem;}
.news_nav p.cur i{color: #94aad4;}
.news_con{position: relative;}
.dl01{ width:100%;padding:1.3rem;margin-bottom: 0.5rem;box-sizing: border-box;background: #f1f1f1;}
.dl01 dt{ width:35.3%; overflow: hidden;float: left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:60%; box-sizing: border-box; box-sizing: border-box;float: right;}
.dl01 dd h3{font-size:1.1rem; color:#000000; font-weight: normal;overflow:hidden;text-overflow:ellipsis; line-height: 1.6rem;}
.dl01 dd em{height:1.8rem;line-height: 1.8rem;font-size: 1rem;color:#444444;font-family: Arial, Helvetica, sans-serif;}
.news_more{width:25rem;height:2.7rem;line-height: 2.7rem;color:#444444;font-size:1.2rem;background:url(../images/news_btn.png) no-repeat;background-size: 100% 100%;display: block;padding-left: 10.3rem;margin:1rem auto 0;box-sizing: border-box;}

.news_con dl:hover{background:#00266c;}
.news_con dl:hover dd h3,.news_con dl:hover dd em{color:#fff;}
/**/
.g-about{ padding:2.7rem 0;background:#fff;background-size:100%;box-shadow: 0px 0px 0.75rem #e9e9e9;margin-bottom: .5rem;}
.g-about img{ display:block; width:100%;}
.about{width:94.66%;margin:0 auto;}
.about dd{width:100%;padding-bottom: 1.5rem;}
.about h3{height: 4rem;margin-bottom: 1rem;background: #00266c; font-size: 1.5rem;color: #fff;text-align: left;font-weight: normal;box-sizing: border-box;padding-left: 1.5rem; line-height: 1.8rem;padding-top: 0.8rem;}
.about h3 b{color: #f8da06; font-weight: normal;}
.about h3 i{font-size: 0.6rem; color: rgba(255,255,255,0.3); font-weight: normal;display: block;line-height:1rem;text-transform: uppercase;}
.about p{width:100%;font-size: 1.1rem; color: #686868;line-height: 1.5rem; text-align: justify;}


.m_case dl dd .desc{ height:24rem; overflow:hidden;}
/**/
.otherbj{ height: 11.65rem; width:94.66%;margin:0 auto;}
.otherbj ul{width: 76%; float: left;}
.otherbj li{width: 100%;height:4.1rem;}
.otherbj li img{width:3.15rem;height:3.15rem; display: block; float: left;margin:0.3rem;}
.otherbj li h3{font-size: 1.5rem; color: #181818; float: left;}
.otherbj li h3 i{display: block;font-size: 1.1rem;line-height: 1rem;font-weight: normal; color: #797979;}


.abt_more{width:24%;display: block;float: right;}
.abt_more img{display: block;width:100%;}

html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff;background: #f8da06; border:0.1rem solid #f8da06; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8; font-size: 1rem;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.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;
}

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:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}