body,html{
font-family: "Microsoft YaHei";
}
header{
width: 100%;
margin: 0;
padding: 0;
}
/*顶部下的log部分*/
.logo_1{
margin: 0;
padding: 0;
width: 100%;
height: 499px;
}
.logo_1 img{
width: 100%;
height:499px;
}
.logo_2{
width: 100%;
height:17px;
margin: 0;
padding: 0;
}
.logo_2 img{
width: 100%;
height: 100%;
}
/*顶部logo end*/
/*董事长寄语部分*/
.center{
margin-left:auto;
margin-right:auto;
width: 1190px;
margin-top: -17px;
}
.c_img{
width: 1190px;
height:405px;
margin-left:auto;
padding-top: 30px;
}
/*董事长寄语部分end*/
/*企业文化部分*/
.w_img{
margin-top: 45px;
width:1190px;
height:750px;
margin-left:auto;
margin-right:auto;
}
.w_img_ul{
list-style: none;
width: 1190px;
height: 690px;
margin: 0;
padding: 0;
}
.w_img_ul li{
float: left;
padding: 0;
}
.w_img_ul li:nth-child(1){
width: 40%;
height: 100%;
}
.w_img_ul li:nth-child(2){
width: 58%;
height: 100%;
margin-left: -10px;
}
.left_text{
width: 444px;
height: 690px;
border: 1px solid #7ab554;
border-top:none;
margin-top: -5px;
}
.left_text img{
position: relative;
top:18px;
left: 18px;
}
.right_text{
width: 730px;
height: 690px;
border: 1px solid #7ab554;
border-top:none;
margin-top: -5px;
}
/*企业简介下的图片*/
.r_q2 img{
margin-top: 20px;
margin-left:20px;
}
.scroll p{
text-indent: 2em;
line-height: 2em;
color:#000;
font-size: 16px;
width: 680px;
height: 234px;
overflow: auto;
}
/*设置滚动条样式*/
.scroll{
position: relative;
top:20px;
left: 20px;
scrollbar-face-color:#ccc;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
.scroll ::-webkit-scrollbar-thumb{
background-color:#ccc;
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;}
/*鼠标点击滚动条显示样式*/
.scroll::-webkit-scrollbar-thumb:hover{
background-color:#ccc;
height:50px;
-webkit-border-radius:4px;
}
/*滚动条大小*/
.scroll ::-webkit-scrollbar{
width:8px;
height:8px;
}
/*滚动框背景样式*/
.scroll::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}
/*滚动条样式end*/
/*企业动态*/
.trends{
position: relative;
width: 1191px;
height: 300px;
margin-top: 60px;
margin-left:auto;
margin-right:auto;
border: 1px solid #7ab554;
}
.trends_img0{
position: relative;
top:-59px;
}
/*企业动态下左右轮播图*/
.left_roll{
width: 530px;
height:250px;
border:#ccc 1px dashed;
border-top:none;
border-left: none;
border-bottom:none;
margin-top: -46px;
}
.left_roll h3{
font_size:18px;
color:#139805;
font-weight:bold;
margin-left:15px;
}
.left_roll h3 img{
width:10px;
height:10px;
}
/*企业动态新闻下的图片*/
.bd{
list-style: none;
width: 244px;
height: 165px;
overflow: hidden;
position: relative;
top: 30px;
}
.bd img{
width:244px;
height: 165px;
}
.left_roll .hd {
padding-left: 2px;
position: absolute;
left: 93px;
top: 204px;
z-index: 1;
width: 103px;
height: 50px;
}
.left_roll .hd li {
background: none repeat scroll 0 0 #fff;
color: #d0d3d3;
float: left;
height: 4px;
width: 10px;
margin-right: 5px;
margin-left: -1px;
opacity: 0.7;
overflow: hidden;
text-align: center;
}
.left_roll .hd li.on {
background: none repeat scroll 0 0 #139805;
opacity: 1;
position: relative;
z-index: 2;
}
.trends_t{
width: 178px;
height:160px;
position: relative;
top: -238px;
left: 287px;
}
.span1{
display: inline-block;
width: 64px;
position: absolute;
top: 161px;
left: 178px;
}
/*详细*/
.span1>a{
text-decoration: none;
color:#7ab554;
}
.trends_t>li>p>a{
display: inline-block;
width: 175px;
height: 160px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color:#000;
line-height: 2em;
}
.trends_t>li>p>a:hover{
text-decoration: underline;
color:#000;
}
/*翻页按钮*/
.trends button{
color: #7ab554;
border: 1px solid #7ab554;
background-color: #fff;
float: left;
position: relative;
top:-454px;
right:-1092px;
border-radius: 20%;
}
#btnPrev{
margin-right: 15px;
}
/*企业动态下右边区域*/
.right_roll{
width: 50%;
height: 217px;
position: relative;
top: -448px;
left: 564px;
line-height: 2em;
}
.right_roll li a{
text-decoration: none;
color: #000;
}
.right_roll li a:hover{
text-decoration: underline;
color: dodgerblue;
}
.right_roll .time{
position: absolute;
right: 34px;
}
.new{
display: none;
color: red;
}
/*领导关怀*/
.thought{
width: 1190px;
height:423px;
margin-top: 90px;
margin-left:auto;
margin-right:auto;
border: 1px solid #7ab554;
border-top: none;
}
.thought i{
position: relative;
top:-52px;
}
/*领导关怀下的轮播小图*/
.project-strip-ul{
list-style: none;
height:342px;
width: 1185px;
overflow: hidden;
}
.project-strip-ul li{
float: left;
height:340px;
width: 318px;
}
.project-strip-ul li>p{
padding: 0;
margin: 0;
width: 318px;
height: 340px;
background-color: rgba(255,255,255,0.5);
z-index: 100;
}
.project-strip-ul li img{
width: 318px;
height: 340px;
}
.thought .tempWrap{
position: relative;
top:-324px;
left: 20px;
width: 1150px !important;
}
/*中间显示的大图*/
.center-big{
width: 552px;
height: 343px;
margin-top: 24px;
}
.center-big>.tempWrap{
width: 552px !important;
height: 343px !important;
top:-691px;
left:310px;
}
.project-detail-ul{
list-style: none;
width: 552px;
height: 343px;
z-index: 1;
overflow: hidden;
}
.project-detail-ul li{
width: 552px;
height: 343px;
}
.project-detail-ul li img{
width: 552px;
height: 343px;
}
/*.project-detail-ul p{
z-index: 10;
width: 552px;
height: 30px;
background-color: rgba(0,0,0,0.5);
color: #fff;
}*/
/*左右点击按钮*/
.thought a{
display: inline-block;
width: 45px;
height: 25px;
background: url("../images/icon-01_03.png") no-repeat;
vertical-align: top;
position: relative;
top:-676px;
left: 538px;
margin-right: 20px;
}
a.bPrev{
background-position: left top;
}
a.bNext{
background-position: right top;
}
/*产业优势*/
.advantage{
width: 1190px;
height: 300px;
margin-top: 90px;
margin-left:auto;
margin-right:auto;
border: 1px solid #7ab554;
border-top: none;
}
.advantage>i{
position: relative;
top:-52px;
}
.pltb_bt{
padding-left: 50px;
font-size: 16px;
color: #fff;
}
.advantage>.tempWrap{
width:1190px !important;
top:-19px;
}
.smallImg{
height: 262px;
width: 1190px;
background-color: #6bc332;
list-style:none;
overflow: hidden;
}
.smallImg img{
border:3px solid #fff;
}
.smallImg li{
float: left;
width: 260px;
margin-top: 30px;
margin-right: 20px;
margin-bottom: 30px;
}
.smallImg img{
width: 270px;
height: 170px;
}
/*左右轮播控制按钮*/
.advantage a{
display: inline-block;
width: 35px;
height:55px;
background: url("../images/icon_o2.png") no-repeat;
vertical-align: top;
}
a.sPrev{
background-position: left top;
position: relative;
top:-202px;
}
a.sPrev:hover{
background-position: left bottom;
}
a.sNext{
background-position: right top;
position: relative;
top:-202px;
right: -1116px;
}
a.sNext:hover{
background-position: right bottom;
}
/*左右轮播控制按钮end*/
/*点击后放大图片的样式*/
.dialog {
background-size: cover;
background-position: 50% 50%;
}
.dialog.first {
background-image: url("../images/chan_you1.jpg"); }
.dialog.second {
background-position: 50% 10%;
background-image: url("../images/chan_you2.jpg"); }
.dialog.third {
background-image: url("../images/chan_you3.jpg"); }
footer h1 {
padding-left: 20px;
background: #e9e9e9;
color: #222222;
font-size: 16px; }
iframe {
margin-bottom: -5px;
margin-left: 2px; }
/*发展模式*/
.fd_12{
width: 1190px;
height: 712px;
margin-top: 90px;
margin-left:auto;
margin-right:auto;
border: 1px solid #7ab554;
border-top: none;
}
.fd_12 i{
position: relative;
top:-52px;
}
/*发展模式下顶部文字区域*/
.fd_text{
font-size: 16px;
color: #333;
height: 36px;
text-indent: 2em ;
line-height: 2em;
margin: -18px auto;
width: 1100px;
}
.fd_ul{
width: 1137px;
height: 50px;
margin-top: 95px;
margin-left:auto;
margin-right:auto;
padding: 0;
}
.fd_ul li{
list-style: none;
display: inline-block;
width: 373px;
height: 50px;
}
.fd_ul li button{
width: 375px;
height: 50px;
color: #fff;
font-size: 24px;
text-align: center;
border: none;
}
.fd_bottom{
width: 1137px;
height: 489px;
margin-left:auto;
margin-right:auto;
}
.fd_bottom i{
width: 800px;
height: 450px;
position: relative;
top:20px;
left: 20px;
}
.fd_bottom i,.right_t{
float: left;
}
.show{
display: block;
}
.active{
background-color: #119904;
}
/*发展模式下的文字区域*/
.right_t{
width: 297px;
line-height: 2em;
color: #fff;
font-size:36px;
position: relative;
top:154px;
right: -54px;
}
/*设置背景图片*/
body{
background: url("../images/bg_img-01.png") repeat;
}
.body_center{
background-color:#fff;
width: 1272px;
margin: 0 auto;
}
.foot_img{
width: 100%;
height: auto;
}
.foot_img img{
width: 100%;
}
/*底部样式*/
footer{
width: 100%;
}
.footerfirst{width:100%;height:40px; border-top:2px solid #dde6eb; overflow:hidden; font-size:12px; font-family:"ËÎÌå";background:#FFF;}
.footerfirst_main{height:40px;margin:0px auto;color:#b7b7b7;line-height:40px;overflow:hidden;padding-left:10px; text-align:center}
.footerfirst_main a{color:#585858;padding:0px 12px; }
.footerfirst_main a:hover{color:#0466A3;text-decoration:underline;}
.footersecond{width:100%; height:120px;overflow:hidden; font-size:12px; font-family:"ËÎÌå"; font-family:Arial, Helvetica, sans-serif;background:#FFF;}
.footersecond_main{width:1190px;height:120px;margin:0px auto 0px;background:#FFF;}
.footersecond_main_left{width:269px;height:199px;float:left;overflow:hidden;background:#4d4d4d;}
.footersecond_main_left_top{width:269px;height:46px; margin-top:23px;}
.footersecond_main_left p{color:#b7b7b7;}
.footersecond_min_left_bot{width:204px;height:115px;padding-top:7px;margin-left:30px;line-height:23px;overflow:hidden;}
.footersecond_main_right{width:980px; text-align:center; overflow:hidden;color:#585858;line-height:26px;}
.footersecond_main_right p{text-align:center; float:left; width:980px;}
.foooter_img{ float:left; width:980px; height:80px;}
.footersecond_main_right a{color:#585858;}
.footersecond_main_right a:hover{color:#FF702D;text-decoration:underline;}
.footernew{ width:1028px; height:52px; margin:15px auto 20px;background:#FFF;}
.footernew ul{width:970px;height:52px; margin:0 auto}
.footernew ul li{ float:left; width:122px; height:52px; margin-left:15px; overflow:hidden; display:inline;}
/*为让页面在手机端也能展示 设置的样式*/
@media screen and (max-width: 1080px){
header,footer{
width: 1190px;
}
}