/**about**/

.m_bn
{
 display:none;
}
 .n_banner{
    width: 100%;
    position:relative;
    left: 0%;
    margin-left: 0px;
    margin-top: 100px;
}
 .n_banner img{
    width: 100%;
    margin:0 auto
}
.hz
{
 position: relative;
 padding: 110px 0px 110px;
 background: url(../images/hz-bg.jpg) no-repeat center 80px;
}
#wrap
{
 border: 1px #ddd solid;
}


.hz_main
{max-width: 1440px;padding: 0px 20px;overflow: hidden;margin: auto;}
.hz_list
{width: calc((100% - 60px)/3);float: left;margin-right: 30px;position: relative;margin-bottom: 30px;cursor: pointer;}

.hz_list:nth-of-type(3n)
{
 margin-right: 0px;
}

.hz_list_img
{position: relative;overflow: hidden;cursor: pointer;background: url(../images/ty_132.jpg) no-repeat right bottom;background-size: 100%;}
.hz_list_img img
{max-width: 100%;background: #fff;transform: scale(1);transition: all 0.5s;opacity: 0;}

.hz_list_text
{
 position: absolute;
 top: 50%;
 width: 100%;
 transform: translateY(-50%);
 opacity:1;
 transition: all 0.5s;
}
.hz_list:hover .hz_list_text
{
 opacity:0;
 top: 60%;
}



.hz_list:hover .hz_list_img img
{
transform: scale(1.1);
opacity:1;
}



.hz_list p:nth-of-type(2)
{
 font-size: 16px;
 text-align: center;
 color: #999;
}

.hz_list p:nth-of-type(1)
{
 font-size: 30px;
 text-align: center;
 padding: 0px 0px 10px;
 color: #333333;
}

.ny_ab
{padding: 110px 50px 0px;position: relative;overflow: hidden;max-width: 1400px;margin: auto;background: #fff;top: -70px;z-index: 9;}

.pe
{
 text-align: center;
 font-size: 40px;
 color: #333;
}
.pe span
{
 display: block;
 text-transform: uppercase;
 color: #e2e2e2;
 font-size: 36px;
}

.ny_ab_fl
{

text-align: center;
}

.ny_ab_fl li
{
    
width: 160px;
    
display: inline-block;
    
margin: 0px 10px;
}

.ny_ab_fl li a
{
    
display: block;
    
height: 54px;
    
line-height: 54px;
    
border: 1px #eee solid;
    
text-align: center;
    
border-radius: 4px;
    
cursor: pointer;
    
font-size: 16px;
}

.ny_ab_fl li.cur a
{
 background: #003567;
 color:#fff;
 border: 1px #003567 solid;
}


.ny_ab_fl li a:hover
{
 background:#003567;
 color:#fff;
border: 1px #003567 solid;
}


.ny_ab_main
{max-width: 1440px;margin: 40px auto 0px;position: relative;}

.ny_ab_main ul
{
 position: absolute;
 top: 0px;
 opacity: 0;
 width: 100%;
 transition: all 0.5s;
}
.ny_ab ul
{
 opacity:1;
}


.ny_ab_main ul:nth-of-type(1)
{
 position: relative;
}

.ny_ab_main ul.cur
{opacity: 1;z-index: 2;}


.ny_ab_main ul li .pr_img
{position: relative;overflow: hidden;cursor: pointer;height: 380px;}
.swiper_ablist
{
 bottom: 0px !important;
 position: relative;
 text-align: center;
 margin-top: 30px;
}

.swiper_ablist span
{
 width: 12px;
 height: 12px;
 background: #f3f3f3;
 opacity: 1;
}
.swiper_ablist .swiper-pagination-bullet-active
{
 background: #0d56a5;
}


.ny_ab_main ul li img
{
    position: absolute;
  top:50%;
  left:50%;
    transform:
    translate(-50%, -50%);
  width:100%;
    transition:
    all .5s ease;
}

.ny_ab_main ul li .pr_img:hover img
{
transform:translate(-50%, -50%) scale(1.1);
}



/**ny**/

.news_fl
{

background: #f6f6f6;

text-align: center;
}
.xq_fl
{
background: #fff; 
}


.news_fl li
{

display: inline-block;
}
.news_fl li a
{
    line-height: 80px;
    font-size: 16px;
    padding: 0px 40px;
    display: block;
    color: #666;
}

.news_fl li a.active
{
    background: #003567;
    color: #fff;
}

.news_fl li a:hover
{
    background: #003567;
    color: #fff;
}


.nynews_main
{max-width: 1440px;padding: 50px 20px 100px;margin: auto;overflow: hidden;}

.nynews_list
{width: 100%;float: left;margin-right: 0px;padding: 50px 0px;border-bottom: 1px #eee solid;}

.nynews_list:nth-of-type(3n)
{
 margin-right: 0px !important;
}

.nynews_list_c
{display: flex;width: 100%;justify-content: center;align-items: center;}

.nynews_list_img
{overflow: hidden;position: relative;height: auto;float: left;width: 40%;}

.nynews_list_img a img
{
    display: block;
    width: 100%;
    transform: scale(1);
    transition: all 0.5s;
}
.nynews_list:hover .nynews_list_img a img
{
    transform: scale(1.1);
}


.nynews_list_text
{padding: 0px 0px 0px 70px;width: 60%;float: left;}

.time
{font-size: 16px;color: #777777;margin-top: 15px;}

.nynews_list_ptitle a
{
    font-size: 24px;
    color: #333333;
}
.nynews_list_ptitle a:hover
{
     color:#0d56a5;
}
.more
{
 width: 150px;
 height: 46px;
 background: #0d56a5;
 display: block;
 color: #fff !important;
 line-height: 46px;
 text-align: center;
 border-radius: 23px;
 margin-top: 20px;
}
.more:hover
{
  background: #1e6fc7;
}


.nynews_list_summary
{
    color: #777777;
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.7em;
    overflow: hidden;
    text-overflow:
    ellipsis;
    display:
    -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    min-height: auto;
}
.nynews_list_text .more a
{
 background: url(../images/more.png) no-repeat left center;
 width: 23px;
 height: 13px;
 margin-top: 15px;
 display: block;
}
.nynews_list_c:hover .nynews_list_text .more a
{
 background: url(../images/more.png) no-repeat left center;
}

.nynews_main_center
{
 padding-bottom: 50px;
}




.news_detail h1.title {
    text-align: left;
    font-size: 24px;
    border-bottom: 0px solid #e0e1dc;
    margin-bottom: 5px;
    padding-bottom: 10px;
    color: #333;
}
.info_title {
    border-bottom: 1px solid #e1e4e6;
}

.news_detail h3.title_bar {
    line-height: 26px;
    text-align: left;
    font-weight: normal;
    color: #808080;
    font-size: 14px;
    overflow: hidden;
    padding-bottom: 10px;
}

.content {
    font-size: 16px;
    color: #666;
    line-height: 1.8em;
    padding-top: 20px;
}

.detailpage {
    line-height: 26px;
    border-top: 1px solid #e0e1dc;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 16px;
    color: #999999;
}
.precontent {
    width: 50%;
    float: left;
    line-height: 50px;
    font-size: 14px;
}
.nextcontent {
    width: 50%;
    float: right;
    text-align: right;
    line-height: 50px;
    font-size: 14px;
}

.page span
{
    color: #999999;
}
.page a
{
    color: #999999;
}
.page a:hover
{
   color: #0d56a5;
}

.news_detail_center
{max-width: 100%;padding: 50px;background: #fff;overflow: hidden;}

.news_detail
{
    overflow: hidden;
    max-width: 1440px;
    padding: 0px 20px;
    margin: auto;
    margin: 80px auto 40px;
}



/**case**/

.case_main_center
{margin: 100px auto;overflow: hidden;max-width: 1440px;padding: 0px 20px;}
.case_main
{

max-width: 1440px;

padding: 0px 20px 0px;

margin: auto;

overflow: hidden;
}

.case_list
{width: calc((100% - 60px)/3);float: left;margin-right: 30px;margin-bottom: 30px;}

.case_list:nth-of-type(3n) {
    margin-right: 0px;
}

.case_list_c
{

}

.case_list_img
{overflow: hidden;position: relative;height: 300px;background: #000;}

.case_list_img a
{
 display:
 block;
 width: 100%;
 height: 100%;
}

.case_list_img a .img{
 display: block;
 background-size: cover !important;
 height: 100%;
 transform: scale(1);
 transition: all 0.5s;
}
.case_list_img a:before
{
    content: '+';
    width: 64px;
    height: 64px;
    background: #003567;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    line-height: 60px;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%,-100%);
    transition: all 1s;
    opacity: 0;
}

.case_list:hover .case_list_img a:before
{
 top: 50%;
 transform: translate(-50%,-50%);
 opacity:1;
}


.case_list:hover .case_list_img a .img
{
 transform: scale(1.1);
 opacity:0.8;
}


.case_list_img img
{
    
}
.case_list_text
{background: #f6f6f6;padding: 15px;}

.case_list_ptitle
{font-size: 18px;color: #333;text-align: center;}

.case_list_ptitle a
{
    color: #333;
    display: block;
}
.case_list:hover .case_list_ptitle a
{
color: #003567;
}

.case_list_summary
{
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    margin-top: 10px;
    min-height: 52px;
    overflow: hidden; 
text-overflow:
    ellipsis;
display:
    -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}



/**honor**/

.honor_main
{

overflow: hidden;

position: relative;
}

.honor_main ul li:nth-of-type(4n) {
    margin-right: 0px;
}

.honor_main ul li
{

width: calc((100% - 60px)/4);

float: left;

margin-right: 20px;

margin-bottom: 20px;
}
.honor_main ul li p
{padding: 20px;color: #333;text-align: center;font-size: 16px;transition: all 0.5s;}



.honor_main ul li:hover .honor_img:before
{
    opacity:1;
    transform: translate(-50%,-50%);
}


.honor_img
{position: relative;overflow: hidden;background: #f6f6f6;text-align: center;padding: 40px;}
.honor_img img
{width: auto;transform: scale(1);transition: all 0.5s;height: 290px;}


.honor_main ul li:hover .honor_img img
{
transform: scale(1.1);
opacity:0.8;
}


.ny_contact
{
 width: 100%;
 overflow: hidden;
 padding: 100px 0px 0px;
}
.contact_title{font-size: 26px;color: #333;width: 100%;margin-bottom: 20px;}


.ny_contact ul
{
 max-width: 1440px;
 margin: auto;
 padding: 0px 20px;
}
.ny_contact ul li
{
 width: 50%;
 float: left;
 padding-right: 100px;
 border-right: 1px #eee solid;
}

.ny_contact ul li:nth-last-of-type(1)
{
 margin-right: 0px;
 padding-right: 0px;
 padding-left: 100px;
 border-right: 0px #eee solid;
}
.ny_contact ul li:nth-last-of-type(1) p
{
 color: #333333 !important;
 background: url(../images/int.png) no-repeat left center;
 padding-left: 24px;
}
.ny_contact ul li:nth-last-of-type(1) p:nth-of-type(1)
{
 background: url(../images/address.png) no-repeat left center;
}


.ny_contact ul li p
{
 color: #999 !important;
 line-height: 2em;
 font-size: 18px !important;
}
.messages
{
 display: block;
 width: 150px;
 height: 45px;
 background: #0d56a5;
 line-height: 45px;
 color: #fff !important;
 font-size: 16px;
 text-align: center;
 margin-top: 20px;
 cursor: pointer;
}
.messages:hover
{
 background: #0d63bf;
}

.ny_contact ul li p a
{
 color: #333333 !important;
 font-size: 18px !important;
}

.ny_contact ul li p:nth-of-type(2)
{
 color: #333333 !important;
 font-size: 16px !important;
 font-weight: normal;
 margin: 30px 0px;
 background: url(../images/phone.png) no-repeat left center;
}

.contact_center
{
 background: #f6f6f6;
 overflow: hidden;
}


.contact
{

overflow: hidden;

max-width: 1440px;

margin: auto;

padding: 60px 20px 100px;
}



.ly{
 width: 100%;
 height: 100vh;
 position: fixed;
 background: rgba(0,0,0,0.8);
 top: 0px;
 z-index: 999;
 left: 0px;
 display: none;
}
.ly.active_fl{
 display: block;
}


.contact_map
{overflow: hidden;max-width: 1440px;padding: 0px;margin: auto;}
.contact_left
{width: 700px;float: left;padding: 40px 80px 50px;position: absolute;z-index: 999;height: 440px;top: 50%;left: 50%;background: #fff;transform: translate(-50%,-50%);}

.contact_left .zxly p{
 color: #333;
 font-size: 30px;
 margin-bottom: 10px;
 text-align: center;
}

.contact_left p a
{
 color:#333;
}


.contact_left p
{font-size: 18px;color: #333;line-height: 1.8em;}
.contact_right
{
    
width: 100%;
    
float: left;
    
overflow: hidden;
}

.contact_right .form-group
{width: calc((100% - 0px)/2);float: left;margin: 0px;padding: 5px;}
.ct_name
{

}
.messagesLeft
{
 width: 100%;
 float: left;
}
.ct_Mail
{
 overflow: hidden;
 padding: 0px 5px !important;
}


.messagesLeft .form-group
{
 width: 50%;
 float: left;
}
.form-group {
    margin-bottom: 0rem;
    padding: 10px 5px;
}

.ly_Message
{
 float: left !important;
 width: 100% !important;
}

.ly_Message textarea
{
 border: none;
 background: #f6f6f6 !important;
 height: 80px;
 padding: 10px 20px;
}


.form-group-center
{
 width: 80%;
 float: left;
}
.ly_yzm .submit
{
 width: 20%;
 float: right;
 padding: 0px 0px 0px 8px;
}

.ly_yzm .submit .btn{
 width: 100%;
 height: 50px;
 background: #003567 !important;
 border-color: #003567 !important;
 border-radius: 2px !important;
 box-shadow: none !important;
}

.yzm_input
{
 width: calc(100% - 140px);
 float: left;
 padding: 0px 5px 0px 0px;
}
.yzm
{
 width: 140px;
 float: right;
 padding: 0px 0px 0px 5px;
}
.yzm img
{
 border-radius: 2px;
}

.ly_yzm
{
 width: 100% !important;
}

.contact_right input
{

height: 50px !important;

background: #f6f6f6 !important;

color: #666 !important;
}

.contact_right textarea
{
 background: #f6f6f6 !important;
 border: none;
 height: 110px;
}

.contact_left input::input-placeholder{
 color:#999 !important;
} 

.contact_left input::-webkit-input-placeholder { 
color: #999 !important; 
font-size:14px;
} 
.contact_left input:-moz-placeholder { 
color: #999 !important; 
font-size:14px;
} 
.contact_left input::-moz-placeholder { 
color: #999 !important; 
font-size:14px; 
} 
.contact_left input:-ms-input-placeholder { 
color: #999 !important; 
font-size:14px; 
}


.Details {
    overflow: hidden;
    margin: 0px 0px 40px;
}
.fa_Prodt {
    max-width: 1440px;
    margin: auto;
    padding: 0px 20px;
}
.fa_wrapper {margin-top: 60px;}
.fa_comm_cnt {
    overflow:hidden;
}
.fa_comm_r {
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
}
.fa_top_l {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-right: 0px;
}
.fa_dt_r{
    width: calc(50% - 10px);
    float: left;
    padding: 60px 50px 0px;
    background: #f6f6f6;
}
.fa_pro_tit {
}
.fa_big_swp {
    background: #fff;
    width: 100%;
    position: relative;
}
.fa_mohide {
    position: absolute;
    bottom: 0px;
    z-index: 9;
}
.fa_big_swp .swiper-slide {
    position: relative;
    height: 500px;
    overflow: hidden;
    margin-right: 0px !important;
}
.fa_big_swp .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.fa_Imgmax{
}
.fa_btn_l {
   width: 65px;
   left: 0px;
   float: left;
}
.fa-angle-left:before{
   width: 65px;
   height: 44px;
   display: block;
   font-size: 20px;
   color: #999;
   text-align: center;
   line-height: 44px;
   background: #eeeeee;
   cursor: pointer;
}
.fa_btn_r {
   width: 65px;
   left: 0px;
   float: left;
}
.fa-angle-right:before {
    content: "\f105";
    width: 65px;
    height: 44px;
    display: block;
    font-size: 20px;
    color: #999;
    text-align: center;
    line-height: 44px;
    background: #eeeeee;
    cursor: pointer;
}
.fa-angle-right:hover:before {
    color: #fff;
    background: #1a9c52;
}
.fa-angle-left:hover:before {
    color: #fff;
    background: #1a9c52;
}
.fa_content {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 80px;
    border: 0px #f6f6f6 solid;
}
.Details_mbx_c {
    max-width:1400px;
    overflow: hidden;
}
.Details_mbx{
    overflow: hidden;
    margin-top: 60px;
}
.upanddown{
    width: 100%;
    float: left;
    text-align: center;
    background: #f6f6f6;
}
.upanddown .up {
    float: left;
}
.upanddown .up i
{

margin-right: 10px;}

.upanddown .pr_list {
}
.upanddown .dow {
    float: right;
}
.upanddown .dow i
{

margin-left: 10px;}

.upanddown a {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    padding: 0px 20px;
    text-align: center;
    color: #999;
    border-radius: 30px;
    min-width: 150px;
    margin-left: 0px;
    background: #eeeeee;
}
.upanddown a:hover {
    background:#0d56a5;
    color:#fff;
}
.hot_c{
    width: 50%;
    float: left;
}
.fa_pro_tit {
    font-size: 34px;
    color: #333;
}
.ext_Specification {
    font-size: 16px;
    color: #666666;
    padding: 0px 0px;
    margin-top: 15px;
    line-height: 1.8em;
}
.ext_use {
    font-size: 16px;
    color: #666;
    padding: 30px 0px;
    line-height: 1.8em;
    border-bottom: 1px #ddd solid;
}
.ext_tel{
}
.ext_tel p{
    padding-top: 30px;
    font-size: 16px;
    color: #666;
}
.ext_tel span{
    display: block;
    color: #0d56a5;
    background: url(../images/kf.png) no-repeat left;
    font-size: 30px;
    padding-left: 45px;
    font-family: arial !important;
    font-weight: bold;
    background-size: 36px;
}
.fa_tab_content{
    padding: 30px 0px;
}
.fa_tab_content p {
    line-height: 36px;
    font-size: 16px;
    color: #666666;
}
.fa_active {
    display: block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    background: #0d56a5;
    font-size: 18px;
    color: #fff;
    padding: 0px 34px;
    cursor: pointer;
    text-align: center;
}
.mbx a{
 font-size: 15px;
 color: #999;
}
.mbx
{
 color: #999;
 line-height: 60px;
 border-bottom: 1px #eee solid;
}

.fa_active i {
   display: inline-block;
   background: url(../images/xq1.png) no-repeat center;
   width: 15px;
   height: 15px;
   margin-left: 10px;
}
.cur .fa_active i {
    background: url(../images/xq2.png) no-repeat center;
}
.fa_tab_tit{
    background: #fff;
    margin-bottom: 20px;
}






.contact_left textarea::input-placeholder{
    color:#999 !important;
   } 
   
   .contact_left textarea::-webkit-input-placeholder { 
   color: #999 !important; 
   font-size:14px;
   } 
   .contact_left textarea:-moz-placeholder { 
   color: #999 !important; 
   font-size:14px;
   } 
   .contact_left textarea::-moz-placeholder { 
   color: #999 !important; 
   font-size:14px; 
   } 
   .contact_left textarea:-ms-input-placeholder { 
   color: #999 !important; 
   font-size:14px; 
   }