@charset "utf-8";

/*样式重置*/

body {

    width: 100%;

    min-width: 1100px;

    max-width: 1920px;

    overflow-x: hidden;

    margin: 0 auto;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,

 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} 

ol, ul {list-style:none} :focus {outline:none; } 

a{font:14px "微软雅黑";text-decoration:none;color:#333;cursor:pointer;} 

.clear{clear: both;}

.w1100{width: 1200px; margin:auto;}

.w1920{width: 1920px; margin:auto;}

.top{height: 42px;line-height: 42px;background: #2e2e2e;}

.top h1{color: #c3c3c3;font-size: 14px;font-weight:normal;float:left;}

.top strong{color: #c3c3c3;font-size: 20px;line-height: 42px;float: right;font-family: "Arial";font-weight:bold;padding-left: 32px;background: url(../images/call.jpg) no-repeat center left;}

.nav{height:145px;background: #fff;}

.nav .w1100{position:relative;height: 145px;}

.nav h2{float: left;margin-top: 25px;}

.nav h3{position: relative;float: left;padding-left: 80px;border-left:solid 1px #f0f0f0;background: url(../images/t1.jpg) no-repeat 30px 72px;

top:20px;left: 20px;}

.nav h3 strong{color:#831c15;font-weight: normal;font-size: 47px;position: absolute;top:10px;left: 10px}

.nav h3 span{color:#707070;font-weight: normal;font-size: 14px;padding-top:15px;display: block;}

.nav h3 p{color:#333;font-weight: bold;font-size: 17px;}

.nav h3 i{color:#707070;font-weight: normal;font-size: 15px;text-transform:uppercase; font-style:normal;letter-spacing: 11px;padding-top: 10px;display: block;}

.nav ul{position: absolute;top:60px;right: 0px;}

.nav li{float: left;margin-left: 20px}

.nav li:last-child{margin-right:0px;background: none}

.nav li a{display: block;color: #616161;height: 31px;line-height: 31px;text-align: center;padding-left:25px;padding-right:25px;border-radius: 3px;}

.nav li a.first{color:#fff;background: #762a2e;}

.nav li a:hover{color:#fff;background: #762a2e}

/*轮播图点样式*/

.active{ background:#ffffff;}

.flickerplate .dot-navigation .dot.active { background:#762a2e;}

.flickerplate .dot-navigation .dot.active:hover{ background:#762a2e;}

.flickerplate .dot-navigation .dot { background:#ffffff;}

.flickerplate .dot-navigation .dot:hover{ background:#762a2e;}

/*search*/

.search_div{height:84px;z-index: 2;position: relative;border-bottom: solid 1px #e9e9e9}

.search_div .w1100{position:relative;}

.search{ width: 426px; position: relative;right: 0px;top: 15px;float: right; z-index: 2;height: 50px;

background: url(../images/ssuo.jpg) no-repeat center center;}

.search_tow{ border: none; background: none; width:280px; color: #ddd;font-size: 14px;padding-left: 10px;  height: 48px;float: left;}

.search_button{ cursor: pointer;width: 50px;height: 50px; position: absolute; right: 0px; border: none; background: none;color: #fff;font-size: 16px;

background: url(../images/sbt.jpg) no-repeat center center;}

#SearchType {height: 50px;line-height: 50px;background:#f4f4f4;display: block;color: #666; float: left;border-radius: 30px;width: 70px;padding-left: 15px;}

.search_div .sshot{float: left;height: 84px;line-height: 84px;text-align: left;}

.search_div .sshot span{color: #333;}

.search_div .sshot a{color: #999999;margin-left:20px;font-size: 13px;}

.search_div .sshot a:hover{color: #7a292d}

.search_div .sshot i{color: #762a2e;font-size: 14px;font-style:normal;text-transform:uppercase;font-weight:bold;margin-right: 10px;}

.porduct{height:850px; background: #fff}

.porduct .w1100{position:relative;}

.porduct h3{text-align: center;margin-top: 50px;}

.porduct h4{text-align: center;color: #999999;font-weight:normal;letter-spacing: 4px;padding-bottom:35px;background: url(../images/p1.png) no-repeat center bottom;

margin-bottom:20px;}

.porduct li{float: left;margin-right: 30px;margin-bottom: 30px}

.porduct li:nth-child(3n){margin-right: 0px;}

.porduct li img{display: block;width:380px;height: 228px;margin-bottom: 2px}

.porduct li p{height: 54px;text-align: center;background: #f7f7f7;line-height: 54px;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;

width: 340px;padding-left: 20px;padding-right:20px;}

.porduct li:hover p{background: #7a292d;color: #fff;}

.porduct .pormore{text-align: center;width:540px;margin:auto;}

.porduct .pormore a{width: 158px;height: 42px;display: block;float: right;background: #2e2e2e;border-radius: 4px;margin-left: 10px;margin-right:10px;

color: #fff;line-height: 42px}

.porduct .pormore a:hover{background: #7a292d;color: #fff}

.yous{height:977px;background:url(../images/ysbj.jpg) no-repeat center center;}

.yous .w1100{position: relative;height:977px;}

.ysimg1{position:absolute;top:150px;left: 0px;}

.ysimg2{position:absolute;top:520px;right: 0px;}

.ys1{width: 530px;position: absolute;top:205px;right: 0px;}

.ys1 h3 span{color: #ffffff;font-size:50px;font-weight:bold;font-family: "Arial";}

.ys1 h3 i{color: #fff;font-size: 22px;font-style: normal;font-weight:normal;margin-left: 5px;}

.ys1 p{line-height: 28px;color: #8f8f8f;margin-top:32px;}

.ys1 .more{width: 55px;height: 15px;display: block;text-align: center;background: #762a2e;font-size:12px;color: #fff;line-height: 15px;border-radius: 3px;

text-transform:uppercase; margin-top: 30px}

.ys1 .more:hover{background: #626262}

.ys2{width:200px;position: absolute;top:580px;left: 0px;}

.ys2 h3 span{color: #ffffff;font-size:50px;font-weight:bold;font-family: "Arial";}

.ys2 h3 i{color: #fff;font-size: 22px;font-style: normal;font-weight:normal;margin-left: 5px;}

.ys2 p{line-height: 28px;color: #8f8f8f;margin-top:32px;}

.ys3{width:300px;position: absolute;top:580px;left: 300px;}

.ys3 h3 span{color: #ffffff;font-size:50px;font-weight:bold;font-family: "Arial";}

.ys3 h3 i{color: #fff;font-size: 22px;font-style: normal;font-weight:normal;margin-left: 5px;}

.ys3 p{line-height: 28px;color: #8f8f8f;margin-top:32px;}

.ysmore{position: absolute;margin-top: 835px;}

.ysmore a{width: 147px;height: 47px;display: block;background: #762a2e;float: left;line-height: 47px;text-align: center;color: #fff;

margin-right: 10px;border-radius: 3px;}

.ysmore a:hover{background: #626262}

.about{margin-top: 70px;}

.about .abimg{float: left;}

.about .abcon{width: 650px;float: right;}

.about .abcon h3 span{color: #762a2e;font-size: 48px;font-family: "Arial";text-transform:uppercase; }

.about .abcon h3{color: #333333;font-size:48px;margin-top:45px;margin-bottom: 30px;}

.about .abcon p{line-height: 30px;color:#666}

.about .abcon a{width: 145px;height: 40px;border:solid 1px #ececec;display: block;text-align: center;line-height: 40px;margin-top:40px;}

.about .abcon a:hover{border:solid 1px #762a2e;background: #762a2e;color: #fff}

.ggao{background:url(../images/ggao.jpg) no-repeat center center;margin-top: 60px;height: 200px;}

.ggao .w1100{position: relative;}

.ggao h3{padding-top: 40px;}

.ggao .tempWrap{position: absolute!important;top:40px;right: 0px;}

.ggao ul li{display: block;float: left;margin-left: 22px;}

.ggao ul li img{display: block;width:192px;height: 112px;padding:4px;background: #fff;}

.ggao ul li p{color: #ffffff;text-align: center;font-size: 12px;margin-top:10px;}

.ggao ul li:hover img{background: #762a2e}

.news h3{line-height: 100px;height: 100px;border-bottom: solid 1px #f7f7f7}

.news h3 span{color: #222222;font-size: 34px;font-style: normal;text-transform:uppercase; display: block;float: left;}

.news h3 span i{font-style:normal;color: #762a2e}

.news h3 strong{color: #222222;font-size:28px;margin-left: 10px;display: block;float: left;}

.news h3 a{width:80px;height: 22px;color: #fff;background: #762a2e;float: right;margin-top:40px;border-radius: 5px;text-align: center;}

.news h3 a:hover{background: #333}

.news .newstop li{width: 370px;float:left;margin-right: 45px;height: 235px;background: #f7f7f7;margin-top: 25px;border-radius: 5px;position: relative;

overflow: hidden;}

.news .newstop li:nth-child(3n){margin-right:0px;}

.news .newstop li .newnone{transition: all 0.8s;height: 235px;}

.news .newstop li .newnone span{color: #333333;font-size: 40px;font-family: "Arial";display: block;padding-top:25px;}

.news .newstop li .newnone i{color: #333333;font-size:15px;font-family:"Arial";font-weight:bold;font-style: normal;display: block;}

.news .newstop li .newnone a{color: #333333;font-size:15px;display:block;margin-top: 30px;width: 300px;

     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 12px;}

.news .newstop li .newnone p{line-height: 22px;color: #afafaf;height:44px;

        display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    white-space: normal !important;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    display:block;

    

}

.news .newstop li .newnone{padding-right: 25px;padding-left: 25px;width: 320px;}

.news .newstop li .newntow{transition: all 0.8s;}

.news .newstop li .newntow img{display: block;width: 370px;height: 176px;border-radius: 5px 5px 0px 0px}

.news .newstop li .newntow p{line-height: 70px;height: 70px;background: #f7f7f7}

.news .newstop li .newntow h5{display: block;height: 58px;line-height: 58px;background: #f7f7f7}

.news .newstop li .newntow h5 span{color: #333333;font-size: 13px;font-weight: normal;margin-left: 15px;display: block;float: left;}

.news .newstop li .newntow h5 a{color: #333333;font-size: 14px;display: block;line-height: 58px;float: left;width: 200px;

     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news .newstop li:hover a{color: #762a2e}

.news .newstop li:hover  .newnone{margin-top:-235px;}

.news .newcon{margin-top: 25px;}

.news .newcon p{height: 70px;line-height: 70px;border-bottom: solid 1px #dfdfdf;width: 370px;float: left;margin-right: 45px;}

.news .newcon p:nth-child(3n){margin-right:0px;}

.news .newcon p a{width: 300px;line-height: 70px;height: 70px;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}

.news .newcon p span{float: right;color: #cbcaca}

.news .newcon p:hover a{color: #762a2e}

.link{background: #fff; padding-top: 20px;padding-bottom:20px;margin-top: 40px}

.link .w1100{width: 1050px;padding-left: 150px;background: url(../images/link.jpg) no-repeat left 2px;}

.link  a{padding-right: 40px;color: #333;display: block;float:left;line-height: 40px;}

.link  a:hover{color: #762a2e;text-decoration:underline;}

.foot{height:375px;background: #2e2e2e;}

.foot .w1100{position: relative;}

.foot .fcall{float: left;}

.foot .fcall h3{color: #353535;font-size: 26px;text-transform:uppercase; padding-top:50px;}

.foot .fcall h4{color: #eaeaea;font-size: 18px;margin-bottom: 25px;}

.foot .fcall p{line-height: 28px;color: #b0b0b0}

.foot .fcall p span{color: #762a2e;font-weight:bold;font-size: 26px;font-family:"Arial";}

.foot .fcall p a{color: #b0b0b0}

.foot .fcall p a:hover{color: #762a2e}

.foot .fwx{text-align: center;float: left;margin-left:150px;}

.foot .fwx h3{color: #353535;font-size: 26px;text-transform:uppercase; padding-top:50px;}

.foot .fwx h4{color: #eaeaea;font-size: 18px;margin-bottom:35px;}

.foot .fnav{float: right;text-align: right;width: 250px}

.foot .fnav h3{color: #353535;font-size: 26px;text-transform:uppercase; padding-top:50px;}

.foot .fnav h4{color: #eaeaea;font-size: 18px;margin-bottom: 25px;}

.foot .fnav li{float:left;margin-left:65px;width: 60px;}

.foot .fnav li a{color: #b0b0b0;display: block;height: 50px;line-height: 50px;border-bottom: solid 1px #383838;display: block;}

.foot .fnav li a:hover{color: #762a2e;border-bottom: solid 1px #762a2e;}

/*返回顶部*/

/*返回顶部*/

.cd-top { z-index:999;

  display: inline-block;

  height: 50px;

  width: 50px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  cursor:pointer;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

   border-radius:8px;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1; cursor:pointer;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: .9;

}

.no-touch .cd-top:hover {

  background-color: #9dc92b;

  opacity: 1;}

.por_conend .por_con_div h4 a:hover{color: #316DC3}