@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td,table{margin: 0; padding: 0;}
body,button,input,select,textarea{font:12px/2.0 "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;}
h1{font-size: 12px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var,i{font-style: normal;}
code,kbd,pre,samp,tt{font-family: "Courier New", Courier, monospace;}
small{font-size:12px;}
ul{list-style: none;}
a {text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#ae0001;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor: help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}
:focus{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden; background-color:#212121;}
body{ margin:0; font:normal 12px "微软雅黑"; color:#333;}
.fl{display:inline;float:left;}
.fr{display:inline;float:right;}
.w1100 { width:1100px; margin:0 auto;}


.nav { font-size:18px; line-height:100px; color:#fff; background:#c5b3c3;}
.nav a { float:left; color:#000;}
.nav a:hover,.nav a.on { color:#fff;}
.nav a.logo { width:182px; height:100px; position:relative; z-index:1;}
.nav a.logo img { position:absolute;}

.banner { width:100%; height:450px; position:relative; overflow:hidden; padding-bottom:16px; background:url(images/bannerbg.jpg) repeat-x bottom;}
/*.banner_qq{ width:100%; height:350px; position:relative; overflow:hidden; padding-bottom:16px; background:url(images/bannerbg.jpg) repeat-x bottom;}*/
.banner .hd{ height:20px; overflow:hidden; position:absolute; left:50%; margin-left:-42px; bottom:20px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin-right:15px;  width:20px; height:20px; border-radius:10px; text-align:center; background:#ae0001; cursor:pointer; }
.banner .hd ul li.on{ background:#ae0001; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;}
/*.banner .bd img { position:absolute; left:50%; margin-left:-960px;}*/

.navname { text-align:center;}
.navname img { margin-bottom:10px;}
.navname div { font-family:Arial; font-size:22px;}
.navname p { font-size:14px;}
.navname span { display:block;  width:450px; line-height:60px; margin:0 auto;color:#919b5f!important;font-size: 28px;font-weight: 600}
/*.about { height:620px; padding:40px 0 60px; background:#f8e4d0 url(images/aboutbg.png) no-repeat center;}*/
.about { height:92px; padding:40px 0 60px; background:#e9d5d4;}
.about .navname { background:url(images/line2.jpg) no-repeat 678px 90px;}
.about .navname div { background:url(images/line1.jpg) no-repeat -20px center;}
.about .navname div span{ color:#111; border:solid 3px #f6dcbb;}
.about .navname p { line-height:56px; color:#2b2b2b;}
.about .title { font-size:22px; line-height:46px; color:#222;}
.about .more { display:block; width:60px; margin-top:5px; padding-right:20px; text-align:center; line-height:26px; color:#b10000; border:solid 1px #b10000; background:url(images/more2.jpg) no-repeat 55px center;}
.about .content { font-size:14px; line-height:24px; color:#615f5f;}
.about-content { padding-top:20px;}
.about-content .fl { width:436px; height:210px; padding-top:262px; background:url(images/pic1.jpg) no-repeat top;}
.about-content .fl .box { width:380px; margin:0 auto; padding:12px 15px; background:#fff;}
.about-content .fr { width:634px; padding:30px 0 22px; background:#fff url(images/pic2.jpg) no-repeat right top;}
.about-content .fr .box { width:350px; padding-left:40px;}
.about-content .fr .content p { padding:10px 0;}

/*.product { height:600px; padding-top:60px; background: url(images/workbg.jpg) no-repeat center;} */
.product { height:560px; padding-top:60px; background: #809e86;}
.product .navname { color:#fff; background:url(images/line4.jpg) no-repeat 678px 89px;}
/*.product .navname div { font-size:34px; line-height:67px; letter-spacing:5px; background:url(images/line3.jpg) no-repeat 67px center;}*/
.product .navname div { font-size:34px; line-height:67px; letter-spacing:5px; background:#809e86;}
.product .navname div span{ border:solid 3px #fff;}
.product .navname p { line-height:40px;}
.work .hd { padding:30px 0 40px;}
.work .hd ul { height:180px;}
.work .hd li { display:inline; float:left; width:16.66%; height:40px; padding-bottom:10px; font-size:16px; cursor:pointer;}
.work .hd li.on { background:url(images/tab.png) no-repeat center bottom;}
.work .hd li a { display:block; line-height:40px; color:#2b2b2b; text-align:center; background:#fff; border-left:solid 1px #c5b3c3;}
.work .hd li.on a { color:#fff; background:#c5b3c3;}
/*.work .bd { margin-right:-20px;}*/
.work .bd li{ display:inline; float:left; width:260px; margin-right:20px; background:#fff;}
.work .bd li:last-child{margin-right: 0}
.work .bd li a { display:block;background:#ba0c0d;}
.work .bd li .pic { position:relative; font-size:0;}
.hover { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50);  opacity:0.5; -moz-opacity:0.5;}
.hoverimg  { display:none; position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-28px;}
.work .bd li .title { font-size:16px; line-height:44px; color:#000; text-align:center; }
.work .bd li .content { padding:0 15px 50px; font-size:14px; line-height:26px; color:#5a5a5a; background:url(images/more.jpg) no-repeat 15px 60px;}
.work .bd li a.on { background:#ae0001;}
.work .bd li a.on .title { color:#fff;} 
.work .bd li a.on .content { color:#fff; background:url(images/morehover.jpg) no-repeat 15px 60px;}

.other { padding:60px 0; font-family:Arial; background:#afafaf;}
.other .navname { font-size:32px; color:#454545;}
.other .navname span { width:100%;}
.news { width:720px; background:#fff; padding:30px 0 40px;}
.news .navname { margin-bottom:40px; background: url(images/line5.jpg) no-repeat 20px center;}
.news .navname span { background: url(images/line6.jpg) no-repeat 485px center;}
/*.news-content { width:445px; padding:0 250px 0 25px; background:url(images/pic3.jpg) no-repeat 470px top;}*/
.news-first { background:#f1f1f1;}
.news-first .date { width:80px; text-align:center; padding:18px 0 10px; background:#dcdcdc;}
.news-first .date i { font-weight:bold; font-size:36px; line-height:26px; color:#ae0001;}
.news-first .date span { font-size:12px; line-height:28px; color:#828282;}
.news-first .content { width:345px; padding-top:10px;}
.news-first .title a { font-size:16px; line-height:24px; color:#ae0001;}
.news-first .content p { font-size:14px; line-height:20px; color:#828282;}
.news-content li { line-height:44px; border-bottom:solid 1px #ededed;}
.news-content li span { font-size:12px; padding:0 20px 0 10px; color:#454545;}
.news-content li span i { font-size:16px;}
.news-content li a { font-size:16px; color:#454545;}
.news-content li a:hover { color:#ae0001;}

.exhibitors { width:268px; height:208px; background:#fff url(images/rightLogo.png) no-repeat;
    position: absolute;top: 50%;right: 30px;transform: translateY(-50%);}
.exhibitors .navname { background: url(images/line7.jpg) no-repeat left center;}
.exhibitors .navname span { background: url(images/line7.jpg) no-repeat right center;}
.exhibitors .content { padding:0 25px 0; font-size:16px; line-height:24px; color:#5a5a5a;}
.exhibitors .more { display:block; width:100px; margin-left:180px; padding-right:30px; font-size:16px; line-height:70px; color:#c30808; background: url(images/more.jpg) no-repeat right center;}

.link { margin-top:30px; font-size:16px; line-height:34px; border-top:solid 1px #fbdebe; border-bottom:solid 1px #fbdebe; background:#fff;}
.link span { padding-left:20px; color:#ae0001;}
.link a { padding:0 15px; color:#676767;}
.link a:hover { color:#ae0001;}

.bottom { font-family:Arial;}
.contact { width:45%; padding:70px 0 166px 0; background:#c5b3c3;}
.contact .box { width:460px; float:right;}
.contact .title { font-size:38px; padding-left:80px; line-height:38px; color:#fff; margin-bottom:28px;}
.contact .content li { padding-left:54px; font-size:16px; line-height:30px; color:#fffefe;}
.contact .content li i,.contact .content li span { color:#fff;}
.contact .content li i { position:absolute; margin-left:-54px;}
.contact .content li span { margin-right:10px;}
.contact .content img { margin-top:10px; margin-right:54px;}
.contact .media { margin-top:40px; padding-left:126px;}
.contact .media a { margin-right:25px;}
.consult { width:55%; padding:70px 0 68px 0; background:#c5b3c3; *padding:70px 0 71px;}
.consult .box { width:615px;}
.consult .title { padding-left:35px; margin-bottom:30px; font-size:22px; line-height:50px; color:#fff; background: url(images/consult.jpg) no-repeat 2px center;}
.consult form div { width:200px; margin-right:8px;}
.consult form div input { width:185px; height:40px; margin-bottom:8px; padding-left:15px; font-size:16px; line-height:40px; color:#2f2f2f; border:none; background:#FFFFFF;}
::-moz-placeholder { color: #2f2f2f; }
::-webkit-input-placeholder { color:#2f2f2f; }
:-ms-input-placeholder { color:#2f2f2f; }
.placeholder { position:relative; zoom:1; border:none; background:none; padding:none; margin:none; display:inline; }
.placeholdertxt {position:absolute; font-size:16px; line-height:40px; color:#2f2f2f}
.consult form p { width:335px;}
.consult form textarea { width:320px; height:136px; *height:140px; font-size:16px; line-height:40px; padding-left:15px; border:none; background:#FFFFFF;}
.consult form .submit { margin-left:8px; width:60px; height:136px; *height:140px; padding-top:36px; border:none; color:#a9a4a5; background:#72050e url(images/submit.jpg) no-repeat center 36px;}
.footer { font-family:Arial; line-height:64px; text-align:center; color:#fff; background:#809e86;}

.column { background:#f8e4d0; padding:50px 0; font-family:Arial;}
/*.column .column-name { font-weight:normal; width:190px; margin:0 auto; text-align:center; font-size:22px; line-height:52px; color:#fff; background:#000;}*/
.column .column-name { font-weight:normal; width:190px; margin:0 auto; text-align:center; font-size:22px; line-height:52px; color:#adaea8; }
.column .show .pic { padding:40px 0; text-align:center;}
.column .show .title { font-size:26px; color:#000; line-height:80px;}
.column .show .content { font-size:16px; line-height:24px; color:#666;}
.column .show .content p { padding:10px 0;}

.column .show-title { font-size:30px; text-align:center; line-height:76px; padding-top:30px;}
.column .show-date { font-size:14px; line-height:30px; text-align:center; color:#666; border-top:dashed 1px #dbdcde; border-bottom:dashed 1px #dbdcde;}

.article-list { padding-top:60px;}
.article-list li { display:inline; float:left; width:525px; margin:0 10px 30px;}
.article-list li a { display:block; background:#fff; color:#666;}
.article-list li .pic { position:relative; font-size:0;}
.article-list li .pic .hover {}
.article-list li .title { padding:10px 25px 0; font-size:18px; line-height:40px;}
.article-list li .content { padding:0 25px; font-size:14px; line-height:22px;}
.article-list li .more { padding:15px 25px; height:30px; line-height:30px;}
.article-list li .more i { float:left; width:94px; height:30px; color:#fff; text-align:center; padding-right:20px; background:#020202 url(images/more3.jpg) no-repeat 96px center;}
.article-list li .more span { float:right; font-size:12px;}
.article-list li a.on { background:#ae0001; color:#fff;}

.page { text-align:center; margin:40px 20px 20px; padding-bottom:20px; font-size:16px;}
.page div:first-child { line-height:50px;}
.page a { color: #666; padding:5px 10px; margin-left:5px; background:#fff;}
.page a:hover {color: #666; background:#800605;}
.page span.current { color: #fff; padding:5px 8px; margin-left:5px; background:#800605;}
.page span.disabled { color: #666; padding:5px 8px; margin-left:5px; background:#fff;}

.goods { padding:20px 0;}
.sidebar { padding:0 18px; background:#f0ceb3;}
.sidebar div { font-size:24px; line-height:60px;}
.sidebar li { width:204px; height:35px; margin-bottom:20px; font-size:18px; line-height:35px; background:#fff; }
.sidebar li a { display:block; width:154px; padding:0 30px 0 20px; color:#333; background:url(images/slidebar.jpg) no-repeat 174px center;}
.goods-box { width:835px;}
.goods-list { padding:15px 0 0;}
.goods-list li { display:inline; float:left; width:260px; padding:0 8px 10px;}
.goods-list li .pic { position:relative; font-size:0;}
.goods-list li .title { padding-left:15px; line-height:34px; color:#000; font-size:14px; background:#E9E9E9;}

.goods-title { font-size:24px; line-height:50px; text-align:center;}
.picFocus{ width:100%; position:relative;}
.picFocus .hd{ width:100%; margin-top:10px;}
.picFocus .hd ul li{ display:inline; float:left; width:190px; margin-right:15px; padding-top:5px;}
.picFocus .hd ul li img{ width:184px; height:150px; border:3px solid #ddd; cursor:pointer;}
.picFocus .hd ul li.on{ background:url(images/up.jpg) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;}
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd li { width:810px; height:610px;}
.picFocus .bd img{ width:810px; height:610px; display:block;}
.goods-intro { font-size:24px; line-height:50px;}
.goods-content { font-size:14px; line-height:24px; margin-bottom:40px;}
.relate { font-size:16px; margin-bottom:40px;}
.relate span { color:#666;}
.relate a { color:#666;}

.consult form p,.consult form textarea{
    width: 265px;
}
.consult form p{
    margin-right: 20px;
}
@media screen and (min-width: 200px){
    html,body{
        width: 1125px;
        /*overflow-x: hidden;*/
        margin: 0 auto;
    }
    .nav,.about,.product,.other,.bottom,.footer{
        width: 1125px;
    }
    .banner{
        width: 1125px;
        height: 530px;
    }
    /*.banner ul,.banner li{*/
        /*!*height: 100%;*!*/
    /*}*/
    /*.banner a{*/
        /*display: block;*/
        /*width: 100%;*/
    /*}*/
    .banner img{
        display: block;
        width: 1125px;
    }
}

.feaTitle{
    text-align: center;
    font-size: 40px;
    padding: 10px 0;
    color: #919b5f;
    text-shadow:0 0 10px rgba(145,155,95,.5);
}
.blockWrap{
    margin-top: 100px;
    display: flex;
    align-items: center;
}
.blockWrap .blockItem{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
/*@media screen and (min-width: 300px){*/
    /*.w1100{*/
        /*width:100%;*/
    /*}*/
    /*.w1100 a{*/
        /*width: 5%;*/
    /*}*/
/*}*/

/*@media only screen and (min-device-width: 320px) and (max-device-width:360px) and (-webkit-min-device-pixel-ratio: 2) {*/
    /*.w1100{*/
        /*width:100%;*/
    /*}*/
/*}*/