*{
margin: 0;
}
body,html{
font-family: arial,"Microsoft YaHei";
}
header img{
width: 100%;
height: 753px;
}
.one_section{
width: 1190px;
margin: 0 auto;
}
.one_section h1{
margin-left: 45%;
font-size:36px ;
color: #000;
}
/*顶部图片下div 样式*/
.top_div_qj{
height:auto;
width: 1190px;
background-color: #eee;
}
.top_div_qj p{
width: 1100px;
margin:0 auto;
padding-top: 20px;
font-size:16px;
color: #333;
line-height: 2em;
text-indent: 2em;
}
/*公司照片轮播图*/
.two_section{
width: 800px;
height: 520px;
margin-top: 25px;
margin-right:auto;
margin-left:auto;
}
.two_section_ul{
margin: 0;
padding: 0;
list-style: none;
width: 800px;
height: 500px;
overflow: hidden;
}
.two_section img{
width: 800px;
height: 500px;
}
.two_section .hd {
padding-left: 2px;
position: absolute;
right: 909px;
z-index: 1;
width: 105px;
height: 50px;
}
.two_section .hd li {
background: none repeat scroll 0 0 #d0d3d3;
border: 1px solid #D8D8D8;
color: #d0d3d3;
float: left;
height: 10px;
width: 15px;
margin-right: 5px;
margin-left: -1px;
opacity: 0.7;
overflow: hidden;
text-align: center;
}
.two_section .hd li.on {
background: none repeat scroll 0 0 #e80013;
opacity: 1;
position: relative;
z-index: 2;
}
/*董事长*/
.three_section{
width: 1190px;
height: 436px;
margin-top: 45px;
margin-left:auto;
margin-right:auto;
}
.ds_01 img{
margin-top: 45px;
width: 265px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow:5px 0px #f56b68;
box-shadow:10px 0px #76e2ee;
-moz-box-shadow:5px 0px #f56b68 ;
-webkit-box-shadow: 5px 0px #f56b68;
}
.ds_02{
position: relative;
left: 34px;
}
.right_ts{
width: 500px;
height: 536px;
position: relative;
left: 612px;
top:-287px;
}
.right_ts i{
width: 500px;
height: 61px;
font-style: normal;
}
.right_ts>i>span{
display: inline-block;
font-size: 16px;
color: #666;
margin-left: 18px;
vertical-align: middle;
margin-top: -49px;
}
.right_ts p{
text-indent: 2em;
font-size: 16px;
line-height: 2em;
color: #666;
}
.right_ts a{
text-decoration: none;
}
/*头条动态*/
.four_section{
width: 1190px;
height: 500px;
margin-top: 55px;
margin-left:auto;
margin-right:auto;
position: relative;
}
.four_section_ul{
height: 330px;
width: 550px;
overflow: hidden;
margin-top: 40px;
}
.four_section .hd {
padding-left: 2px;
position: absolute;
left: 460px;
top:374px;
z-index:15;
width: 100px;
height: 50px;
}
.four_section .hd li {
background: url("../images/yuan2.png") no-repeat scroll 0 0;
float: left;
height: 15px;
width:15px;
margin-right: 5px;
opacity: 0.7;
overflow: hidden;
text-align: center;
}
.four_section .hd li.on {
background: url("../images/yuan1.png") no-repeat scroll 0 0;
opacity: 1;
position: relative;
z-index: 2;
}
.four_section_ul img{
height: 330px;
width: 550px;
}
.four_section_ul p{
width: 550px;
height: 35px;
color: #fff;
background-color: rgba(0,0,0,0.5);
z-index: 10;
position: absolute;
top:352px;
padding-top: 15px;
text-indent: 2em;
}
/*头条动态下的右边区域*/
.four_section_ul,.four_section_ul1{
float: left;
}
.four_section_ul,.four_section_ul01{
float: left;
}
.four_section_ul1{
width: 490px;
height:366px;
overflow: hidden;
margin-top:23px;
margin-left: 20px;
}
.four_section_ul1 li{
height: 100px;
letter-spacing:2px
}
.four_section_ul1 h3{
font-size: 16px;
font-family: "Microsoft YaHei";
}
.four_section_ul1 li a{
font-size:14px;
color: #333;
text-decoration: none;
font-family: "Microsoft YaHei",'宋体',Arial,sans-serif;
}
.four_section_ul1 li a:hover{
text-decoration: underline;
}
.four_section_ul01{
width: 490px;
height:383px;
overflow: hidden;
margin-top:23px;
margin-left: 20px;
}
.four_section_ul01 h3{
font-size: 16px;
font-family: "Microsoft YaHei";
}
.four_section_ul01 li{
height: 100px;
letter-spacing:2px
}
.four_section_ul01 li a{
font-size:14px;
color: #333;
text-decoration: none;
font-family: "Microsoft YaHei",'宋体',Arial,sans-serif;
}
.four_section_ul01 li a:hover{
text-decoration: underline;
}
hr{
height:1px;
border:none;
border-top:1px dashed #ccc;
}
.sPrev{
position: relative;
top: 385px;
left: -282px;
}
.sNext{
position: relative;
top: 385px;
left:-261px;
}
.color{
color:#3480d6;
}
/*领导关怀*/
.five_section{
width: 1190px;
height: 368px;
margin-left:auto;
margin-right:auto;
margin-top: -22px;
}
.five_section_ul{
width: 1190px;
height: 280px;
overflow: hidden;
position: relative;
}
.five_section .tempWrap{
margin-left: auto;
margin-right: auto;
}
.five_section_ul li{
list-style: none;
float: left;
margin-right: 10px;
}
.five_section_ul li img{
width: 380px;
height: 280px;
}
.five_section_ul>li>p{
position: absolute;
color: #fff;
text-align: center;
margin: 0 auto;
padding-top: 100px;
width: 380px;
height: 180px;
background-color: rgba(0,0,0,0.3);
z-index: 10;
}
/*领导关怀下控制左右轮播图的按钮*/
.five_section a{
display: inline-block;
width: 40px;
height: 61px;
vertical-align: top;
background: url("../images/icon_o2.png") no-repeat;
}
a.cPrev{
background-position:left top;
position: relative;
top:-149px;
left:9px;
}
a.cNext{
background-position:right top;
position: relative;
top:-149px;
left: 1087px;
}
/*精彩图集*/
.six_section{
width: 1190px;
height: 544px;
margin: 0 auto;
}
.six_section_ul{
list-style: none;
width: 1190px;
height: 491px;
padding: 0;
position: relative;
overflow: hidden;
}
.six_section_ul li{
width: 100%;
height: 100%;
}
.six_section_ul>li>.img_div_p{
position: relative;
float: left;
width: 355px;
height: 243px;
margin: 1px;
}
.six_section .tempWrap{
position: relative;
top:20px;
left: 60px;
}
.img_div_p>img{
float: left;
width: 355px;
height: 243px;
}
.img_div_p p{
display: none;
position: absolute;
bottom:-10px;
width: 335px;
color: #fff;
background-color:rgba(0,0,0,0.5) ;
text-indent: 2em;
padding: 10px;
}
/*控制轮播图的左右按钮*/
.six_section a{
display: inline-block;
width: 40px;
height: 61px;
vertical-align: top;
background: url("../images/icon_o2.png") no-repeat;
}
a.fPrev{
background-position:left top;
position: relative;
top: -268px;
left: -1px;
}
a.fPrev:hover{
background-position:left bottom;
}
a.fNext{
background-position:right top;
position: relative;
top: -268px;
right:-1106px;
}
a.fNext:hover{
background-position:right bottom;
}
/*底部图片*/
footer{
width: 100%;
margin-top: -281px;
}
footer img{
width: 100%;
}
@media screen and (max-width: 1080px){
header img{
width: 1190px;
height: 753px;
}
footer{
width: 100%;
margin-top: -84px;
}
}
.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;}