@charset "utf-8";
/* CSS Document */
body ,html{padding: 0px;margin: 0px;font-family:Microsoft YaHei,SimSun,Arial, Helvetica, sans-serif;color: #6f6f6f; font-size:12px; background:#fff;}
*{margin:0px; padding:0px;}
ul,li,p,span,img,h6{margin:0px; padding:0px;}
ul,li{list-style:none;}
img{border:none;}
p{font-weight:normal; line-height:24px;}
a{ text-decoration:none; color:#333;border:none;}
a:hover{color:#cc0000;}
.header_bg{background:url(header_bg.jpg) repeat-x left top; overflow:hidden; padding-top:10px;}
.header_index{margin:0px auto; width:1060px;}
.logo{float:left;}
.h1_top{position:absolute;height:22px;line-height:22px;top:45px;left:50%;margin-left:150px;}
.h1_top h1{float:left;font-size:12px;text-indent:20px;font-weight:normal;margin-top: 10px;}
.top_right{float:right; background:url(tel_bg.jpg) no-repeat left top; padding-left:30px; margin-top:14px; font-family:SimSun; font-size:13px; color:#5a5a5a; margin-bottom:14px;}
.top_right span{font-family:Microsoft YaHei; font-size:14px; color:#1a1210;}
.menu_index{float:right; background:url(menu_bg.jpg) no-repeat left top; width:700px;}
.menu_index li{float:left; line-height:34px; height:42px; background:url(menu_line.jpg) no-repeat left center; padding-left:22px; padding-right:20px;}
.menu_index a{font-size:14px; color:#fff;}
.midbg{clear:both; width:100%; height:498px; margin:0px auto; z-index:3;}
.iBan { height:498px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}
.iBanScreen{ height:68px; background-repeat:no-repeat; background-position:center top;}
.iBanScreen ul{ width:100%; height:498px; position:relative; top:0; margin:0 auto;}
.iBanScreen li{ width:100%; height:498px; overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%;}
.iBanScreen .num{position:absolute; width:200px; bottom:15px; left:70%; z-index:800;}
.iBanScreen .num a{ display:inline-block; width:12px; height:12px; margin-right:3px;}
.iBanScreen .num a{ display:inline-block; width:12px; height:12px; background:#9a9a9c;margin-right:10px;}
.iBanScreen .num a.cur{width:12px; height:12px; background:#d61826;}
.container_index{margin:0px auto; width:1001px; margin-top:20px;}

.prolist_index{float:left; width:326px; margin-bottom:30px; box-shadow: 0 3px 5px -2px #eaeaea;padding-bottom: 30px;border: 1px solid #e2e2e2;}
.prolist_title { border-bottom: 1px solid #e2e2e2; height: 35px;margin-bottom: 26px;}
.pro_title{line-height: 35px;color: #fff;font-size: 14px;font-weight: bold;font-family: SimSun;width: 130px;text-align: center;background-color: #d90b15;height: 35px;border-radius: 0px 20px 20px 0px;}
.prolist_bottom{background:url(list_bottom.jpg) no-repeat left bottom; height:34px; float:left; width:100%;}
.prolist_index ul{padding-left: 5px;}
.prolist_index li{margin-left:5px; margin-right:15px;}
.prolist_index a{background:url(list_link.jpg) no-repeat 10px 10px #f3f3f3; padding-left:28px; margin-bottom:1px; line-height:33px;color:#666; float:left; width:278px;}
.prolist_index a:hover{background:url(list_hover.jpg) no-repeat 10px 10px #f3f3f3; color:#d90b15;}
.about_index{float:right; width:659px; background:url(about_bg.jpg) repeat-y left top; margin-bottom:30px;}
.about_botttom{background:url(about_bottom.jpg) no-repeat left bottom; height:11px;    background-size: 100% 100%;}
.about_title{background:url(about_title.jpg) no-repeat left top; height:45px; margin-bottom:15px;    background-size: 100% 100%;}
.about_more{float:right; color:#a4a4a4; font-size:12px; margin-right:13px; padding-top:20px;}
.about_more a{color:#a4a4a4;}
.about_title p{line-height:30px; float:left; padding-top:12px;color:#808080; font-size:14px; padding-left:43px; font-weight:bold;font-family:SimSun;}
.about_en{float:left; padding-top:12px;line-height:30px; color:#c3c3c3; font-size:14px; font-family:arial; text-transform:uppercase; margin-left:5px;}
.about_p{margin-left:20px; margin-right:20px; padding-bottom:20px;}
.about_img{float:left; margin-right:10px;}
.about_p p{text-indent:25px;color:#6f6f6f; line-height:18px;}
.pro_index{clear:both; margin:0px auto; width:1001px;overflow:hidden;box-shadow: 0 3px 5px -2px #eaeaea;margin-top: 10px;border: 1px solid #e2e2e2;}
.product_title{line-height:30px;border-bottom: 1px solid #e2e2e2;}
.product_title a{float:right;color:#a4a4a4; font-size:12px; margin-right:13px; height: 35px;line-height: 35px;}
.product_title h2{line-height:35px;color:#fff; font-size:14px;font-weight:bold;font-family:SimSun; width: 175px;text-align: center;background-color:#d90b15;height: 35px;border-radius: 0px 20px 20px 0px;}
.pro_botttom{background:url(pro_bottom.jpg) no-repeat left bottom; height:13px; float:left; width:100%;}
.product_index{float:left; width:100%;padding-bottom:20px; padding-top:20px; overflow:hidden;}
.product_index li{float:left; width:192px; margin-left:6px; _margin-left:5px; height:200px; text-align:center;}
.product_index a{color:#6f6f6f;}
.product_index a:hover{color:#d90b15;}
.product_index img{border:1px solid #ccc; margin-bottom:5px;}
.container_bottom{margin:0px auto; width:1001px; margin-top:40px; margin-bottom:40px; overflow:hidden;}
.container_bottom_r {width: 675px;float: left;}
.container_bottom_l {float: right;width: 320px;}
.new_index{float:left; width:320px; background:url(newbg.jpg) left top; border: 1px solid #e1e1e1; border-radius: 2px;}
.new_bottom{height:9px;float: left;width: 100%;    margin: 0px;}
.new_indexbg{overflow: hidden;}
.new_title{background:url(new_title.png) no-repeat left top;}
.title_index{ margin-left:20px;_margin-left:10px; color:#333; font-weight:bold; line-height:41px; padding-top:10px; float:left; margin-right:5px;}
.en_title{ line-height:41px; padding-top:10px; float:left;color:#999;}
.new_shouye{clear:both;margin:15px; }
.new_shouye a{color:#3a3939; line-height:24px;}
.new_shouye a:hover{ color:#cc0000;}
.new_shouye li {}
.desc {font-size: 12px;color: #9c9c9c;}
.new_more{clear:both;}
.new_more a{float:right; color:#999; margin-right:20px;}
.xp_index{float:left; width:322px; height:225px; background:url(xp_bg.jpg) no-repeat left top; margin-left:12px;}
.new_shouye li span{ float:right; line-height:24px;}
.oleft{margin:auto;width:280px;}
.rollBox .Cont{width:192px;margin-left:35px;overflow:hidden;height:152px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:192px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block; border:1px solid #c6c6c6;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .xxoo .LeftBotton{float:left;height:16px;width:27px;background:url(LeftBotton.png) no-repeat left center;margin-top:-85px;
display:block;display:inline;cursor:pointer;}
.rollBox .xxoo .RightBotton{height:16px;width:27px;background:url(RightBotton.png) no-repeat left center;float:right;margin-top:-85px;display:inline;cursor:pointer;}
.contact_index{float:right; width:328px;height: 225px; background:url(contact_bg%20.jpg) no-repeat left top;}
.contact_sy{clear:both; margin-top:18px; _margin-top:0px; margin-left:25px; color:#1a1210;}
.contact_js{clear:both; margin-top:10px; margin-left:5px; color:#1a1210;}
.jieshao_index{float:right;width:666px;
   /* height: 292px; */
 }
.footer_indexbg{clear:both; margin:0px auto; width:100%; background:url(footer_bg.jpg) no-repeat top center #272727; padding-top:68px; overflow:hidden;}
.footer_index{margin:0px auto; width:1000px;}
.foot_menu{float:left; margin-right:90px; color:#fff; margin-bottom:30px;}
.foot_menu a{color:#fff; line-height:22px;}
.foot_menu p{font-size:14px; margin-bottom:15px;}
.footer_right{float:right; width:208px;}
.footer_right img{float:right; width:165px;}
.footer_right p{float:left; background:#b40101; color:#fff; font-size:16px; padding: 23px 8px; margin:0px}
.footer_bottom{clear:both; margin:0px auto; width:100%; padding-top:10px; margin-bottom:10px; border-top:1px solid #3c3c3c;overflow:hidden; color:#666;}
.footer_bottom a{ color:#666;}
#container{margin:0px auto; width:1001px; margin-top:30px; margin-bottom:40px; overflow:hidden;}
#mydefault{float:right; width:730px; background:url(mydefault_bg.jpg) repeat-y left top;background-size: 100%;}
#navigation{float:left; width:250px;}
.prolist_nav{background:url(list_bg2.jpg) repeat-y left top; margin-bottom:20px;background-size: 100%;}
.prolist_bottom2{background:url(list_bottom2.jpg) no-repeat left bottom; height:24px;}
.pro_title02{background:url(list_title2.jpg) no-repeat left top; height:49px;background-size: 100%; padding-top:14px; padding-left:30px; color:#fff; font-size:14px; font-family:SimSun; font-weight:bold;}
.prolist_nav li{margin-left:5px; margin-right:15px;}
.prolist_nav a{background:url(list_link.jpg) no-repeat 10px 10px #f3f3f3; padding-left:28px; display:block; margin-bottom:1px; line-height:30px;color:#666;}
.prolist_nav a:hover,.prolist_nav a.red:link,.prolist_nav a.red:visited{background:url(list_hover.jpg) no-repeat 10px 10px #f3f3f3; color:#d90b15;}
.mydefault_bottom{background:url(mydefault_bottom.jpg) no-repeat left bottom; height:11px;}
.subtitle{ background:url(subtitle.jpg) no-repeat left top; height:45px; margin-bottom:20px;background-size: 100%;}
.weizhi{float:right;padding-top: 20px;margin-right: 13px;}
.subtitle p{line-height: 30px;padding-top: 12px;color: #808080;font-size: 14px;padding-left: 43px;font-weight: bold;}
.subtitle h1{line-height: 30px;padding-top: 12px;color: #808080;font-size: 14px;padding-left: 43px;font-weight: bold;}
.about02{margin-left:20px; margin-right:20px; padding-bottom:30px; height: 415px;}
.about02 p{text-indent:25px; margin-bottom:10px; font-size:14px;}
.nav_contact{background:url(contact_bg2.jpg) no-repeat left top; margin-top:30px; overflow:hidden;}
.navcontact{clear:both; margin-left:20px; padding-bottom:20px;}
.contact00{margin-left:12px;}
.contact02{margin-left:16px;}
.contact04{margin-left:48px;}
.banner_in{margin:0px auto; width:100%; height:250px;}
.image{overflow:hidden;}
.image li{float:left; margin:0px 5px 0px 10px; width:162px; text-align:center;}
.image li h2{font-size: 14px;line-height: 2em;margin: 0;padding-bottom: 10px;color: #323232;}
.image img{ border:1px solid #ccc; width:160px;}
.image li:hover{color:#d90b15;}
.page{margin-left:20px;}
.mydefault_content{padding-bottom:45px;}
.biaoti{margin:0px auto;text-align:center;font-size:16px;font-weight:bold;line-height:30px;color: #d90b15;}
span.hit{margin: 0px auto;text-align: center;display:block;line-height:30px;}
.page{clear:both; text-align:center;}
.page a{margin:0px 5px; border:1px solid #ccc; padding:5px 10px;}
.page a:hover,.page a.active{font-weight:bold; background:#d90b15;border:1px solid #d90b15; color:#fff;}
.Left{float:left;background:url(Left.jpg) no-repeat left center; width:30px; height:53px; display:block;margin-left:5px;_margin-left:0px;margin-right:3px;}
.right{float:right;background:url(right.jpg) no-repeat right center; width:30px; height:53px;display:block;margin-left:3px;}
.right:hover{background:url(right_hover.jpg) no-repeat right center;}
.Left:hover{background:url(Left_hover.jpg) no-repeat right center;}
.image_show{float:left; width:650px; text-align:center;}
.image_show img{ max-width:650px; display:block; text-align:center; margin:0px auto; margin-bottom:15px;_width:expression((document.documentElement.clientHeight||document.body.clientHeight)>650?"650px":""); table-layout: fixed; display:inline-block;}
.nr{margin-left:20px; margin-right:18px; margin-top:15px; margin-bottom:15px;}
.nr p{text-indent:25px;}
.nr h2{font-size: 16px;}
#up_down,.details{clear:both;width:690px;border:1px solid #ccc;padding-left:15px;margin-bottom:10px; font-size:12px; margin-left:10px; line-height:30px; padding-top:5px; padding-bottom:5px;}
.new_inside{clear:both; margin-left:10px; margin-right:15px; margin-bottom:30px;}
.new_inside li{line-height:36px; border-bottom:1px dashed #ccc;    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;}
.new_inside span{float:right;white-space: nowrap;}
.new_inside a{font-size:14px; background:url(new_link.jpg) no-repeat left center; padding-left:10px;    color: #545454;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.new_inside a:hover{background:url(new_hover.jpg) no-repeat left center;}
.mydefault_content button {width: 110px;height: 30px;border-radius: 30px;border: 0;background-color: #b1000a;color: #fff;}

div#qr {
position: fixed;
top: 120px;
right:20px;
z-index: 99999;
}
#qr p{text-align:center;background:#333;color:#fff;}
#qr img{width: 120px; height: 120px;}

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

.right-fixed.right-fixed{    --form-theme-color: #b40101;
    --li-hover-color: #b40101;}
    .product_index li h3{font-size: 18px;margin-top: 10px;}

    .footerDiv{display: none;}

    .image li p a{color: #656565;}
    
    .news_commend{clear:both;overflow:hidden;padding-bottom:35px;}
    .news_commend h2{font-size:16px;font-weight:bold; width:210px;background:#b1000a;height:35px;line-height:35px;text-align:center;color:#fff;}
    .news_commend ul li{width:50%;float:left;line-height:22px;bord-bottom:1px solid #ccc;text-indent:15px;}   
    .news_commend ul li a{color: #6f6f6f; }

@media (min-width: 1024px) and (max-width: 1199px) {
    .about_index{background: none;}
    .about_title p{padding-left: 70px;}
    .menu_index{width: 100%;background: #a0a0a0;}
    .banner_index_xs .swiper-slide img{width: 100%;height: auto;}
    .h1_top{display: none;}
    .top_right{margin-top: 59px;margin-right: 20px;}
    .header_index{width: 100%;}
    .container_index{width: 100%;}
    .prolist_index{display: none;}
    .about_index{width: 100%;}
    .pro_index{width: 100%;padding-left: 10px;padding-right: 10px;}
    .product_index li{width: 25%;margin-left:0px;height: auto;padding-left: 4px;padding-right: 4px;}

    .container_bottom{width: 100%;}
    .container_bottom_l{width: 100%;}
    .container_bottom_r{width: 100%;}
    .xp_index{display: none;}
    .contact_index{width: 100%;background-size: cover;height: auto;}
    .jieshao_index{width: 100%;}
    .new_index{width: 100%;}
    .new_indexbg{background-size: cover;background: #efefef;}

    .product_index li h3{font-size: 15px;}

    .footer_index{width: 100%;padding-left: 15px;padding-right: 15px;}

    .contact_js{margin-left: 0px;padding-left: 15px;padding-right: 15px;}

    .product_index img{width: 100% !important;height: auto !important;}

    /* .foot_menu{display: none;} */
    .footer_right p{padding-top: 10px;}
    /* .footer_right {
        float: initial;
        width: 208px;
        overflow: hidden;
        padding-bottom: 26px;
        margin: 0 auto;
    } */

    .footer_right{display: block;}
    #container{width: 100%;}
    #navigation{width: 26%;}
    #mydefault{width: 72%;}
    .about02{height: auto;}

    .image li{width: 25%;margin:0px;padding-left: 4px;padding-right: 4px;height: auto;}
    .image img{width: 100%;height: auto;}
    
    .news_commend{clear:both;overflow:hidden;}
    .news_commend h2{font-size:16px;font-weight:bold;}
    .news_commend ul li{width:50%;float:left;line-height:22px;bord-bottom:1px solid #ccc;}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .about_index{background: none;}
    .about_title p{padding-left: 62px;}
    .menu_index{width: 100%;background: #a0a0a0;}
    .banner_index_xs .swiper-slide img{width: 100%;height: auto;}
    .h1_top{display: none;}
    .top_right{margin-top: 59px;margin-right: 20px;}
    .header_index{width: 100%;}
    .container_index{width: 100%;}
    .prolist_index{display: none;}
    .about_index{width: 100%;}
    .pro_index{width: 100%;padding-left: 10px;padding-right: 10px;}
    .product_index li{width: 33%;margin-left:0px;height: auto;padding-left: 4px;padding-right: 4px; }

    .container_bottom{width: 100%;}
    .container_bottom_l{width: 100%;}
    .container_bottom_r{width: 100%;}
    .xp_index{display: none;}
    .contact_index{width: 100%;background-size: cover;height: auto;}
    .jieshao_index{width: 100%;}
    .new_index{width: 100%;}
    .new_indexbg{background-size: cover;background: #efefef;}

    .product_index li h3{font-size: 15px;}

    .footer_index{width: 100%;padding-left: 15px;padding-right: 15px;}

    .contact_js{margin-left: 0px;padding-left: 15px;padding-right: 15px;}

    .product_index img{width: 100% !important;height: auto !important;}

    .foot_menu{display: none;}
    .footer_right p{padding-top: 10px;}
    .footer_right {
        float: initial;
        width: 208px;
        overflow: hidden;
        padding-bottom: 26px;
        margin: 0 auto;
    }

    #container{width: 100%;}
    #navigation{width: 26%;}
    #mydefault{width: 72%;}
    .about02{height: auto;}

    .image li{width: 33%;margin:0px;padding-left: 4px;padding-right: 4px;height: auto;}
    .image img{width: 100%;height: auto;}
    .image_show{width: 100%;}
    .image_show img{width: 100%;height: auto;}
    .news_commend{clear:both;overflow:hidden;}
    .news_commend h2{font-size:16px;font-weight:bold;}
    .news_commend ul li{width:50%;float:left;line-height:22px;bord-bottom:1px solid #ccc;}
}

@media (max-width: 767px) and (min-width: 424px){
    .menu_index{width: 100%;background: #a0a0a0;}
    .banner_index_xs .swiper-slide img{width: 100%;height: auto;}
    .h1_top{display: none;}
    .top_right{display: none;}
    .header_index{width: 100%;}
    .container_index{width: 100%;}
    .prolist_index{display: none;}
    .about_index{width: 100%;}
    .pro_index{width: 100%;padding-left: 10px;padding-right: 10px;}
    .product_index li{width: 50%;margin-left:0px;height: auto;padding-left: 4px;padding-right: 4px;}

    .container_bottom{width: 100%;}
    .container_bottom_l{width: 100%;}
    .container_bottom_r{width: 100%;}
    .xp_index{display: none;}
    .contact_index{width: 100%;background-size: cover;height: auto;}
    .jieshao_index{width: 100%;}
    .new_index{width: 100%;}
    .new_indexbg{background-size: cover;background: #efefef;}

    .product_index li h3{font-size: 15px;}

    .footer_index{width: 100%;padding-left: 15px;padding-right: 15px;}

    .contact_js{margin-left: 0px;padding-left: 15px;padding-right: 15px;}

    .product_index img{width: 100% !important;height: auto !important;}

    .foot_menu{display: none;}
    .footer_right p{padding-top: 10px;}
    .footer_right {
        float: initial;
        width: 208px;
        overflow: hidden;
        padding-bottom: 26px;
        margin: 0 auto;
    }
    #container{width: 100%;}
    #navigation{display: none;}
    #mydefault{width: 100%;}
    .about02{height: auto;}

        .nr p img{width: 100%;height: auto;}

    .image li{width: 50%;margin:0px;padding-left: 4px;padding-right: 4px;height: auto;}
    .image img{width: 100%;height: auto;}
    .image_show{width: 100%;}
    .image_show img{width: 100%;height: auto;}
    
    #qr{display:none;}
    .menu_index li{width:25% !important;padding-left:0px;padding-right:0px;background:none;}
    .menu_index li a{display:block;text-align:center}
    .subtitle{background:none;}
    .weizhi{padding-top:0px;}
    .subtitle p{display:none;}
        .news_commend{clear:both;overflow:hidden;}
    .news_commend h2{font-size:16px;font-weight:bold;}
    .news_commend ul li{width:50%;line-height:22px;bord-bottom:1px solid #ccc;}
}

@media (max-width: 425px){
    .menu_index{width: 100%;background: #a0a0a0;}
    .banner_index_xs .swiper-slide img{width: 100%;height: auto;}
    .h1_top{display: none;}
    .top_right{display: none;}
    .header_index{width: 100%;}
    .container_index{width: 100%;}
    .prolist_index{display: none;}
    .about_index{width: 100%;}
    .pro_index{width: 100%;padding-left: 10px;padding-right: 10px;}
    .product_index li{width: 50%;margin-left:0px;height: auto;padding-left: 4px;padding-right: 4px;}

    .container_bottom{width: 100%;}
    .container_bottom_l{width: 100%;}
    .container_bottom_r{width: 100%;}
    .xp_index{display: none;}
    .contact_index{width: 100%;background-size: cover;height: auto;}
    .jieshao_index{width: 100%;}
    .new_index{width: 100%;}
    .new_indexbg{background-size: cover;background: #efefef;}

    .product_index li h3{font-size: 15px;}

    .footer_index{width: 100%;padding-left: 15px;padding-right: 15px;}

    .contact_js{margin-left: 0px;padding-left: 15px;padding-right: 15px;}

    .product_index img{width: 100% !important;height: auto !important;}

    .foot_menu{display: none;}
    .footer_right p{padding-top: 10px;}
    .footer_right {
        float: initial;
        width: 208px;
        overflow: hidden;
        padding-bottom: 26px;
        margin: 0 auto;
    }

    .footerDiv {display: block;background: #b1000a;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}
   .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}
   .footerWrap li a {color: #fff;font-size: 15px;display: block;}
   .footerWrap li i {display: block;}
   .footer_bottom{margin-bottom: 60px;}

    #container{width: 100%;padding-left: 10px;padding-right: 10px;}
    #navigation{display: none;}
    #mydefault{width: 100%;}
    .about02{height: auto;}

    .nr p img{width: 100%;height: auto;}

    .image li{width: 50%;margin:0px;padding-left: 4px;padding-right: 4px;height: auto;}
    .image img{width: 100%;height: auto;}
    .image_show{width: 100%;}
    .image_show img{width: 100%;height: auto;}
    
    #qr{display:none;}
    .menu_index li{width:25% !important;padding-left:0px;padding-right:0px;background:none;}
    .menu_index li a{display:block;text-align:center}
    .subtitle{background:none;}
    .weizhi{padding-top:0px;}
    .subtitle p{display:none;}
    .news_commend{clear:both;overflow:hidden;}
    .news_commend h2{font-size:16px;font-weight:bold;}
    .news_commend ul li{width:100%;float:left;line-height:22px;bord-bottom:1px solid #ccc;}
}


.hotp{clear:both;padding-left:20px;}
.hotp strong{font-size:16px; font-weight:bold;}
.hotp a{margin-left:15px;}