/************
Common Style
************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff; /*font:12px/19px '思源黑体';*/ color:#000; text-align:center;font-family:"思源黑体"}
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal }
img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
.nav-item{
margin:0 15px;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
/*a:hover { color:#f60; text-decoration:underline } */
.p_over1{
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;
}
.p_over2{
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
}
.p_over3{
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
}
.p_over4{
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
}
.p_over5{
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:5;
text-indent:2em;
}
.header .rx{
line-height:60px;
font-size:16px;
}
.header .rx i{
color:#ff0000;
font-size:18px;
margin-right:10px;
}
.product{
background:url(../img/bg.jpg) no-repeat;
background-size:cover;
}
.bt{
font-size:40px;
line-height:48px;
font-weight:600;
color:#444444;
}
.bt_gd{
padding:20px 0 60px 0;
}
.bt_p{
text-transform:uppercase;
font-size:50px;
color:#c1c1c1;
}
.img_fd{
margin:10px 0;
}
.padding-40{
padding: 40px 0 60px 0;
}
.product .img_gd{
position:relative;
overflow:hidden;
background:#fff;
}
.product .img_gd img{
width:100%;
transition: transform 1s ease-in-out;
}
.product .img_gd img:hover{
transition: all 2s;
transform: rotateY(160deg);
}
.product .img_gd p{
font-size:20px;
line-height:40px;
}
.product .img_gd .pro_bg{
/* background:#000;
opacity:0.7;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;*/
}
/*.product .img_gd .pro_bg:not(:hover) {
opacity: 0
}*/
.product .img_gd .pro_bg a{
color: #fff;
width: 22px;
height: 22px;
font-size: 22px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*新闻资讯样式*/
.time_box{
background:#cccccc33;
padding:20px 0;
}
.time_box p{
font-size:24px;
color: #626971;
font-weight:600;
}
.time_box span{
font-size: 16px;
color: #626971;
}
.news .time_box{
width:20%;
float:left;
}
.news .new_b{
width:80%;
float:left;
}
.news .new_b .new_b_t{
font-size:20px;
margin: 10px 0 14px 0;
}
.news .new_b .new_b_t2{
font-size:18px;
margin:8px 0;
}
.about .about_nr{
font-size:20px;
line-height:40px;
}
.about_bg{
background:url(../img/bg3.jpg) no-repeat;
background-size:cover;
padding:40px 0 60px 0;
}
.about .about_t{
background:#00000099;
padding: 120px 20px;
}
.about .about_t h3{
text-align:left;
font-size:40px;
color:#ffffff;
margin-left:40px;
}
.about .about_t p{
font-size:20px;
color:#fff;
margin:20px 0;
padding: 0 40px;
text-indent:2em;
}
.about .about_t .about_a{
/*width:20%;*/
margin:50px 0 0 35px;
background:#ffffff99;
color:#000;
font-size:24px;
line-height:48px;
display:inline-block;
float:left;
}
/*新闻资讯样式结束*/
.gsfc_box {
padding:60px 0;
background: url(../img/bg.jpg) no-repeat;
background-size: cover;
}
.bt_gd2{
text-align:left;
border-bottom:2px solid #c1c1c1;
width:95%;
}
.bt_gd2 .bt_p2{
font-size:26px;
display:inline-block;
line-height: 50px;
}
.bt_gd2 .bt_p2 span{
font-size:16px;
color:#c1c1c1;
text-transform:uppercase;
margin-left: 10px;
}
.bt_gd2 .more{
display:inline-block;
font-size: 18px;
line-height:50px;
float: right;
text-transform:uppercase;
}
.gsfc_gd{
position:relative;
margin: 20px 0;
}
.gsfc_gd .gsfc_yd{
position:absolute;
bottom:0px;
right:5px;
}
.gsfc_yd span{
width:15px;height:15px; border-radius:15px; background:#fff;display:inline-block;
}
.gsfc_lb li{
display:none;
}
.gsfc_lb li img{
transition: transform 1s ease-in-out;
width:100%;
display:block;
}
.lbzx {
display: block !important;
}
.lbzx2 {
background:#7f7f7f !important;
}
.hydt_gd{
text-align:left;
padding:0 10px;
/*margin:20px 0;*/
}
.hydt_gd .hydt_li{
font-size:20px;
line-height: 60px;
padding-bottom:5px;
border-bottom:1px dashed #c9c9c9;
margin-top: 14px;
}
.hydt_gd .hydt_li span{
width:25px;
height:25px;
border-radius:100%;
display:inline-block;
background:#c9c9c9;
text-align:center;
font-size:16px;
line-height:25px;
margin-right:10px;
color: #fff;
}
.hydt_bg{
background:#f00 !important;
}
.footer{
padding:40px 0 20px 0;
background:#7b7b7b;
color:#ffffff;
}
.footer_left{
text-align:left;
font-size:20px;
line-height: 50px;
}
.footer_left h3{
font-size:26px;
line-height:48px;
font-weight:600;
}
.footer_left p i{
width:25px;
text-align:center;
margin-right:10px;
}
.footer .footer_midden h4{
color:#ffffff;
font-size:20px;
line-height:40px;
}
.footer_midden a{
color:#fff;
}
.foot_b {
margin-top:20px;
}
.foot_b div a{
color:#ffffff;
font-size:16px;
line-height:30px;
}
.img_gd2{
overflow:hidden;
}
.thumbnail:hover .img_gd2 img{
transform: scale(1.2);
}
.developinfo .developinfo_h2 h2{
font-size:26px;
border-bottom:1px solid #c1c1c1;
padding: 0px 0 20px 20px;
}
.developinfo_cont{
margin-top:40px;
}
.developinfo_cont img{
max-width:100%;
}
.new_box_gd{
text-align:left;
margin:10px 0;
box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5);
}
.new_box_nr{
padding: 20px 30px;
background:#fff;
}
.new_box_nr h3{
font-size:24px;
line-height:40px;
}
.new_box_nr p{
font-size:16px;
line-height:24px;
}