@charset "utf-8";


.news_con dt .img_scale .img{    height: 380px;}
#header{

    height:160px;

    width: 100%;

    z-index: 99999;

    transition:all .3s;

}

.header_wrap{

    height:100px;

}

#header.header_on .navbar_wrap{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99999;

    box-shadow: 0 0 10px rgba(0,0,0,.05);


}

.navbar_wrap{

    background: #14306a;

    height: 60px;

}



.header_wrap .search{

    width:270px;

    height:50px;

    background: rgba(255,255,255,.2);

}

.header_wrap .search .key{

    width:220px;

    height:50px;

    background: none;

    border:none;

    outline: none;

    padding: 0 20px;

    color:#fff;

    font-size:14px;

}

.header_wrap .search .key::placeholder{

    color:rgba(255,255,255,.3);

}

.header_wrap .search button{

    background: none;

    color:rgba(255,255,255,.6);

    outline: none;

    border: none;

    text-align: center;

    width:46px;

    height:50px;

}

.header_wrap ul{

    align-items: center;

}

.header_wrap ul li{

    display: flex;

    line-height: 1.4;

    padding: 0 30px;

}

.header_wrap ul li i{

    font-size:22px;

    line-height: 1.6;

    color:#153473;

    margin-right:7px;

}

.header_wrap ul li p{

    font-size:14px;

}

.header_wrap ul li p span{

    display: block;

}



.logo{

    padding-top:16px;

    flex: 1;

    height:100px;

}

.logo img{

    height:68px;

    width: auto;

}

.top_right_btn{

    flex: 1;

    justify-content:flex-end;

}

.top_right_btn>div{

    color:#898989;

}

.weixin_code{

    line-height: 80px;

    font-size: 14px;

}

.nav_pc{

    height:60px;

    flex: 1;

}

.nav_pc_on{

    position: fixed;

    width:100%;

    top: 0;

    left: 0;

    background: #2a343d;

    z-index: 999;

}

.new_img_scale {
	height: 100%;
}
.nav_pc li{

    display: inline-block;

    position: relative;

    padding:0 10px;

}

.nav_pc li>a{

    display: block;

    font-size: 16px;

    text-transform: uppercase;

    position: relative;

    line-height:60px;

    color:#fff;

    padding: 0 30px;

    font-weight: 500;

}

.nav_pc li .cur,.nav_pc li a:hover{

    background: #d60000;

}

.nav_pc li .sub_nav{

    position: absolute;

    min-width: 130%;
    left: 50%;
    transform: translateX(-50%);

    background-color: #374771;

    transition: all 300ms;

    top: 80%;

    opacity: 0;

    visibility: hidden;

    z-index: 999;

    /* border-top: 1px solid #2f3a60; */

}

.nav_pc li:hover .sub_nav{

    top:100%;

    opacity: 1;

    visibility: visible;

}

.nav_pc li .sub_nav a{

    display: block;

    text-align: center;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 12px 20px;

    border-bottom:1px dashed #8b93a9;

}

.nav_pc li .sub_nav a:last-child{

    border-bottom: none;

}

.nav_pc li .sub_nav a:hover{

    background:#d60000;

}

.topsearch{

    height:60px;

    background: #d60000;

    padding: 0 10px 0 20px;

    position: relative;

}

.topsearch input,.topsearch button{

    background: #d60000;

    border:none;

    outline: none;

    height: 60px;

    padding: 0;

    float: left;

}

.topsearch .key{

    font-size:14px;

    color:#fff;

}

.topsearch .key::placeholder{

    color:#fff;

}

.topsearch button i{

    line-height: 60px;

    font-size:20px;

    color:#fff;

}

.topsearch:before{

    content:'';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border-bottom: 60px solid #d60000;

    border-left: 20px solid transparent;

    left: -20px;

    top: 0;

}





.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;

}

.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: #14306a;

    -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;

}





/* banner */

.banner{

    position: relative;

}

.banner .item{

    position: relative;

}

.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 .con h4{

    font-size:48px;

    color:#fff;

    font-weight: bold;

    letter-spacing: 1px;

    margin:15px 0 20px;

}

.banner .item .con p{

    font-size:16px;

    color:#fff;

    font-family:'Segoe UI light';

    letter-spacing: 1px;

    margin-bottom: 50px;

}

.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(0,0,0,.4);

    border-radius: 50%;

    text-indent: -9999px;

    margin:0 7px;

    border: 1px solid rgba(0,0,0,.2);

    position: relative;

}

.banner .owl-pagination>div.active:after{

    width:19px;

    height:19px;

    border-radius: 50%;

    content:'';

    display: block;

    position: absolute;

    border:1px solid rgba(0,0,0,.4);

    left:-7px;

    top: -7px;

}





/*首页css__start*/





/*公用头部*/



.tit_box1 {

    padding:70px 0 40px;

}

.tit_box1 h4{

    color:#333;

    font-size:36px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

}

.tit_box1 .line{

    width: 300px;

    height: 1px;

    background: #ddd;

    margin:10px auto 0;

    position: relative;

}

.tit_box1 .line:after{

    background: #d60000;

    content:'';

    width: 50px;

    height: 5px;

    display: inline-block;

    position: absolute;

    top: -2px;

}

.tit_box1 .line:after{

    left:calc(50% - 25px);

}

.tit_box2 h4{

    color:#fff;

}

.tit_box3 h4{

    font-family: Impact;

    color:#14306a;

    letter-spacing: 2px;

    font-weight: normal;

}

.tit_box3 .line{

    background: none;

    margin-top: 15px;

}

.tit_box3 .line:after{

    width: 50px;

    height: 3px;

}

.tit_box4 h4{

    color:#fff;

}





/* bg1 */



.bg1{

    background: url(../images/bg1.png) no-repeat center bottom -30px;

}

.bg2{

    background: #153473;

}

.bg3{

    background: #f5f5f5;

}

.bg4{

    background: #edeef3;

}





/* about_wrap */



.about{

    

}

.about_img{

   padding-left:60px;

}

.about_con{

    margin-right: -40px;

}

.about_con .con{

    font-size:15px;

    color:#333;

    line-height: 1.8;

}

.about_con .con p{

    margin-bottom: 30px;

}

.about_con a{

    display:block;

    width: 200px;

    height: 45px;

    border-radius: 2px;

    color:#153473;

    border:2px solid #153473;

    text-align: center;

    line-height: 41px;

    font-size:16px;

    /* margin-top: 110px; */

    transition:all .3s;

}

.about_con a:hover{

    background: #153473;

    color:#fff;

}





/* product_con */



.product_con{

    padding-bottom: 40px;

}

.product_con .row{

    margin-left: -20px;

    margin-right: -20px;

}

.product_con li{

    margin-bottom:39px;

}

.product_con li a{

    position: relative;

    display: block;

    transition:all .3s;

    border: 1px solid #ddd;

}
.product_con li a img {
    width: 100%;
}
.product_con li .con{

    position:absolute;

    top:0;

    left:0;

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    transition:all .3s;

}

.product_con li .con h4{

    padding: 0 30px;

    font-size:16px;

    color:#fff;

    font-weight: normal;

    text-transform: capitalize;

    background:rgba(21,52,115,.9);

    line-height: 45px;

    overflow: hidden;

    display: inline-block;

    max-width: 80%;

    height: 45px;

    overflow: hidden;

    text-align: center;

}

.product_con li .con p{

    display: none;

    font-size:14px;

    color:#fff;

    text-align: center;

    padding: 0 30px;

}

.product_con li .con span{

    display: none;

    width: 120px;

    height: 36px;

    background:rgba(21,52,115,.9);

    line-height: 36px;

    color:#fff;

    margin-top: 30px;

    transition:all .3s;

    font-size:14px;

    text-align: center;

}

.product_con li a:hover .con{

    background: rgba(0,0,0,.5);

    padding:30px 0;

    right: 0;

    bottom: 0;

}

.product_con li a:hover h4{

    background: none;

}



.product_con li a:hover .con p{

    display: block;

}

.product_con li a:hover .con span{

    display: block;

}

.product_con a.more{

    display: block;

    width: 175px;

    height: 40px;

    border:2px solid #fff;

    border-radius: 5px;

    line-height: 36px;

    font-size:16px;

    color:#fff;

    margin:10px auto 0;

    text-align: center;

    transition:all .3s;

}

.product_con a.more:hover{

    background: #fff;

    color:#153473;

}



/* choose */



.choose_con .row{

    margin:0 -40px;

}

.choose_con li{

    padding:30px 40px;

    border-right:1px dashed #ddd;

    border-top: 1px dashed #ddd;

    transition:all .3s !important;

}

.choose_con li h4{

    font-size:18px;

    color:#153473;

    font-weight: bold;

    text-transform: uppercase;

    margin: 14px 0;

    max-height: 38px;

    overflow: hidden;

}

.choose_con li p{

    color:#333;

    font-size: 14px;

    height: 70px;

    overflow: hidden;

}

.choose_con li:hover{

    background: #fff;

    box-shadow:0 2px 20px rgba(21,52,115,.25);

}

.choose_con li:nth-child(3n){

    border-right: none;

}

.choose_con li:nth-child(-n+3){

    border-top: 0;

}





/* equipment_wrap */

.equipment_wrap{

    background: url(../images/bg1.jpg) no-repeat center;

    min-height: 500px;

}

.img_scroll .item{

    margin:0 20px;

    transition:all .3s;

}

.img_scroll .item .con{

    padding:20px 0 0;

}

.img_scroll .item .con h4{

    font-size:16px;

    font-weight: normal;

    color:#333;

    line-height: 1.5;

    font-weight: 600;

    max-height: 48px;

    overflow: hidden;
    text-align: center;

}

.img_scroll .item .con p{

    font-size:12px;

    color:#333;

    margin:10px 0 20px;

}

.img_scroll .item .con span{

    display: block;

    width: 100px;

    height: 30px;

    line-height: 30px;

    background: #153473;

    color:#fff;

    text-align: center;

    margin: auto;

}

.img_scroll .item .img{

    position: relative;

}

.img_scroll .item:hover .con h4{

    color:#153473;

}

.img_scroll .item:hover .con span{

    background:#d60000;

}

.img_scroll .owl-buttons>div{

    position: absolute;

    top:calc( 50% - 80px);

    color:#666;

    text-align: center;

    transition:all .3s;

}

.img_scroll .owl-buttons>div span{

    font-size:40px;

}

.img_scroll .owl-buttons .owl-prev{

    left: -50px;

}

.img_scroll .owl-buttons .owl-next{

    right:-50px;

}

.img_scroll .owl-buttons>div:hover{

    color:#d60000;

}



/* news */





.news_con dl dt{

    margin-bottom: 30px;

}

.news_con .item{

    position: relative;

}

.news_con .item h4{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: rgba(21,52,115,.9);

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    padding: 0 10px 0 20px;

    color:#fff;

    font-weight: normal;

    font-size:16px;

}

.news_con .item h4:before{

    content:'';

    width: 4px;

    height: 4px;

    background: #fff;

    border-radius: 50%;

    display: block;

    position: absolute;

    left: 10px;

    top: 23px;

}

.news_con li a{

    border:1px solid #ddd;

    margin-bottom: 30px;

    padding:22px;

}

.news_con li .con{

    flex:1;

    transition:all .5s;

}

.news_con li .time{

    position: relative;

    width: 105px;

}

.news_con li .time span{

    display: block;

    height: 40px;

    line-height: 40px;

    background: #153473;

    color:#fff;

    padding: 0 15px;

    position: absolute;

    left: -22px;

    top: -22px;

}

.news_con li .time i{

    width: 32px;

    height: 32px;

    border:1px solid #bbb;

    color:#999;

    border-radius: 50%;

    display: block;

    text-align: center;

    font-size:18px;

    margin-top: 50px;

    transition:all .3s;

}

.news_con li .con h4{

    color:#333;

    font-size:16px;

    line-height: 1.5;

    height: 48px;

    overflow: hidden;

}

.news_con li .con p{

    font-size:14px;

    color:#333;

    margin-top: 10px;

    max-height: 46px;

    overflow: hidden;

}

.news_con li:last-child a{

    margin-bottom: 0;

}



.news_con li a:hover .time i{

    border:1px solid #153473;

    background: #153473;

    color:#fff;

}

.news_con li a:hover .con h4{

    color:#d60000;

}

.news_con li a:hover .con{

    padding:0 0 0 20px;

}



.news_more{

    text-align: center;

    margin-top: 40px;

}

.news_more a{

    display: inline-block;

    border-radius:5px;

    width: 175px;

    height: 40px;

    line-height: 36px;

    border:2px solid #153473;

    font-size:16px;

    color:#153473;

}

.news_more a:hover{

    background: #153473;

    color:#fff;

}





/*页底css*/

.footer{

    background:url(../images/footer_bg.jpg) no-repeat center;

    position: relative;

}

.footer_contact{

    border-bottom: 1px solid #8e9ab2;

    padding: 80px 0;

}

.footer_contact li{

    color:#fff;

    line-height: 1.5;

}

.footer_contact li i{

    font-size:30px;

    line-height: 1.2;

    margin-right: 10px;

    font-weight: normal;

}

.footer_contact li p{

    font-size:16px;

}

.footer_contact li p span{

    display: block;

    font-size: 14px;

    /* color:#d60000; */

}

.footer_ico{

    padding:40px 0 90px;

    text-align: center;

}

.footer_ico a{

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    border:1px solid #fff;

    text-align: center;

    border-radius: 50%;

    margin:0 8px;

}

.footer_ico a i{

    color:#fff;

}

.footer_ico a:hover{

    background: #fff;

}

.footer_ico a:hover i{

    color:#153473;

}

.go-top{

    position: absolute;

    bottom:-40px;

    left: 50%;

    transform: translateX(-50%);

    cursor: pointer;

}



.copyright{

    height:70px;

    line-height: 70px;

    margin-top: 35px;

}

.copyright .flex{

    justify-content: center;

    color:#999;

    font-size:13px;

}

.copyright p{

    margin-right:15px;

}

.copyright a{

    color:#999;

    margin:0 0 0 8px;

}

.copyright a:hover{

    color:#d60000;

}



/* fixed_rightbtn */



.fixed_rightbtn{

    position: fixed;

    z-index: 999;

    right: 20px;

    top: 30%;

}

.fixed_rightbtn li{

    background:rgba(20,48,106,.9);

    width: 75px;

    height: 75px;

    border-radius: 20px;

    margin-bottom: 5px;

    color:#fff;

    position: relative;

}

.fixed_rightbtn li a{

    color:#fff;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    height: 75px;

    line-height: 1.2;

    position: relative;

    

}

.fixed_rightbtn li i{

    display: block;

    font-size:30px;

}

.fixed_rightbtn li p{

    position:absolute;

    height: 75px;

    right:-320px;

    top: 0;

    background: #fff;

    box-shadow: -5px 0 10px rgba(20,48,106,.4);

    color:#333;

    font-size:24px;

    width: 290px;

    text-align: center;

    line-height: 80px;

    transition:all .3s;

    border-radius: 10px;

}

.fixed_rightbtn li:hover p{

    right: 0;

}

#layer_message{

    padding:20px 25px;

}

#code_img{

    height:34px;

}

#layer_message p{

    margin-top: 20px;

    font-size:14px;

}



/*首页css__end*/





/*内页*/



.page_tit{

    border-bottom: 1px solid #ccc;

    height:40px;

    line-height: 40px;

    overflow: hidden;

}

.page_tit h4{

    flex:1;

    display: flex;

    line-height: 40px;

    font-weight: bold;

}

.page_tit h4 p{

    font-weight: normal;

}

.page_tit h4 p span{

    padding: 0 4px;

}



/* 内页分类 */



.inner{

    padding:50px 0 70px;

    overflow: hidden;

}

.inner>.container>.row>.col-md-9{

    padding-left: 0;

}



/* 左侧 */

.inner_menu{

    box-shadow:2px 0 6px rgba(0,0,0,.2);

    margin-right: 20px;

}

.inner_menu .tit{

    height: 60px;

    font-size:24px;

    background:#14306a;

    line-height:60px;

    text-align: center;

    text-transform: uppercase;

    color:#fff;

    overflow: hidden;

    padding: 0 20px;

    font-family: Impact;

}

.inner_menu>ul>li{

    border-bottom: 1px solid #ddd;
    

}

.inner_menu>ul>li>a{

    display: block;

    height:50px;

    line-height:50px;

    padding:0 20px;

    color:#333;

    font-size:16px;

    position: relative;

}
.inner_menu>ul>li>ul{
  height: 100%;
  overflow: hidden;
}
.inner_menu>ul>li>ul>li{
  border-top: 1px solid #ddd;
  padding: 0 20px;
}
.er_menu li a{
  display: block;

    height:50px;

    line-height:50px;

    padding:0 20px;

    color:#333;

    font-size:14px;
}
/* .inner_menu>ul>li:hover .er_menu{
  height: 100%;
  transition: all 0.6s;
} */

.inner_menu>ul>li>a:after{

    content:'>';

    display: block;

    color:#333;

    font-size:22px;

    position: absolute;

    right: 20px;

    top: 0;

}

.inner_menu>ul>li>a:hover,.inner_menu>ul>li.cur>a{

    background: #d60000;

    color:#fff;

}

.inner_menu>ul>li>a:hover:after,.inner_menu>ul>li.cur>a:after{

    color:#fff;

}

.inner_leftimg{

    margin: 30px 20px 0 0;

    border:1px solid #ddd;

}

.inner_leftimg .tit{

    font-size:24px;

    color:#153473;

    height: 55px;

    line-height: 55px;

    padding: 0 20px;

    font-family: Impact;

}

.inner_leftimg ul{

    padding:15px 30px;

}

.inner_leftimg li{

    margin:10px 0 0;

}

.inner_leftimg li:last-child{

    margin:0;

}

.inner_leftimg li h4{

    font-size:12px;

    color:#666;

    text-align: center;

    font-weight:normal;

    line-height: 1;

    padding: 15px 0;

    border-bottom: 1px dashed #ddd;

}



.publeftcon{

    margin:15px 0 0;

}

.publeftcon .tit{

    font-size:18px;

    height:44px;

    line-height: 44px;

    padding: 0 20px;

    color:#151515;

    font-weight: bold;

    border-bottom: 1px solid #eee;

    position: relative;

    margin-bottom: 10px;

}

.publeftcon .tit:before{

    width:4px;

    height:18px;

    background: #e7b20e;

    content:'';

    display: block;

    position: absolute;

    left: 6px;

    top: 12px;

}



/* pos */



.inner_pos{

    height: 60px;

    line-height:60px;

    background: #f2f2f2;

    padding:0 20px 0 0;

    overflow: hidden;
    display: flex;
    justify-content: space-between;

}

.inner_pos .tit{

    font-size:22px;

    color:#fff;

    position: relative;

    padding: 0 10px 0 30px;

    text-transform: capitalize;

    background: #153473;

    display: inline-block;

}

.inner_pos .tit:after{

    content:'';

    display: block;

    position: absolute;

    right: -26px;

    top: 0;

    width: 0;

    height: 0;

    border-top: 30px solid transparent;

    border-left: 26px solid #153473;

    border-bottom: 30px solid transparent;

}

.inner_pos .pos{

    font-size:13px;

    color:#999;

    /* flex:1; */

    /* display: flex; */

    /* justify-content: flex-end; */

}

.inner_pos .pos a{

    color:#999;
    text-transform:lowercase;
}





.publeftcon ul li{

    margin-bottom: 10px;

    position:relative;

}

.publeftcon .con{

    font-size:14px;

    padding:10px 16px;

    color:#151515;

    background: #fff;

}

.publeftcon .con p{

    border-bottom: 1px solid #f7f7f7;

    line-height: 2.2;

}

.publeftcon ul li p{

    background:rgba(0,0,0,.3);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height:40px;

    line-height: 40px;

    font-size:14px;

    color:#fff;

    text-align: center;

}







/* 内页二级分类显示 */



.inner_sublist{

    transition: all .3s;

    padding: 0 20px;

    background:rgba(0,0,0,.02);

}

.inner_sublist li{

    border-bottom: 1px solid rgba(255,255,255,.05);

}

.inner_sublist li a{

    color:#151515;

    font-size:14px;

    display: block;

    line-height: 3;

}

.inner_sublist li a i{

    font-size:12px;

    margin-right: 5px;

}



/* 单页内容 */



.page_index{

    padding:30px 0;

    color:#333;

    line-height: 1.8;

    font-size:14px;

    /* min-height: 350px;
    overflow-x:auto; */

}







.xg_news{

    margin:40px 0 0;

}

.xg_news h3{

    font-size:16px;

    border-bottom: 1px solid #eee;

    line-height:2;

    color:#3c3b5c;

}

.xg_news ul{

    margin-bottom: 20px;

}

.xg_news ul li {

    padding:15px 0 0;

}

.xg_news ul li .img{

    width:80px;

}

.xg_news ul li .con{

    flex:1;

    margin-left: 20px;

}

.xg_news ul li .con a{

    font-size:14px;

    display: block;

    line-height: 1.2;

    color:#555;

    margin-bottom: 3px;

}

.xg_news ul li .con span{

    color:#999;

}

.xg_news .tags{

    padding: 10px 0 20px;

}

.xg_news .tags a{

    display: inline-block;

    padding: 3px 10px;

    background: #e7b20e;

    margin:0 5px 5px 0;

    color:#fff;

    font-size:14px;

    border-radius:3px;

}

.xg_news dl{

    margin:15px 0 0;

    border:1px solid #eee;

}

.xg_news dl dt{

    width: 100%;

}

.xg_news dl dd{

    font-size:16px;

    text-align: center;

    font-weight: bold;

    color:#151515;

    line-height: 2;

}



/* 产品列表 */



.page_picList {

    margin-top: 30px;

}

.page_picList .row{

    margin:0 -10px;

}

.page_picList li{

    margin-bottom:30px;

    padding: 0 10px;

}

.page_picList li .img{

    overflow: hidden;

    transition:all .3s;

    border:1px solid #ddd;
    height: 270px;
}
.img span{
  position: absolute;
  right: 15px;
  bottom: 60px;
  color: #fff;
}
.img .span2 {
    position: absolute;
    right: 5px;
    bottom: 0px;
    color: #fff;
}
.img .span1 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -50px;
  width: 200px;
  text-align: center;
  height: 40px;
  font-size: 30px;
  color: #fff;
  opacity: .5;
}
/* .page_picList li:hover img{

    transform: scale(1.1);

} */
.page_picList li img{

    transition: all 0.6s;

    margin:0;

    width:100%;
    position: relative;
    top: 50%;
    transform:translateY(-50%)

}

.page_picList li .con{

    padding: 0 20px 0;

    background: #eee;

    transition:all .3s;

    margin:3px 0 0;

}

.page_picList li .con h4{

    overflow: hidden;

    text-align: center;

    color:#333;

    font-size:16px;

    height:50px;

    line-height:50px;

}

.page_picList li .con1{

    margin:0;

    padding: 20px 20px;

}

.page_picList li .con1 h4{

    line-height:25px;

    text-align: left;

}

.page_picList li .con p{

    height: 46px;

    overflow: hidden;

    color:#666;

    font-size:14px;

    margin:5px 0 0;

}



.page_picList li:hover .con{

    background: #d60000;

}

.page_picList li:hover .con h4{

    color:#fff;

}

.page_picList li:hover .con p{

    color:#fff;

}



/* page_imgList */



.page_imgList{

    margin-top: 35px;

}

.page_imgList li{

    margin-bottom: 20px;

}

.page_imgList li .img{

    border:1px solid #ddd;

}

.page_imgList li p{

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color:#333;

    text-align: center;

}



/* inner_news */



.inner_newspos{

    height: 55px;

    line-height: 55px;

    overflow: hidden;

    font-size:13px;

    color:#999;

    background: #edeef3;

}

.inner_newspos a{
    color:#999;
  text-transform: lowercase;
}



.inner_newstit .tit{

    flex:1;

    font-size:30px;

    color:#000;

    text-transform: uppercase;

    font-weight: bold;

}

.inner_newstit ul{

    margin-top: 3px;

}

.inner_newstit li{

    margin-left: 25px;

}

.inner_newstit li a{

    padding:10px 45px;

    background: #f2f2f2;

    border-radius: 30px;

    font-size:14px;

    color:#333;

    display: block;

}

.inner_newstit li:hover a,.inner_newstit li.cur a{

    background: #f7c200;

}



/*新闻列表*/



.page_newsList{

    margin:15px 0 50px;

    border-bottom: 1px solid #ddd;

}

.page_newsList li{

    border-top: 1px solid #ddd;

    padding:30px 40px;

    transition: all .3s ease-out 0s;

}

.page_newsList li a{

    display: block;

    background: #fff;

}

.page_newsList li .time p{

    color:#333;

    font-size:14px;

    margin:10px 0 0;

    display: inline-block;

    background: #ddd;

    transition: all .3s ease-out 0s;

    line-height: 36px;

    padding: 0 16px;

    border-radius: 3px;

}

.page_newsList li .time i{

    display: block;

    border:1px solid #bbb;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    text-align: center;

    line-height: 32px;

    font-size:16px;

    color:#999;

    margin:16px 0 0 26px;

}

.page_newsList li .con{

    transition: all .3s ease-out 0s;

    padding:10px 0;

}

.page_newsList li .con h4{

    color: #333;

    transition: all .3s ease-out 0s;

    font-size: 18px;

    font-weight: 500;

    max-height: 38px;

    overflow: hidden;

}

.page_newsList li .con p{

    color: #777;

    font-size: 13px;

    line-height: 24px;

    margin:20px 0 0;

}

.page_newsList li:hover{

    box-shadow: 0 10px 10px 5px #eee;

    padding: 35px 30px;

}

.page_newsList li:hover .time p{

    background: #153473;

    color:#fff;

}

.page_newsList li:hover .time i{

    border-color: #153473;

    color:#153473;

}

.page_newsList li:hover .con h4{

    color: #3f4959;

}





/* 单页联系我们 */

.page_contactindex {

    padding:50px 0;

}

.page_contactindex .slogan{

    font-size:14px;

    color:#000;

}

.page_contactindex .row{

    margin-top: 65px;

}

.page_contactindex li{

    margin:0 0 20px;

    font-size:16px;

    color:#333;

}

.page_contactindex .tit{

    font-size:22px;

    color:#000;

}

.page_contactindex .code{

    max-width: 200px;

    margin-top: 30px;

}



.page_contactindex .map{

    margin:40px 0 0;

    text-align: center;

}



/* 关于我们单页 */



.page_aboutindex{

    padding: 80px 0 0;

}

.page_aboutindex_intr{

    font-size:14px;

    color:#333;

    line-height:28px;

    background: url(../images/bg1.png) no-repeat bottom;

}
.page_aboutindex_intr .div1{
    width: 45%;
    float: left;
    margin-right: 50px;
    height: 535px;
}

.page_aboutindex_intr img{

    margin-right: 50px;
    margin-top: 80px;
}

.page_aboutindex_intr .tit{

    font-size:36px;

    letter-spacing: 2px;

    color:#14306a;

    font-family: Impact;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.page_aboutindex_choose{

    background: url(../images/bg3.jpg) no-repeat center;

}

.page_aboutindex_choose .choose_con li h4{

    color:#fff;

}

.page_aboutindex_choose .choose_con li p{

    color:#fff;

}

.page_aboutindex_choose .choose_con li:hover h4{

    color:#153473;

}

.page_aboutindex_choose .choose_con li:hover p{

    color:#333;

}



.texinimg li {

    margin-bottom: 30px;

}

.texinimg li a{

    display: block;

    border:1px solid #ddd;

    position: relative;

}

.texinimg li h4{

    height: 46px;

    line-height: 46px;

    background: rgba(20,48,106,.9);

    text-align: center;

    color:#fff;

    font-size:16px;

    font-weight: normal;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    overflow: hidden;

    padding: 0 10px;

}

.texinimg li .img img{
   margin:auto;
  width: 100%;
}
.banner_warp{
  display: none;
}


#img_scroll2 .item .img img{

    /*max-width:80%;*/

    /*margin:auto;*/

}

#img_scroll2 .item .con h4{

    text-align: center;

    font-size:14px;

    font-weight: normal;

}

#img_scroll2 .owl-buttons>div{

    width: 42px;

    line-height: 42px;

    height: 42px;

    background: #ddd;

    color:#14306a;

    border-radius: 50%;

    top: calc( 50% - 40px);

}

#img_scroll2 .owl-buttons>div span{

    font-size:20px;

}



#img_scroll2 .owl-buttons>div:hover{

    background: #14306a;

    color:#fff;

}



/* 新闻详情 */



.page_newshow{

    padding: 40px 0 50px;

}

.page_newshow h3{

    font-size:24px;

    color:#000;

    text-align: center;

    border-bottom: 1px dashed #ddd;

    padding: 0 0 20px;

}

.page_newshow .desc{

    background: #edeef3;

    padding: 20px 30px;

    font-size:14px;

    line-height: 2;

    border-bottom: 1px dashed #ddd;

}

.page_newshow .info{

    font-size:14px;

    color:#999;

    text-align: center;

    padding: 15px 0 20px;

    border-bottom: 1px dashed #ddd;

}

.page_newshow .info span{

    margin:0 15px;

}

.page_newshow .con{

    font-size:14px;

    color:#333;

    padding: 30px 0 10px;

    line-height: 1.8;

}

.page_newshow .tag{

    font-size:16px;

    margin-bottom:60px;

}

.page_newshow .tag span{

    color:#0063ae;

    font-weight: bold;

}

.page_newshow .tag a{

    margin:0 5px;

}



.page_newshow_few h3{

    border-bottom: none;

}





/* page_blogsShow */



.page_blogsShow{

    background: #fff;

}

.page_blogsShow .block1{

    padding: 30px 55px 80px;

    border-bottom: 1px solid #ddd;

}

.page_blogsShow h3{

    font-size:20px;

    color:#333;

}

.page_blogsShow .info{

    font-size:14px;

    color:#999;

    padding:15px 0;

}

.page_blogsShow .con{

    font-size:14px;

    color:#333;

}

.page_blogsShow .share{

    margin:10px 0 30px ;

}

.page_blogsShow .share li{

    margin-right: 10px;

}

.blogs_message{

    padding: 30px 55px 80px;

}

.blogs_message h3{

    position: relative;

}

.blogs_message h3:before{

    content:'';

    width: 4px;

    height: 18px;

    display: block;

    position: absolute;

    top: 0;

    left:-15px;

    background: #0063ae;

}

.blogs_message label{

    font-size:14px;

    font-weight: normal;

}

.blogs_message form{

    margin-top:20px;

}

.blogs_message .form-group{

    margin-bottom: 25px;

}





/* 相关新闻 */



.related_tit{

    margin: 35px 0 25px;

    font-size:22px;

    color:#fff;

    position: relative;

    padding: 0 5px 0 15px;

    text-transform: capitalize;

    background: #153473;

    display: inline-block;

    height: 50px;

    line-height: 50px;

}

.related_tit:after{

    content:'';

    display: block;

    position: absolute;

    right: -26px;

    top: 0;

    width: 0;

    height: 0;

    border-top: 25px solid transparent;

    border-left: 26px solid #153473;

    border-bottom: 25px solid transparent;

}





.related_news li a{

    display: block;

    height: 42px;

    line-height: 42px;

    border-bottom: 1px dashed #ddd;

    color:#333;

    font-size:14px;

    position: relative;

    padding: 0 0 0 14px;

    overflow: hidden;

}

.related_news li a:before{

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #333;

    content:'';

    display: block;

    position: absolute;

    left: 0;

    top: 18px;

}



/* 相关案例 */



.latest_cases li{

    margin-bottom: 10px;

}

.latest_cases li p{

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-align: center;

}





/* 产品详情页 */



.page_picShow{

    padding:30px 0;

}

.picShow_box{

    height: 355px;

}

.picShow_box .swiper-slide {

   background-size: cover;
   height: 350px;
   background-position: center;

}

.picShow_item{

   height: 355px;

}

.picShow_thumbs{

   box-sizing: border-box;

   height: 82px;

   margin:12px 0 0;

}



.picShow_thumbs .swiper-slide{

    border:1px solid #ddd;

}

.picShow_thumbs .swiper-slide-thumb-active{

    border-color: #0063ae;

}

.picShow_thumbs .swiper-button-black:after{

    font-size:20px;

    background: #fff;

}



.picShow_tit{

    padding: 10px 50px 0 10px;

}

.picShow_tit h3{

    font-size:24px;

    color:#333;

    padding: 0 0 22px;

}

.picShow_tit p{

    font-size:14px;

    color:#666;

    margin: 0 0 50px;

    max-height: 116px;

    overflow: hidden;

    line-height:2;

}

.picShow_tit .btns a{

    display: flex;

    width: 200px;

    height: 40px;

    background: #d60000;

    border-radius: 30px;

    color:#fff;

    align-items: center;

    margin-bottom: 30px;

    flex:1;

}

.picShow_tit .btns a span{

    flex:1;

    justify-content: flex-start;

    font-size:14px;

    text-transform: uppercase;

    text-align: center;

}

.picShow_tit .btns a i{

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #fff;

    color:#d60000;

    font-size:22px;

    text-align: center;

    line-height: 30px;

    margin-right: 5px;

}

.picShow_tit .btns a.a2{

    background: #14306a;

    margin-left: 45px;

}

.picShow_tit .btns a.a2 i{

    color:#14306a;

}

.picShow_tit .share span{

    font-size:16px;

    font-weight: 500;

    color:#333;

    margin-right: 10px;

}

.picShow_tit .share a{

    display: inline-block;

    width: 35px;

    height: 35px;

    border:2px solid #bbb;

    color:#bbb;

    border-radius: 50%;

    text-align: center;

    line-height: 31px;

    margin:0 2px 0 0;

}

.page_picShow .page_index{

    padding-top:0;

}



.picShow_message{

    background: #f7f7f7;

    padding: 0 0 70px;

    margin-bottom: 40px;

}

.picShow_message .related_tit{

    padding: 0 10px;

}

.picShow_message form{

    padding: 30px 40px 0;

}

.picShow_message label{

    font-size:14px;

    font-weight: normal;

    text-transform: capitalize;

}

.picShow_message label span{

    color:red;

}



/* related_products */



.related_products{

    margin-top: 10px;

}

.related_products li img{

    border:1px solid #ddd;

}

.related_products li p{

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    color:#333;

    font-size:14px;

    margin:10px 0 0;

    padding: 0 10px;

    text-align: center;

}







/* 案例列表 */



.page_caseList{

    padding: 20px 0 0;

}

.page_caseList li{

    margin-bottom:20px;

}

.page_caseList li a{

    display: block;

    background: #fff;

    overflow: hidden;

}

.page_caseList li .con{

    padding: 50px 15px 0 0;

}

.page_caseList li .con h4{

    font-size:20px;

    color:#151515;

    font-weight: bold;

}

.page_caseList li .con p{

    font-size:14px;

    margin:10px 0 20px;

    color:#777;

}

.page_caseList li .con span{

    display: block;

    background: #e7b20e;

    color:#fff;

    display: inline-block;

    padding: 5px 20px;

    font-size:14px;

    transition:all .3s;

}

.page_caseList li .con span:hover{

    background: #3f4959;

    color:#fff;

}



/* blogs */

.inner_blogs{

    background: #f6f6f6;

    padding: 50px 0 60px;

}

.page_blogsList li{

    background: #fff;

    padding:30px 50px;

    border-bottom: 3px solid #ddd;

    margin-bottom: 27px;

}

.page_blogsList li h4{

    color:#333;

    font-size:20px;

    line-height: 1;

    position: relative;

}

.page_blogsList li h4:before{

    content:'';

    display: block;

    width: 4px;

    height: 16px;

    position: absolute;

    top: 0;

    left: -15px;

    background: #0063ae;

}

.page_blogsList li .info{

    color:#999;

    font-size:14px;

    margin:15px 0;

}

.page_blogsList li .con{

    color:#333;

    font-size:14px;

    line-height: 1.8;

}

.page_blogsList li .more{

    display: block;

    margin-top:30px;

    display: inline-block;

    color:#0063ae;

    border-bottom: 1px solid #0063ae;

}

.page_blogs_right .blog_item{

    background: #fff;

    margin-bottom: 30px;

    padding: 30px;

    border-top: 3px solid #14306a;

}

.page_blogs_right .blog_item .key{

    height: 45px;

    flex:1;

    border:1px solid #ddd;

    border-right:none;

    padding: 0 10px;

    font-size:14px;

}

.page_blogs_right .blog_item .btn{

    background: #d60000;

    border-radius: 0;

    font-size:14px;

    text-transform: capitalize;

    color:#fff;

}

.page_blogs_right .blog_item h4{

    font-size:18px;

    color:#333;

    padding: 0 0 15px;

    border-bottom: 1px solid #ddd;

    position: relative;

}

.page_blogs_right .blog_item h4:after{

    content:'';

    width: 80px;

    height: 3px;

    background: #14306a;

    border-radius: 1px;

    display: block;

    position: absolute;

    left: 0;

    bottom: -2px;

}

.page_blogs_right .blog_item li{

    line-height: 1.5;

    padding: 14px 0;

    border-bottom: 1px solid #ddd;

}

.page_blogs_right .blog_item li a{

    display: flex;

    vertical-align: middle;

}

.page_blogs_right .blog_item li i{

    font-size:18px;

    color:#333;

    line-height: 1.2;

    margin-right: 8px;

}

.page_blogs_right .blog_item li span{

    font-size:14px;

    color:#333;

}



.page_hotpic .tit{

    font-size:18px;

    text-align: center;

    position: relative;

    margin-bottom: 7px;

}

.page_hotpic .tit::before,.page_hotpic .tit::after{

    width:50px;

    height:1px;

    background: #eee;

    content:'';

    display:block;

    position: absolute;

    top:15px;

    left:0;

}

.page_hotpic .tit::after{

    left:auto;

    right:0;

}

.page_hotpic li{

    margin-bottom: 10px;

}

.page_hotpic li h4{

    font-weight: normal;

    text-align: center;

    font-size:14px;

    padding: 10px 0 5px;

}



/*翻页*/



.return_page p{

    flex:1;

    display: flex;

}

.return_page p span{

    font-size:14px;

    color:#333;

    line-height: 30px;

    overflow: hidden;

    height: 30px;

    display: block;

    flex:1;

    margin:0 10px;

}

.return_page p i{

    background: #222;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    font-size:18px;

    text-align: center;

    line-height: 30px;

    display: inline-block;

    color:#fff;

}

.return_page p.p1 i{

    transform: rotate(180deg);

}

.return_page p a{

    color: #333;

}

.return_page .go_history a{

    background: #3c4147;

    width:70px;

    height:30px;

    line-height:30px;

    text-align: center;

    color:#fff;

    position: absolute;

    right:0;

    top:50%;

    display:block;

    transform: translateY(-50%);

}



/* 页码 */



.pagination{

    text-align: center;

    display: block;

}

.pagination li{

    display: inline-block;

    margin:0 1px;

}

.pagination li span,.pagination li a{

    display: block;

    padding:0 10px;

    line-height:29px;

    background: #f7f7f7;

    color:#14306a;

}

.pagination li.active a{

    background: #14306a;

    color:#fff;

    border-color: #14306a;

}







/*在线留言*/

#my_form{

    padding: 30px 0 0;

}

#my_form table{

    width: 100%;

}

#my_form tr{

    display: inline-flex;

    width: 48%;

    margin-bottom: 15px;

}

#my_form tr:nth-child(2n){

    margin-left:4%;

}

#my_form tr.content{

    width: 100%!important;

    display: flex;

    margin-left:0;

}

#my_form tr td:first-child{

    line-height: 34px;

    color: #333;

}

#my_form tr td:last-child{

    flex: 1;

}

#my_form tr input,#my_form tr textarea{

    height:34px;

    width: 100%!important;

    border: 1px solid #ccc;

    padding: 0 10px;

    color: #333;

    outline: none;

    border-radius: 4px;

    font-size: 14px;

    font-family: 微软雅黑;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

#my_form tr input:focus,#my_form tr textarea:focus{

    border-color: #66afe9;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

}

#my_form tr ::placeholder{

    color: #999;

    font-family: 微软雅黑;

    font-size: 14px;

}

#my_form tr textarea{

    height:100px;

    padding-top: 6px;

}

#my_form .btn{

    margin-left:30px;

}

#my_form .btn input{

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-top-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    border-left-color: transparent;

    border-radius: 4px;

}

#my_form .btn input:first-child{

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

}

#my_form .btn input:first-child:focus{

    color: #fff;

    background-color: #286090;

    border-color: #122b40;

}
.wap_pro_menu{
  display: none;
}
.line{
    position: relative;
    display: block;
    width: 19px;
    height: 2px;
    margin: 4px 0;
    background: #14306a;
}
.pro_menu{
    float: right;
}
.list_menu{
    display: none;
}
.list_menu .menu{
    position: absolute;
    left: 0;
    top: 40px;
    background-color: #fff;
    width: 100%;
    z-index: 9;
    height: 100%;
}
.bdsharebuttonbox span{

    line-height:30px;

}
@media screen and (max-width:376px) {
	.news_con dt .img_scale .img {
	    height: 230px;
	}
	.page_contactindex .code {
	    margin: 0 auto;
	}
	.img_scroll .owl-buttons>div {
		display: none;
	}
	.news_more {
	    margin-top: 10px;
	}
}
@media  screen and (max-width:768px) {
	.page_index table {
		width: 100%!important;
	}
}