@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight: normal;}
.tit span{display: block;font-size: 1.2rem;color: #3F3F3F;line-height: 1.2rem;padding-top: 0.5rem;}


/*banner*/
.g-adv{ position:relative;padding-bottom: 1rem;}
.g-adv .swiper-pagination{position: absolute;left: 50%;bottom: 0;z-index: 10;width: 8.2rem;height: 2rem;text-align: center;border-radius: 1rem;background: #1A449C;transform: translateX(-50%);font-size: 0;}
.g-adv .swiper-pagination .swiper-pagination-bullet{display: inline-block;width: 0.7rem;height: 0.7rem;border: 0.1rem solid #fff;box-sizing: border-box;border-radius: 100%;margin: 0.65rem 0.3rem;vertical-align: top;background: none;opacity: 1;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.g-adv .next{position: absolute;width: 2rem;left: 1rem;top: 50%;transform: translateY(-50%);z-index: 10;}


/*abt*/
.abt{padding: 2rem 0 1rem;}
.abt h2 img{display: block;width: auto;height: 3.85rem;margin: 0 auto;}
.abt_desc{font-size: 1.1rem;color: #505050;line-height: 1.6rem;margin: 0.7rem 1rem 1.6rem;}
.abt h3{font-size: 1.2rem;color: #002A72;font-weight: bold;line-height: 1.6rem;margin: 0 1rem;}
.abt h3 span{box-shadow: 0 1px;}
.shipin{height: 21rem;padding-top: 1.1rem;box-sizing: border-box;background: url(../images/vd_box.jpg) no-repeat;background-size: 100% 21rem;margin-top: 1rem;position: relative;}
.shipin .vd{margin: 0 auto;width: 90%; height:78%;}
.shipin .bo{position: absolute;width: 100%;left: 0;top: 5.1rem;text-align: center;}
.shipin .bo img{display: block;margin: 0 auto 1rem;width: 3.2rem;}
.shipin .bo span{display: block;font-size: 1.2rem;color: #fff;line-height: 1.5rem;}
.shipin .bo b{display: block;color: #FFC000;}


/*pin*/
.pin{height: 48.6rem;padding: 3rem 0 0;box-sizing: border-box;background: url(../images/pin_bg.jpg) no-repeat;background-size: 100% 48.6rem;}
.pin h2{margin-bottom: 3.5rem;}
.pin h2 img{display: block;width: auto;height: 4.25rem;margin: 0 auto;}
.pin h2 span{color: #fff;padding-top: 0.75rem;opacity: 0.9;}
.pin_con{height: 20.5rem;}
.pin_con li{text-align: center;overflow: hidden;}
.pin_con li span{display: block;width: 17.5rem;height: 2.7rem;line-height: 2.7rem;font-size: 1.8rem;color: #fff;background: #015AAA;border-radius: 0.5rem;margin: 0 auto;font-weight: bold;    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);}
.pin_con li p{height: 6rem;font-size: 3rem;color: #fff;line-height: 3rem;padding-top: 1rem;}
.pin_con li p i{display: inline-block;font-size: 7rem;color: #ffc000;line-height: 6rem;font-family: Arial;vertical-align: bottom;letter-spacing: -0.5rem;margin-right: 0.5rem;}
.pin_con .prev{position: absolute;width: 2rem;left: 1rem;top: 5rem;z-index: 10;}
.pin_con .next{position: absolute;width: 2rem;right: 1rem;top: 5rem;z-index: 10;}
.pin_t{position: relative;padding-left: 4.7%;}
.pin_t:before{position: absolute;width: 100%;height: 1px;content: "";background: #fff;left: 0;top: 0.4rem;opacity: 0.24;}
.pin_t:after{position: absolute;width: 100%;height: 1px;content: "";background: #fff;left: 0;top: 7.4rem;opacity: 0.24;}
.pin_t li{float: left;width: 32%;height: 7rem;position: relative;padding-top: 2.1rem;box-sizing: border-box;}
.pin_t li:nth-child(3n+1){width: 36%;}
.pin_t li:after{position: absolute;width: 0.8rem;height: 0.8rem;content: "";border: 0.15rem solid #fff;background: #080f23;box-sizing: border-box;border-radius: 50%;left: 0;top: 0;z-index: 10;}
.pin_t li span{display: block;font-size: 0.8rem;color: #fff;line-height: 0.8rem;padding-bottom: 0.4rem;}
.pin_t li p{font-size: 1.3rem;color: #fff;line-height: 1.3rem;height: 2rem;}
.pin_t li p i{display: inline-block;font-size: 2.1rem;color: #015aaa;font-family: Arial;line-height: 2rem;vertical-align: bottom;}
.pin_t li.on p i{color: #FFC000;}
.pin_t li.on:after{border-color: #FFC000;}



/*honor*/
.honor{padding: 3rem 3.1%;background: url(../images/hn_bg.jpg) no-repeat;background-size: cover;}
.honor h2{margin-bottom: 2.5rem;}
.honor h2 img{display: block;width: auto;height: 4.25rem;margin: 0 auto;}
.hn_list li p{height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #2B2B2B;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hn_btn{margin-top: 1rem;font-size: 0;text-align: center;height: 2rem;background: url(../images/hn_line.png) no-repeat center;background-size: 100%;}
.hn_btn div{display: inline-block;vertical-align: top;width: 2rem;margin: 0 0.5rem;}


/*case*/
.case{padding: 3rem 0;background: #fafafa;}
.case h2 img{display: block;width: auto;height: 4.2rem;margin: 0 auto;}
.case_t{margin: 1.5rem 1rem 1rem;}
.case_t li{float: left;width: 48%;height: 3.3rem;text-align: center;border: 0.1rem solid #7D7D7D;box-sizing: border-box;transition: all 0.3s;margin-bottom: 0.7rem;border-radius: 0.5rem;}
.case_t li:nth-child(2n){float: right;}
.case_t li a{display: block;font-size: 1.2rem;color: #4D4D4D;line-height: 3.1rem;transition: all 0.3s;font-weight: bold;}
.case_t li:hover{background: #002A72;border-color: #002A72;}
.case_t li:hover a{color: #fff;}
.case_con dl{padding-bottom: 4rem;position: relative;width: 29rem;margin: 0 0.5rem;}
.case_con dd{position: absolute;width: 92%;height: 6.4rem;background: #fff;left: 4%;bottom: 0;padding: 0 7rem 0 1.75rem;box-sizing: border-box;    box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.13);}
.case_con dd h4 a{display: block;font-size: 1.2rem;font-weight: bold;color: #333;line-height: 2rem;margin: 0.7rem 0 0;height: 2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_con dd p{font-size: 1.1rem;color: #3A3831;line-height: 1.3rem;height: 2.6rem;overflow: hidden;}
.case_con dd .xq{position: absolute;right: 0;top: 0;width: 5.6rem;height: 6.4rem;background: #002A72;transition: all 0.3s;}
.case_con{padding-bottom: 3rem;}
.case_con .swiper-pagination{height: 1.6rem;bottom: 0;background: url(../images/case_line.png) no-repeat center;background-size: 100%;font-size: 0;}
.case_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.6rem;height: 0.6rem;border-radius: 100%;margin: 0.5rem 0.3rem 0;background: #444;vertical-align: top;}
.case_con .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;}
.case_con .prev{position: absolute;width: 1.6rem;left: 37%;bottom: 0;z-index: 10;}
.case_con .next{position: absolute;width: 1.6rem;right: 37%;bottom: 0;z-index: 10;}




/*ys*/
.ys{padding: 2rem 3.1% 3rem;background: url(../images/ys_bg.jpg) no-repeat;background-size: cover;}
.ys h2 img{display: block;width: auto;height: 4.2rem;margin: 0 auto;}
.ys h2 span{color: #b6c0d3;}
.ys_t{height: 16rem;margin: 1.2rem 0 0;overflow: hidden;}
.ys_t li{float: left;width: 50%;height: 7.4rem;text-align: center;transition: all 0.3s;position: relative;margin-bottom: 1rem;}
.ys_t li:nth-child(odd):after{position: absolute;border-left: 1px dashed #fff;height: 5.8rem;content: "";right: -1px;top: 0.8rem;}
.ys_t li em{display: block;height: 2.5rem;margin: 0.9rem auto;overflow: hidden;}
.ys_t li em img{width: auto;height: 5rem;margin: 0 auto;}
.ys_t li span{display: block;font-size: 1.2rem;color: #fff;line-height: 1.2rem;}
.ys_t li i{display: block;font-size: 0.7rem;color: #fff;line-height: 1.3rem;opacity: 0.3;font-family: Arial;}
.ys_t li.cur{background: #FFC000;border-radius: 0.5rem;}
.ys_t li.cur:after{display: none;}
.ys_t li.cur em img{transform: translateY(-2.5rem);transition: all 0.5s;}
.ys_t li.cur span,.ys_t li.cur i{color: #002A72;}
.ys_con dt{border-radius: 0.3rem;overflow: hidden;}
.ys_con dd h3{font-size: 1.8rem;color: #fff;line-height: 2.4rem;font-weight: normal;padding: 1.4rem 0 0.6rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 1rem;}
.ys_con dd h3 b{display: block;font-size: 2rem;line-height: 2rem;}
.ys_con dd h3 em{color: #ffd200;}
.ys_desc p{font-size: 1rem;color: rgba(255,255,255,0.6);line-height: 1.8rem;padding-left: 1.4rem;background: url(../images/gou.png) no-repeat left center;background-size: 0.8rem 0.8rem;}


/*coop*/
.coop{padding: 3rem 0;}
.coop h2{margin-bottom: 1rem;}
.coop h2 img{display: block;width: auto;height: 3.7rem;margin: 0 auto;}
.coop_list{padding: 0 1rem 2rem;}
.coop_list li{float: left;width: 33.3%;border-bottom: 1px solid #e3e3e3;position: relative;padding: 0.5rem 0;}
.coop_list li:nth-child(3n){overflow: hidden;}
.coop_list li:nth-child(7),.coop_list li:nth-child(8),.coop_list li:nth-child(9){border: 0;}
.coop li:after{position: absolute;width: 1px;height: 3.5rem;content: "";background: #e3e3e3;right: -1px;top: 50%;margin-top: -1.75rem;z-index: 1;}
.coop_list .swiper-pagination{height: 1.6rem;bottom: 0;background: url(../images/case_line.png) no-repeat center;background-size: 100%;font-size: 0;}
.coop_list .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.6rem;height: 0.6rem;border-radius: 100%;margin: 0.5rem 0.3rem 0;background: #444;vertical-align: top;}
.coop_list .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;}
.coop_list .prev{position: absolute;width: 1.6rem;left: 37%;bottom: 0;z-index: 10;}
.coop_list .next{position: absolute;width: 1.6rem;right: 37%;bottom: 0;z-index: 10;}






/*news*/
.news{padding: 3rem 0;background: #f6f6f6;}
.news h2 img{display: block;width: auto;height: 4.2rem;margin: 0 auto;}
.news h3{height: 2.2rem;margin: 1rem auto 1.5rem;width: 17.5rem;background: #fff;border-radius: 1.1rem;font-weight: normal;    box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.08);}
.news h3 a{float: left;width: 50%;height: 2.2rem;line-height: 2.2rem;font-size: 1.2rem;color: #5A5A5A;text-align: center;border-radius: 1.1rem;}
.news h3 a.cur{background: #002A72;color: #fff;}
.new_con{padding: 0 3.1% 2.5rem;}
.new_con dl{margin-bottom: 1.5rem;}
.new_con dt{float: left;width: 18%;}
.new_con dd{float: right;width: 77%;height: 3.4rem;border-bottom: 1px solid #BABABA;box-sizing: border-box;}
.new_con dd h4 a{display: block;font-size: 1.1rem;height: 1.9rem;line-height: 1.9rem;color: #818181;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_con dd i{display: block;font-size: 0.75rem;color: #2C3033;line-height: 0.8rem;font-weight: bold;}
.new_con li{height: 4rem;background: #fff;margin-bottom: 0.5rem;transition: all 0.3s;    box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.08);}
.new_con li i{float: left;width: 18.3%;height: 2rem;border-right: 1px solid #E2E2E2;box-sizing: border-box;margin-top: 1rem;text-align: center;font-size: 0.7rem;color: #999;line-height: 1.8rem;font-family: Arial;transition: all 0.3s;}
.new_con li i em{display: block;font-size: 1.8rem;color: #333;width: 2.5rem;line-height: 2.5rem;margin: 0 auto;border-bottom: 1px solid #E2E2E2;padding-top: 0.25rem;transition: all 0.3s;}
.new_con li h4{float: left;font-size: 1.1rem;color: #333;line-height: 1.5rem;font-weight: normal;width: 81.7%;padding: 1.3rem 1rem 1.6rem 1.5rem;box-sizing: border-box;
             }
.new_con li h4 a{color: #333;transition: all 0.3s;}
.new_con li:hover{background: #002a72;}
.new_con li:hover i{color: #fff;}
.new_con li:hover i em{color: #fff;border-color: rgba(255, 255, 255, 0.2);}
.new_con li:hover h4{}
.new_con li:hover h4 a{color: #fff;}
.new_con .swiper-pagination{height: 1.6rem;bottom: 0;background: url(../images/case_line.png) no-repeat center;background-size: 100%;font-size: 0;}
.new_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.6rem;height: 0.6rem;border-radius: 100%;margin: 0.5rem 0.3rem 0;background: #444;vertical-align: top;}
.new_con .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;}
.new_con .prev{position: absolute;width: 1.6rem;left: 37%;bottom: 0;z-index: 10;}
.new_con .next{position: absolute;width: 1.6rem;right: 37%;bottom: 0;z-index: 10;}


/*tact*/
.tact{height: 29.35rem;padding: 0 1rem;background: url(../images/tact_bg.jpg) no-repeat;background-size: 100% 29.35rem;}
.tact h3{padding: 3rem 0 0;margin-bottom: 0.8rem;}
.tact h3 img{width: auto;height: 4.6rem;}
.tact h3 span{display: block;font-size: 1.2rem;color: #FFC000;line-height: 1.2rem;padding-top: 0.8rem;font-weight: normal;}
.tact li{padding-left: 3.5rem;}
.tact li div{padding: 1rem 0 0.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.tact li i{display: block;font-size: 0.8rem;color: #fff;line-height: 0.8rem;}
.tact li em{display: block;font-size: 1.7rem;color: #fff;line-height: 2.2rem;font-family: Arial;}
.tact li p{font-size: 1.1rem;color: #fff;line-height: 1.5rem;margin-bottom: 0.5rem;}
.tact li:last-child div{border: 0;}
.tact li:nth-child(1){background: url(../images/tel2.png) no-repeat left 1rem;background-size: auto 2.2rem;}
.tact li:nth-child(2){background: url(../images/emial.png) no-repeat left 1rem;background-size: auto 2.2rem;}
.tact li:nth-child(3){background: url(../images/addr.png) no-repeat left 1rem;background-size: auto 2.2rem;}



/**/
/**/
@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;}}