﻿@charset "utf-8";
/* CSS Document */
div,p,ul,ol,dl,li,h1,h2,h3,h4 { margin:0; padding:0; list-style:none; }
img{border:0px;}
body {margin:0; padding:0; border:0; font-family: "微软雅黑","lato", "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light",
          "webfontSourceHanSansSC" !important;}

a:link,a:visited{text-decoration:none;}
a:hover { color:#dfb74f;text-decoration:none;}
.both{width:100%;height:0;overflow:hidden;float:none;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix{display:block;}
.line{ width:100%;margin:0 auto;}
.topline{ width:100%;margin:0 auto;background-color:#ce0026;position:fixed;z-index:1000;}
.top{margin:0 auto;width:1200px;height:110px;}
.logo{ float:left;padding-top:20px;margin-left:30px;width:239px;height:55px;}
.logo_right{float:left;margin-left:60px;margin-top:50px;}

.nav{width:860px;color:#fefeff;font-size:16px;}
.nav ul{list-style-type: none;}
.nav ul li{float:left;padding-left:42px;text-align:center;line-height:25px;height:60px;}
.nav ul li p{font-size:12px;font-weight:bolder;}
.nav a{ color:#fefeff;}
.nav a:hover { color:#dfb74f;text-decoration:none;}

.banner{width:100%;margin:0 auto;padding-top:110px;}
.two_line{ width:100%;margin:0 auto;background-color:#95011b;}
.two_main{margin:0 auto;width:1140px;height:600px;overflow:hidden;padding-top:30px;}
.two_box{margin-top:30px;float:left;margin-right:22px;margin-left:22px;width:240px;height:240px;}
.two_box img{width:240px;height:240px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px;}

.two_product_line{ width:100%;margin:0 auto;}
.two_product{margin:0 auto;width:1200px;overflow:hidden;padding-top:120px;margin-bottom:30px;}
.ousadt_title{margin:30px 0px 0px 0px;line-height:25px; font-size:16px;font-weight:bold; }

.bottom{width:100%;background-color:#2f3035;margin:0px;padding:0px;border-top:1px solid #666;}
.bottom .box1{width:1200px;margin:0 auto;height:255px;}

.bottom .box1 .box1_left{ width:238px; color:#fff;float:left;margin-top:30px;margin-bottom:30px;border-left:1px solid #666; min-height:190px;}
.bottom .box1 .box1_left .htitle{padding-left:33px;}
.bottom .box1 .box1_left .htitle div{float:left;font-size:16px;height:30px;margin-left:6px;}
.bottom .box1 .box1_left a{color:#fff;font-size:14px;line-height:30px;padding-left:80px;}
.bottom .box1 .box1_left a:hover { color:#dfb74f;text-decoration:none;}
.box1_left{}
.bottomline{width:100%;background-color:#2f3035;margin:0px;padding:0px;border-top:1px solid #666;}
.bottomline .box2{width:1200px; margin:0 auto;height:40px;color:#fff;text-align: center;margin-top:20px;font-size:14px;}

.box_detailed{width:960px; height:400px;margin-top:20px;}
.box_detailed_left{ float:left; border:0px solid #CCC; width:355px; height:380px;}

.box_detailed_right{ float:right; height:380px; width:570px;}
.box_detailed_right_a{font-family:"微软雅黑"; font-size:16px; color:#53bbea; font-weight:bold; line-height:38px;}
.box_detailed_right_b{font-family:"微软雅黑"; font-size:16px; color:#53bbea;line-height:38px;}
.box_detailed_right_c{ padding-top:60px; font-size:14px; font-family:"微软雅黑";}
.box_detailed_right_c span{ font-size:24px; color:#F00; padding-left:10px; padding-right:10px ;font-family:"微软雅黑""宋体";}
.box_detailed_right_d{ margin-top:10px}
.box_detailed_right_e{font-size:14px; color:#999; font-family:"微软雅黑"; padding-top:30px;line-height:30px;}
.box_detailed_right_e  p{ color:#F00;}

.detailed_box3{width:1200px; border-top:1px solid #CCC;font-family:"微软雅黑"; line-height:32px; padding-top:10px}

.box_product{ width:960px; margin-top:30px;}
.product_banner img{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

.box4_top{height:60px; border-bottom:1px solid #f3f3f3; line-height:60px; color:#dfb74f; font-size:16px;}
.box5_cen{width:262px; height:320px; background:#f3f3f3; margin-top:20px; text-align:center; float:left; margin-left:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.box5_cen_top{font-size:14px; color:#707070; padding:10px 10px 0px 10px;height:40px; overflow:hidden; vertical-align:middle;}
.box5_cen_top a{color:#707070;}
.box5_cen_top a:hover{color:#dfb74f;}
.box5_cen_cen{ margin:0 auto; padding-top:10px}
.box5_cen_cen img{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;height:240px; width:240px;}

.v_box5{ line-height:30px;margin-top:20px;margin-bottom:30px;}
.news_box{ margin-top:20px; width:1200px; margin:0 auto; }
.news_box ul{width:1100px; float:left;overflow:hidden;line-height:50px;height:50px; border-bottom:2px dotted #ccc;}
.news_box ul li a{color:#707070;float:left}
.news_box ul li a:hover{color:#dfb74f;}
.news_box ul li span{float:right}
.news_box ul .li1{width:740px; float:left;overflow:hidden;text-align:left;}
.news_box ul .li2{width:150px; float:left;overflow:hidden; margin-left:5px;}

/* 本例子css */
.slideBox{ width:100%;height:500px; overflow:hidden; position:relative; min-width:1200px;}
.slideBox .hd{height:20px; overflow:hidden; position:absolute; bottom:40px; z-index:1; right:48%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer;
                     -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;border:1px solid #fff; }
.slideBox .hd ul li.on{ background:#dfb74f; color:#fff; filter:alpha(opacity=80);opacity:0.8;}
.slideBox .bd{margin:0 auto;position:relative; height:100%; z-index:0;border:none;}
.slideBox .bd li{ zoom:1; vertical-align:middle;border:none;display: flex;justify-content: center;align-items: center;  }
.slideBox .bd li img { width:auto; vertical-align: middle; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
                                 background:#333 url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;
}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



/*.box_detailed_left{ float:left; border:1px solid #CCC; width:355px; height:342px;}*/
.picShow {width:300px;margin-left:25px;}
/*放大镜效果*/
#preview{ float:none; margin:0 auto 0; text-align:center; width:300px;}
.jqzoom{ width:300px; height:300px;_height:300px;overflow:hidden;margin-bottom:20px;border:0px solid #ccc;}
.zoomdiv{ left:859px; height:300px; width:300px;}
#spec{width:300px; height:56px; padding-top:6px;margin-left:6px;overflow:hidden;position:relative;}
.specLeftT{ background:url(img/proddetlIcon.gif) -157px 0 no-repeat; width:5px; height:9px; float:left; cursor:pointer;position:absolute;top:17px;left:0}
.specRightT{background:url(img/proddetlIcon.gif) -164px 0 no-repeat; width:5px; height:9px; float:left;cursor:pointer;position:absolute;top:17px;right:0}
.specLeftF{ background:url(img/proddetlIcon.gif) -145px 0 no-repeat; width:5px; height:9px; float:left; cursor:pointer;position:absolute;top:17px;left:0}
.specRightF{background:url(img/proddetlIcon.gif) -151px 0 no-repeat; width:5px; height:9px; float:left;cursor:pointer;position:absolute;top:17px;right:0}

#specList{ float:left; margin-left:2px; display:inline;}
#specList ul li{ float:left;display:inline; width:50px;margin-right:4px;}
#specList ul li img{ padding:2px;border:1px solid #ccc; width:40px; height:40px;margin-bottom:1px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:310px;height:310px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#specList{ position:absolute; width:270px;text-align:left;left:13px;top:0px;overflow:hidden;height:60px;}
#specList div{ margin-top:0;margin-left:0; *margin-left:0;}
#specList ul {position:absolute;left:4px;width:270px;}

.cp_xx{ height:40px; width:900px;float:left; text-align:center; margin-top:20px}
.cp_xx a{ padding-left:10px; padding-right:10px; color:#666}
.cp_xx a:hover{ color:#F00;text-decoration:none;}



.prolists {
    position: absolute;
    height: 0px;
    width: 100%;
    background-color: #fff;
    top: 110px;
    left: 0;
    z-index: 1000;
    transition: all .3s linear;
    overflow: hidden;
    filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;
    position:fixed;
}

.prolists .products_list {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    box-sizing: border-box;
    overflow: hidden;
    height:135px;
}

.prolists .products_list .productbox {
    float: left;
    width:280px;
    height:90px;
}

.productbox .logo_title {
    float:left;
    height:90px;
    width:90px;
    background-color:#ce0026;
    -moz-border-radius: 45px; 
    -webkit-border-radius: 45px; 
    border-radius: 45px;
}
.productbox .text_right {
    float:left;
    margin-left:12px;
    margin-top:18px;
    font-size:16px;
    line-height:25px;
    color:#ce0026;
}
.productbox .text_right .font14{
    font-size:14px;
}
.productbox .logo_title img{
    margin:0px;
    padding:0px;
}
.productbox a{color:#ce0026;}
.productbox a:hover { color:#dfb74f;text-decoration:none;}

.classify_box a{color:#ce0026;}
.classify_box a:hover { color:#dfb74f;text-decoration:none;}
.prolists .classify_box {
    width: 100%;
    border-top:1px solid #e6e6e6;
}
.prolists .classify_box .classify_list {
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px;
    box-sizing: border-box;
    overflow: hidden;
}
.productbox .btm_load {
    margin-top:13px;
    width:90px;
    text-align:center;
    color:#ce0026;
    vertical-align:bottom;
    font-size:12px;
}

.classify_list .classproductbox {
    float:left;
}
.classify_list .classproductbox div{
    text-align:center;
    line-height:28px;
}
.classify_list .classproductbox p{
    font-size:28px;
    font-weight:bolder;
    font-family:Impact;
    line-height:40px;
}

.ousadt_content{padding-top:110px;min-height:300px;width:100%;}
.ousadt_content .ousadt_cont{margin:0 auto;width:1200px;margin-bottom:30px;}
.ousadt_content .ousadt_title{margin:40px 0px 20px 0px;line-height:25px; font-size:16px;font-weight:bold; }
.ousadt_content .ousadt_time{line-height:25px; font-size:14px;margin-bottom:20px;}
.ousadt_content .ousadt_line{margin:0px 0px;line-height:25px; font-size:14px;}

.brand{ zoom:1; vertical-align:middle;border:none;display: flex;justify-content: center;align-items: center;padding-top:130px; }
.brand img{ width:auto; vertical-align: middle; }