@charset "utf-8";
/*��ʼ��ʽ*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*��վ������ɫ*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- ҳ�����岼�� -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.tit{text-align: center;font-weight: normal;font-size: 0;}
.tit span{display: block;font-size: 24px;color: #3F3F3F;line-height: 24px;padding-top: 10px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;left: 50%;bottom: 25px;z-index: 10;width: 164px;height: 40px;text-align: center;border-radius: 20px;background: #1A449C;transform: translateX(-50%);font-size: 0;}
.ban_pg i{display: inline-block;width: 14px;height: 14px;border: 2px solid #fff;box-sizing: border-box;border-radius: 100%;margin: 13px 6px;vertical-align: top;}
.ban_pg i.on{background: #fff;}
.banner .prev{position: absolute;width: 48px;height: 48px;left: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;width: 48px;height: 48px;right: 0;opacity: 0;top: 50%;margin-top: -40px;z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}


/*abt*/
.abt{height: 586px;background: url(../images/abt_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.abt dl{height: 420px;padding-top: 110px;}
.abt dt{float: left;width: 735px;height: 420px;background: url(../images/vd_box.png) no-repeat;margin-left: -70px;position: relative;}
.abt .vd{width: 572px;height: 312px;margin: 22px auto 0;}
.abt .bo{position: absolute;width: 100%;left: 0;top: 102px;text-align: center;}
.abt .bo img{display: block;margin: 0 auto 20px;}
.abt .bo span{display: block;font-size: 24px;color: #fff;line-height: 30px;}
.abt .bo b{display: block;color: #FFC000;}
.abt dd{float: left;width: 545px;margin-left: -10px;}
.abt dd h2{height: 77px;padding: 10px 0 26px;}
.abt_desc{font-size: 16px;color: #505050;line-height: 30px;}
.abt dd h3{font-size: 20px;color: #0d1b00;line-height: 30px;margin-top: 30px;font-weight: normal;}
.abt_desc span,.abt dd h3 span{box-shadow: 0 1px;}


/*pin*/
.pin{height: 972px;padding: 112px 0 0;box-sizing: border-box;background: url(../images/pin_bg.jpg) no-repeat center 0;}
.pin h2 span{color: #fff;padding-top: 15px;opacity: 0.9;}
.pin_con{height: 558px;position: relative;}
.pin_bd li{padding-top: 64px;text-align: center;}
.pin_bd li span{display: block;width: 350px;height: 54px;line-height: 54px;font-size: 36px;color: #fff;background: #015AAA;border-radius: 10px;margin: 0 auto;font-weight: bold;    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);}
.pin_bd li p{height: 200px;font-size: 130px;color: #fff;line-height: 130px;}
.pin_bd li p i{display: inline-block;font-size: 230px;color: #ffc000;line-height: 200px;font-family: Arial;vertical-align: bottom;letter-spacing: -10px;margin-right: 10px;}
.pin_t{border-top: 1px solid rgba(255, 255, 255, 0.24);padding: 0 10%;}
.pin_t ul{display: flex;display: -webkit-flex;justify-content: space-between;}
.pin_t li{padding-top: 34px;position: relative;}
.pin_t li:after{position: absolute;width: 16px;height: 16px;content: "";border: 3px solid #fff;background: #080f23;box-sizing: border-box;border-radius: 50%;left: 0;top: -8px;}
.pin_t li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding-bottom: 10px;}
.pin_t li p{font-size: 30px;color: #fff;line-height: 30px;height: 44px;}
.pin_t li p i{display: inline-block;font-size: 48px;color: #015aaa;font-family: Arial;line-height: 44px;vertical-align: bottom;}
.pin_t li.on p i{color: #FFC000;}
.pin_t li.on:after{border-color: #FFC000;}
.pin_con .prev{position: absolute;left: 0;top: 146px;z-index: 10;}
.pin_con .next{position: absolute;right: 0;top: 146px;z-index: 10;}
@media screen and (max-width:1600px) {
    .pin_t{padding: 0 5%;}
}



/*honor*/
.honor{height: 759px;padding: 77px 0 0;box-sizing: border-box;background: url(../images/hn_bg.jpg) no-repeat center 0;}
.honor h2{margin-bottom: 54px;}
.hn_list{position: relative;}
.hn_list li{float: left;width: 280px;margin-right: 26px;}
.hn_list li img{display: block;width: 100%;}
.hn_list li p{font-size: 16px;color: #2B2B2B;font-weight: bold;height: 64px;line-height: 64px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hn_list .prev{position: absolute;left: -70px;top: 150px;}
.hn_list .next{position: absolute;right: -70px;top: 150px;}
.hn_list .tempWrap{width: 100% !important;}

/*case*/
.case{width: 100%;overflow-x: hidden;padding: 100px 0;}
.case_t{height: 50px;margin: 30px 0 40px;text-align: center;}
.case_t li{display: inline-block;width: 240px;height: 50px;border: 2px solid #7D7D7D;box-sizing: border-box;margin: 0 10px;transition: all 0.3s;border-radius: 10px;vertical-align: top;}
.case_t li a{display: block;font-size: 20px;color: #3F3F3F;line-height: 46px;transition: all 0.3s;font-weight: bold;}
.case_t li:hover{background: #002A72;border-color: #002A72;}
.case_t li:hover a{color: #fff;}
.case_bd dl{width: 580px;margin-right: 20px;padding-bottom: 80px;position: relative;float: left;}
.case_bd dt{overflow: hidden;}
.case_bd dt img{display: block;width: 100%;transition: all 0.5s;}
.case_bd dt:hover img{transform: scale(1.05);}
.case_bd dd{position: absolute;width: 532px;left: 24px;bottom: 0;height: 128px;background: #fff;padding: 0 140px 0 35px;box-sizing: border-box;    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);}
.case_bd dd h4{font-size: 21px;color: #333;line-height: 21px;padding: 32px 0 12px;}
.case_bd dd h4 a{color: #333;}
.case_bd dd p{font-size: 14px;color: #5E5D5A;line-height: 20px;}
.case_bd dd .xq{position: absolute;right: 0;top: 0;width: 112px;height: 128px;background: #272B2E;transition: all 0.3s;}
.case_bd dd .xq:hover{background: #203e82;}
.case_con{position: relative;}
.case_con .tempWrap{overflow: visible !important;}
.case_bd{padding-bottom: 20px !important;}
.case_pg{height: 32px;margin-top: 20px;text-align: center;font-size: 0;}
.case_pg i{display: inline-block;width: 10px;height: 10px;content: "";background: #444444;margin: 11px 5px;vertical-align: top;border-radius: 100%;}
.case_pg i.on{background: #203e82;}
.case_con .prev{position: absolute;left: 520px;bottom: 0;z-index: 10;}
.case_con .next{position: absolute;right: 520px;bottom: 0;z-index: 10;}
.case_con:before{position: absolute;width: 840px;height: 2px;content: "";background: #9a9a9a;right: 50%;bottom: 15px;margin-right: 120px;}
.case_con:after{position: absolute;width: 840px;height: 2px;content: "";background: #9a9a9a;left: 50%;bottom: 15px;margin-left: 120px;}


/*ys*/
.ys{padding: 70px 0 0;background: url(../images/ys_bg.jpg) no-repeat center 0;}
.ys h2 span{color: #b6c0d3;}
.ys_t{height: 148px;margin: 32px 0 24px;overflow: hidden;}
.ys_t li{float: left;width: 300px;height: 148px;text-align: center;transition: all 0.3s;position: relative;}
.ys_t li:after{position: absolute;border-left: 1px dashed #fff;height: 116px;content: "";right: -1px;top: 16px;}
.ys_t li em{display: block;height: 50px;margin: 18px auto;overflow: hidden;}
.ys_t li span{display: block;font-size: 24px;color: #fff;line-height: 24px;}
.ys_t li i{display: block;font-size: 14px;color: #fff;line-height: 26px;opacity: 0.3;font-family: Arial;}
.ys_t li.on{background: #FFC000;border-radius: 10px;}
.ys_t li.on:after{display: none;}
.ys_t li.on em img{transform: translateY(-50px);transition: all 0.5s;}
.ys_t li.on span,.ys_t li.on i{color: #002A72;}
.ys_bd{padding-bottom: 30px !important;}
.ys_bd dl{height: 510px;padding-bottom: 84px;position: relative;}
.ys_bd dt{border-radius: 6px;overflow: hidden;}
.ys_bd dd{position: absolute;height: 158px;width: 1000px;left: 100px;background: #fff;border-radius: 6px;bottom: 0;  overflow: hidden;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.17);}
.ys_bd dd:after{position: absolute;width: 100%;height: 10px;content: "";background: #002a72;left: 0;bottom: 0;}
.ys_bd dd h3{float: left;width: 460px;padding-left: 40px;box-sizing: border-box;margin-top: 30px;font-size: 30px;color: #242424;line-height: 48px;font-weight: normal;}
.ys_bd dd h3 b{display: block;font-size: 34px;line-height: 40px;}
.ys_bd dd h3 em{color: #002A72;}
.ys_desc{float: right;width: 540px;margin-top: 30px;}
.ys_desc p{padding-left: 28px;font-size: 15px;color: #565656;line-height: 28px;background: url(../images/gou.png) no-repeat left center;}


/*coop*/
.coop{padding: 40px 0 70px;}
.coop h2{margin-bottom: 30px;}
.coop h2 span{opacity: 0.6;}
.coop ul{overflow: hidden;height: 362px;}
.coop li{float: left;width: 200px;padding: 10px 0;border-bottom: 1px solid #e3e3e3;position: relative;}
.coop li:after{position: absolute;width: 1px;height: 70px;content: "";background: #e3e3e3;right: -1px;top: 50%;margin-top: -35px;z-index: 1;}
.coop li img{display: block;width: 100%;transition: all 0.5s;}
.coop li:hover img{transform: scale(1.05);}



/*news*/
.news{padding: 88px 0 100px;background: #f6f6f6;}
.news h3{height: 44px;margin: 30px auto 60px;width: 350px;background: #fff;border-radius: 22px;font-weight: normal;}
.news h3 a{float: left;width: 50%;height: 44px;line-height: 44px;font-size: 20px;color: #5A5A5A;text-align: center;border-radius: 22px;}
.news h3 a.on{background: #002A72;color: #fff;}
.new_con{height: 460px;overflow: hidden;}
.new_con dl{float: left;width: 345px;height: 460px;position: relative;overflow: hidden;}
.new_con dt img{display: block;width: 345px;height: 460px;transition: all 0.5s;}
.new_con dt:hover img{transform: scale(1.05);}
.new_con dd{position: absolute;width: 313px;height: 130px;border-radius: 6px;background: #fff;left: 16px;bottom: 20px;padding: 20px 20px 0;box-sizing: border-box;}
.new_con dd h4 a{display: block;font-size: 18px;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_con dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 8px;}
.new_con ul{float: right;width: 820px;}
.new_con li{float: left;width: 400px;height: 140px;background: #fff;margin-right: 20px;margin-bottom: 20px;transition: all 0.3s;}
.new_con li:nth-child(2n){margin-right: 0;}
.new_con li i{float: left;width: 110px;height: 100px;border-right: 1px solid #E2E2E2;margin-top: 20px;text-align: center;font-size: 14px;color: #999;line-height: 36px;font-family: Arial;transition: all 0.3s;}
.new_con li i em{display: block;font-size: 36px;color: #333;width: 50px;line-height: 50px;margin: 0 auto;border-bottom: 1px solid #E2E2E2;padding-top: 5px;transition: all 0.3s;}
.new_con li h4{float: left;font-size: 16px;color: #333;line-height: 28px;font-weight: normal;width: 235px;margin: 26px 0 0 28px;padding-bottom: 28px;background: url(../images/new_jt1.png) no-repeat left bottom;}
.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{background: url(../images/new_jt2.png) no-repeat left bottom;}
.new_con li:hover h4 a{color: #fff;}



/*�ײ�*/
    .footer{height: 792px;background: url(../images/foot_bg.jpg) no-repeat center 0;}
    .f_con{height: 678px;}
    .f_con h3 span{display: block;font-size: 24px;color: #FFC000;line-height: 24px;font-weight: normal;}
    .mess{float: left;width: 550px;margin-top: 105px;}
    .mess ul{margin: 55px 0 0;}
    .mess li{float: left;width: 260px;height: 40px;margin-bottom: 30px;border-bottom: 1px solid #fff;font-size: 0;}
    .mess li:nth-child(2n){float: right;}
    .mess li label{display: inline-block;font-size: 16px;color: #fff;line-height: 40px;opacity: 0.5;padding-right: 10px;vertical-align: top;}
    .mess li input{width: 180px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: none;border: 0;outline: 0;}
    .mess li:last-child{width: 100%;height: 80px;}
    .mess li textarea{width: 470px;height: 80px;line-height: 40px;font-size: 16px;color: #fff;background: none;border: 0;outline: 0;padding: 0;}
    .mess .submit{display: block;width: 200px;height: 64px;line-height: 64px;text-align: center;font-size: 16px;color: #002A72;font-weight: bold;background: #FFC000;border-radius: 10px;border: 0;outline: 0;cursor: pointer;margin-top: 10px;}
    .tact{float: right;width: 545px;margin-top: 105px;}
    .tact ul{margin-top: 56px;}
    .tact li{padding-left: 70px;margin-bottom: 30px;}
    .tact li i{display: block;font-size: 22px;color: #fff;line-height: 16px;}
    .tact li em{display: block;font-size: 22px;color: #fff;line-height: 44px;font-family: Arial;}
    .tact li p{font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 10px;}
    .tact li:nth-child(1){background: url(../images/tel2.png) no-repeat;}
    .tact li:nth-child(2){background: url(../images/emial.png) no-repeat;}
    .tact li:nth-child(3){background: url(../images/addr.png) no-repeat;}
    .f_bt{border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: 32px;}
    .f_bt p{font-size: 14px;color: #fff;line-height: 24px;text-align: center;}
    .f_bt p a{color: #fff;padding: 0 10px;}



.bilibili-player-video-pause-panel-container-mini-screen-title{  text-indent:50px;}