@charset "utf-8";
/* CSS Document */
/***********通用基本类************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {text-decoration: none;color: #000000;}
a:hover, a:active {text-decoration: none;color: #007ab9;border: none;}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
padding: 0px;
margin: 0px;
text-align: left;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;
}
body {
	    font-family: 微软雅黑;
	    
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{width:1200px;margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{float:right;}



/* 头部导航样式 */
.heabox{}
.dea-logo{}
.dea-logo img{}

.hea-s1{}
.hea-s2{
    color: #007ab9;
    font-size: 21px;
    font-weight: 600;
    padding-top: -10px;
}
.hea-b1{
    padding-top: 10px;
    margin-bottom: 10px;
}
.hea-b2{
    margin-top: 40px;
    width: 850px;
    float: left;
}

.her-nvndiv{
    margin-left: 20px;
}
.refnua{}
.refnua-li{
    width: auto;
    float: left;
    position: relative;
    margin-left: 10px;
}
.refnua-li>a{
    font-size: 18px;
    display: block;
    padding: 5px 10px;
}
.derer-ul{
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #1593d6;
}
.derer-ul>li>a{width: 100%;text-align: center;color: white;display: block;
    padding: 5px 0px;}
.derer-ul>li>a:hover{background-color: #2b398485}
.derer-li{
    text-align: center;
}
.derer-li>a{
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px 0px;
}
.derer-li>a:hover{ background-color: #2b398485;}
.refnua-li>a:hover{border-bottom: 2px solid #1593d6; }
.navhoser{border-bottom: 2px solid #1593d6;}

.banrd1{

    width: 843px; padding: 50px;
    background-color: #0000007a;
    height: 340px;display: none;
}
.hea-phone{
    width: 200px;
    margin-top: 20px;
}
.hea-phoen-p1{}
.hea-phoen-p1 a:nth-child(1){}
.hea-phoen-p1 a:nth-child(1) img{}
.hea-phoen-p1 a:nth-child(2){
    margin-left: 35px;
}
.hea-phoen-p1 a:nth-child(2) img{}
.hea-phoen-p2{
    display: block;
    margin-top: 5px;
}
.hea-phoen-p2-i1{
    padding-left: 5px;
    border-right: 0px;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    height: 30px;
}
.hea-phoen-p2-i2{background: url(../images/sea.png) no-repeat center;width: 33px;border: 0px;background-size: 100%;border-top: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;height: 32px;/* margin-left: -5px; *//* margin-top: 1px; */position: absolute;cursor: pointer;}

.publin-title{
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 50px;
}
.publicn-xian{
    width: 100px;
    margin: 0 auto;
    height: 2px;
    background-color: black;
}
.publin-des{
    text-align: center;
    font-size: 25px;
    margin-top: 10px;
}



/* 公共标题样式 */
.publictitle{
    text-align: center;
    margin: 45px 0px;
}
.publictitle h3{
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: 30px;
    letter-spacing: 5px;
}
.publictitle h3 span{
    color: #9d0708;
}
.publictitle img{
    margin: 0 auto;
    width: 150px;
}
.publictitle p{
    text-align: center;
    color: #505050;
    font-weight: bold;
    font-size: 20px;
}
/* 首页关于我们 */
.aboutbox{
    padding: 35px 0px;
}
.aboutus{
  /*  background:url(../images/3.png) center no-repeat;*/
}
.aboutboxP{}
.aboutjs{
    width: 1200px;
    padding: 50px 0px;
    max-height: 290px;
    overflow: hidden;
}
.aboutjs a{}

.aboutwi{margin-top: 40px;}

 /* 首页横图展示 */
 .bgimg{
     padding-top: 15px;
     /* width: 1920px; */
     margin: 0 auto;
     text-align: center;
 }
 .bgimg img{
     /* width: 100%; */
     max-width: 100%;
 }

/* 首页产品展示 */
.index_pro{
    margin: 20px 0px;
}
.dao{
    font-size: 0;
    margin: 12px 0 19px 0;
    background: #dcdcdc;
    height: 65px;
}
.dao a {
    display:block;
    float: left;
    line-height: 36px;
    padding: 20px 9px;
    border-right: 1px solid #fff;    width: 281px;
    
}
.dao a:hover{
    background: #fff;
    color: red;
    border-top: 3px solid red;
}
.index-proon{
     background: #fff;
    color: red;
    border-top: 3px solid red;
}
.protylis{display: none;}
.protylis:nth-child(1){display: block;}
.dao a span {
    padding: 0 15px;
    font-size: 17px;
    color: #e50012;
    display: block;text-align: center;
}
.cx_img ul li {
    float: left;
    width: 381px;
    margin: 0 22px 0 0;
    border: 2px solid dimgrey;
    margin-bottom: 20px;
}
.cx_img ul li a{
    display: block;
    overflow: hidden;
}
.cx_img ul li img {
    width: 100%;
    cursor: pointer;
    transition: all .35s ease;
    height: 211px;
}
.cx_img ul li img:hover{ transform: scale(1.4);  }
.pro_title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #00000096;
}
.name{
    text-align: center;
    line-height: 50px;
    display: block;
    color: #fff;
}
.cx_img ul li:nth-child(3n) {
    margin-right: 0 !important;
}


/* 首页团队展示 */

.tuandui{
    background:url(../images/bg.jpg) center no-repeat;
    /* padding: 100px 0px 50px; */
    display: block;
}
.teamzbox{
    padding: 1px 0px 50px;
    display: block;
}
.teambox{
    width: 1200px;
    margin: 0 auto;
}
 .slideGroup .parBd ul li .pic a{
    width: 281.2px;
}

/* 首页新闻中心 */

.caishuizhis{
    padding: 0px 0px 0px;
}
.cazzszbox{}
.vazsbox{
    margin-top: 40px;
}
.caishuizhdiv{
    margin-bottom: 15px;
    width: 32%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
}
.newstopd{
    position: relative;
    height: 250px;
}
.newstopd-d1{
    position: absolute;
    width: 100%;
    height: 250px;
}
.newstopd-d1 img{
    width: 100%;
    height: 100%;
}
.newstopd-d2{
    position: absolute;
    bottom: 0px;
    z-index: 999;
    color: white;
    background-color: #0000008f;
    width: 100%;
    padding: 5px;
}
.newstopd2{}
.newstopd2-ul{}
.newstopd2-ul-li{
    border-bottom: 1px dashed  #9E9E9E;
}
.newstopd2-ul-li a{
    /* width: 25%; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /*     width: 89%;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
float: left; */
    font-size: 15px;
    line-height: 32px;
    display: block;
}
.newstopd2-ul-li-span1{color: #FFC107;width: auto;float: left;padding: 5px 0px;}
.newstopd2-ul-li-span2{
    width: 77%;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    padding: 5px 0px;
}
.newstopd2-ul-li-span3{
    padding: 5px 0px;
    float: left;
}
/* .newstopd2-ul-li a span{
    color: #FFC107;
} */
.caishuizhdiv:nth-child(3n+3){ margin-right: 0px;}


/* 首页结束 */
.foot_box {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 40px;
}
.foot_box p{
    text-align: center;
    line-height: 44px;
    font-size: 16px;
}
/* 底部开始 */

footer {
    width: 100%;
    overflow: hidden;
    background: #DCDCDC;
    margin-top: 40px;
}
.ftnr {
    width: 1200px;
    margin: 40px auto;
}
.foot1 {
    width: 510px;
    height: 46px;
    line-height: 46px;
    /* background: #252525; */
    float: left;
}
.f-sort {
    color: #ECECEC;
    padding-right: 36px;
    float: left;
    width: 100px;
}

.f-sort .content {
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}
.f-sort .content a {
    display: block;
    color: rgb(103, 103, 103);
    font: 14px/24px 微软雅黑;
}
.f-sort .content a:hover{color: #da251c}
.foot4 {
    float: left;
    width: 290px;
}
.foot2 {
    float: left;
    width: 370px;
    line-height: 32px;
    color: rgb(103, 103, 103);
     margin-left: 10px; 
}
.f-sort .title a{
    border-bottom: 1px solid black;
    padding-bottom: 3px;
}
.f-sort:nth-child(4){padding-right: 0px;}
.webzybanner{overflow: hidden; text-align: center;}


/*  商品列表  */
#contents{
    margin-top: 25px;
}
.zye-left{
    width: 239px;
    float: left;
    
}
.zye-left-title{
        border-bottom: 1px solid;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;    background-color: #9c0707;
}
.zye-left-lanmu{}
.zye-left-lanmu-ul{}
.zye-left-lanmu-ul li{
    border-bottom: #D9D9D9 1px solid;
}
.zye-left-lanmu-ul li a{
    display: block;
}
.zye-left-lanmu-ul-s1{
    color: #D9D9D9;
    margin-left: 30px;
    line-height: 55px;
}
.zye-left-lanmu-ul-s2{
    margin-left: 5px;
    line-height: 40px;
    color: inherit;
    color: #626262;
}

.zye-right{width: 951px;float: left;margin-left: 10px;}
.zye-mbx-box{
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 0px;
}
.zye-mbx-box img{
    width: 21px;
    margin-top: 3px;
    float: left;
}
.zye-mbx-box a{
    color: #da251c;
    font-size: 15px;
    margin: 0px 2px;
}
.zye-mbx-box span{
    font-size: 15px;
}

.prolistbox{}
.prolistbox ul{}
.prolistli{
    width: 291px;
    float: left;
    margin-right: 33px;
    margin-bottom: 15px;
        border: 2px solid #f6f6f6;
}
.prolistli a{}
.proimgbox{
    width: 100%;
    height: 162px;
    overflow: hidden;
}
.proimgbox img{
    width: 100%;
    height: 162px;
     transition: all 0.6s;
    -ms-transition: all 0.8s;
}
.proimgbox img:hover{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.protitlebox{
    background-color: #f6f6f6;
    text-align: center;
    padding: 10px 0px;
}
.prolistli:nth-child(3n+3){margin-right: 0px;}

.newslist{
    margin-top: 10px;
    border-bottom: 1px dashed rgb(191, 191, 191);
    padding: 10px;
}
.newslist a{}
.news-title{}
.news-title-s1{
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    white-space: normal;
    display: inline-block;
    line-height: 21px;
    font-size: 16px;
    /* color: #333; */
}
.news-title-s2{
    float: right;
    font-size: 15px;
}
.news-desc{
    height: 50px;
    margin: 10px 0px;
}
.news-desc p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    }
.news-kqx{
    text-align: right;
}
.news-kqx div{
    background: rgba(252,252,252,1);
    border-color: rgba(240, 240, 240,1);
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    min-width: 86px;
    color: #da251c;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    }

.proxqnr{}
.proimgshow{}
.proimgshowbox{ width: 50%; float: left; }
.pro-nemebs{
    width: 40%;
    float: left;
    margin-left: 5%;
    margin-top: 50px;
}
.xqwenzjis{overflow: hidden;margin-top: 15px;}
.xqwenzjis img,.xqwenzjis p img,.xqwenzjis p span img{max-width: 98% !important; height: auto !important;}
.pro-nemebs h3{
    font-size: 25px;
}
.pro-nemebs>p{
    margin: 13px 0px;
}
.pro-nemebs div{
    height: 300px;
    margin-top: 10px;
    overflow: hidden;
}

.zye-left-lanmu{margin-bottom: 25px;background-color: #F6F6F6;}

.pro-nemebs div>p{}
.onpon{    background-color:#da251c !important;}
.onpon .zye-left-lanmu-ul-s2{color: white !important;}
.page{ padding:20px 0 0 0; text-align:center;}
.page a{ display:inline-block; margin:0 5px; height:30px; line-height:30px; padding:0 12px; border:#bcbcbc solid 1px; border-radius:2px; color:#666;}
.page i{width:0;height:0;line-height:0; display:block; border-width:5px;border-style:solid;Filter:Chroma(color=color); position:absolute;top:10px;}
.page .first{ padding-left:20px !important; position:relative;}
.page .last{ padding-right:20px !important; position:relative;}
.page .first i{border-color:transparent #999 transparent transparent; left:5px;}
.page .last i{border-color:transparent transparent transparent #999; right:5px;}
.page a:hover{border:#e7942c solid 1px; text-decoration:none; box-shadow:#e7942c 0 0 3px;}
.page .on{color:#FFF; border:#e7942c solid 1px; background:#e7942c;}
.page .next,.page .prev{display: none;}