/* CSS Document */
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,p{margin:0;padding:0;font-style:normal;font:14px Microsoft YaHei,"\5B8B\4F53",Arial, Helvetica,sans-serif;}
table {border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style: none}
img {border: 0; vertical-align:middle}
body{color:#666666;background:#FFF; text-align:left; overflow-x:hidden;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px}
a{color:#4f4b4a;text-decoration:none;outline:none}
a:hover{text-decoration:underline;outline:none;star:expression(this.onFocus=this.blur());}
a:active{star:expression(this.onFocus=this.blur());} 
.l{float:left}
.r{float:right} 
/* Clearfix */
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* index */
.header{ width:100%; height:auto; overflow:hidden; }
.header_txt{ width:100%; height:auto; overflow:hidden; background-color: #686f77;}
.header_txt1{ width:1200px; height:35px; margin:0 auto; overflow:hidden;}
.header_txt1 span{ float:left; line-height:33px; color:#fff; font-size: 12px; margin-left: 1%;}
.header_txt1 p{ float:right;}
.header_txt1 p a{ color:#fff; border-right:1px solid #fff; margin-top:10px; width:100px; height:15px; float:left; display:block; line-height:15px; text-align:center; font-size: 12px;}
.header_txt1 p a:last-child{ border: 0;}
.header_content{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.logo{ width:auto; max-height:80px; float:left; overflow:hidden; margin:15px 0;}
.logo img{ height:100%;}
.tel{height:30px; float:right; margin-top:20px; color:#154db3; font-size: 22px;}
.tel span{ color:#686f77;  line-height:28px; font-size: 16px; display: block;}
.tel a{ color:#fff; float:right; line-height:30px; margin-right:15px;}

.nav{ width:100%; float:left; overflow:hidden; background-color: #154db3;}
.nav nav { width:1200px; height:51px; margin:0 auto;}
.nav nav ul { width:100%; height:51px; float:right;}
.nav nav li{ width:16.66%; height:51px; display:inline; float:left; text-align:center; background:url(../images/nav_line.jpg) no-repeat left;}
.nav nav li:first-child{ background-image:none;}
.nav nav li a { color:#fff; display:inline-block; text-align:center; text-decoration:none; line-height:51px; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nav nav li:hover{ background-color: #686f77;}
.nav nav li a:hover{ text-decoration:none; }
.nav nav a#pull { display: none;}
.banner{ width:100%; height:auto; margin:0 auto;}

.sy_title{
    text-align: center;
    background: url("../images/sy_title_bg.jpg") no-repeat center bottom;
    font-size: 34px;
    color: #154db3;
    padding-bottom: 65px;
    letter-spacing: 5px;
}
.sy_title i{
    font-size: 18px;
    font-style: normal;
}
.sy_title2{
    background: url("../images/sy_title_bg2.jpg") no-repeat center bottom;
}

.aboutus{ width:100%; height:auto; overflow:hidden; margin: 50px 0 40px;}
.aboutus1{ width:1200px; min-height:485px; margin:0 auto; overflow: hidden;}
.aboutus_l{ width:715px; height:auto; float:left; }
.aboutus_r{
    width:390px;
    min-height: 390px;
    float:left;
    padding: 40px 40px;
    -moz-box-shadow:5px 3px 5px #c1c1c1;
    -webkit-box-shadow:5px 3px 5px #c1c1c1;
    box-shadow:5px 3px 5px #c1c1c1;
    margin-top: 2px;
}
.aboutus_r h2{
    color: #154db3;
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.aboutus_r p{
    line-height: 25px;
}

.product{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px; background-color: #f3f3f3;}
.product_content{ width:1200px; height:auto; margin:45px auto 0; overflow:hidden; padding-bottom: 50px;}
.product_l{
    width: 230px;
    height: auto;
    float: left;
}
.product_l dl{
    border: 1px solid #154db3;

}
.product_l dl dt{
    width: 96%;
    height: auto;
    background-color: #154db3;
    text-align: center;
    color: #fff;
    margin: 2%;
    overflow: hidden;
    padding: 10px 0;
}
.product_l dl dt p{
    font-size: 24px;
    margin-bottom: 3px;
}
.product_l dl dt span{
    font-size: 18px;
}
.product_l dl dd{
    border-bottom: 1px solid #e2e2e2;
    line-height: 65px;
    background: url("../images/product_l_bg.jpg") no-repeat center;
    overflow: hidden;
}
.product_l dl dd a{
    display: block;
    margin-left: 40px;
}
.product_l_dh{
    width: 80%;
    height: auto;
    margin-top: 15px;
    padding: 8% 10%;
    background: #154db3;
}
.product_l_dh p{
    color: #fff;
    font-size: 24px;
    margin-top: 7px;
}



.product_r{ width:945px; overflow:hidden; float: right;}
.product_r dl{

}
.product_r dl dt{
    width: 48%;
    margin-left: 2%;
    float: left;
}
.product_r dl dd{
    width: 31%;
    margin-left: 2%;
    float: left;
}
.product_r dl dt img,.product_r dl dd img{
    width: 100%;
    display: block;
}
.product_r dl dt p,.product_r dl dd p{
    text-align: center;
    color: #333333;
    font-size: 14px;
    line-height: 60px;
}





.anli{ width:100%; height:auto;  overflow:hidden;}
.anli1{ width:1200px; height:auto; margin:30px auto 0;}
.anli_content{ width: 100%;}
/*tab切换下面遮罩层样式*/
.da-thumbs{ width:101%; height:auto; position:relative; margin:0 0 25px 0; padding:0; overflow:hidden;}
.da-thumbs li{ width:24%; height:auto;  float:left; position:relative; margin:0 1% 1% 0;}
.da-thumbs li a,.da-thumbs li a img{ width:100%; height:100%; display:block;position:relative;}
.da-thumbs li a{color:#000000;overflow:hidden}
.da-thumbs li a div{
    position:absolute;
    background:#000;
    background:rgba(0,0,0,0.7);
    *background:#000;
    filter:alpha(Opacity=70);
    width:100%;
    height:100%;
    display: flex;
     justify-content: center;
    align-items: center;
}
.da-thumbs li a h2{ height:auto; line-height:40px; text-align:center;overflow:hidden; font-weight:normal; font-size:1rem;  color:#fff; }
.da-thumbs li a span{ width:45px; height:45px; display:block; margin:0 auto; padding:0; line-height:180%; font-size:0.938rem; color:#fff;}
.da-thumbs li a span img{ width:45px; height:45px;}

.news{ width: 100%; height: auto; overflow: hidden; background-color: #f3f3f3;}
.news1{ width:1200px; height:auto; overflow: hidden; margin: 50px auto 30px;}
.news_img{ width: 435px; height: auto; float: left;}
.news_img img{ width: 100%; height: auto; float: left;}
.news_img span{ width: 100%; display: block; float: left; font-size: 12px; margin: 3px 0 12px 0; color: #999;}
.news_img p{ float: left; margin: 0 0 30px 0; line-height: 25px; color: #666666;}
.news_img a{ float: left; font-size: 16px; display: block; color: #333; line-height: 35px; margin-top: 10px;}

.news_content{ width:705px; height:auto; float:right;}
.news_content ul{overflow: hidden; background: url("../images/news_line.jpg") no-repeat 90px 0; }
.news_content ul li{ width:100%; height:auto; float:left; margin: 0 0 0 0; }
.news_content ul li a{ font-size:16px; line-height:35px; margin:20px 0 0 10px; float:left;}
.news_content ul li a i{ display: inline-block; font-style: normal; width: 14px; height: 14px; margin-right: 20px; border-radius: 50%; background-color: #f3f3f3; border: 2px solid #154db3; float: left; margin-top: 10px;}
.news_content ul li a:hover{ text-decoration: none; color:#154db3; }
.news_content ul li a:hover i{ border: 3px solid #154db3;}
.news_content ul li p{ width: 575px; min-height: 50px; margin:5px 0 10px 0; float:right; line-height:25px; word-wrap: break-word;}
.news_content ul li span{ width: 80px; height: 65px; display: block; float:left; color: #ACACAC; margin: 28px 0 0 0;}


.footer{ width:100%; height:auto; overflow:hidden;}
.footer_nav{ width: 100%; height: 45px; background-color: #154db3;}
.footer_nav ul{ width: 1200px; height: auto; overflow: hidden; margin: 0px auto;}
.footer_nav ul li{ float: left; width: 16.66%; line-height: 45px; background: url("../images/nav_line.jpg") no-repeat right; text-align: center;}
.footer_nav ul li:last-child{ background: none;}
.footer_nav ul li a{ color: #fff;}
.footer1{ width:1200px; height:auto; margin:0 auto;}
.footer1 ul{ width:960px; height:auto; float:left; overflow:hidden; margin-top:30px; }
.footer1 ul li{ width:24%; min-height:170px; float:left; border-right:1px solid #D4D4D4;}
.footer1 ul li p{ font-size:16px; margin:0 0 0 40px; color:#000;}
.footer1 ul li span{ display:table; color:#7D7D7D; padding-right:20px; margin:10px 0 0 40px;}
.footer1 ul li a{display:table; margin:10px 0 0 40px; color:#7D7D7D;}
.footer1 .ewm{ width:125px; height:auto; float:left; margin:30px 0 0 70px; text-align:center; line-height:30px;}
.footer1 .ewm img{ width:100%; height:auto;}
.copyright{ width: 100%; height: auto; background: #666666; float:left; text-align: center; color: #fff; padding: 20px 0; font-size: 14px;}

.footers{ display:none;}

/* 产品列表页 */
.ny_banner{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.ny_banner img{ width:100%; height:auto;}
.ny_main{ width:1200px; height:auto; margin:60px auto 30px; overflow: hidden;}
.ny_main_l{ width:280px; height:auto; float:right;}
.ny_main_l_title{ width:100%; height:45px; background:#154db3; float:left; text-align: center; line-height: 45px; color: #ffffff; font-size: 18px;}
.ny_main_l dl{ width:99.2%; height:auto; overflow:hidden; border: 1px solid #DDDDDD; padding-bottom: 30px;}
.ny_main_l dl dt{ width:85%; height:35px; margin:15px auto 0; background:url("../images/jt_ico.jpg") no-repeat #154db3;}
.ny_main_l dl dt a{ padding-left:28px; line-height:35px; color:#ffffff;}
.ny_main_l dl dd{width:80%; height:30px; margin:5px auto 0; line-height:30px;}


.ny_main_r{ width:885px; height: auto; overflow:hidden; float:left;}
.ny_main_r_title{ width:100%; height:45px; float:left; border-bottom:1px solid #154db3;}
.ny_main_r_title p{ padding:0 15px; background: #154db3; line-height:45px; float:left; text-align: center; color: #ffffff; font-size: 16px;}

.ny_pro_list{ width:100%; height:auto; overflow:hidden; float:left; margin-top:30px;}
.ny_pro_list ul{ width:102%; height:auto; overflow:hidden;}
.ny_pro_list ul li{ width:295px; height:365px; float:left; margin:20px 2px 0 0; background: url("../images/ny_po_list_bg.jpg") no-repeat; overflow: hidden;}
.ny_pro_list ul li img{ width:195px; height:205px; padding:5px; border:1px solid #333333; display: block; margin: 40px auto 10px;}
.ny_pro_list ul li .pro_txt{ width:96%; height:auto; overflow: hidden; text-align: center; margin: 20px auto 0;}
.ny_pro_list ul li .pro_txt a{ font-size:16px;}
.ny_pro_list ul li .pro_txt p{ width: 60px; height: 3px; background: #999999; margin: 20px auto 0;}
.ny_pro_list ul li:hover .pro_txt p{ background:#154db3; }



/* 产品详细页 */
.ny_pro_detail{ width:100%; height:auto; float:right; overflow:hidden;}
.prodetail_1{ width:100%; float:left; margin:20px 0;}
.prodetail_1 img{ width:auto; height:100%; padding:5px; border:1px solid #D7D7D7; display: block; margin: 0 auto;}

.prodetail_2{ width:99.5%; height:auto; overflow: hidden; border: 1px solid #DDDDDD; float:left; }
.prodetail_2_title{ width:96%; height:auto; background: url("../images/ny_detail_title_bg.jpg") no-repeat top center; margin: 0 auto;}
.prodetail_2_title p{ font-size: 18px; padding: 25px 0 15px 15px; letter-spacing: 3px;}
.prodetail_2_content{ width:96%; height:auto; overflow: hidden; margin:15px auto; line-height:25px; }

/* 新闻列表页 */
.ny_news_list{ width:100%; height:auto; float:left; overflow:hidden;}
.imgnews{ width:100%; height:auto; float:left; margin:30px auto 0; padding-bottom:30px; border-bottom:1px solid #D7D7D7;}
.imgnews img{ width:257px; height:172px; float:left;}
.imgnews_txt{ width:590px; height:auto; float:right; margin-left:15px;}
.imgnews_txt a{ font-size:16px; margin:5px 0 10px; float:left;}
.imgnews_txt span{ color: #999999;}
.imgnews_txt p{ margin:10px 0 0; float:left; line-height:27px;}



.ny_news_detail{ width:100%; height:auto; float:right; overflow:hidden;}
.newsdetail_title{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:4%;}
.newsdetail_title h3{ font-size:20px;}
.newsdetail_title p{line-height: 30px; background:#F3F3F3; margin:15px auto;}
.newsdetail_title p span{font-size: 13px; color: #878787; margin: 0 25px;}
.newsdetail_txt{ width:99%; margin:2% auto; line-height:23px;}
.newsdetail_txt p{ line-height:23px;}

/*分页样式*/
.fenye{ width:98%; height:auto; margin:20px auto 30px; overflow:hidden;}
.fenye a{ color:#f9a600;}
.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: #154db3}
.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:#154db3; 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:#F4AF00;}
.sx a{ color:#333;}