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

/*格式化样式*/
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: #2196F3;
/* 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;}

.hreder1{color: #ffffff;padding: 2px 0px;font-size: 14px;background-color: #2F2F2F;}
.hreder1-l{
    width: 30%;
    float: left;
}
.hreder1-z{
    width: 40%;
    float: left;
    text-align: CENTER;
}
.hreder1-r{
    width: 30%;
    float: left;
    text-align: right;
}
.hreder1-r a{color: #ffffff;font-size: 14px;}
.hreder1-r a:hover{color: #ffffff;}

.header2{}
.weblogo{
    max-height: 50px;
    margin: 10px 0px;
}
.headerphone{
    float: right;
    margin-top: 15px;
}
.headerphone-d1{
    float: left;
    margin-right: 5px;
}
.headerphone-d1 img{
    margin-top: 4px;
}
.headerphone-d2{
    float: left;
}
.headerphone-d2 span{
    color: grey;
}
.headerphone-d2 p{
    color: #FC5007;
    font-size: 25px;
    line-height: 17px;
}


/* 导航开始 */
.webnan-box{
    width: 100%;
    float: left;
}
.webnan-box .webnavone{
    width: auto;
    float: left;
    height: 54px;
    overflow: hidden;
}
.webnan-box .webnavone dt{}
.webnan-box .webnavone dt a{
    padding: 15px 34px;
    display: block;
    color: white;
}
.webnan-box .webnavtwo{
    z-index: 999;
    position: absolute;
    width: 132px;
    text-align: center;
    background-color: #e7e5e6;
    display: none;
}
.webnan-box .webnavtwo dd{}
.webnan-box .webnavtwo dd a{
   
display: block;
   
text-align: center;
   
padding: 5px 0px;
}
.webnan-box .webnavtwo dd a:hover{    background-color: gainsboro;}
.webnan-box .webnavone dt a:hover{color: #fc6423 !important;}

.navhoser{color: #fc6423 !important;}
.webnav{background-color: #242424}
.heaernabx{
    float: left;
    width: 1px;
    height: 20px;
    background-color: #717171;
    margin-top: 19px;
}
.heaernabx:last-child{width: 0px;}

/* 首页产品中心 */
.webiprolist{background:url(../images/bg1.jpg) no-repeat center;padding-top: 0px;}
.publit-title{}
.publit-title-d1{
    float: left;
}
.publit-title-d1 h2{
    color: #010101;
    font-weight: bold;
    font-size: 35px;
    margin: 10px 0px;
}
.publit-title-d1 hr{
    width: 50px;
    height: 4px;
    background-color: #8F8F8F;
    border: 0px;
}
.publit-title-d1 span{
    color: #FD9401;
    font-size: 30px;
    margin: 10px 0px;
}
.publit-title-d2{
    float: right;
    border-bottom: 5px solid #FE9601;
    margin-top: 70px;
    width: auto;
    font-size: 25px;
}
.ipor-box{
    margin-top: 40px;
    margin-bottom: 70px;
}
.ipor-box-d1{
    width: 390px;
    float: left;
    /* margin-left: 15px; */
}
.ipor-box-d1-d1{
    box-shadow: 0px 0px 8px #00000054;
    height: 385px;
   border: 1px solid white;
   overflow: hidden;
}
.ipor-box-d1-d1 a{    overflow: hidden;
    display: block;
    position: relative;
    height: 394px;
}
.ipor-box-d1-d1 a img{
    width: 388px;
   
    height: 385px;
    cursor: pointer;  
    transition: all 0.6s;  
}
.ipor-box-d1-d1 a img:hover{ transform: scale(1.4);  }
.ipor-box-d1-d1 a p{
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 30px;
    background-color: #000000b8;
    color: white;
    bottom: 9px;
}
.ipor-box-d1-d2 a{    overflow: hidden;
    display: block;
    position: relative;
    height: 307px;
}
.ipor-box-d1-d2 a img{
    cursor: pointer;  
    transition: all 0.6s;  
    width: 390px;
    
    box-shadow: 0px 0px 8px #00000054;
    height: 303px;
}
.ipor-box-d1-d2 a img:hover{ transform: scale(1.4);  }
.ipor-box-d1-d2 a p{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 30px;
    background-color: #000000b8;
    color: white;
    
}
.ipor-box-d1-d2{
    margin-top: 15px;
        border: 1px solid white;
}
.ipor-box-d2-d1{
    overflow: hidden;
    border: 1px solid white;
    box-shadow: 0px 0px 8px #00000054;
}
.ipor-box-d2-d2{
    border: 1px solid white;
    box-shadow: 0px 0px 8px #00000054;
    margin-top: 16px;
}
.ipor-box-d2-d1 a{
    position: relative;
    display: block;
    height: 267px;
}
.ipor-box-d2-d1 a img{    overflow: hidden;
    cursor: pointer;  
    transition: all 0.6s;  
    width: 388px;
    height: 267px;
}
.ipor-box-d2-d1 a img:hover{ transform: scale(1.4);  }
.ipor-box-d2-d1 a p{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 30px;
    background-color: #000000b8;
    color: white;
}
.ipor-box-d2{
    width: 390px;
    float: left;
    margin-left: 15px;
}
.ipor-box-d2-d2 a{    overflow: hidden;
    position: relative;
    display: block;
}
.ipor-box-d2-d2 a img{
    cursor: pointer;  
    transition: all 0.6s;  
    width: 388px;
    height: 417px;
}
.ipor-box-d2-d2 a img:hover{ transform: scale(1.4);  }
.ipor-box-d2-d2 a p{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 30px;
    background-color: #000000b8;
    color: white;
}

.webselectus{background: url(../images/bg2.jpg) no-repeat center;padding-top: 20px;}
.youshi-box{
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #868686;
}
.youshidiyi{
    border: 1px solid #DADADA;
    background-color: #F6F6F6;
    width: 20%;
    float: left;
    margin-right: 6.4%;
}
.youshidiyi-d1{
    text-align: center;
    margin-top: 40px;
}
.youshidiyi-d1 img{
    width: 60px;
    height: 60px;
}
.youshidiyi p{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
}
.youshidiyi-d2{
    width: 80%;
    margin: 0px auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 94px;
    margin-top: 10px;
    margin-bottom: 20px;
        word-wrap: break-word;
}
.youshidiyi:last-child{margin-right: 0px;}
.hezuohb-dox{
    margin-top: 20px;
    padding-bottom: 10px;
    /* border-bottom: 1px solid #868686; */
}
.hezuohb-dox-d1{
    width: 610px;
    float: left;
}
.hezuohb-dox-d1 img{
    width: 280px;
    height: 120px;
    border: 1px solid #DADADA;
    float: left;
    margin-right: 45px;
    margin-bottom: 9px;
}
.hezuohb-dox-d1 img:nth-child(2n+2){margin-right: 0px;}
.hezuohb-dox-d2{
    width: 548px;
    float: right;
    position: relative;
    height: 383px;
}
.hezuohb-dox-d2 img{
    width: 548px;
    height: 383px;
}
.hezuohb-dox-d2 div{
    position: absolute;
    bottom: 3px;
    width: 74%;
    margin-left: 13%;
    text-align: center;
    color: white;
    background-color: #FF9600;
    font-size: 25px;
    line-height: 50px;
}


.webaboutus{background: url(../images/bg4.jpg) no-repeat center;}
.aboutus-box{
    margin-bottom: 45px;
    margin-top: 25px;
}
.aboutus-box-d1{
    width: 50%;
    float: left;
    color: white;
    font-size: 18px;
    margin-top: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 11;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.aboutus-box img{
    width: 50%;
    float: right;
    height: 350px;
}

.webanli{background: url(../images/bg3.jpg) no-repeat center;}
.anlitu-box{
    margin-top: 10px;
    padding-bottom: 45px;
}
.anlitu-box img{
    /*width: 286px;
    height: 177px;
    border: 1px solid white;
    margin-right: 16px;*/
}
/*.anlitu-box img:last-child{margin-right: 0px;}*/

.webnews{
    padding: 30px 0px;
    background-color: #F0F0F0;
}
.inews1{
    width: 397px;
    float: left;
    margin-right: 50px;
}
.inewstop{
    border-bottom: 2px solid #8C8C8C;
    height: 33px;
}
.inewstop div{
    color: #ff9400;
    font-size: 20px;
    width: auto;
    float: left;
}
.inewstop a{
    float: right;
    color: red;
    margin-top: 12px;
}
.inews-box{}
.inews-img{
    margin: 15px  0px;
}
.inewsli{
    position: relative;
    margin-bottom: 30px;
}
.inews-num{
    background-color: #FF9600;
    width: 50px;
    height: 50px;
    color: white;
    text-align: center;
    font-size: 35px;
    position: absolute;
    z-index: 2;
}
.inews-nr{
    width: 360px;
    float: right;
    /* padding: 0px 40px; */
    /* border: 1px solid #DBDBDB; */
}
.inews-titme{
    padding: 0px 40px;
    color: black;
}
.inews-li-d{
    border: 1px solid #DBDBDB;
    padding: 10px 40px;
    background-color: white;
}
.inews-li-d h3{
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inews-li-d p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
.inews2{}
.inews3{
    width: 305px;
    float: right;
}
.inews3box{
    margin-top: 15px;
    background-color: white;
    padding: 0px 10px;
    height: 443px;
    overflow: hidden;
}

.webfoot1{
    background-color: #2F2F2F;
    padding-bottom: 30px;
}
.webfoot1-d1{
    width: 400px;
    float: left;
}
.webfoot1-d1 img{
    margin: 30px 0px;
    max-width: 400px;
    height: 50px;
}
.webfoot1-d1 div{
    color: white;
    height: 100px;
    overflow: hidden;
}
.webfoot1-d2{
    width: 160px;
    float: left;
    margin-top: 30px;
    margin-left: 110px;
}
.webfoot1-d2 img{
    width: 160px;
    height: 160px;
}
.webfoot1-d2 p{
    text-align: center;
    color: white;
}
.webfoot1-img{
    width: 400px;
    height: 164px;
    float: right;
    margin-top: 30px;
}
.webfoot2{background-color: #222222; text-align: center;color: white;padding: 5px 0px;}
.webfoot2 a{color: white}