/* CSS Document */
body { font-family: "Microsoft Yahei"; font-size: 0.875rem; color: #333333; padding: 0; margin: 0; background-color: #fff; overflow-x: hidden;}
input, textarea, select, button { font-family: "Microsoft Yahei"; color: #333333; font-size: 0.875rem;}
a:focus, :focus, input[type=button], input[type=submit] { outline: none; blr: expression(this.onFocus=this.blur());}

/*首页*/
.header {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.h_wel{
    background: #f7f7f7;
    line-height: 30px;
    height: 30px;
}
.header_top {
    width: 100%;
    height: 42px;
    overflow: hidden;
    background: url("../images/header_top_bg.jpg") no-repeat top center #F3F1F2;
    background-size: contain;
}
.header_top1 {
    width: 96%;
    max-width: 1200px;
    height: 42px;
    margin: 0px auto;
    overflow: hidden;
}
.header_top1 span{
    color: #666;
    line-height: 42px;
    font-size: 0.78rem;
}
.header_top1 p {
    height: 42px;
    line-height: 42px;
    float: right;
    color: #666;
    text-align: center;
}
.header_top1 p a {
    color: #666;
    font-size: 12px;
}

.header_center {
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}

.logo {
    width: 655px;
    height: 86px;
    float: left;
    margin: 6px 0 15px;
    /*background: url("../images/logo_bg.png") no-repeat right;*/
}

.logo img {
    /*max-width: 210px;*/
    /*height: auto;*/
    display: block;
}

.mune {
    display: none;
}

.header_tel {
    height: 42px;
    overflow: hidden;
    float: right;
    background: url("../images/tel_bg.png") no-repeat left;
    margin-top: 30px;
}

.header_tel p {
    color: #333;
    margin: 0px 0px 0px 60px;
}

.header_tel span {
    color: #DCAD3B;
    margin-left: 60px;
    font-size: 22px;
    float: left;
    line-height:24px;
    font-weight: 600;
}
/*#b0f810  荧光绿*/
.nav_bg {
    width: 100%;
    height: 65px;
    float: left;
    background: #ff4500;
}

.nav {
    width: 96%;
    max-width: 1200px;
    height: 65px;
    margin: 0px auto;
}

.nav li {
    width: 12.5%;
    height: 65px;
    float: left;
    text-align: center;
    line-height: 65px;
    position: relative;
}
.nav li a {
    height: 63px;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
}
.nav li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #ff4500;

}

.nav .nav_active + li {
    background-image: none;
}
.nav .nav_active > a{
    color: #333333;
    border-bottom: 2px solid #ff4500;
    display: inline-block;
}
.nav li .b_nav{
    width:150px;
    height:auto;
    float:right;
    position:absolute;
    top:63px;
    left:0;
    z-index:99;
    overflow:hidden;
    display:none;
    background:#ff4500;
    /*background:rgba(250,178,32,0.9)!important;*/
    /*filter:Alpha(opacity=90);*/
    /*margin-top: -1px;*/
}
.nav li .b_nav a{
    width:100%;
    height:35px;
    font-size:0.75rem;
    color:#333;
    line-height:35px;
}
.nav li .b_nav a:hover{
    color: #174A9D;
    border-bottom: none;
}


@media(max-width: 1024px){
    .logo{
        width: 60%;
        background:none;
    }
}

.banner {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.rmgjc_bg {
    width: 100%;
    height: 62px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #B9B9B9;
}

.rmgjc {
    width: 96%;
    max-width: 1200px;
    height: auto;
    margin: 0px auto 0px;
}

.gjc {
    max-width: 50%;
    height: 62px;
    float: left;
    line-height: 62px;
}

.gjc span {
    color: #333333;
    line-height: 62px;
    float: left;
}
.gjc a{
    color: #333;
    font-style: normal;
    float: left;
    margin-left: 15px;
}

.suosuo {
    width: 318px;
    height: 35px;
    float: right;
    margin: 8px 0px 0px 0px;
    border: 1px solid #D2D4D3;
}

.sousuo_kuang {
    width: 280px;
    height: 35px;
    float: left;
}
.sousuo_kuang input {
    width: 275px;
    height: 33px;
    line-height: 35px;
    border: 0;
    padding-left: 5px;
    float: left;
}

.sousuo_btn {
    width: 36px;
    height: 33px;
    float: left;
}
.sousuo_btn input{
    display: block;
    border:none;
    outline: none;
    cursor: pointer;
    background:url(../images/sousuo_btn.jpg) no-repeat center;
    width: 100%;
    height: 100%;
}
.product_bg{
    width: 1920px;
    height: auto;
    background: #F3F1F2;
    overflow: hidden;
    margin-top: 60px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.product {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.product_content {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

#outer {
    width:100%;
    margin:0px auto;
}
.product_l{
    width: 23%;
    height: auto;
    float: left;
    overflow: hidden;
    position: absolute;
    margin-top: 30px;
    margin-left: 23%;
    z-index:999;
}
#tab {
    overflow:hidden;
    zoom:1;
}
#tab li {
    width: 30.33%;
    float:left;
    color:#fff;
    height:40px;
    cursor:pointer;
    line-height:40px;
    text-align: center;
    margin-right: 3%;
    background: #ff4500;
}
#tab li.current {
    color:#174A9D;
}
#content {
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
}
#content dl {
    display:none;
    margin:0px;
    position: relative;
}
#content dl dt{
    width: 63%;
    height: auto;
    float: left;
    background: url("../images/slg_bg.jpg");
    position: absolute;
    margin-top: 100px;
}
#content dl dt div{
    margin-left: 30%;
    position: relative;
    float: left;
    padding-bottom: 5%;
}
#content dl dt div img{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: right;
    margin-right: -44px;
    margin-top: 70px;
}
#content dl dt div a{
    display: block;
    float: left;
    margin: 2% 0 2% 10%;
    font-size: 30px;
    color: #073190;
}
#content dl dt div a:hover{
    text-decoration: none;
}
#content dl dt div p{
    float: left;
    margin: 0 5% 0 10%;
    font-size: 16px;
    line-height: 25px;
}
#content dl dd{
    width: 37%;
    overflow: hidden;
    float: right;
}
#content dl dd img{
    width: 100%;
    height: auto;
    overflow: hidden;
}


@media(max-width: 1299px){
    .product_bg{
        width: 100%;
        left:0;
        margin:40px 0 0;
    }
    .product_l{
        width: 60%;
        margin-left: 2%;
    }
    #content dl dt div img{
        
    }
    #content dl dt div{
        margin-left: 2%;
    }
    #content dl dt div img{
        margin-right: 0;
        margin-top:25px;
        display: none;
    }
    #content dl dt div a {
        margin: 2% 0 2% 0%;
        font-size: 24px;
    }
    #content dl dt div p {
        margin: 0 2% 0 0%;
        font-size: 15px;
    }
}
@media(max-width:768px){
    #content dl dt div{
        float:none;
    }
}
.sy_title{
    width: 457px;
    height: auto;
    overflow: hidden;
    margin: 40px auto 0px;
    text-align: center;
}
.sy_title span{
    font-size: 36px;
    color: #073190;
}
.sy_title span i{
    color: #000;
    font-style: normal;
}
.sy_title p{
    height: 35px;
    line-height: 30px;
    font-size: 30px;
    color: #a2a2a2;
    font-family: SimSun;
    background: url("../images/title_bg.png") no-repeat center;
    margin-top: 12px;
}

@media(max-width: 1024px){
    .sy_title span{
        font-size:30px;
    }
    .sy_title p{
        font-size:24px;
        background:none;
    }
}


.abouts{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #F3F1F2;
}
.abouts1{
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 30px auto 50px;
}
.abouts_l{
    width: 45%;
    max-width: 470px;
    height: 507px;
    float: left;
}
.abouts_r{
    width: 51%;
    max-width: 620px;
    height: auto;
    float: right;
}
.abouts_r h3{
    font-size: 22px;
    color: #073190;
    margin: 20px auto 20px;
}
.abouts_r .text p{
    line-height: 25px;
    text-indent: 2em;
}
.abouts_r a{
    width: 120px;
    height: 37px;
    display: block;
    background: #ff4500;
    text-align: center;
    line-height: 37px;
    color: #073190;
    float: right;
    margin: 20px 0 30px;
}

.product_r {
    width: 890px;
    height: auto;
    float: right;
}

.product_r_content {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
}


.youshi {
    width: 1920px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-left: -960px;
    left: 50%;
    background: url("../images/youshi_bg.jpg") no-repeat;
}
.youshi_content{
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 69px auto 52px;
}
.youshi_1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    padding-bottom: 20px;
}
.youshi_1 .img{
    width: 50%;
}
.youshi_1 .img,.youshi_3 .img,.youshi_5 .img{
    float: left;
}
.youshi_2 .img,.youshi_4 .img,.youshi_6 .img{
    float: right;
}
.youshi_1_txt{
    width: calc(50% - 30px);
    max-width: 490px;
    height: auto;
    overflow: hidden;
    float: left;
    background: url("../images/youshi_ico1.png") no-repeat left top;
    margin: 20px 0 0 30px;
}
.youshi_1_txt span{
    color: #333333;
    font-size: 30px;
    margin: 38px 0px 0px 150px;
    display: block;
    font-weight: 600;
}
.youshi_1_txt p{
    margin: 18px 0px 0px 5px;
    line-height: 30px;
    font-size: 18px;
}
.youshi_2_txt{
    background: url("../images/youshi_ico2.png") no-repeat left top;
}
.youshi_3_txt{
    background: url("../images/youshi_ico3.png") no-repeat left top;
}
.youshi_4_txt{
    background: url("../images/youshi_ico4.png") no-repeat left top;
}
.youshi_5_txt{
    background: url("../images/youshi_ico5.png") no-repeat left top;
}
.youshi_6_txt{
    background: url("../images/youshi_ico6.png") no-repeat left top;
}


@media(max-width: 1440px){
    .youshi_1_txt p{
        font-size:16px;
    }
}
@media(max-width: 1259px){
    .youshi{
        width: 100%;
        left:0;
        margin-left: 0;
    }
    .youshi_content{
        margin: 35px auto 30px;
    }
    .youshi_1_txt{
        background-size: 80px 40px;
        margin:10px 0 0 20px;
    }
    .youshi_1_txt span{
        margin: 10px 0px 0px 100px;
        font-size:24px;
    }
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
    .youshi_1_txt{
        background-size: 60px 30px;
        margin: 10px 0 0 20px;
    }
    .youshi_1_txt span {
        margin: 10px 0px 0px 60px;
        font-size: 20px;
    }
}

.cailiao{
    width: 96%;
    max-width: 1200px;
    height:auto;
    overflow: hidden;
    margin: 0px auto;
}
.cailiao_content{ width:100%; height:auto; margin:40px auto 30px; overflow:hidden;}
.picScroll-left .bd{width:100%; height:auto;overflow:hidden;}
.picScroll-left .bd ul{ width: 100%; }
.picScroll-left .bd ul li{ width:25%; height:auto; float:left; overflow:hidden; position: relative;}
.picScroll-left .bd ul li img{ width:90%; height:auto; border: 2px solid #ff4500; margin: 0px auto; display: block;}


.picScroll-left .hd{ overflow:hidden; height:auto; margin: 40px auto 40px; }
.picScroll-left .hd ul{ margin: 0px auto; overflow:hidden; zoom:1; display: table; text-align: center; }
.picScroll-left .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -16px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }


.cailiao_content .c-banner2{
    padding-bottom: 60px;
}
.c-banner2 .swiper-slide img{
    border: 2px solid #ff4500;
    text-align: center;
}


.news{
    width:1920px;
    height:620px;
    overflow:hidden;
    position: relative;
    margin-left: -960px;
    left: 50%;
    background: url("../images/news_bg.jpg") no-repeat;
}
.news_content{
    width:1200px;
    height:auto;
    overflow:hidden;
    margin:62px auto 0;
}
.news_l{
    width: 530px;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 34px 0 0 36px;

}
.news_l dl{
    width: 100%;
    padding-bottom: 30px;
    float: left;
    border-bottom: 1px dashed #073190;
    margin-bottom: 30px;
}
.news_l dl:last-child{
    border: none;
}
.news_l dl dt{
    width: 200px;
    height: auto;
    float: left;
}
.news_l dl dt img{
    width: 100%;
    height: auto;
    display: block;
}
.news_l dl dd{
    width: 295px;
    overflow: hidden;
    float: right;
}
.news_l dl dd a{
    font-size: 16px;
    color: #073190;
    margin-top: 0px;
    display: block;
}
.news_l dl dd p{
    color: #555;
    margin: 10px 0 0px;
}
.news_l dl dd i{
    float: right;
    font-style: normal;
}
.news_l dl dd i a{
    font-size: 12px;
}
.news_content ul{
    width: 540px;
    float: right;
    margin-right: 40px;
    margin-top: 31px;
}
.news_content ul li{
    width: 100%;
    height: 57px;
    float: left;
    line-height: 57px;
    overflow: hidden;
    border-bottom: 1px dashed #073190;
}
.news_content ul li > a{
    color: #ffffff;
    font-weight: normal;
    float: left;
    margin-left: 20px;
}
.news_content ul li span{
    float: left;
    font-size: 22px;
    color: #555;
    /*margin: 0 40px 0 36px;*/
    width: 140px;
    text-align: center;
}
.news_content ul li a{
    float: left;
    font-size: 14px;
    color: #000;
    margin: 0  0px 0 20px;
    width: calc(100% - 160px)
}


@media(max-width:1259px){
    #swiper-container1 .swiper-button-prev,#swiper-container1 .swiper-button-next{
        display: none;
    }
    .news {
        width: 100%;
        height: auto;
        margin-left: -0;
        left: 0%;
    }
}

.anli {
    width: 1920px;
    /*height: 914px;*/
    position: relative;
    overflow: hidden;
    margin-left: -960px;
    left: 50%;
    background: url("../images/anli_bg.jpg") no-repeat;
}
.anli_content{
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 40px auto 0;
}
.da-thumbs{
    width: 102%;
    height:auto;
    position:relative;
    margin:0px;
    padding:0;
    overflow: hidden;
}
.da-thumbs li{
    width:32%;
    height: auto;
    float:left;
    position:relative;
    margin: 0px 2% 2% 0;
}
.da-thumbs li:nth-child(3n){
    margin-right: 0;
}
.da-thumbs li a,.da-thumbs li a img{
    display:block;
    position:relative;
    width: 100%;
}
.da-thumbs li a{
    color:#333;
    overflow:hidden;
}
.da-thumbs li a p{
    border:2px solid #ff4500;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    border-top: 0;
}
/*.da-thumbs li a div{*/
    /*position:absolute;*/
    /*background:#4caf3c;*/
    /*background:rgba(76,175,60,0.7);*/
    /**background:#4caf3c;*/
    /*background:#4caf3c\0;*/
    /*filter:alpha(Opacity=70);*/
    /*width:100%;*/
    /*height:100%;*/
    /*display: none;*/
    /*border-radius: 10px;*/
/*}*/

@media(max-width: 1600px){
    .anli{
        width: 100%;
        margin:0;
        height: auto;
        left:0;
    }
    .da-thumbs{
        width: 100%;
    }
}

.link{
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #F3F1F2;
}
.link1{
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    line-height: 60px;
}
.link1 span{
    float: left;
    color:#333;
}
.link1 p{
    float: left;
    margin-left: 5px;
}
.link1 p a{
    color:#333;
    margin-right: 15px;
}

.footer {
    width: 100%;
    height: 322px;
    overflow: hidden;
    margin: 0px auto;
    background: url("../images/footer_bg.jpg") repeat-x;
}
.footer1 {
    width: 96%;
    max-width: 1200px;
    height: auto;
    margin: 0px auto;
    overflow: hidden;
}
.bot_nav {
    width: 100%;
    height: 58px;
    overflow: hidden;
    float: left;
}
.bot_nav a {
    width: 12.3%;
    height: 17px;
    line-height: 17px;
    display: block;
    color: #333;
    float: left;
    border-right: 1px solid #333;
    margin-top: 20px;
    text-align: center;
}
.bot_nav a:last-child{ border: none;}


.bot_txt {
    width: 60%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 45px 0 0 0px;
    color: #fff;
    line-height: 28px;
}
.bot_txt img{
    float: left;
    margin: 0px 30px 0 0;
}
.bot_txt p{
    /*float: left;*/
    margin-top: 0px;
}


.ewm{
    float: right;
    margin: 65px 0 74px 55px;
}
.ewm p{
    width: 115px;
    float: left;
    margin-left: 30px;

}
.ewm p img{
    width: 100%;
    height: auto;
}
.ewm p span{
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
}

.footers {
    display: none;
}

/*新闻列表*/
.ny_banner {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ny_banner img {
    width: 100%;
    height: auto;
}

.ny_main {
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0px auto 30px;
}

.daohang {
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin: 0px auto 20px;
    border-bottom: 2px solid #ff4500;
}

.daohang span {
    font-size: 1rem;
    color: #ff4500;
    border-left: 3px solid #ff4500;
    padding-left: 15px;
}

.daohang p {
    float: right;
    line-height: 55px;
}

.daohang p a {
    color: #333;
}

.daohang p font {
    color: #333333;
}

.ny_news {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0;
}

.ny_news_content {
    width: 78%;
    max-width: 940px;
    height: auto;
    overflow: hidden;
    float: right;
}
#container .content{
    position: relative;
    top: 0;
    left: 0;
    color: #333;
    z-index: 999;
    bottom: 0;
    opacity: 1;
    font-size: 16px;
    line-height: 2em;
    margin-bottom:20px;
}
.ny_news_content ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0px;
}

.ny_news_content ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
}

.ny_news_content ul li img {
    width: 30%;
    height: auto;
    float: left;
    display: block;
}

.news_txt2 {
    width: 68%;
    height: 160px;
    float: right;
}

.news_txt2 a {
    color: #333333;
    font-size: 16px;
    margin: 10px 0 10px;
    float: left;
}

.news_txt2 p {
    width: 100%;
    color: #666666;
    float: left;
    line-height: 22px;
}
.news_txt2 > span > a{
    width: 110px;
    height: 30px;
    display: block;
    color: #ffffff;
    font-size: 0.875rem;
    margin: 15px auto 0;
    background: #D2D2D2;
    text-align: center;
    line-height: 30px;
}
.news_txt2 > span > a:hover{
    background: #FAB220;
    text-decoration: none;
}


.fenye {
    width: 100%;
    height: 30px;
    float: right;
    margin: 10px auto;
}

/* 新闻详情 */
.ny_newsdetial {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.ny_news_content .news_name {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 30px;
}

.ny_news_content .news_name h2 {
    font-size: 1.1rem;
    color: #ff4500;
    padding-top: 20px;
}

.ny_news_content .news_name p {
    color: #666;
    line-height: 50px;
    border-bottom: 1px solid #cccccc;
}

.prodetail22 {
    width: 99%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    color: #333;
    line-height: 22px;
    padding-bottom: 30px;
    font-size: 14px;
}

.prodetail22 p {
    font-size: 14px;
    line-height: 25px;
}

/* 产品列表页 */

.ny_pro {
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0;
}
.ny_fl{
    width: 20%;
    max-width: 235px;
    height: auto;
    float: left;
}
.ny_fl_title{
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    background: #ff4500;
    text-align: center;
    color: #ffffff;
}
.ny_fl_title img{
    display: block;
    margin: 70px auto 50px;
}
.ny_fl_title p{
    font-size: 32px;
    margin-top: 20px;
}
.ny_fl_title span{
    font-size: 26px;
    display: block;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.sort{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 3px auto 20px;
    background: #ff4500;
}
.sort li{
    width: 100%;
    line-height: 50px;
    float: left;
    background: url("../images/ny_fl_ico.jpg") no-repeat;
    border-bottom: 2px solid #ffffff;
}

.sort li a{
    color: #ffffff;
    line-height: 54px;
    margin-left: 70px;
    display: block;
}
.sort li a.list_item2{
    line-height: 40px;
}
.ny_cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 20px;
}
.ny_cont_title {
    width: 100%;
    height: 54px;
    line-height: 58px;
    color: #fff;
    font-size: 18px;
    float: left;
    background: #ff4500;
    padding-left: 5%;
}

.ny_cont_content {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    border: 1px solid #D5D5D5;
    padding: 20px 15px 60px 15px;
    line-height: 25px;
    word-break: break-all;
}

.ny_cont_content p:nth-child(1) {
    font-size: 16px;
    color: #073190;
}

.ny_pro_content {
    width: 78%;
    max-width: 940px;
    height: auto;
    overflow: hidden;
    float: right;
    margin: 0px auto;
}

.ny_pro_content ul {
    width: 102%;
    overflow: hidden;
    margin-top: 30px;
}

.ny_pro_content ul li {
    width: 30.08%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0px 2.4% 2% 0%;
    padding: 0.3%;
    border: 1px solid #D5D5D5;
    position: relative;
}

.ny_pro_content ul li a {
    color: #333;
    overflow: hidden;
    line-height: 47px;
    display: block;
}

.ny_pro_content ul li img {
    width: 100%;
    height: auto;
    display: block;
}

.ny_pro_content ul li p {
    width: 100%;
    height: 47px;
    overflow: hidden;
    text-align: center;
    background: #EBEBEB;
    line-height: 1.6;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:10px;
}
.ny_pro_content ul li span{
    width: 98%;
    height: 84%;
    display: block;
    position: absolute;
    top:1%;
    left: 1%;
    opacity: 0;
    filter:Alpha(opacity=0);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    background:#000000;
    background:rgba(0,0,0,0.6);
    *background:#000000;
    background:#000000\0;
    filter:alpha(Opacity=60);
}
.ny_pro_content ul li span img{
    width: 113px;
    height: 30px;
    display: block;
    margin: 45% auto 0;
}
.ny_pro_content ul li:hover p{
    background: #ff4500;
    -webkit-transition: all .8s ease .2s;
    -moz-transition: all .8s ease .2s;
    -ms-transition: all .8s ease .2s;
    -o-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}
.ny_pro_content ul li:hover a{
    color: #ffffff;

    -webkit-transition: all .8s ease .2s;
    -moz-transition: all .8s ease .2s;
    -ms-transition: all .8s ease .2s;
    -o-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}
.ny_pro_content ul li:hover span{
    opacity: 100;
    filter:Alpha(opacity=100);

    -webkit-transition: all .8s ease .2s;
    -moz-transition: all .8s ease .2s;
    -ms-transition: all .8s ease .2s;
    -o-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
}

/*产品详细页*/
.ny_prodetail_txt {
    width: 100%;
    height: auto;
    margin: 25px auto;
    overflow: hidden;
}

.ny_prodetail_txt img {
    height: auto;
    display:block;
    margin:10px auto;
}
.ny_prodetail_txt h2{ text-align:center;}

.shuoming {
    width: 450px;
    height: auto;
    float: right;
}

.shuoming span {
    width: 100%;
    font-size: 20px;
    line-height: 50px;
    float: left;
    border-bottom: 1px dashed #cccccc;
}

.shuoming p {
    width: 100%;
    height: 100px;
    float: left;
    margin-top: 10px;
    line-height: 25px;
    color: #747474;
    overflow: hidden;
}

.shuoming i {
    font-style: normal;
    color: #F9B31F;
    font-size: 34px;
    float: left;
    display: block;
    width: 220px;
    height: 55px;
    border: 1px solid #BFBFBF;
    background: url("../images/ny_tel_bg.jpg") no-repeat 20px 18px;
    padding: 40px 52px 0 20px
}
.shuoming font {
    width: 124px;
    height: 35px;
    float: left;
    display: block;
    background: #B3B3B3;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-top: 20px;
}

.ny_prodetail_txt2 {
    width: 100%;
    height: auto;
    margin: 35px auto 0;
    overflow: hidden;
}

.ny_detailtxt_content {
    width: 100%;
    height: auto;
    padding: 0 0 3% 0%;
    overflow: hidden;
    line-height: 25px;
    float: left;
}

.ny_detailtxt_i {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 2px solid #B3B3B3;
    margin-bottom: 20px;
}
.ny_detailtxt_i p{
    width: 125px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background: #ff4500;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pro_tj {
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0px auto 30px;
}
.pro_tj_title{
    width: 200px;
    height: 70px;
    overflow: hidden;
    margin: 0px auto 40px;
}
.pro_tj_title img{
    width: 100%;
    height: auto;
}

.pro_tj_content {
    width: 100%;
    height: auto;
    float: right;
    overflow: hidden;
    margin: 20px auto 0px;
}

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0px auto;
}

#demo img {
    width: 367px;
    height: 234px;
    border: 2px solid #F9D801;
}

#indemo {
    float: left;
    width: 10000%;
}

#demo1 {
    float: left;
}

#demo1 a {
    width: 371px;
    height: 308px;
    float: left;
    margin-right: 30px;
    color: #666;
}

#demo1 a p {
    color: #030303;
    line-height: 60px;
    border-bottom: 1px solid #C7C7C7;
    margin-left: 3px;
    background: url("../images/anli_tj_jt.jpg") no-repeat right center;
}

#demo2 {
    float: left;
}

#demo2 a {
    width: 371px;
    height: 308px;
    float: left;
    margin-right: 30px;
    color: #666;
}

#demo2 a p {
    color: #030303;
    line-height: 60px;
    border-bottom: 1px solid #C7C7C7;
    margin-left: 3px;
    background: url("../images/anli_tj_jt.jpg") no-repeat right center;
}

/*分页样式*/
.fenye{ width:98%; height:auto; margin:20px auto 30px; overflow:hidden;}
.fenye a{ color:#ff4500;}
.pagebox{font-size:0.9rem;line-height:200%;font-weight:normal; margin:10px auto 10px;}
.flickr {padding:0px;margin:0px; text-align:center; font-family:Verdana; font-size:0.9rem;}
.flickr a {border: #c7c7c7 1px solid; padding:5px 10px; background:#fff; background-position: 50% bottom;color: #999999; margin-right: 5px; text-decoration: none}
.flickr a:hover {border: #DFDFDF 1px solid; background-image: none; color: #ffffff; background-color: #14479a}
.meneame a:active {border: #333 1px solid; background-image: none; color: #fff; background-color: #0061de}
.flickr span.current {padding:5px 10px; font-weight: bold; background:#14479a; color:#ffffff; margin-right: 3px; border:1px solid #c7c7c7;}
.flickr span.disabled { padding:5px 10px; color: #80653E; background:#fff; margin-right: 3px; border:1px solid #c7c7c7;}

.nav .peiseka{ display:none;}

.izl-rmenu{position:fixed; right:10px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu .btn-ps{background:url(../images/peise.png) 0px 0px no-repeat; background-color:#56A3FF; display:block;}
.izl-rmenu .btn-ps:hover{ background-color:#3F8BE6;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.sx{ width:100%; height:30px; margin:30px auto 30px; color:#ff4500;}
.sx a{ color:#333;}

.dy_jianjie{
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 30px;
    margin: 30px auto 50px;
}
.dy_img{
    background: url("../images/dy_title.png") no-repeat top center;
    overflow: hidden;
}
.dy_img img{
    display: block;
    margin: 180px auto 40px;
}
.dy_tedian{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #F3F1F2;
    margin-bottom: 30px;
}
.dy_tedian1{
    width: 96%;
    max-width: 1200px;
    overflow: hidden;
    margin: 30px auto;
}

.box{
    width: 25%;
    text-align: center;
    position: relative;
    overflow: hidden;
    float: left;
}
.box:before,
.box:after,
.box-content:before,
.box-content:after{
    content: '';
    background: linear-gradient(transparent,rgba(221,172,54,0.9));
    height: 100%;
    width: 25%;
    transform: translateY(-100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{
    transform: translateY(0);
}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
/*.box:hover img{ filter: grayscale(100%); }*/
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s;
}
.box .box-content img{
    width: 77px;
    display: block;
    margin: 35% auto 0;
    position: relative;
    z-index: 99;
}
.content{
    width: 100%;
    padding: 7px 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 2;
    transition: all 0.3s ease 0.1s;
}
.box:hover .content{
    opacity: 1;
    bottom: 5px;
}
.box .title{
    color:#fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    display: none;
}
.box .post{
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 35%;
    display: block;
    color: #fff;
    font-weight: 600;
}
.dy_pro{
    width: 96%;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
}
.dy_pro li {
    width: 100%;
    float: left;
    background: #f7f8f8;
    height: 245px;
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}
.dy_pro li .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.dy_pro li .text {
    width: 10.84375%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    height: 100%;
    text-align: center;
    padding-right: 10%;
    background: #ff4500;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.dy_pro li .mb {
    border-left: 400px solid transparent;
    border-bottom: 400px solid #ff4500;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.dy_pro li .text .tit_1 {
    margin-top: 24px;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    font-size: 34px;
    color: #fff;
}
.dy_pro li .text .p {
    width: 100%;
    float: left;
    margin-top: 20px;
    height: 62px;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    line-height: 31px;
    display: none;
}
.dy_pro li .text .btn {
    width: 100%;
    float: left;
    margin-top: 29px;
    display: none;
}
.dy_pro li .text .btn a {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 150px;
    height: 30px;
    border: solid 1px #fff;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}
.dy_pro li:hover .text{
    width: 40%;
}
.dy_pro li:hover .p,.dy_pro li:hover .btn{
    display: block;
}

.dy_pro li.l1 {
    background: #14479a;
}
.dy_pro li.l1 .img {
    left: auto;
    right: 0;
}
.dy_pro li.l1 .text {
    right: auto;
    left: 0;
    padding-left: 10%;
    padding-right: 0;
    background: #14479a;
}
.dy_pro li.l1 .mb {
    border-top: 400px solid #14479a;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 400px solid transparent;
    right: auto;
    left: 100%;
}

h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding: 0.5em 0;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 2em;
}
h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 2em;
}
.page{
    font-size: 14px;
    color: #666;   
    line-height: 2em; 
}
.page a{
    font-size: 14px;
    color: #666;    
}
@media(max-width: 1259px){
    .info_title {
        padding-bottom: 0.5em;
        margin-bottom: 0.5em;
    }
}
@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#ff4500;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #ff4500;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #ff4500;
    vertical-align: middle;
    border: 1px solid #ff4500; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.m_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #0067ac;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.m_f_fixed a{
    flex:1;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    padding:10px 0;
}
.m_f_fixed a img{
    width: 25px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
}
@media(max-width:640px){
    .m_f_fixed{
        display: flex;
    }
    footer{
        margin-bottom:70px;
    }
}


.product_detail,.news_detail{

}
.product_detail .img{
    margin:20px 0 10px;
}
.product_detail h1{
    font-size:24px;
    text-align: center;
    margin-bottom:30px;
}
.p_detail{
    font-size:16px;
    color: #666;
    line-height: 2em;
    margin:0px 0 20px;
}
@media(max-width: 1259px){
    .product_detail,.news_detail{
        max-width: 96%;
        margin:0 auto;
    }
}
@media(max-width: 768px){
    .product_detail h1{
        font-size:22px;
        margin-bottom:20px;
    }  
}

.partner{
    display: flex;
    flex-wrap: wrap;
}
.partner li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 15px;
    overflow: hidden;
}
.partner li:nth-child(3n){
    margin-right: 0%;
}
.partner li img{
    transition: all 0.6s ease-out;
}
.partner li:hover img{
    transform: scale(1.1);   
}
@media(max-width: 767px){
    .partner li{
        width: 49%;
    } 
    .partner li:nth-child(3n){
        margin-right: 2%;
    }
    .partner li:nth-child(2n){
        margin-right: 0%;
    }
}


.n_banner{
    position: relative;
}
.n_banner:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 9;
    background: rgba(0,0,0,.3);
}
.n_banner h3{
    position: absolute;
    z-index: 99;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size: 32px;
    color:#fff;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    justify-content:center;
}
@media(max-width: 768px){
    .n_banner h3{
        font-size:24px;
    }    
}
@media(max-width: 767px){
    .n_banner h3{
        font-size:20px;
    }    
}