@charset "utf-8";
/* CSS Document */
#header{
    width: 100%;
    z-index: 99999;
    transition:all .3s;
}
 #layer_message{ 
    padding:20px 25px; 
} 
#code_img{
 
    height:34px;
 
} 
#layer_message p{ 
    margin-top: 20px; 
    font-size:14px; 
}
#layer_mess{ 
    padding:20px 25px; 
} 
#code_img{
 
    height:34px;
 
} 
#layer_mess p{ 
    margin-top: 20px; 
    font-size:14px; 
}

.header_wrap{
    height:90px;
}
#header.header_on .header_wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.logo{
    margin-top:10px;
    flex: 1;
    height:70px;min-width: 200px;
}
.zhuanli{display: inline-block;
    width: 100%;}
.zhuanli h4{font-size: 16px;font-weight: bold; }
.zlnr {
    margin-top: 10px;
    display: inline-block;
}

.zhuanli .col-md-7{padding-left: 0px;}
.zhuanli .col-md-5{padding-left: 0px;}
.logo img{
    height: 100%;
    width: auto;
}
.header_wrap .language{
   height: 90px;
}
.header_wrap .language i{
    font-size:20px;
    color:#0b5939;
    margin:0 8px 0 90px;
}
.header_wrap .language p{
    font-size:14px;
    height: 26px;
    line-height: 34px;
    margin-top: 28px;
}
.header_wrap .language p span{
    font-size:12px;
    margin-left: 5px;
}
.nav_pc_on{
    position: fixed;
    width:100%;
    top: 0;
    left: 0;
    background: #2a343d;
    z-index: 999;
}
.nav_pc li{
    display: inline-block;
    position: relative;
}
.nav_pc li>a{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    line-height:90px;
    color:#000;
    font-weight: 500;
    padding:0 35px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.nav_pc li.cur>a,.nav_pc li a:hover{
    color:#004381;font-weight: bold;
}
.nav_pc li.cur>a:after,.nav_pc li a:hover:after{
    width:calc(100% + 20px);
}
.nav_pc li.cur>a:before,.nav_pc li a:hover:before{
    bottom:3px;
    opacity: 1;
}
.nav_pc li .sub_nav{
    position: absolute;
    left:-10px;
    width:calc(100% + 20px);
    background:rgba(255,255,255,.95);
    transition: all 300ms;
    top:50px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    padding:15px 0;
}
.nav_pc li:hover .sub_nav{
    top:90px;
    opacity: 1;
    visibility: visible;
}
.nav_pc li .sub_nav a{
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:30px;
    line-height:30px;
    padding: 0 10px;
}
.nav_pc li .sub_nav a:hover{
    background: rgba(0,0,0,.1);
}
.topsearch{
    line-height:100px;
}
.topsearch i{
    font-size:18px;
    margin:0 7px;
    color:#005ead;
    cursor: pointer;
}

.mobile_banner{
    display: none;
}

.phone_top_nav{
    display: none;
}
.phone_top_nav .sub_nav_phone{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.phone_top_nav .sub_nav_phone a{
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    color: #333;
}
.header_icon{
    justify-content: flex-end;
}
.header_icon .ico{
    font-size: 14px;
    color:#000;
    line-height: 85px;
    margin-right: 15px;
}
.header_icon .ico a{
    color: #000;
}
.header_icon .ico i{
    background: #114c97;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 7px;
}
.phone_menu_btn{
    font-size: 16px;
    color: #000;
    padding-top:18px;
    display: none;
}
.phone_menu_btn .line{
    position: relative;
    display: block;
    width:19px;
    height: 2px;
    margin: 4px 0;
    background: #333;
    -webkit-transition: .3s;
    transition: .3s;
}
.phone_menu_btn span{
    position: absolute;
    left: 32px;
    top: 2px;
}
.phone_top_nav{
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff;
    height: 100%;
    border-top:1px solid #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    padding: 60px 30px 30px;
    transition: .5s;
    transform: translateY(-100%);
}

.phone_top_nav li>a{
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #5a5657;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
.phone_top_nav .sub_nav{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.phone_top_nav .sub_nav a{
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #333;
}
.header_active .line:nth-of-type(1){
    -webkit-transform: translateY(5.5px) rotate(-45deg);
    -ms-transform: translateY(5.5px) rotate(-45deg);
    transform: translateY(5.5px) rotate(-45deg);
}
.header_active .line:nth-of-type(2){
    opacity:0;
}
.header_active .line:nth-of-type(3){
    -webkit-transform: translateY(-6.5px) rotate(45deg);
    -ms-transform: translateY(-6.5px) rotate(45deg);
    transform: translateY(-6.5px) rotate(45deg);
}
.header_active .phone_top_nav{
    transform: translateY(0);
}


/* phone_fixed_menu */

.phone_fixed_menu{
    border-top: 1px solid #E5E9F2;
    width: 100%;
    height: 55px;
    background: #fff;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 0;
    display: none;
}
.phone_fixed_menu ul li{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 55px;
    line-height: 1.2;
}
.phone_fixed_menu ul li a{
    display: block;
}
.phone_fixed_menu ul li i{
    font-size:20px;
    color:#333;
}
.phone_fixed_menu ul li p{
    color:#333;
    font-size:14px;
}
.top_fr_lx{ 
    border-radius: 4px;
    margin-top: 23px; 
    margin-left: 50px; 
  padding-right: 10px;
    height: 44px;border:1px solid #004381;
}
.top_fr_lx li a{color: #004381; font-size: 14px;}
.top_fr_lx li:hover a{font-weight:bold;}
.top_fr_lx li{float: left;
    margin-left:10px;
    line-height: 42px;color: #004381; font-size: 14px;
    }
/* banner */
.banner{
    position: relative; 
}
.banner .item{
    position: relative;height: 450px;color: #fff;
}
.banner .item .con{
    position: absolute;
    left:0;
    width: 100%;
    top:50%;
    transform: translate(0,-50%);
}
.banner .item .con .con_box{
    text-align: right;
}
.banner .item h3{
    font-size:40px;
    color:#fff;padding-top: 7%;
    font-weight: bold;padding-left: 20%;
    letter-spacing: 1px;
    margin:15px 0 10px;
}
.button_w{ 
    border-radius: 4px;
    margin-top: 23px; width: 200px;height:60px;
    margin-left: 20%;
  color: #fff;font-size: 24px;text-align: center;
    border:1px solid #fff;line-height: 60px;
}
.button_w i{font-size:24px;}
.button_w:hover{background: #fff}
.button_w span{opacity: 0;position: relative;top:-60px; transition: all .3s;}
.button_w:hover span{opacity: 1;color: #333; transition: all .3s;}
.button_w a{color: #fff;letter-spacing: 2px;}
.banner .item  p{
    font-size:16px;
    color:#fff;
      padding-left: 20%;
    letter-spacing: 1px;
    
}
.banner .owl-item:nth-child(2) .con .con_box{
    text-align: left;
}
.banner .item .img img{
    width:100%;
}

.banner .owl-pagination{
    position: absolute;
    bottom: 0;
    width:100%;
    text-align: center;
    left:0;
    height:40px;
}
.banner .owl-pagination>div{
    display: inline-block;
    width:7px;
    height:7px;
    background:rgba(255,255,255,.9);
    border-radius: 50%;
    text-indent: -9999px;
    margin:0 7px;
    border: 1px solid rgba(255,255,255,.9);
    position: relative;
}
.banner .owl-pagination>div.active:after{
    width:19px;
    height:19px;
    border-radius: 50%;
    content:'';
    display: block;
    position: absolute;
    border:1px solid rgba(255,255,255,.9);
    left:-7px;
    top: -7px;
}
.ind_tit {
    text-align: center;
    position: relative;
    padding: 3vw 0 2vw;
    margin-bottom: 15px;
}
.ind_tit h2 {
    font-size: 30px;
    line-height:40px;
    color: #333;
    font-weight: bold;
    
}
.partner_con1 {
   
    width: 100%;
 display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.partner_con1 .col-md-2{padding:10px 0px}
.partner_con1 .col-md-12{padding:0px}
.bg2{ 
    background:#00519d; 
    height: 130px;margin: 50px 0px 0px;
 
}
.bg3{ 
    background:#efefef; 
    
 
}
.panel1_con {
    height: 130px;flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
 
.panel1_con h2{
   font-size: 30px;
      color: #fff;font-weight: bold;
}
.panel1_con p {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.tit_box3 h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    position: relative;
    background-color: #fff;
    
    line-height: 2.6;
}
.product_con li{width:  27%;float: left;margin-right: 112px;}
 .product_con li:nth-child(3){margin-right: 0px;}
.product_con li a .con h4 {line-height: 70px;text-align: center;
    letter-spacing: 2px;
    font-size: 22px;padding-top: 10px;
    color: #004381;
    font-weight: bold;
    transition: all .3s;
}
 
.product_con img{width: 100%;text-align: center;}
.product_con{padding-top:60px; }
.product_con li a .con{text-align: center;margin-bottom: 30px;}
.product_con .col-md-4{padding: 10px 0px; }
.product_con li a .con p {height:72px;overflow: hidden;
    font-size: 14px;line-height: 24px;text-align: center;padding: 0 10px;
     
    color: #333;
}
.product_con li a .con span{color:#004381;font-size:14px; line-height: 50px;}
 
.xmyy_con .col-md-12{padding: 0px;margin-bottom: 40px;}
.xmyy_con .col-md-3{padding:25px 20px;margin-bottom: 30px;}
.xmyy_con .con{text-align:center;padding-top: 15px;}
.xmyy_con img{width: 78px;margin: 0 auto; text-align: center;}
.xmyy_con .con h4 { font-size:24px;color:#333;line-height:50px;font-weight:500;}
.xmyy_con .con p {padding-top: 10px; font-size:14px;color:#666;line-height:24px;height: 130px;}
.xmyy_con li:hover{box-shadow:0px 0px 20px rgba(0,0,0,.25) }
.news{margin-bottom: 50px;margin-top: 70px;}
.news h3{font-size:30px;color:#333;line-height:50px;font-weight:bold;padding-left: 15px; }
.news h3:before{
    content:''; 
    display: block;



    width: 5px;



    background: #0a3b6f;



    height:30px;



    position: absolute;



    left: 0%; 
    top:20px;



}
.news .col-md-3 h3{margin-left: 20px;}
.news .col-md-3 h3:before{margin-left: 20px;}
.news .col-md-9{padding:10px  0px;}
.news .col-md-3{padding:10px  0px;}
.news .col-md-4{padding-left: 0px;margin-top: 20px;}
.news .col-md-4 img {
    height: auto;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}
.prj-pre {
    color: #fff;
    padding-top: 15%;
    
}
.prj-pre h4 {
    color: #fff;
    font-weight: bold;
    height: 60px;
    overflow: hidden;padding-left: 20px;
    line-height: 50px;
   
    font-size: 20px; 
    
}
.news .con{margin-top:40px;}
.news .con p{ color:#333;font-size:14px;line-height:30px;}
.news .con p:hover{ color:#004381;font-weight: bold;}
.news .con span{ color:#666;font-size:13px;line-height:30px;padding-right:10px;}
.gdlan{height: 300px;overflow: hidden;}
.news .gdlan p{color:#333;font-size:14px;line-height: 50px;border-bottom: 1px #ddd solid;padding-left: 20px; position: relative;margin-left: 20px;}
.news .gdlan p:before {
    
    height: 5px;
    width: 5px;
    content: '';position: absolute;
	border-radius: 4px;
    top: 25px;
    left: 0;
    background: #01a2eb;
    display: block;
    z-index: -1;
    transition: all .3s;
}
.copyright{background: #363839;height: 90px;}
.dbbq a{color: #fff;}
.dbbq{text-align:center;font-size:13px;color:#fff;padding-top: 36px;line-height:2;}
.ndbu h3{font-size:30px;color:#fff;line-height:195px;letter-spacing:1px;}
.ndbu span{font-size:30px;font-weight:bold;}
.ndbu{background:url(../images/jibg.jpg)}
.neir{text-align: center;font-size: 14px;color: #333;}
.neir .ms{padding-top: 25px;width: 100%;margin:0 auto;font-size: 15px;}
.neir .col-md-6:nth-child(1){padding-left: 0px;}
.neir .col-md-6:nth-child(2){padding-right: 0px;}
.neir .zh{width:50%;color: #666;margin: 40px auto 100px;line-height: 2;}
.neir h2{font-size:30px;color:#004381;line-height:30px;margin-top:65px; font-weight:bold;}
.zxqz{    background: #efefef;
    height: 250px;
    width: 80%;
    margin: 30px auto;
 
    padding: 15px;
    border-radius: 8px;}
.zxqz p{width:65%;margin:0 auto;padding-top:30px;line-height: 2;}
	.about .neir {
    border: 1px solid #ddd;
}
.left_border {
  
    padding: 0px 0px;
    margin-bottom: 25px;
	margin-right: 20px;
}
.left_border .tit {
    background-image: url(../images/t5.png);
    background-repeat: no-repeat;
    background-position:0px 10px;
    background-size: auto auto;
    font-size: 24px;
    border-bottom: 1px solid #ddd;
    color: #004381;
    height: 60px;
    
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
    padding-left: 15%;
}
.left_product_menu ul li p {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    border-bottom: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
 
.left_product_menu ul a {
    padding: 0 0 0 31px;
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    flex: 1;
    overflow: hidden;
}
.left_product_menu ul li a::before {
    display: block;
    font-size: 15px;
    font-weight: 700;
    font-family: "宋体";
    content: ">";
    z-index: 5;
    position: absolute;
    left: 10px;
    top: 0;
}
.left_product_menu li.cur>a,.left_product_menu li a:hover{
    color:#004381;font-weight: bold;
}
 
.page_newsList dl .col-md-9 em{ color: #666;font-size: 14px;font-weight: bold;text-align: center;margin-top: 30px;font-style: normal; }
.page_newsList dl:hover h4{color: #004381;font-weight: bold;}
.page_newsList dl:hover .col-md-9 em{ 
 color: #004381; font-style: normal;

}

.page_newsList dl{ 
   padding:5px 0px 20px;

}

 
.page_newsList dl a{ 
    display: block;
 
}
.breaker {
    padding-bottom: 25px;
    font-size: 14px;
    color: #999;
    line-height:40px;
}
.ibanner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:auto;
    margin-bottom: 1px;
    overflow: hidden;
}

 
.ibanner .con{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 99;
    color:#fff;
}

.ibanner .con h4{
    font-size:36px;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: normal;
}
.ibanner .con p{
    font-family: 'Poppins Linht';
    font-size:20px;
    text-transform: uppercase;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.ibanner .con p:before,.ibanner .con p:after{
    display: inline-block;
    width: 92px;
    height: 1px;
    content:'';
    background: #fff;
    vertical-align: middle;
    margin:0 25px;
}
.about .neir {
    border: 1px solid #ddd;text-align: left;font-size: 14px;    padding: 8px 20px 0;
    color: #333;
    margin-bottom: 30px;margin-top: 10px;
 
}